Skip to content

[Paper] Migrate to emotion#24397

Merged
mnajdova merged 4 commits into
mui:nextfrom
povilass:next
Jan 14, 2021
Merged

[Paper] Migrate to emotion#24397
mnajdova merged 4 commits into
mui:nextfrom
povilass:next

Conversation

@povilass

Copy link
Copy Markdown
Contributor

@mui-pr-bot

mui-pr-bot commented Jan 13, 2021

Copy link
Copy Markdown

@material-ui/core: parsed: +0.21% , gzip: +0.12%
@material-ui/lab: parsed: +0.20% , gzip: +0.09%

Details of bundle changes

Generated by 🚫 dangerJS against 4546392

@povilass

Copy link
Copy Markdown
Contributor Author

Demo code

@mnajdova mnajdova added the scope: paper Changes related to the <Paper>. label Jan 13, 2021
Comment thread packages/material-ui/src/Paper/Paper.d.ts Outdated
Comment thread packages/material-ui/src/Paper/Paper.test.js

@mnajdova mnajdova left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, just a couple of minor comments :)

@mnajdova

Copy link
Copy Markdown
Member

For fixing the framer issue, feel free to add the sx prop in the ignored props for the Paper in the framerConfig.

diff --git a/framer/scripts/framerConfig.js b/framer/scripts/framerConfig.js
index fb02f439b6..526d4d294a 100644
--- a/framer/scripts/framerConfig.js
+++ b/framer/scripts/framerConfig.js
@@ -225,6 +225,7 @@ export const componentSettings = {
   },
   Paper: {
     ignoredProps: [
+      'sx',
       // FIXME: `Union`
       'variant',
     ],

@povilass

Copy link
Copy Markdown
Contributor Author

Yes, just look at that and did not get why this is happening with the framer xd.

@povilass

povilass commented Jan 13, 2021

Copy link
Copy Markdown
Contributor Author

Ok, great all seems to be ok now. I think after the release 5.0.0-alpha.23, I will commit AppBar, because I need Paper with emotion or if this will be merged to master.

@mnajdova

Copy link
Copy Markdown
Member

Demo code

In the future if you want to test showcase codesandbox with recent changes, you can open any example on this build, by following the netlify build - it will contain the codesandbox packages for this PR
image

I've created this demo with the recent changes - https://codesandbox.io/s/variants-material-demo-forked-qf81f?file=/demo.js

Ok, great all seems to be ok now. I think after the release 5.0.0-alpha.23, I will commit AppBar, because I need Paper with emotion or if this will be merged to master.

Sounds great!

@mnajdova mnajdova left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! This is the first PR from the community for migrating a component to the new styling engine. 🙏 Thanks for your contribution!

@povilass

Copy link
Copy Markdown
Contributor Author

Yes I tried netlify in previous issues.

Comment thread packages/material-ui/src/Paper/Paper.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

scope: paper Changes related to the <Paper>.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants