[Paper] Migrate to emotion

[povilass]

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

@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]

Demo code

[mnajdova]

Looks great, just a couple of minor comments :)

[mnajdova]

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]

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

[povilass]

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]

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

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]

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

[povilass]

Yes I tried netlify in previous issues.