Update material-ui monorepo

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@mui/base (source)	5.0.0-alpha.111 -> 5.0.0-beta.68
@mui/material (source)	5.11.1 -> 5.16.14
@mui/system (source)	5.11.1 -> 5.16.14

---

Release Notes

mui/material-ui (@​mui/base)

v5.0.0-beta.53

• [Autocomplete] Add new AutocompleteInputChangeReason (#​37301) @​binh1298

v5.0.0-beta.45

• Fix issues reported by the React Compiler (#​42671) @​anuujj
• [Autocomplete] Fix React spread key warning (#​42741) @​aarongarciah

v5.0.0-beta.43

• [TextareaAutosize] Fix resizing instability (#​41638) @​ZeeshanTamboli

v5.0.0-beta.39

• [material-ui][joy-ui][Autocomplete] Keep in sync highlighted index when the option still exists (#​41306) @​CGNonofr
• [FormControl] Export FormControlOwnerState type from index (#​41287) @​michaeldfoley
• [material-ui][TextareaAutosize] Fix inline style not getting applied (#​41369) @​ZeeshanTamboli

v5.0.0-beta.37

• [Switch] Add missing role attribute (#​40907) @​KirankumarAmbati
• [TextareaAutosize] Improve implementation (#​40789) @​ZeeshanTamboli

v5.0.0-beta.36

• [Button] Disable text highlighting (#​41902) @​mithun522

v5.0.0-beta.34

• Add spacing theme token (#​40224) @​siriwatknp

v5.0.0-beta.33

• ​[Select] Fix display of selected Options with rich content (#​40689) @​michaldudak
• ​[Select] Use Popup instead of Popper (#​40524) @​michaldudak
• ​[useMenuButton] Fix non native button triggers (#​40645) @​DiegoAndai

v5.0.0-beta.32

Breaking changes

• ​Change the CSS class prefix to base- (#​40205) @​michaldudak

The class prefix of Base UI components have been changed from Mui- to base-. This only affects codebases that uses class names verbatim, i.e. not exposed by JS objects such as buttonClasses, but as plain strings or in CSS stylesheets (.MuiButton.root)

To adapt your code to the new pattern:

• replace all occurrences of the regex .Mui([A-Z][A-Za-z]*)- with .base-$1- (so MuiButton-root becomes base-Button-root, etc.),
• replace all occurrences of the regex .Mui-([a-z]*) with .base--$1 (so Mui-disabled becomes base--disabled, etc.).

Changes

• ​[Select] Fix screen-reader CSS to avoid body scrollbar (#​40599) @​brijeshb42
• ​[Switch] Add border-box to demos (#​40638) @​zanivan

v5.0.0-beta.31

• [base-ui][NumberInput] Remove inputId and inputRef types from NumberInput component (#​40425) @​sai6855

v5.0.0-beta.30

Compare Source

• ​[joy-ui][Autocomplete] Fix text overflow in Chip (#​40229) @​PunitSoniME

v5.0.0-beta.29

Compare Source

• ​[Popup] Use context-based transition API (#​39326) @​michaldudak
• ​[Popup] Popup no longer opens outside viewport (#​39827) @​adamhylander
• ​[useSelect] Refactor to use DOM focus management instead of active descendant (#​39675) @​DiegoAndai

v5.0.0-beta.28

Compare Source

• [Button] Fix disabled prop priority when inside button group (#​41000) @​Smileek
• [IconButton] Support loading prop (#​40949) @​Smileek

v5.0.0-beta.27

Compare Source

• ​[base-ui] useControllableReducer warns when controlled props become uncontrolled (and vice versa) (#​39096) @​mj12albert

v5.0.0-beta.26

Compare Source

v5.0.0-beta.25

Compare Source

• ​Change the color scheme type to SupportedColorScheme (#​40776) @​Nikhilh26

v5.0.0-beta.23

• Make list components more reliable (#​39380) @​michaldudak

v5.0.0-beta.22

Compare Source

• ​[Autocomplete] Standardize box shadow on demos (#​39519) @​zanivan
• ​[useSelect] Support browser autofill (#​39595) @​DiegoAndai
• ​[base-ui] Fix mergeSlotProps className join order (#​39616) @​mj12albert

v5.0.0-beta.21

Compare Source

• ​[useAutocomplete] Correct keyboard navigation with multiple disabled options (#​38788) @​VadimZvf
• ​[Select] Standardize box shadow on demos (#​39509) @​zanivan
• ​[Slider] Refine demos (#​39526) @​zanivan
• ​[Input] Update and port additional tests from material-ui (#​39584) @​mj12albert

v5.0.0-beta.20

Compare Source

• ​[base-ui][Menu] Do not reopen the menu after clicking on a trigger in Safari (#​39393) @​michaldudak

v5.0.0-beta.19

Compare Source

• [Menu] Add the anchor prop (#​39297) @​michaldudak

v5.0.0-beta.18

Compare Source

• ​[joy-ui][Radio][Input] Fix inheritance of disabled prop (#​39934) @​sai6855

v5.0.0-beta.17

Compare Source

• [NumberInput] Support adornments (#​38900) @​anle9650
• [Menu] Align external props handling for useMenu/MenuButton/MenuItem (#​38946) @​mj12albert
• [Select] Align external props handling (#​39038) @​mj12albert
• [TextareaAutosize] Simplify logic and add test (#​38728) @​oliviertassinari

v5.0.0-beta.16

Compare Source

• ​[NumberInput][base-ui] Warn when changing control mode with useControlled (#​38757) @​sai6855
• ​[Select][base-ui] Fix Select button layout shift, add placeholder prop (#​38796) @​mj12albert
• ​[useList][base-ui] Accept arbitrary external props and forward to root (#​38848) @​mj12albert
• ​[Autocomplete][base-ui] Added ref to getInputProps return value (#​38919) @​DarhkVoyd

v5.0.0-beta.15

Compare Source

• ​[useSnackbar] Align externalProps handling (#​38935) @​mj12albert
• ​[useInput] Align ExternalProps naming (#​38849) @​mj12albert
• ​[FocusTrap] Refactor & cleanup (#​38878) @​mnajdova
• ​[FocusTrap] Fix disableEnforceFocus behavior (#​38816) @​mnajdova
• ​[Switch] Simplify source (#​38910) @​oliviertassinari

v5.0.0-beta.14

Compare Source

• [ModalDialog] Remove redundant code (#​39719) @​sai6855
• [ToggleButtonGroup] Fix toggling button state when Button is not immediate children (#​39571) @​sai6855

v5.0.0-beta.13

Compare Source

• [useButton][base-ui] Accept arbitrary props in getRootProps and forward them (#​38475) @​DiegoAndai

v5.0.0-beta.12

• [Popup] New component (#​37960) @​michaldudak

v5.0.0-beta.11

• ​[base-ui] Remove the legacy Extend* types (#​38184) @​michaldudak
• ​[base-ui] Add useModal hook (#​38187) @​mnajdova
• ​[base-ui] Add prepareForSlot util (#​38138) @​mnajdova
• ​[useButton][base-ui] Fix tabIndex not being forwarded (#​38417) @​DiegoAndai
• ​[useButton][base-ui] Fix onFocusVisible not being handled (#​38399) @​DiegoAndai

v5.0.0-beta.10

Compare Source

• [Autocomplete] Add type=button to clear button (#​39263) @​brijeshb42
• [Button] Fix the text wrap issue (#​38696) @​atharva3333
• [Drawer] Apply color inversion to content slot instead (#​39312) @​siriwatknp
• [Switch] Fix missing class name (#​39327) @​Bestwebdesign

v5.0.0-beta.9

Compare Source

Breaking changes

• ​[Dropdown][base][joy] Introduce higher-level menu component (#​37667) @​michaldudak

Other changes

• ​[typescript][base] Rename one letter type parameters (#​38171) @​michaldudak

v5.0.0-beta.8

Compare Source

• [Button] Fix disabled button styling when component prop is provided (#​38996) @​sai6855
• [Drawer] Add missing JoyDrawer in theme components (#​39074) @​Studio384

v5.0.0-beta.7

• ​[AccordionGroup][joy-ui] Fix console warning when using custom color (#​38950) @​sai6855
• ​[GlobalStyles][joy-ui] Ensure compatibility with RSC (#​38955) @​mateuseap

v5.0.0-beta.6

• ​[Drawer] Add Drawer component (#​38169) @​mnajdova
• ​Reduce height of some variants (#​38527) @​zanivan
• ​Refine the default theme color palette (#​38416) @​zanivan
• ​[Dialog] Add DialogActions, DialogTitle and DialogContent (#​38382) @​siriwatknp
• ​[AccordionGroup] Add missing variant and color classes (#​38814) @​sai6855

v5.0.0-beta.5

Compare Source

Aug 24, 2021

A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:

• 🐛 Fixed a lot of bugs and regressions to get us closer to the v5 stable release milestone
• 📚 Improved the docs and the migration guide for upgrading to v5

@material-ui/[email protected]

Breaking changes

• ​ [core] Update .browserslistrc file (#​27788) @​DanailH

  The targets of the default bundle have changed:

  • Chrome 90 (up from 84)
  • Edge 91 (up from 85)
  • Safari 14 (macOS) (up from 13.1) and 12.4 (iOS) (up from 12.2)
  • Opera 76 (up from 70)

• ​ [Autocomplete] Rename Value type to AutocompleteValue (#​27804) @​michaldudak

  The useAutocomplete hook used a type called Value. It was a very generic name for a type specific to the Autocomplete control, so it was removed to AutocompleteValue.

  -import { Value } from '@​material-ui/core/useAutocomplete';
  +import { AutocompleteValue } from '@​material-ui/core/useAutocomplete';

Changes

• ​ [AppBar] Fix transparency issue on dark mode (#​27281) @​will-amaral
• ​ Revert "[BottomNavigation] onClick does not fire if tapped while scrolling (#​22524)" (#​27690) @​eps1lon
• ​ [Autocomplete] Add verbose warning for defaultValue (#​27925) @​vedadeepta
• ​ [Badge] Add missing classes to exported class object (#​27943) @​pvdstel
• ​ [ButtonGroup] Allow size customization via module augmentation (#​27834) @​aaronlademann-wf
• ​ [InputBase] Preserve host state when changing rows from undefined to defined (#​27683) @​eps1lon
• ​ [InputLabel] Apply asterisk class when required (#​27738) @​alexile
• ​ [Select] Fix NativeSelect propagating classes to the DOM element (#​27797) @​mnajdova
• ​ [Stack] Match the customization standard (#​27777) @​oliviertassinari
• ​ [SvgIcon] Apply custom color if defined in the theme (#​27923) @​eps1lon
• ​ [Switch] Add optional track slot to SwitchUnstyled (#​27916) @​michaldudak
• ​ [Tooltip] Fix broken arrow position in rtl (#​27868) @​mnajdova
• ​ [transitions] Allow to run Slide into a custom container (#​26623) @​benny0642

@material-ui/[email protected]

Breaking changes

• ​ [system] Rename styleProps to ownerState (#​27830) @​mnajdova

  The change was done in order to better reflect what they are, not what we think they will be used for.

   <SomeSlotComponent
  -  styleProps={propsAndState}
  +  ownerState={propsAndState}
   />

Changes

• ​ [system] Remove dependency on overridesResolver for the variants (#​27859) @​mnajdova
• ​ [system] Forward classes prop if no slot specified in the options (#​27795) @​mnajdova
• ​ [system] Fix pseudo class overridden in variants (#​27847) @​hbjORbj

@material-ui/[email protected]

• ​ [icons] Improve GitHub size (#​27740) @​oliviertassinari

@material-ui/[email protected]

• ​ [styled-engine] Remove unecessary aliases (#​27779) @​oliviertassinari
• ​ [styled-engine] Drop withComponent support (#​27780) @​oliviertassinari

@material-ui/[email protected]

• ​ [core] Utilize CSS.supports in SliderUnstyled component (#​27724) @​DanailH

@material-ui/[email protected]

• ​ [DatePicker] Fix click-away logic requiring second click in some cases (#​24877) @​eps1lon
• ​ [lab] Use the public API for module augmentation (#​27735) @​oliviertassinari
• ​ [Timeline] Fix color="inherit" on TimelineDot (#​27794) @​mnajdova

Docs

• ​ [docs] Redesign on markdown page (#​27860) @​mnajdova
• ​ [docs] Split changelog into current and old (#​27942) @​eps1lon
• ​ [docs] Migration, emphasize theme structure change (#​27935) @​oliviertassinari
• ​ [docs] Fix missing href for AppDrawerNavItems (#​27936) @​eps1lon
• ​ [docs] Pass window of iframe to framed demos (#​27924) @​eps1lon
• ​ [docs] Simplify Select Chip demo styling (#​27864) @​LorenzHenk
• ​ [docs] Move from Redux to React Context (#​27828) @​eps1lon
• ​ [docs] Correct the useAutocomplete import path (#​27805) @​michaldudak
• ​ [docs] Fix Tooltip flicker when hovering between code icon and demo (#​27841) @​eps1lon
• ​ [docs] Don't log if a request was aborted in ServerRequestDatePicker demo (#​27843) @​eps1lon
• ​ [docs] Fix false-positive useToolbar warning when using the demo toolbar menu (#​27842) @​eps1lon
• ​ [docs] Add missing import (#​27850) @​nguyenyou
• ​ [docs] Fix circular integration demo (#​27856) @​LorenzHenk
• ​ [docs] A few examples is enough (#​27874) @​mekouar-mehdi
• ​ [docs] Improve README.md (#​27852) @​surajkumar016
• ​ [docs] Fix rtl issue on the demos (#​27865) @​mnajdova
• ​ [docs] Apply the new branding theme and do the AppBar redesign (#​27789) @​mnajdova
• ​ [docs] Improve grammar in 'Align list items' section (#​27730) @​atorenherrinton
• ​ [docs] Make API documentation tables horizontally scrollable (#​27787) @​jakeanq
• ​ [docs] Fix typo on "Customized dialogs" section (#​27827) @​nomanoff
• ​ [docs] Fix Autocomplete country layout shift (#​27814) @​oliviertassinari
• ​ [docs] Improve accessible labels for Card demos (#​27675) @​eps1lon
• ​ [docs] Run in StrictMode by default (#​27693) @​eps1lon
• ​ [docs] Display TypeScript code of demo if requested (#​27691) @​eps1lon
• ​ [docs] Use country image instead of emoji (#​27723) @​qiweiii
• ​ [docs] Zero runtime themeAugmentation documentation (#​27706) @​eps1lon
• ​ [docs] Fix MobileTextStepper example to match description (#​27682) @​nolastemgarden
• ​ [docs] Document the transfer-list limitations (#​27783) @​oliviertassinari
• ​ [docs] Move TypeScript docs in context (#​27782) @​oliviertassinari
• ​ [docs] Prefer linking API source TypeScript (#​27781) @​oliviertassinari
• ​ [docs] Improve the Modal onClose migration (#​27775) @​oliviertassinari
• ​ [docs] Fix outdated styled-engine docs (#​27778) @​oliviertassinari
• ​ [docs] Improve right to left guide (#​27713) @​mnajdova
• ​ [docs] Consistent line break (#​27728) @​oliviertassinari
• ​ [docs] Don't dispatch ignored "reset code variant" actions (#​27712) @​eps1lon
• ​ [docs] Fix sentence to be more grammatically correct (#​27733) @​atorenherrinton
• ​ [examples] Add code sandbox config with node version (#​27798) @​qiweiii
• ​ Revert "[examples] Fix nextjs with styled-components example (#​27583)" (#​27921) @​mnajdova
• ​ Revert "[examples] Update create-react-app examples with styled-components to use package aliases (#​27591)" (#​27917) @​mnajdova
• ​ [I10n] Add Khmer (kh-KH) locale support (#​27915) @​teachhay
• ​ [website] Add templates & design-kits page (#​27811) @​siriwatknp
• ​ [website] Improve rebranding homepage performance (#​27838) @​siriwatknp
• ​ [website] Honest a11y value proposition (#​27826) @​eps1lon
• ​ [website] Improve homepage rebranding (#​27663) @​siriwatknp
• ​ [website] A few polish (#​27741) @​oliviertassinari
• ​ [website] Polish homepage (#​27930) @​oliviertassinari

Core

• ​ [core] Fix various flip: false regressions (#​27920) @​mnajdova
• ​ [core] Fix typo in code comment (#​27818) @​hamidreza-nateghi
• ​ [core] Fix typos in repository (#​27785) @​JEONGJIHUN
• ​ [test] Current behavior when disabling components variants (#​27376) @​noviicee
• ​ [tests Improve test for checking if classes is forwarded to any DOM element (#​27815) @​mnajdova
• ​ [tests] Replace legacy describeConformance with describeConformanceV5 (#​27817) @​mnajdova

All contributors of this release in alphabetical order: @​aaronlademann-wf, @​alexile, @​atorenherrinton, @​benny0642, @​DanailH, @​eps1lon, @​hamidreza-nateghi, @​hbjORbj, @​jakeanq, @​JEONGJIHUN, @​LorenzHenk, @​mekouar-mehdi, @​michaldudak, @​mnajdova, @​nguyenyou, @​nolastemgarden, @​nomanoff, @​noviicee, @​oliviertassinari, @​pvdstel, @​qiweiii, @​siriwatknp, @​surajkumar016, @​teachhay, @​vedadeepta, @​will-amaral

v5.0.0-beta.4

Compare Source

Aug 13, 2021

A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

• 🐛 Grid's "auto" behavior has been fixed by @​aaronlademann-wf (#​27514)
• ♿ An important bug with the keyboard navigation in MenuList was fixed (#​27526) @​ryancogswell

@material-ui/[email protected]

Breaking changes

• ​[Grid] Fix "auto" behavior to match natural width of its content (#​27514) @​aaronlademann-wf

Changes

• ​[ButtonBase] Fix tabIndex type (#​27684) @​kylegach
• ​[MenuList] Fix text navigation (#​27526) @​ryancogswell
• ​[l10n] Add Arabic Sudan (ar-SD) locale (#​27588) @​YassinHussein
• ​[Radio] Fix size prop forwarding with custom icons (#​27656) @​DouglasPds
• ​[TextField] Password visibility icons ( "visibility" ⇔ "visibility-off" ) should be reversed (#​27507) @​tonextone
• ​[ToggleButton] Fix handling of color prop (#​27635) @​oliviertassinari

@material-ui/[email protected]

• ​[codemod] Fix filename case sensitive duplicate @​oliviertassinari

@material-ui/[email protected]

• ​[StyledEngineProvider] Remove unnecessary emotion cache export (#​27680) @​garronej
• ​[system] Fix missing filterProps in compose type (#​27618) @​R-Bower

@material-ui/[email protected]

• ​[CalendarPicker] Improve contrast between enabled and disabled days (#​27603) @​nikitabobers
• ​[PickersDay] Render children if specified (#​27462) @​abriginets
• ​[TreeView] Fix TreeItem label overflow (#​27585) @​LorenzHenk

Docs

• ​[docs] Update guides for @​material-ui/styled-engine-sc installation (#​27602) @​mnajdova
• ​[docs] Document that @​material-ui/styles is not strict mode compatible (#​27639) @​oliviertassinari
• ​[docs] Link to "Customization of Theme" from relevant theme interfaces (#​27689) @​eps1lon
• ​[docs] Update CSP page (#​27627) @​mnajdova
• ​[docs] Reorder and rename "enforce value" ToggleButton demo (#​27678) @​LorenzHenk
• ​[docs] Fix missing dependency in the DataGrid demo (#​27597) @​m4theushw
• ​[docs] img should have a src attribute (#​27632) @​oliviertassinari
• ​[docs] Add badges to Transfer List (#​27634) @​oliviertassinari
• ​[docs] Recommend the direct-import babel plugin over transform-import (#​27335) @​umidbekk
• ​[docs] Remove unused code (#​27711) @​eps1lon
• ​[docs] Improve virtualization demo (#​27340) @​vedadeepta
• ​[examples] Include a follow-up on the example (#​27620) @​matiasherranz
• ​[website] Add about page (#​27599) @​siriwatknp
• ​[website] Add pricing page (#​27598) @​siriwatknp

Core

• ​[core] Batch small changes (#​27636) @​oliviertassinari
• ​[core] Change range strategy to bump (#​27652) @​oliviertassinari
• ​[core] Fix visual regression example images (#​27660) @​eps1lon
• ​[core] Remove diff when running yarn docs:dev (#​27720) @​eps1lon
• ​[core] Remove mocks of require.context in markdown loader (#​27406) @​eps1lon
• ​[core] Reduce use CSS when Checkbox disableRipple is set (#​27568) @​oliviertassinari
• ​[test] Add coverage for jss-to-styled prefix from filename (#​27522) @​eps1lon
• ​[test] Add current behavior for a11y name vs visible name for PickersDay (#​27661) @​eps1lon
• ​[test] Dodge double logging in dev mode (#​27653) @​oliviertassinari
• ​[test] Enable skipped test fixed by upstream React fix (#​27615) @​eps1lon
• ​[theme] Add missed variants in Components interface (#​27453) @​nikitabobers

All contributors of this release in alphabetical order: @​aaronlademann-wf, @​abriginets, @​DouglasPds, @​eps1lon, @​garronej, @​kylegach, @​LorenzHenk, @​m4theushw, @​matiasherranz, @​mnajdova, @​nikitabobers, @​oliviertassinari, @​R-Bower, @​ryancogswell, @​siriwatknp, @​tonextone, @​umidbekk, @​vedadeepta, @​YassinHussein

v5.0.0-beta.3

Compare Source

Aug 6, 2021

A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

• ​✨ jss-to-styled codemod has been improved to support createStyles and <React.Fragment> usage (#​27578) @​mnajdova

@material-ui/[email protected]

• ​[Modal] Restore overflowX and overflowY styles (#​27487) @​PCOffline
• ​[Modal] Remove unnecessary check for children.props.tabIndex (#​27374) @​noviicee
• ​[Select] Fix regression for icon not rotating (#​27511) @​mnajdova

@material-ui/[email protected]

• ​[system] Added top, left, right and bottom border color CSS properties to system (#​27580) @​R-Bower

@material-ui/[email protected]

• ​[codemod] Add support for createStyles usage in jss-to-styled (#​27578) @​mnajdova
• ​[codemod] Fix jss-to-styled PREFIX generation on Windows (#​27491) @​mnajdova
• ​[codemod] Fix jss-to-styled codemod to handle React.Fragment as root (#​27495) @​mnajdova

@material-ui/[email protected]

• ​[FormControl] Create FormControlUnstyled (#​27240) @​michaldudak
• ​[Autocomplete] Move useAutocomplete to the Unstyled package (#​27485) @​michaldudak

Docs

• ​[docs] Fix layout shift when opening hash anchor (#​27619) @​oliviertassinari
• ​[docs] Add TypeScript guide for the sx prop (#​27417) @​mnajdova
• ​[docs] Hardcode listed colors in /customization/color/#playground (#​27446) @​eps1lon
• ​[docs] Bring back Select#onChange signature API (#​27443) @​eps1lon
• ​[docs] Remove backticks in the title (#​27567) @​oliviertassinari
• ​[docs] Fix 404 links (#​27566) @​oliviertassinari
• ​[docs] Use the same h2 for the customization demos (#​27569) @​oliviertassinari
• ​[docs] Fix syntax error in v5 migration styled api example (#​27518) @​kimbaudi
• ​[docs] Improve SSR configuration with emotion ([#​27496](https://redirect.github.com/mui

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.