-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
components: Remove @emotion/css
from Spacer
#33055
Conversation
Size Change: +676 B (0%) Total Size: 1.05 MB
ℹ️ View Unchanged
|
01cfdb3
to
38131d7
Compare
e048ec0
to
e805987
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I just left a comment about the order in which CSS props are applied, but otherwise LGTM!
Co-authored-by: Marco Ciampini <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changing the order in which the margin
and padding
props are applied caused a snapshot test "error", which highlighted a side effect of this change.
Apart from updating the snapshot, we should also look for every usage of <Spacer />
and see if the margin
/marginX
/marginY
/padding
/paddingX
/paddingY
props are specified and are expected to override any "single" top/right/bottom/left value — as that wouldn't be the case anymore with the changes from this PR.
Lucky there are no usages of the component 🙂 |
Description
Part of #30503 (comment)
I also added a story to make it easier to test.
How has this been tested?
Test it out in Storybook. All the props should work as expected.
Types of changes
Non breaking change
Checklist:
*.native.js
files for terms that need renaming or removal).