Releases: mui/material-ui
v6.0.1
Aug 29, 2024
A big thanks to the 12 contributors who made this release possible. It contains bug fixes and documentation improvements.
@mui/[email protected]
- Attach default light color scheme when enabling CSS theme variables (#43493) @siriwatknp
- [Skeleton] Apply the wave animation to the correct element (#43474) @mnajdova
Docs
- [material-ui][Dialog] Update confirmation dialog description (#43488) @Michael-Hutchinson
- Add Material UI v6 is out! to the notifications (#43448) @oliviertassinari
- [material-ui] Dark scroll bars in templates (#43483) @aarongarciah
- [material-ui] Add TemplateFrame to templates (#43406) @zanivan
- [table] Make the data grid blend in (#43489) @oliviertassinari
Core
- [blog] Update Toolpad Studio marketing page links in the blogs (#43407) @prakhargupta1
- [blog] Add missing social card to the blog post (#43465) @siriwatknp
- [code-infra] Fix typing issues with
@mui-internal/api-docs-builder
(#43498) @Janpot - [code-infra] Fix nextjs build cache (#43467) @JCQuintas
- Remove
'use client'
from index files and useAutocomplete reexport (#41956) @DiegoAndai - Replace relative links to absolute ones in JSDocs (#43472) @alexfauquette
- Upgrade babel runtime (#43243) @Janpot
- [docs-infra] Skip shadow DOM regression test (#43500) @aarongarciah
- [docs-infra] Fix use of process.env.DEPLOY_ENV (#43490) @oliviertassinari
- [docs-infra] Add comment about removing optimizeFonts Next.js config (#43469) @aarongarciah
- [examples] Use
latest
on all Material UI dependencies (#43494) @mnajdova - [infra] fix workflow path (#43464) @michelengelen
All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @DiegoAndai, @Janpot, @JCQuintas, @Michael-Hutchinson, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @siriwatknp, @zanivan
v6.0.0
We are excited to announce the stable release of Material-UI v6 🎉, check out the blog post to see all the updates.
@mui/[email protected]
- Change React.ReactElement<any,any> type from any to unknown (#43358) @sai6855
- [Pagination] Update
getItemAriaLabel
page param type (#43399) @sydneyjodon-wk - [Unstable_TrapFocus] Fix
getTabbable
function return type (#42237) @KalmarLorand
@mui/[email protected]
- [button] Add missing customize points for span (#43436) @oliviertassinari
Docs
- Fix broken links (#43144) @DiegoAndai
- Updated mui-x roadmap links with the new project URL (#43444) @michelengelen
- Update pnpm order, move to second (#42712) @ahmadnadeem6236
- Fix CSS theme variables section (#43439) @siriwatknp
- Add two Toolpad Core components to Material UI sidebar (#43391) @prakhargupta1
- Fix licensingModel -> licenseModel @oliviertassinari
- Fix Stack Overflow issue canned response @oliviertassinari
- Avoid referencing MUI Core @oliviertassinari
- Fix description of eslint-plugin-material-ui @oliviertassinari
- [docs-infra] Polish reportBrokenLinks.js to support Base UI @oliviertassinari
- [material-ui] Clarify RTL language support in localization guide (#41784) @bahmanworld
- [material-ui] Refine templates theme selector (#43396) @zanivan
Core
- Prepare for v6 stable release (#43454) @siriwatknp
- [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
- [blog] Add Material UI v6 stable release (#41932) @siriwatknp
- [ci] Fix the release:changelog cmd (#43451) @mnajdova
- [core] Allow
^6.0.0
for@mui/
dependencies in@mui/docs
(#43445) @LukasTy - [code-infra] Babel plugin to fully resolve imported paths (#43294) @Janpot
- [infra] Add closing message workflow (#43450) @michelengelen
- [website] Make beta chip consistent for Toolpad (#43392) @prakhargupta1
All contributors of this release in alphabetical order: @ahmadnadeem6236, @bahmanworld, @DiegoAndai, @Janpot, @KalmarLorand, @LukasTy, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @sydneyjodon-wk, @zanivan
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/[email protected]
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/[email protected]
- 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/[email protected]
- [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/[email protected]
- [codemod] Skip sx spread transformation (#43291) @siriwatknp
@mui/[email protected]
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/[email protected]
- [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/[email protected]
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/[email protected]
- Reexport Pigment CSS from index file (#43218) @siriwatknp
@mui/[email protected]
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/[email protected]
- [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/[email protected]
- Make
createBreakpoints
independent for stringify theme (#43048) @siriwatknp
@mui/[email protected]
- 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/[email protected]
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/[email protected]
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/[email protected]
- Fix Divider props codemod (#42919) @aarongarciah
@mui/[email protected]
- 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/[email protected]
- [material-ui-nextjs] Add @emotion/react as peer dependency (#42885) @jeloagnasin
- [material-ui-nextjs] Remove @mui/material as peer dependency (#43041) @brijeshb42
@mui/[email protected]
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