Releases: mui/material-ui
v6.0.0-rc.0
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Rendering performance improvements
@mui/material@6.0.0-rc.0
Breaking changes
-
[Box] Remove
component
fromBoxOwnProps
(#43384) @DiegoAndaiThe
component
prop has been removed from theBoxOwnProps
as it is already included in theBox
type.
This might affect your code if you are using thestyled
function with theBox
component.
If this is the case, use adiv
element instead ofBox
:-const StyledBox = styled(Box)` +const StyledDiv = styled('div')` color: white; `;
This yields the same end result.
If this doesn't work for you, you can also cast thestyled
returned value totypeof Box
:const StyledBox = styled(Box)` color: white; -`; +` as typeof Box;
Changes
- [ListItem] Remove unnecessary TypeScript test (#43359) @sai6855
- Skip generating CSS variables for a custom spacing function (#43389) @siriwatknp
- Revert visual regressions from #42283 (#43364) @ZeeshanTamboli
@mui/codemod@6.0.0-rc.0
- Add Grid2 to removeSystemProps codemod (#43302) @DiegoAndai
Docs
- [blog] Add video to the Pigment CSS blog post (#42500) @oliviertassinari
- Fix broken link to milestones (#43379) @oliviertassinari
- Update CSS theme variables related content (#43130) @siriwatknp
- Fix link to createTheme source (#43332) @oliviertassinari
- Add cache to avoid unnecessary jsx dynamic import and theme getting (#43139) @Vxee
- Fix broken link to Next.js docs @oliviertassinari
- [material-ui] Revamp
Composition
guide (#43266) @ZeeshanTamboli - [material-ui][Menu] Replace
PaperProps
withslotProps.paper
in demos (#43354) @sai6855
Core
- [code-infra] Change docs:start script to serve the exports folder (#43375) @Janpot
- [core] Fix typescript-next CI workflow (#43394) @aarongarciah
- [core] Run
@mui/system
TypeScript module augmentation tests in CI (#43386) @ZeeshanTamboli - [core] Enable manage-package-manager-versions pnpm flag (#43366) @aarongarciah
- [core] Replace
indexOf
withincludes
(#42883) @k-rajat19 - [docs-infra] Add GitHub source link to components (#43228) @Jay-Karia
- [docs-infra] Fix copy shortcut (#43361) @oliviertassinari
- [perf] Remove theme/styling allocations (#43372) @romgrk
- [perf] Improve
composeClasses
(#43363) @romgrk - [perf] Remove system allocations (#43306) @romgrk
All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @Janpot, @Jay-Karia, @k-rajat19, @oliviertassinari, @rluzists1, @romgrk, @sai6855, @siriwatknp, @Vxee, @ZeeshanTamboli
v6.0.0-beta.6
A big thanks to the 18 contributors who made this release possible.
@mui/material@6.0.0-beta.6
- [Autocomplete] Improve the
options
prop description (#41591) @pluvio72 - [Autocomplete] Remove autocomplete warning regarding value not equal to option (#43314) @ZeeshanTamboli
- [Divider] Add aria-orientation (#43241) @aarongarciah
- [IconButton] Fix hover background color behavior (#43271) @mnajdova
- [TypeScript] Refactor types so they're compatible with upcoming React 19 (#43276) @DiegoAndai
- [Typography] Replace dot notation color value to work with Pigment CSS (#43288) @siriwatknp
- [pigment-css] Fix
getSelector
prefers-color-scheme to be object (#43237) @siriwatknp - Remove
display="block"
usage to work with Pigment CSS (#43307) @siriwatknp
@mui/codemod@6.0.0-beta.6
- [codemod] Skip sx spread transformation (#43291) @siriwatknp
@mui/styles@6.0.0-beta.6
Docs
- [material-ui] Audit and copyedit the v6 migration doc (#43073) @samuelsycamore
- [material-ui] Fix Material Icon search lag and other improvements (#41330) @anle9650
- [material-ui][Popover] Fix description and title of hover interaction section (#43290) @ZeeshanTamboli
- [material-ui] Refine and unify custom template themes (#43220) @zanivan
- [joy-ui] Fix data grid redirection (#43247) @sai6855
- [mui-system] Add import statement in docs (#43223) @sai6855
- Update babel config (#43286) @romgrk
- Fix outdated references to Materal UI version (#43321) @oliviertassinari
- Polish migration git diff experience @oliviertassinari
- Update LTS to match format (#43212) @oliviertassinari
- Fix Pigment CSS migration content (#43217) @siriwatknp
Core
- [code-infra] Remove
userEvent
export from@mui/internal-test-utils
(#43313) @LukasTy - [code-infra] Remove unnecessary alias (#43320) @Janpot
- [code-infra] Fix utils bundle size entrypoint (#43304) @Janpot
- [core] missing and incorrect scripts (#43209) @Jay-Karia
- [core] Set Node 14 as minimum version in all browserslist envs (#43326) @aarongarciah
- [core] Add React 19 as peer dependency (#43216) @aarongarciah
- [core] Pin
eslint-plugin-jsx-a11y
version to 6.7.1 (#43292) @Janpot - [core] Update supported Node.js version to 14 (#43315) @Janpot
- [core] Use fs instead of fs-extra in script utils (#43234) @DiegoAndai
- [core] Refactor system theme props (#43120) @romgrk
- [docs-infra] Fix some TS issues for X docs (#43285) @Janpot
- [docs-infra] Move API pages to TS (#43199) @alexfauquette
- [docs-infra] Fix broken sandboxes with relative module imports (#42767) @bharatkashyap
- [docs-infra] Simplify API sections typing (#43128) @alexfauquette
- [examples] Fix import (#43316) @aarongarciah
- [examples] Add material-ui-pigment-css for Next.js and Vite (#43065) @siriwatknp
- [examples] Replace wrong import with
@mui/material/styles
(#43236) @siriwatknp - [useMediaQuery] Adapt test implementation for React 19 (#43269) @aarongarciah
- [test] Update
matchMedia
mocks (#43240) @cherniavskii - [test] Remove unnecessary ref param (#43282) @aarongarciah
- [website] Update showcase to include Toolpad Core (#43226) @bharatkashyap
- [website] Replace React.MutableRefObject with React.RefObject (#43284) @aarongarciah
All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @anle9650, @bharatkashyap, @cherniavskii, @DiegoAndai, @Janpot, @Jay-Karia, @jlewins, @mnajdova, @oliviertassinari, @pluvio72, @renovate[bot], @romgrk, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
v5.16.7
Aug 9, 2024
A big thanks to the 3 contributors who made this release possible.
@mui/material@5.16.7
- [material-ui][mui-system] Add support for version runtime checks (#43233) @DiegoAndai
Docs
- [docs] Fix 301 @oliviertassinari
Core
- [website] Fix wrong link in pricing table (@zanivan) (#43143) @zanivan
- [website] Add blog link to pricing table (@zanivan) (#43140) @zanivan
All contributors of this release in alphabetical order: @DiegoAndai, @oliviertassinari, @zanivan
v6.0.0-beta.5
Aug 8, 2024
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- Remove some deprecated props from the ListItem component (#41566) @thathva
- Bumped the minimum supported version of TypeScript to v4.7 (#43116) @mnajdova
@mui/material@6.0.0-beta.5
BREAKING CHANGES
-
[material-ui][ListItem] Removing deprecated props (#41566) @thathva
ListItem
's propsautoFocus
,button
,disabled
, andselected
, deprecated in v5, have been removed. To replace thebutton
prop, useListItemButton
instead. The other removed props are available in theListItemButton
component as well.-<ListItem button /> +<ListItemButton />
Use this codemod to migrate your project to the
ListItemButton
component:npx @mui/codemod@next v6.0.0/list-item-button-prop <path/to/folder>
As the
ListItem
no longer supports these props, the class names related to these props were removed. You should use thelistItemButtonClasses
object instead.-import { listItemClasses } from '@mui/material/ListItem'; +import { listItemButtonClasses } from '@mui/material/ListItemButton'; - listItemClasses.button + listItemButtonClasses.root - listItemClasses.focusVisible + listItemButtonClasses.focusVisible - listItemClasses.disabled + listItemButtonClasses.disabled - listItemClasses.selected + listItemButtonClasses.selected
Changes
- [material-ui][Autocomplete] Fix default value for multiple mode getting redefined with React 19 (#43189) @DiegoAndai
- [material-ui] Merge
CssVarsProvider
intoThemeProvider
(#43115) @siriwatknp - [material-ui] Make tests compatible with React 19 (#43155) @DiegoAndai
- [material-ui] Refine Blog template (#42825) @zanivan
- [material-ui] Element ref access React 19 compatibility (#43132) @DiegoAndai
- [material-ui][mui-system] Add support for version runtime checks (#43190) @DiegoAndai
@mui/material-pigment-css@6.0.0-beta.5
- Reexport Pigment CSS from index file (#43218) @siriwatknp
@mui/codemod@6.0.0-beta.5
Docs
- Fix resolution of @mui/material-ui in docs (#43108) @Janpot
- Refine and polish out Templates page (#43131) @zanivan
- Fix the link test script (#43195) @alexfauquette
- Fix alpha usage (#43194) @siriwatknp
- Link Toolpad Core components from Material UI docs (#43036) @prakhargupta1
- Link Toolpad core docs to the docs menu (#42952) @prakhargupta1
- Polish migration guide (#43021) @oliviertassinari
- Fix 404 link to migration pages @oliviertassinari
- Support inject dynamic theme (#42879) @Vxee
- Fix 301 @oliviertassinari
- [blog] Announcing pricing changes Sep 2024 (#43061) @joserodolfofreitas
- [material-ui][TextField] Remove mentions of
redux-form
from TextField documentation (#43176) @AbdurRahman2004
Core
- [code-infra] Fix
@mui/internal-test-utils
screen
export type (#43150) @LukasTy - [code-infra] Do not look for changes with previous commit when releasing a canary version (#43129) @michaldudak
- [code-infra] Automate canary releases (#43066) @michaldudak
- [core] Apply top-level eslint rule to docs and fix violations (#43126) @Janpot
- [core] Patch styled-components to use React.JSX namespace (#43205) @aarongarciah
- [core] Replace JSX namespace usages with React.JSX (#43204) @aarongarciah
- [core] Remove
react-router
package frompigment-css-vite-app
(#43201) @ZeeshanTamboli - [core] Remove unnecessary types packages from
@mui/internal-babel-macros
(#43193) @ZeeshanTamboli - [docs-infra] Move
ApiPage
to TS (#43149) @alexfauquette - [test] Remove unnecessary prop type check in test (#43211) @aarongarciah
- [test] Make conformance tests work with async render function (#43156) @michaldudak
- [typescript] Update the minimum supported version (#43116) @mnajdova
- [website] Add icons to core page products (#43151) @zanivan
- [website] Copyedit Docs and Product menu taglines (#43075) @samuelsycamore
- [website] Fix wrong link in pricing table (#43141) @zanivan
- [website] Add blog link to pricing table (#43123) @zanivan
All contributors of this release in alphabetical order: @aarongarciah, @AbdurRahman2004, @alexfauquette, @DiegoAndai, @Janpot, @joserodolfofreitas, @LukasTy, @michaldudak, @mnajdova, @oliviertassinari, @prakhargupta1, @samuelsycamore, @siriwatknp, @thathva, @Vxee, @zanivan, @ZeeshanTamboli
v6.0.0-beta.4
Jul 30, 2024
A big thanks to the 12 contributors who made this release possible.
@mui/material@6.0.0-beta.4
- [Accordion] Render a heading wrapping
AccordionSummary
button per W3C Accordion Pattern standards (#42914) @ZeeshanTamboli - [Divider] Enable borderStyle enhancement in divider with children (#42715) @anuujj
- [ImageListItemBar] Deprecate composed classes (#42905) @sai6855
- Attach selector for default color scheme (#43035) @siriwatknp
- Stabilize Grid v2 and deprecate Grid v1 (#43054) @DiegoAndai
@mui/system@6.0.0-beta.4
- Make
createBreakpoints
independent for stringify theme (#43048) @siriwatknp
@mui/utils@6.0.0-beta.4
- Fix issues reported by the React Compiler (#43051) @markliu2013
Docs
- [material-ui] Replace deprecated
<ListItem button/>
withListItemButton
component in routing libraries list example (#43110) @aliharis99 - [material-ui][Card] Update CardMedia description (#43067) @shahzaibdev1
- [material-ui] Polish out data table demo (#43072) @zanivan
- [material-ui][Snackbar] Improve reason type in demos (#43077) @sai6855
- [pigment-css] Fix syntax in migrating-to-pigment-css guide (#43107) @KevinVandy
- Fix page description line break @oliviertassinari
Core
- Fix event naming convention @oliviertassinari
- [docs-infra] Move ads to the
@mui/docs
package (#42944) @alexfauquette - [website] Fine-tune button styles on the branding theme (#43082) @zanivan
All contributors of this release in alphabetical order: @alexfauquette, @aliharis99, @anuujj, @DiegoAndai, @KevinVandy, @markliu2013, @oliviertassinari, @sai6855, @shahzaibdev1, @siriwatknp, @zanivan, @ZeeshanTamboli
v5.16.6
Jul 30, 2024
A big thanks to the 5 contributors who made this release possible.
@mui/material@5.16.6
Docs
- [material-ui][Card] Update CardMedia description (#43121) @shahzaibdev1
- [material-ui] Replace deprecated
<ListItem button/>
withListItemButton
component in routing libraries list example (#43114) @aliharis99 - [material-ui][Snackbar] Improve close
reason
type in demos (#43105) @sai6855
Core
All contributors of this release in alphabetical order: @aliharis99, @anuujj, @mnajdova, @sai6855, @shahzaibdev1
v5.16.5
Jul 25, 2024
A big thanks to the 4 contributors who made this release possible.
@mui/utils@5.16.5
Docs
- [material-ui][joy-ui][Autocomplete] Fix
Hint
demo (@ManthanGajjar) (#43039) @ManthanGajjar - Fix CHANGELOG convention @oliviertassinari
- [material-ui] Fix broken image links in blog template on master branch (#42969) @navedqb
All contributors of this release in alphabetical order: @ManthanGajjar, @mnajdova, @navedqb, @oliviertassinari
Full Changelog: v5.16.4...v5.16.5
v6.0.0-beta.3
Jul 24, 2024
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- 🚀 New version of the free Dashboard template, now with more components and an improved layout.
@mui/codemod@6.0.0-beta.3
- Fix Divider props codemod (#42919) @aarongarciah
@mui/material@6.0.0-beta.3
- Fix Accessing element.ref (#42818) @sai6855
- Refine
extendTheme
andCssVarsProvider
API (#42839) @siriwatknp - [Typography] Deprecate
paragraph
prop (#42383) @walston - [Rating] fix defaultLabelText a11y issue with undefine value input and hint (#42810) @ZouYouShun
@mui/material-nextjs@6.0.0-beta.3
- [material-ui-nextjs] Add @emotion/react as peer dependency (#42885) @jeloagnasin
- [material-ui-nextjs] Remove @mui/material as peer dependency (#43041) @brijeshb42
@mui/utils@6.0.0-beta.3
Docs
- [material-ui][joy-ui][Autocomplete] Fix
Hint
demo (#42990) @ManthanGajjar - [docs] Make
DemoSandbox
agnostic ofproductId
(#43042) @Janpot - [docs] Use slot variants over
theme.variants
(#42614) @siriwatknp - [docs] Remove stringify theme import (#43032) @siriwatknp
- [docs] Bring v5.x changes to the CHANGELOG @oliviertassinari
- [docs] Fix migration typo (#42976) @mnajdova
- [material-ui] Add improvements to Dashboard template (#42445) @zanivan
- [material-ui] Fix broken image links in blog template (#42956) @navedqb
Core
- [code-infra] Add toolpad npm scope to envinfo (#41942) @Janpot
- [code-infra] Fix pnpm lock file (#43030) @Janpot
- [code-infra] Run
react-17
andreact-next
workflows on the next branch (#42690) @cherniavskii - [code-infra] Make
useReactVersion
script reusable in other repos (#42828) @cherniavskii - [code-infra] Add toolpad npm scope to envinfo (#41942) @Janpot
- [core] Add pigment and Base UI scopes to envinfo (#43002) @Janpot
- [core] Update minimum version of Node.js to 14.0.0 (#42920) @DiegoAndai
- [core] Expose missing screen methods from Testing Library (#42968) @aarongarciah
- [docs-infra] Leave TODO for warnOnce to reduce bundle size @oliviertassinari
- [docs-infra] Remove
display: flex
fromSectionTitle
(#42979) @LukasTy - [test][material-ui] Remove unnecessary async act calls (#42942) @aarongarciah
- [website] Fix strange focus-visible on hover (#42924) @oliviertassinari
All contributors of this release in alphabetical order: @aarongarciah, @bharatkashyap, @brijeshb42, @cherniavskii, @DiegoAndai, @Janpot, @jeloagnasin, @LukasTy, @ManthanGajjar, @mnajdova, @navedqb, @oliviertassinari, @sai6855, @siriwatknp, @walston, @zanivan, @ZouYouShun
v6.0.0-beta.2
This is a hotfix release to fix the dependency issue in v6.0.0-beta.1
.
@mui/material@6.0.0-beta.2
Docs
- [docs] Move feedback from Canny to GitHub @oliviertassinari
All contributors of this release in alphabetical order: @mnajdova, @oliviertassinari
v6.0.0-beta.1
Jul 16, 2024
A big thanks to the 6 contributors who made this release possible.
@mui/material@6.0.0-beta.1
- Remove dependency on @mui/base (#42907) @mnajdova
- Set material-pigment-css to public (#42912) @siriwatknp
@mui/codemod@6.0.0-beta.1
- Support sx conditional inside spread element (#42894) @siriwatknp
Docs
- Fix 301 link @oliviertassinari
- [material-ui] Add script to generate template screenshots (#42903) @siriwatknp
Core
- [core] Remove custom hooks from the
mui-name-matches-component-name
linting rule (#42773) @flaviendelangle - [core] Normalize rest / other to match the most common used @oliviertassinari
- [docs-infra] Move Ads component to TS (#42842) @alexfauquette
- [docs-infra] Support code tabs overflow (#42913) @arminmeh
- [website] Sync /about page @oliviertassinari
All contributors of this release in alphabetical order: @alexfauquette, @arminmeh, @flaviendelangle, @mnajdova, @oliviertassinari, @siriwatknp