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

[material-ui][Button] Convert to support CSS extraction #41378

Merged
merged 26 commits into from
Apr 1, 2024

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Mar 6, 2024

Screen.Recording.2567-03-22.at.15.04.43.mov

@siriwatknp siriwatknp added component: button This is the name of the generic UI component, not the React module! component: ButtonBase The React component. package: material-ui Specific to @mui/material package: pigment-css Specific to @pigment-css/* labels Mar 6, 2024
@mui-bot
Copy link

mui-bot commented Mar 6, 2024

Netlify deploy preview

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

@material-ui/core: parsed: +0.03% , gzip: +0.09%
@material-ui/lab: parsed: +0.07% , gzip: +0.20%

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against ca447ca

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 12, 2024
@siriwatknp
Copy link
Member Author

Moved to v6

@siriwatknp siriwatknp closed this Mar 13, 2024
@siriwatknp siriwatknp reopened this Mar 20, 2024
@siriwatknp siriwatknp changed the base branch from master to next March 20, 2024 04:08
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 22, 2024
@siriwatknp siriwatknp marked this pull request as ready for review March 22, 2024 08:06
@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
Copy link
Member

@DiegoAndai DiegoAndai left a comment

Choose a reason for hiding this comment

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

Had 2 small comments for the Button CSS extraction.

The styled changes make sense to me, although I might not have as much context as Brijesh or Marija.

Could these changes be split into separate PRs? One for the Button CSS extraction and another for the styled changes?

packages/mui-material/src/Button/Button.js Show resolved Hide resolved
Comment on lines 290 to 292
props({ ownerState }) {
return ownerState.size === 'small';
},
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
props({ ownerState }) {
return ownerState.size === 'small';
},
props: { size: 'small' }

Should work, right?

The same comment for the similar prop callbacks below

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes, thanks.

@siriwatknp
Copy link
Member Author

Could these changes be split into separate PRs? One for the Button CSS extraction and another for the styled changes?

That makes sense. It can be split.

@@ -12,6 +12,7 @@
"@pigment-css/react": "workspace:^",
"@mui/utils": "workspace:^",
"@mui/base": "workspace:^",
"@mui/lab": "workspace:^",
Copy link
Member Author

Choose a reason for hiding this comment

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

The demo contains LoadingButton from @mui/lab

@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 28, 2024
Copy link
Contributor

@brijeshb42 brijeshb42 left a comment

Choose a reason for hiding this comment

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

LGTM

@siriwatknp siriwatknp merged commit fbf6875 into mui:next Apr 1, 2024
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: button This is the name of the generic UI component, not the React module! component: ButtonBase The React component. package: material-ui Specific to @mui/material package: pigment-css Specific to @pigment-css/* v6.x
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants