Releases: mui/material-ui
v6.1.0
Sep 11, 2024
A big thanks to the 21 contributors who made this release possible. Here are the highlights ✨:
- Minor version changes: To solve longstanding ESM compatibility issues we added package exports to
@mui/icons-material
(#43624). This change is backwards compatible with previously recommended setups. Bundlers that don't support theexports
field won't be affected. If you discover any issues, please reach out by creating a GitHub issue. - This release also includes several fixes and documentation improvements to support the Material UI v6 upgrade.
@mui/[email protected]
@mui/[email protected]
- [Autocomplete] Add custom props support via
slotProps
(#43613) @Michael-Hutchinson - [Dialog] Fix broken scrolling in full screen mode (#43626) @LuseBiswas
- [Grid] Revert wrap deprecation (#42363) (#43459) @DiegoAndai
- Improve color map filter on styles (#43579) @DiegoAndai
- Return styles directly if the selector is
&
when usingapplyStyles
(#43633) @siriwatknp - [types] Make slots partial in
CreateSlotsAndSlotProp
type (#42077) @lhilgert9 - [Radio] Fix disabled state styling regression (#43592) @mnajdova
- Fix wrong import to type (#43584) @mnajdova
- Simplify version prerelease export (#43699) @DiegoAndai
@mui/[email protected]
- Use a custom sheet to set prepend for
GlobalStyles
(#43632) @siriwatknp - Simplify version prerelease export (#43699) @DiegoAndai
Docs
- [material-ui][Autocomplete] Refactor asynchronous loading demo (#43630) @sai6855
- [material-ui][Autocomplete] Fix GitHubLabel demo input background color (#43599) @sai6855
- [material-ui] Update Next.js font optimization guide (#43196) @siriwatknp
- [material-ui] Fix getting started with CSS variables in theme example (#43658) @Designer023
- [material-ui][system] Edit "How to use components selector API" section to add about direct import (#43377) @IAluI
- [material-ui] Update @mui/material-nextjs import examples to v14 (#43698) @ohmsl
- Fix typo in Divider doc (#43691) @lokendra-reco
- Add Anima section to documentation (#43673) @GoOrit-Anima
- Add Integrations section to design resources page (#43612) @zanivan
- Fix versions URL @oliviertassinari
- Keep showing next under the subdomain @oliviertassinari
- Add Next.js font optimization section to Pigment CSS migration (#43631) @siriwatknp
- Update the Material UI readme post-v6 (#43504) @samuelsycamore
- Bring back v5 release changelogs (#43460) @oliviertassinari
- Fix use of absolute URLs (#43567) @oliviertassinari
- Remove explicit
date-fns
dependency (#40823) @renovate[bot] - [pigment-css] Add guide for Pigment CSS quickstart (#43395) @alelthomas
- [system] Fix link to createCssVarsProvider (#43661) @oliviertassinari
- Add scrollbar to color picker demo (#43672) @sai6855
Core
- [blog] Uniformalize version between projects @oliviertassinari
- [blog] Fix page layout shift @oliviertassinari
- [code-infra] Build size snapshots from installed packages (#43452) @Janpot
- [code-infra] Recreate lockfile (#43623) @Janpot
- [code-infra] Make the API docs builder more configurable (#43574) @michaldudak
- [code-infra] Update runners from node 18 to 20 for GHA (#43593) @JCQuintas
- [code-infra] Update runners from node 18 to 20 (#43591) @JCQuintas
- [docs-infra] Fix axe issue scroll-to-top without landmark (#43663) @oliviertassinari
- [docs-infra] Reduce Algolia index size, no need for lvl6 @oliviertassinari
- [docs-infra] Use embed as the default for opening CodeSandbox (#43618) @siriwatknp
- [docs-infra] Fix broken anchor button when header has a link (#43598) @cherniavskii
- [docs-infra] Open Sign-in and Dashboard template with CodeSandbox/StackBlitz (#43604) @siriwatknp
- [examples] Fix CDN live preview demo (#43641) @oliviertassinari
- Add Pigment CSS screenshot test (#43280) @mnajdova
- [website] Polish gold sponsors @oliviertassinari
- [website] Add CopyCopter as gold sponsor (#43595) @zanivan
- [website] Add disabled button styles to branding theme (#43577) @zanivan
All contributors of this release in alphabetical order: @alelthomas, @cherniavskii, @Designer023, @DiegoAndai, @GoOrit-Anima, @IAluI, @Janpot, @JCQuintas, @lhilgert9, @lokendra-reco, @LuseBiswas, @Michael-Hutchinson, @michaldudak, @mnajdova, @ohmsl, @oliviertassinari, @renovate[bot], @sai6855, @samuelsycamore, @siriwatknp, @zanivan
v6.0.2
Sep 3, 2024
A big thanks to the 11 contributors who made this release possible.
@mui/[email protected]
- Fix
createTheme
with just color schemes (#43518) @siriwatknp - [Menu,Popover] Fix Backdrop props descriptions (#43503) @Michael-Hutchinson
- [MenuList] Do not react to an event with modifier key pressed (#43505) @MateuszGroth
@mui/[email protected]
- [InitColorSchemeScript] Use
let/const
instead ofvar
(#43468) @ishon19 - Fix composeClasses v6 behavior change (#43537) @oliviertassinari
@mui/[email protected]
- Skip
ListItemButton
import for unrelated files (#43532) @siriwatknp
Docs
- [figma] Clarity state or Figma Plugin component export (#43543) @oliviertassinari
- [material-ui] Fix template shadow tokens (#43514) @zanivan
- Update version support range (#43565) @oliviertassinari
- Polish Material UI Sync plugin code format @oliviertassinari
Core
- [blog] Update Material UI v6 blog post link to reflect correct section title (#43535) @Michael-Hutchinson
- [blog] Makes the v5 name change clearer @oliviertassinari
- [blog] Fix typo in Material UI v6 blog post (#43502) @iamandrewluca
- [code-infra] Add missing @babel/runtime dependency to @mui/material-pigment-css (#43473) @Janpot
- [code-infra] Remove permissions in publish-canaries.yml (#43491) @oliviertassinari
- [core] Fix CodeQL scan (#43547) @oliviertassinari
- [core] Fix CHANGELOG
@mui/[email protected]
version (#43516) @DiegoAndai - [docs-infra] Reduce description max-length (#43562) @oliviertassinari
- [docs-infra] Crash on invalid callout type (#43546) @oliviertassinari
- [docs-infra] Fix GitHub source link redirection (#43534) @oliviertassinari
- [infra] Fixed workflow file path (#43528) @michelengelen
- [typescript] Fix missing
Theme
generic (#43523) @siriwatknp - [website] Match pricing label with page @oliviertassinari
- [website] Update Premium price and remove any mention to cap (#43466) @joserodolfofreitas
All contributors of this release in alphabetical order: @DiegoAndai, @iamandrewluca, @ishon19, @Janpot, @joserodolfofreitas, @MateuszGroth, @Michael-Hutchinson, @michelengelen, @oliviertassinari, @siriwatknp, @zanivan
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