Skip to content
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

[pigment-css][demo] Improve sx prop support #41589

Merged
merged 5 commits into from
Mar 27, 2024

Conversation

brijeshb42
Copy link
Contributor

@brijeshb42 brijeshb42 commented Mar 21, 2024

With this change, we are now able to build both vite and next.js demo apps without disabling sx prop transpilation. There are two commits:

  1. First one implements changes to sx prop transpilation logic to allow more cases to pass through
  2. 2nd commit makes changes in the demo app code. Mainly add error boundary in the vite app.

@brijeshb42 brijeshb42 added the package: pigment-css Specific to @pigment-css/* label Mar 21, 2024
@mui-bot
Copy link

mui-bot commented Mar 21, 2024

Netlify deploy preview

https://deploy-preview-41589--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 476a987

@brijeshb42 brijeshb42 force-pushed the pigment/demo-sx branch 2 times, most recently from 8bbfe5a to 0f0e553 Compare March 22, 2024 06:00
Comment on lines +22 to +28
className={css`
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
`}
Copy link
Member

Choose a reason for hiding this comment

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

why not sx? if it's for testing, it's fine for me.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Mainly because I was copy pasting and sx only supports object syntax.

@@ -33,7 +33,6 @@
"@wyw-in-js/shared": "^0.5.0",
"@wyw-in-js/transform": "^0.5.0",
"babel-plugin-define-var": "^0.1.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
Copy link
Member

@siriwatknp siriwatknp Mar 22, 2024

Choose a reason for hiding this comment

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

I'll move the define-var to pigment repo later.

Copy link
Member

@siriwatknp siriwatknp left a comment

Choose a reason for hiding this comment

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

👍 This is awesome!

@github-actions github-actions bot added PR: out-of-date The pull request has merge conflicts and can't be merged and removed PR: out-of-date The pull request has merge conflicts and can't be merged labels Mar 25, 2024
@brijeshb42 brijeshb42 force-pushed the pigment/demo-sx branch 4 times, most recently from 397a355 to 9a1e6bd Compare March 26, 2024 10:35
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 26, 2024
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 27, 2024
@brijeshb42 brijeshb42 merged commit 2fe96e4 into mui:next Mar 27, 2024
19 checks passed
@brijeshb42 brijeshb42 deleted the pigment/demo-sx branch March 27, 2024 10:44
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Mar 29, 2024
tejasparkar pushed a commit to tejasparkar/material-ui that referenced this pull request Mar 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: pigment-css Specific to @pigment-css/*
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants