@mui/styled-engine

# [Versions](https://mui.com/versions/) ## v6.1.1  _Sep 19, 2024_ A big thanks to the 18 contributors who made this release possible. ### `@mui/material@6.1.1` - [Grid] Bring back `GridProps` and `GridTypeMap` (#43717) @DiegoAndai - [Paper] Fix wrong background-image on Paper when elevation is 0 (#43723) @ZeeshanTamboli - [Skeleton] Fix wave animation for styled-components (#43740) @siriwatknp - [Modal] Fix event handlers overriding behavior (#43757) @sai6855 ### `@mui/system@6.1.1` - Pass the stylesheet directly to `GlobalStyles` (#43739) @siriwatknp ### `@mui/utils@6.1.1` - Fix "useId" & "useSyncExternalStore" imports to not be statically analyzable (#43360) @yash49 ### Docs - [material-ui][Breadcrumbs] Document CondensedWithMenu option for Breadcrumbs (#42973) @Sergio16T - [material-ui][CircularProgress] Add Circular size demo (#43734) @sai6855 - [material-ui][slider] Fix slider in color customization playground twitches when sliding (#43671) @Nashyn - [material-ui][slider] Polish Music player demo (#43748) @oliviertassinari - [material-ui] Document Typography color prop breaking change (#43735) @aarongarciah - [material-ui] Add docs for complementary Table components (#43756) @Juneezee - [material-ui] Improve minimizing bundle docs (#43781) @ZeeshanTamboli - [pigment-css] Call out Pigment being in alpha (#43725) @aarongarciah - [pigment-css] Fix typo globalCSS -> globalCss (#43754) @hiro0218 - [test] Improve demos for better regression screenshots (#43742) @aarongarciah - Fix minor typo (#42899) @xconverge - Revert icon search virtualization (#43569) @Janpot - Fix MUI Treasury Layout broken links (#43752) @oliviertassinari - Fix 301 link to design asset @oliviertassinari - Update release schedule table after v6 stable (#43726) @sahil-ag - Fix bundle size link regression @oliviertassinari ### Core - [code-infra] Allow overriding all `options` of `useFakeTimers` function (#43729) @LukasTy - [core] Fix 301 link to Next.js and git diff @oliviertassinari - [core] Fix package.json repository rule @oliviertassinari - [core] Remove redundant window @oliviertassinari - [core] Fix some issues reported by eslint-plugin-react-compiler (#43117) @binsmyth - [core] Replace more `indexOf` with `includes` (#43694) @Juneezee - [core] Remove /.yarn (#43712) @oliviertassinari - [docs-infra] Enable synthetic default imports in TypeScript config (#43747) @morozow - [docs-infra] Fix Vale config for TypeScript references (#43751) @oliviertassinari - [docs-infra] Fix toolbar arrow order (#43627) @oliviertassinari - [docs-infra] Fix missing dependencies in multi-tab demos (#43713) @cherniavskii - [docs-infra] Fix API search link regression (#43662) @oliviertassinari - [test] Update font-awesome CSS file in regression tests fixture (#43745) @Janpot - [test] Remove position:relative from regression container (#43743) @aarongarciah - [test] Remove top-level inline-block from the regression tests (#43656) @Janpot - [website] Match pricing page with linked page h1 @oliviertassinari All contributors of this release in alphabetical order: @aarongarciah, @binsmyth, @cherniavskii, @DiegoAndai, @Janpot, @Juneezee, @LukasTy, @mnajdova, @morozow, @Nashyn, @oliviertassinari, @sahil-ag, @sai6855, @Sergio16T, @siriwatknp, @xconverge, @yash49, @ZeeshanTamboli ## v6.1.0  _Sep 10, 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](https://nodejs.org/api/packages.html#exports) to `@mui/icons-material` (#43624). This change is backwards compatible with previously recommended setups. Bundlers that don't support the `exports` 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/icons-material@6.1.0` - Add exports field to package.json (#43624) @Janpot ### `@mui/material@6.1.0` - [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 using `applyStyles` (#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/system@6.1.0` - 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/material@6.0.2` - 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/system@6.0.2` - [InitColorSchemeScript] Use `let/const` instead of `var` (#43468) @ishon19 - Fix composeClasses v6 behavior change (#43537) @oliviertassinari ### `@mui/codemod@6.0.2` - 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/material@6.0.1` 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/material@6.0.1` - 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 ## 6.0.0  _Aug 27, 2024_ We are excited to announce the stable release of Material-UI v6 🎉, check out [the blog post](https://mui.com/blog/material-ui-v6-is-out/) to see all the updates. ### `@mui/material@6.0.0` - 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/lab@6.0.0-beta.8` - [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 ## 6.0.0-rc.0  _Aug 22, 2024_ 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` from `BoxOwnProps` (#43384) @DiegoAndai The `component` prop has been removed from the `BoxOwnProps` as it is already included in the `Box` type. This might affect your code if you are using the `styled` function with the `Box` component. If this is the case, use a `div` element instead of `Box`: ```diff -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 the `styled` returned value to `typeof Box`: ```diff 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` with `slotProps.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` with `includes` (#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 ## 6.0.0-beta.6  _Aug 16, 2024_ 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` - [styles] Fix issues reported by eslint-plugin-react-compiler (#43118) @jlewins ### 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 ## 6.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 (#43116) @mnajdova ### `@mui/material@6.0.0-beta.5` #### BREAKING CHANGES - [material-ui][ListItem] Removing deprecated props (#41566) @thathva `ListItem`'s props `autoFocus`, `button`, `disabled`, and `selected`, deprecated in v5, have been removed. To replace the `button` prop, use `ListItemButton` instead. The other removed props are available in the `ListItemButton` component as well. ```diff -<ListItem button /> +<ListItemButton /> ``` Use this codemod to migrate your project to the `ListItemButton` component: ```bash 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 the `listItemButtonClasses` object instead. ```diff -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` into `ThemeProvider` (#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` - Fix codemod crash on MuiDivider property (#43125) @Janpot ### 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 from `pigment-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 ## 6.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/>` with `ListItemButton` 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 ## 6.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` and `CssVarsProvider` 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` - [utils] Add dependency to @mui/types (#43029) @mnajdova ### Docs - [material-ui][joy-ui][Autocomplete] Fix `Hint` demo (#42990) @ManthanGajjar - [docs] Make `DemoSandbox` agnostic of `productId` (#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` and `react-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` from `SectionTitle` (#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 ## 6.0.0-beta.2  _Jul 16, 2024_ ### `@mui/material@6.0.0-beta.2` - [material] Add missing dependency (#42961) @mnajdova ### Docs - [docs] Move feedback from Canny to GitHub @oliviertassinari All contributors of this release in alphabetical order: @mnajdova, @oliviertassinari ## 6.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 ## 6.0.0-beta.0  _Jul 11, 2024_ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - 🎉 This is the first v6 beta release! A huge thanks to everyone who helped to make this happen! The target date for a stable release is the 28th of July. The next month will be used to polish v6, and ease the migration from v5. You can follow the [v6 stable milestone](https://github.com/mui/material-ui/milestone/42) for more details. - 🚀 All planned breaking changes are completed. ### `@mui/material@v6.0.0-beta.0` - Revert deprecation warnings for `*Components` and `*Props` for v6 (#42466) @lhilgert9 - Performance: lazy Ripple (#41061) @romgrk - [AppBar] Fix inherit color is inconsistent between ThemeProvider and CssVarsProvider (#42714) @ZeeshanTamboli - [Autocomplete] Add new AutocompleteInputChangeReason (#37301) @binh1298 ### `@mui/material-pigment-css@v6.0.0-beta.0` - Create a wrapper package over Pigment CSS (#42819) @brijeshb42 ### `@mui/base@5.0.0-beta.53` - [Autocomplete] Add new AutocompleteInputChangeReason (#37301) @binh1298 ### Docs - Replace v6 "alpha" mentions with "beta" (#42895) @DiegoAndai - Fix typos (#42862) @omahs - Fix issues reported by react compiler in docs folder (#42881) @sai6855 - Fix 301 @oliviertassinari - [LinearProgress] Fix buffer demo (#42858) @mbrookes - Adjust site to add Toolpad on the homepage (#38604) @bharatkashyap ### Core - Fix imports in `Demo` component (#42857) @LukasTy - Use @mui/docs/HighlightedCodeWithTabs in markdown (#42841) @Janpot - Simpler pnpm dedupe error message to act on @oliviertassinari - Fix split infinitive use in tests @oliviertassinari - [lab] Fix issues reported by react-compiler in mui-lab (#42880) @sai6855 All contributors of this release in alphabetical order: @bharatkashyap, @brijeshb42, @DiegoAndai, @Janpot, @lhilgert9, @LukasTy, @mbrookes, @oliviertassinari, @omahs, @romgrk, @sai6855, @ZeeshanTamboli ## 6.0.0-alpha.14  _Jul 3, 2024_ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - ✨ Updated Grid v2 to match PigmentGrid (#42742) @DiegoAndai ### `@mui/material@v6.0.0-alpha.14` #### BREAKING CHANGES - [Grid] Update Grid props to match PigmentGrid (#42742) @DiegoAndai Use the codemod below to migrate the props: ```bash npx @mui/codemod@next v6.0.0/grid-v2-props /path/to/folder ``` #### Changes - [Alert] Add ability to override slot props (#42787) @alexey-kozlenkov - [Dialog] Revert incorrect textAlign style removal (#42778) @DiegoAndai - [theme] Support `CssVarsTheme` in `responsiveFontSizes` return type (#42786) @jxdp ### Docs - [material-ui] Add some writing tweaks to v6 migration page (#42623) @danilo-leal - [material-ui] Fix issues reported by react-compiler in docs folder (#42830) @sai6855 - [material-ui] Add some writing tweaks to v6 migration page (#42623) @danilo-leal - [base-ui] Fix wrong description for `UseTabParameters.onChange` (#42749) @ohgree - Fix 301 MDN redirections @oliviertassinari ### Core - [core] Bump React to 18.3.1 (#42047) @renovate[bot] - [core] Revert lint for `useThemeProps` (#42817) @siriwatknp - [core] Remove useIsFocusVisible util (#42467) @DiegoAndai - [core] Remove react-test-renderer (#42784) @aarongarciah - [core][mui-utils] Remove remaining IE11 references (#42777) @DiegoAndai - [code-infra] Move `HighlightedCode` test into `@mui/docs` package (#42835) @LukasTy - [code-infra] Cleanup `@mui/docs` usage and legacy re-exports (#42833) @LukasTy - [docs-infra] Fix React Compiler ESLint issues in website components (#42566) @aarongarciah - [docs-infra] Add batch of design polish (#42823) @danilo-leal - [test][mui-utils] Remove usages of deprecated react-dom APIs (#42780) @aarongarciah - [test][joy-ui][Autocomplete] Fix spread key error in test (#42775) @aarongarciah All contributors of this release in alphabetical order: @aarongarciah, @alexey-kozlenkov, @danilo-leal, @DiegoAndai, @Janpot, @jxdp, @LukasTy, @ohgree, @oliviertassinari, @renovate[bot], @sai6855, @siriwatknp ## 6.0.0-alpha.13  _Jun 27, 2024_ A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨: - 🚀 Added layout components for Pigment CSS integration (#42693) @siriwatknp ### `@mui/material@6.0.0-alpha.13` - [Autocomplete] Fix more React 18.3 key spread warnings in demos (#42639) @wbt - [Container][Grid][Stack][Hidden] Export Pigment CSS layout components (#42693) @siriwatknp - [Text Field] when click password visibility button, text caret position change to very front. (#42595) @appleSimple - [Modal] migrate useSlotProps to useSLot (#42150) @sai6855 ### `@mui/styles@6.0.0-alpha.13` - [withStyles] Expect React defaultProps warning in test (#42752) @aarongarciah ### Docs - Fix link in CONTRIBUTING.md (#42755) @Janpot - Add documentation on migrating JSS's alternative, array-based syntax to syntax supported by Emotion (#42053) @cjl750 - Fix type error in virtualized table demo (#42757) @aarongarciah - Add first batch of v6 migration (#42242) @siriwatknp - Fix quotes on font-family dedeclaration in the Landing Page template theme (#42748) @joetats ### Core - [code-infra] Refactor eslint `import/no-cycle` rule (#42705) @LukasTy - [core] Target direct version for prerelease (#42768) @siriwatknp - [test] Remove enzyme (#42706) @aarongarciah - [test] Remove createMount test util (#42703) @aarongarciah - [website] Add Ale to team (#42764) @alelthomas All contributors of this release in alphabetical order: @aarongarciah, @alelthomas, @appleSimple, @cjl750, @Janpot, @joetats, @LukasTy, @sai6855, @siriwatknp, @wbt ## 6.0.0-alpha.12  _Jun 24, 2024_ A big thanks to the 17 contributors who made this release possible. ### `@mui/material@6.0.0-alpha.12` - Add `InitColorSchemeScript` for Next.js App Router (#42247) @siriwatknp - [Autocomplete] Fix renderOption props type (#42689) @DiegoAndai - [Autocomplete] Fix React 18.3 key spread warnings in Autocomplete demos (#42691) @aarongarciah - Support Pigment CSS for `CssBaseline`, `ScopedCssBaseline` and `Popper` (#42640) @siriwatknp - Add `DefaultPropsProvider` for Pigment CSS integration (#42638) @siriwatknp - [Stepper] Generate class for nonLinear prop (#42620) @alexismo - [Tab] Fix failing test (#42686) @aarongarciah - [Tab] Deprecate iconWrapper class for icon class (#42647) @sai6855 - [TableSortLabel] Deprecate composed classes (#42281) @sai6855 - [usePagination] Update pagination `siblingsEnd` calculation logic (#42667) @Mini-ghost ### `@mui/codemod@6.0.0-alpha.12` - Support dynamic props styled transformation (#42683) @siriwatknp ### `@mui/system@6.0.0-alpha.12` - Fix issues reported by react compiler in `mui-system` package (#42637) @sai6855 - [useMediaQuery] Remove deprecated types (#42560) @aarongarciah ### `@mui/joy@5.0.0-beta.45` - Fix issues reported by the React Compiler (#42671) @anuujj - [Autocomplete] Fix React spread key warning (#42741) @aarongarciah ### `@mui/lab@6.0.0-alpha.12` - [LoadingButton] Apply wrapping element to prevent React crash on Google page translation (#35198) @BartJanvanAssen ### Docs - Fix git diff format in migration to v6 (#42711) @oliviertassinari - Use new email for sponsoring @oliviertassinari - Fix 301 links (#42697) @alexfauquette - Normalize the capitalization of Design Kit @oliviertassinari - Recommend setting HTML attribute instead of DOM property for RTL (#42599) @aarongarciah - [material-ui][Select] Fix the `SelectAutoWidth` demo menu item value (#42648) @Danielkhakbaz ### Core - [code-infra] Try disabling animations when taking screenshots (#42537) @Janpot - [code-infra] Fix benchmark package (#42553) @Janpot - [core] Replace enzyme in describeConformance (#42447) @DiegoAndai - [docs-infra] Fix layout shift demo toolbar (#42743) @oliviertassinari - [docs-infra] Fix visual look of in-house ad (#42735) @oliviertassinari - [docs-infra] Add stray design polish (#42646) @danilo-leal - [docs-infra] Fix wrong migration (#42675) @siriwatknp - [docs-infra] Fine tune markdown elements design (#42643) @danilo-leal - [docs-infra] Revamp the product switcher design (#42603) @danilo-leal - [docs-infra] Allow Link component to receive the `role` attribute (#42629) @danilo-leal - [infra] Add support donation button (#42499) @oliviertassinari - [infra] Raise `tsconfig`/`tsc` target to `es2022` (#42645) @LukasTy - [test] Fix tests on CI (#42670) @michaldudak - [test] Fix issues reported by react-compiler in test packages (#42626) @sai6855 - [website] Add Armin to the team members (#42679) @arminmeh - [website] Open Staff Engineer role for Pigment CSS (#42531) @mnajdova All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @alexismo, @anuujj, @arminmeh, @BartJanvanAssen, @Danielkhakbaz, @danilo-leal, @DiegoAndai, @Janpot, @LukasTy, @michaldudak, @Mini-ghost, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp ## 6.0.0-alpha.11  _Jun 11, 2024_ A big thanks to the 18 contributors who made this release possible. ### `@mui/material@6.0.0-alpha.11` - [Autocomplete] Shouldn't resize when hovering (#42452) @ZeeshanTamboli - [Chip] Fix focus issue related with the Escape event (#41578) @shrilsharma - [Grid] Fix support for CSS variables (#42574) @oliviertassinari - [InputBase] Use `globalCss` for Pigment integration (#42431) @siriwatknp - Change React.ReactElement type from `any` to `unknown` (#42473) @sai6855 - Integrate `extendSxProp` adapter (#42543) @siriwatknp - [Tab] Fix applying `iconWrapper` styles from theme and update its description (#42549) @sai6855 - [pigment-css] Add `stringifyTheme` for Pigment CSS integration (#42476) @siriwatknp ### `@mui/system@6.0.0-alpha.11` - [Grid] Remove `disableEqualOverflow` by using `gap` (#42526) @DiegoAndai - [useMediaQuery] Drop Safari < 14 support (#42464) @aarongarciah ### `@mui/utils@6.0.0-alpha.11` - Allow passing `NaN` as `defaultValue` to `useControlled` (#41559) @iammminzzy ### `@mui/codemod@6.0.0-alpha.11` - Improve styled and sx prop transformation (#42598) @siriwatknp - Support more cases for sx-prop transformation (#42527) @siriwatknp ### `@mui/private-theming@6.0.0-alpha.11` - Fix issues reported by react compiler in `mui-private-theming` components (#42619) @sai6855 ### Docs - Add `theme.applyStyles` and migrate docs (#42498) @siriwatknp - Fix dashboard template console error (#42594) @oliviertassinari - Migrate system props to `sx` prop (#42475) @siriwatknp - [material-ui]Fix duplicated sentence (#42521) @alexfauquette - [Grid] Fix docs spacing (#42573) @oliviertassinari - [joy-ui] Add Next.js App Router instructions on how to prevent flickering (#42514) @devnyxie - [joy-ui] Fix HTML tag without preformatting (#42525) @jacobmoshipco - [material-ui] Add docs for complementary stepper components (#41900) @anle9650 - [material-ui] Fix typo on Sign-in/Sign-up templates (#42605) @zanivan - [material-ui] Add container queries docs (#42434) @siriwatknp - [material-ui] Fix ESLint error in Stepper demo (#42559) @aarongarciah - [material-ui] Shorten useMediaQuery subheading (#42561) @aarongarciah - [material-ui] Add a Refine example project (#42461) @necatiozmen ### Core - [website] Move the `React Engineer - X` role to future roles (#42532) @DanailH - [core] Allow `for..of` loops (#42600) @michaldudak - [core] Add comment about Object.js @oliviertassinari - [core] Disable eslint-plugin-react-compiler for Base (#42563) @aarongarciah - [core] Group Pigment CSS dependencies (#42174) @siriwatknp - [core] Configure eslint-plugin-react-compiler (#42555) @aarongarciah - [core] Skip charts animation for visual regression test (#42530) @alexfauquette - [docs-infra] Simplify click header (#42593) @oliviertassinari - [docs-infra] Add configurable jsdoc host variable (#42472) @tonygravell - [docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal - [docs-infra] Prevent link anchor when selecting text (#41994) @alexfauquette - [docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal - [examples] Remove Pigment CSS examples (#42471) @sai6855 - [test] Restore pnpm tc command (#42572) @oliviertassinari - [test] Restore testing internal packages (#42519) @michaldudak - [website] Close Developer Advocate / Content Engineer role @oliviertassinari - [website] Remove blank line @oliviertassinari - [website] Fix mobile layout shift @oliviertassinari All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @anle9650, @DanailH, @danilo-leal, @devnyxie, @DiegoAndai, @iammminzzy, @jacobmoshipco, @michaldudak, @necatiozmen, @oliviertassinari, @sai6855, @shrilsharma, @siriwatknp, @tonygravell, @zanivan, @ZeeshanTamboli ## 6.0.0-alpha.10  _Jun 4, 2024_ A big thanks to the 7 contributors who made this release possible. ### `@mui/material@6.0.0-alpha.10` - [Backdrop] Deprecate `components` and `componentsProps` (#42468) @DiegoAndai - [Collapse] Bound max transition time (#42390) @oliviertassinari - [FilledInput] Remove unapplied classes from filledInputClasses interface and add missing classes to root (#42082) @sai6855 - [InputBase] Deprecate components and componentProps props for v6 (#42093) @ChronicusUA - Remove remaining IE11 code (#42283) @DiegoAndai - [Modal] Deprecate `components` and `componentsProps` (#42469) @DiegoAndai - [Popover] Migrate useSlotProps to useSlot (#42369) @sai6855 - [useMediaQuery] Remove unused useMediaQueryTheme (#42367) @aarongarciah ### `@mui/system@6.0.0-alpha.10` - Remove IE11 code (#42436) @DiegoAndai ### Docs - Reflect Base UI and MUI System in a different repository @oliviertassinari - Update twitter.com to x.com @oliviertassinari - Simplify Example projects page @oliviertassinari - [icons] Update README and docs page (#41938) @danilo-leal - [material-ui] Add changelog section to the design kits page (#42449) @danilo-leal - [material-ui] Fix sentence in the All components page (#42336) @danilo-leal - [material-ui] Update Figma design kit doc redirect link (#42448) @danilo-leal - [system] Add "dynamic values" section to sx prop page (#42239) @aarongarciah ### Core - [docs-infra] Update the OG card image design (#42470) @danilo-leal - [docs-infra] Add small design polish (#42455) @danilo-leal - [docs-infra] Update the Material logo + add copy functionality (#42435) @danilo-leal - [website] Update DoiT description and link in Sponsors section (#42505) @erezstmn-doit - [website] Clean up the docs-infra job ad (#42504) @danilo-leal - [website] Fix FlashCode position (#42139) @oliviertassinari - [website] Open Docs-infra engineer role (#42101) @danilo-leal - [website] Fix locationCountry in about page @oliviertassinari All contributors of this release in alphabetical order: @aarongarciah, @ChronicusUA, @danilo-leal, @DiegoAndai, @erezstmn-doit, @oliviertassinari, @sai6855 ## 6.0.0-alpha.9  _May 29, 2024_ A big thanks to the 23 contributors who made this release possible. Here are some highlights ✨: - 🚀 `CssVarsProvider` and `extendTheme` are now stable (#42246) @siriwatknp ### `@mui/material@6.0.0-alpha.9` - [AlertTitle] Enable extending Typography props (#42269) @lucasgmelo - [AvatarGroup] deprecate `componentsProps` for v6 (#42122) @lhilgert9 - [Grid] Deprecate `wrap` prop (#42363) @fedirjh - [ListItem] Document `*Component` and `*Props` props deprecations (#42263) @aarongarciah - [ListItem] Deprecate ListItem's components and componentsProps (#42219) @aarongarciah - [ListItemSecondaryAction] Deprecate component (#42251) @aarongarciah - Stabilize `CssVarsPr