-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge remote-tracking branch 'upstream/next' into migrate-material-to-v2
- Loading branch information
Showing
111 changed files
with
1,456 additions
and
902 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,78 @@ | ||
| # [Versions](https://mui.com/versions/) | ||
|
|
||
| ## v6.0.0-alpha.3 | ||
|
|
||
| <!-- generated comparing v6.0.0-alpha.2..next --> | ||
|
|
||
| _Apr 17, 2024_ | ||
|
|
||
| A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨: | ||
|
|
||
| - 🔥 Converted 5 more Material UI components to use Pigment CSS. | ||
| - 🚀 Added container queries utility to the `@mui/system` package (#41674) @siriwatknp. | ||
|
|
||
| ### `@mui/[email protected]` | ||
|
|
||
| - Convert `LinearProgress` to support Pigment CSS (#41816) @siriwatknp | ||
| - [Dialog] Prevent onClick on the root element from being overwritten (#41881) @ryanburr | ||
| - [FloatingActionButton] Convert to support CSS extraction (#41851) @gijsbotje | ||
| - Convert `CircularProgress` to support Pigment CSS (#41776) @siriwatknp | ||
| - [PaginationItem] Convert to support CSS extraction (#41848) @gijsbotje | ||
| - [StepConnector] deprecate composed classes (#41740) @sai6855 | ||
| - [StepLabel] Deprecate `StepIconComponent`, `StepIconProps` (#41835) @sai6855 | ||
| - [ToggleButton] Convert to support CSS extraction (#41782) @lhilgert9 | ||
| - [ToggleButtonGroup] Deprecate composed classes (#41288) @sai6855 | ||
| - [Typography] Fix Typography inherit variant styles (#41308) @kealjones-wk | ||
|
|
||
| ### `@mui/[email protected]` | ||
|
|
||
| - Add container queries utility (#41674) @siriwatknp | ||
|
|
||
| ### `@mui/[email protected]` | ||
|
|
||
| - Add styled v6 transformation (#41743) @siriwatknp | ||
|
|
||
| ### `@mui/[email protected]` | ||
|
|
||
| - [Button] Disable text highlighting (#41902) @mithun522 | ||
|
|
||
| ### `@pigment-css/[email protected]` | ||
|
|
||
| - Patch WyW's WeakRef usage (#41909) @DiegoAndai | ||
| - Implement sx transform for system components (#41861) @brijeshb42 | ||
|
|
||
| ### Docs | ||
|
|
||
| - [material-ui] Add Connect-related content (#40848) @danilo-leal | ||
| - [material-ui] Fix credit comment typo (#41872) @aarongarciah | ||
| - [material-ui] Remove Data Grid v7 beta callout (#41839) @cherniavskii | ||
| - [material-ui] Add stray design tweaks to free templates (#41696) @zanivan | ||
| - [material-ui] Simplify components styling on templates (#41845) @zanivan | ||
| - [material-ui][Button] Add `onChange` event handler to file upload example (#41863) @aarongarciah | ||
| - [material-ui] Fix import statement in migration guide (#41852) @sai6855 | ||
| - Fix 301 redirection @oliviertassinari | ||
| - Fix format git diff regression (#41882) @oliviertassinari | ||
| - Fix small SEO issues @oliviertassinari | ||
| - [pigment-css] Fix README typos (#41870) @MohammadShehadeh | ||
|
|
||
| ### Core | ||
|
|
||
| - Begin removing IE 11-related code (#41709) @iammminzzy | ||
| - [blog] Add post to introduce the Connect plugin (#41763) @danilo-leal | ||
| - [code-infra] Fix require.context with aliases (#41682) @Janpot | ||
| - [code-infra] Allow customizing hooks imports in API docs generator (#41828) @michaldudak | ||
| - [codemod] Add utils for `*Component` and `*Props` props deprecations (#41685) @DiegoAndai | ||
| - Replace bundle size reporter filter (#38979) @Janpot | ||
| - [docs-infra] Make the whole header clickable (#39603) @MoazMirza-13 | ||
| - [docs-infra] Improve demo container and related components design (#41827) @danilo-leal | ||
| - [docs-infra] Use edge function for card generation (#41188) (#41836) @alexfauquette | ||
| - [docs-infra] Fix code block layout shift (#41917) @oliviertassinari | ||
| - [docs-infra] Fine-tune the OG card image design (#41862) @danilo-leal | ||
| - [docs-infra] Fix markdown version for material (#41908) @alexfauquette | ||
| - [docs-infra] Support multiple tabs in demos (#40901) @bharatkashyap | ||
|
|
||
| All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @bharatkashyap, @brijeshb42, @cherniavskii, @danilo-leal, @DiegoAndai, @EyaOuenniche, @gijsbotje, @iammminzzy, @Janpot, @kealjones-wk, @lhilgert9, @magnimarels, @michaldudak, @mithun522, @mnajdova, @MoazMirza-13, @MohammadShehadeh, @oliviertassinari, @ryanburr, @sai6855, @siriwatknp, @zanivan | ||
|
|
||
| ## v6.0.0-alpha.2 | ||
|
|
||
| <!-- generated comparing v6.0.0-alpha.1..next --> | ||
|
|
||
79 changes: 79 additions & 0 deletions
79
apps/pigment-css-next-app/src/app/material-ui/react-radio-button/page.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| 'use client'; | ||
| import * as React from 'react'; | ||
| import ColorRadioButtons from '../../../../../../docs/data/material/components/radio-buttons/ColorRadioButtons'; | ||
| import ControlledRadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup'; | ||
| import CustomizedRadios from '../../../../../../docs/data/material/components/radio-buttons/CustomizedRadios'; | ||
| import ErrorRadios from '../../../../../../docs/data/material/components/radio-buttons/ErrorRadios'; | ||
| import FormControlLabelPlacement from '../../../../../../docs/data/material/components/radio-buttons/FormControlLabelPlacement'; | ||
| import RadioButtonsComponent from '../../../../../../docs/data/material/components/radio-buttons/RadioButtons'; | ||
| import RadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/RadioButtonsGroup'; | ||
| import RowRadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/RowRadioButtonsGroup'; | ||
| import SizeRadioButtons from '../../../../../../docs/data/material/components/radio-buttons/SizeRadioButtons'; | ||
| import UseRadioGroup from '../../../../../../docs/data/material/components/radio-buttons/UseRadioGroup'; | ||
|
|
||
| export default function RadioButtons() { | ||
| return ( | ||
| <React.Fragment> | ||
| <section> | ||
| <h2> Color Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <ColorRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Controlled Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <ControlledRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Customized Radios</h2> | ||
| <div className="demo-container"> | ||
| <CustomizedRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Error Radios</h2> | ||
| <div className="demo-container"> | ||
| <ErrorRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Form Control Label Placement</h2> | ||
| <div className="demo-container"> | ||
| <FormControlLabelPlacement /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsComponent /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Row Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RowRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Size Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <SizeRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Use Radio Group</h2> | ||
| <div className="demo-container"> | ||
| <UseRadioGroup /> | ||
| </div> | ||
| </section> | ||
| </React.Fragment> | ||
| ); | ||
| } |
80 changes: 80 additions & 0 deletions
80
apps/pigment-css-vite-app/src/pages/material-ui/react-radio-button.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,80 @@ | ||
| import * as React from 'react'; | ||
| import MaterialUILayout from '../../Layout'; | ||
| import ColorRadioButtons from '../../../../../docs/data/material/components/radio-buttons/ColorRadioButtons.tsx'; | ||
| import ControlledRadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup.tsx'; | ||
| import CustomizedRadios from '../../../../../docs/data/material/components/radio-buttons/CustomizedRadios.tsx'; | ||
| import ErrorRadios from '../../../../../docs/data/material/components/radio-buttons/ErrorRadios.tsx'; | ||
| import FormControlLabelPlacement from '../../../../../docs/data/material/components/radio-buttons/FormControlLabelPlacement.tsx'; | ||
| import RadioButtonsComponent from '../../../../../docs/data/material/components/radio-buttons/RadioButtons.tsx'; | ||
| import RadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/RadioButtonsGroup.tsx'; | ||
| import RowRadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/RowRadioButtonsGroup.tsx'; | ||
| import SizeRadioButtons from '../../../../../docs/data/material/components/radio-buttons/SizeRadioButtons.tsx'; | ||
| import UseRadioGroup from '../../../../../docs/data/material/components/radio-buttons/UseRadioGroup.tsx'; | ||
|
|
||
| export default function RadioButtons() { | ||
| return ( | ||
| <MaterialUILayout> | ||
| <h1>RadioButtons</h1> | ||
| <section> | ||
| <h2> Color Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <ColorRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Controlled Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <ControlledRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Customized Radios</h2> | ||
| <div className="demo-container"> | ||
| <CustomizedRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Error Radios</h2> | ||
| <div className="demo-container"> | ||
| <ErrorRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Form Control Label Placement</h2> | ||
| <div className="demo-container"> | ||
| <FormControlLabelPlacement /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsComponent /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Row Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RowRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Size Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <SizeRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Use Radio Group</h2> | ||
| <div className="demo-container"> | ||
| <UseRadioGroup /> | ||
| </div> | ||
| </section> | ||
| </MaterialUILayout> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.