Update material-ui monorepo

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@mui/base (source)	5.0.0-alpha.111 -> 5.0.0-beta.70
@mui/material (source)	5.11.1 -> 5.18.0
@mui/system (source)	5.11.1 -> 5.18.0

---

Release Notes

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

v5.0.0-beta.30

Compare Source

v5.0.0-beta.29

Compare Source

v5.0.0-beta.28

Compare Source

v5.0.0-beta.27

Compare Source

v5.0.0-beta.26

Compare Source

v5.0.0-beta.25

Compare Source

v5.0.0-beta.22

Compare Source

v5.0.0-beta.21

Compare Source

v5.0.0-beta.20

Compare Source

v5.0.0-beta.19

Compare Source

v5.0.0-beta.18

Compare Source

v5.0.0-beta.17

Compare Source

v5.0.0-beta.16

Compare Source

v5.0.0-beta.15

Compare Source

v5.0.0-beta.14

Compare Source

v5.0.0-beta.13

Compare Source

v5.0.0-beta.10

Compare Source

v5.0.0-beta.9

Compare Source

v5.0.0-beta.8

Compare Source

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

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

• 🐛 Grid's "auto" behavior has been fixed (#​27514) @​aaronlademann-wf
• ♿ 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 9, 2021

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 (TypeScript) and <React.Fragment> use (#​27578) @​mnajdova
• 🦴 Isolate useAutocomplete into the unstyled package (#​27485) @​michaldudak

@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` use 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) @​frandiox
• [docs] Change "pseudo-classes" to "state classes" (#​27570) @​michaldudak
• [docs] Add StackBlitz edit demo integration (#​27391) @​sulco
• [docs] Remove unnecessary generic argument (#​27516) @​bezpalko
• [docs] Add customization demos (#​27411) @​siriwatknp
• [docs] Restore initial descriptionRegExp logic (#​27436) @​oliviertassinari
• [docs] Polish jss-to-styled docs (#​27457) @​oliviertassinari
• [examples] Fix nextjs with styled-components example (#​27583) @​mnajdova
• [examples] Update create-react-app examples with styled-components to use package aliases (#​27591) @​mnajdova
• [examples] Improve integration examples with Next.js (#​27331) @​Harshita-Kanal
• [website] Add spicefactory as gold sponsor @​oliviertassinari
• [website] Homepage rebranding (#​27488) @​siriwatknp
• [website] Add Flavien to team and about pages (#​27575) @​flaviendelangle
• [website] Add Ryan to Community contributors for Stack Overflow contributions (#​27529) @​ryancogswell
• [website] Add references section to home (#​27444) @​siriwatknp

Core

• [core] rebaseWhen=auto does not seem to work (#​27565) @​oliviertassinari
• [core] Improve instructions for the @​material-ui/styles migration (#​27466) @​mnajdova
• [core] Batch small changes (#​27435) @​oliviertassinari
• [core] Receive patch and minor dependency updates (#​27455) @​eps1lon
• [test] Update coverage to include all @​material-ui packages (#​27521) @​eps1lon
• [test] Lint codemod tests (#​27519) @​eps1lon
• [test] Allow tests to run for 6s before timeout (#​27456) @​oliviertassinari

All contributors of this release in alphabetical order: @​bezpalko, @​eps1lon, @​flaviendelangle, @​frandiox, @​Harshita-Kanal, @​kimbaudi, @​michaldudak, @​mnajdova, @​noviicee, @​oliviertassinari, @​PCOffline, @​R-Bower, @​ryancogswell, @​siriwatknp, @​sulco

v5.0.0-beta.2

Compare Source

Jul 26, 2021

Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:

• ✨ We introduced a new codemod for converting JSS styles to emotion (#​27292) @​siriwatknp
  It should help the adoption of v5, by making possible the removal of JSS sooner.
• 🐛 The majority of other changes in this release were bug fixes, test utilities, and docs.

@material-ui/[email protected]

• [Autocomplete] Explain how the loading prop works (#​27416) @​michaldudak
• [Autocomplete] Update input value when the input changes (#​27313) @​turtleseason
• [Autocomplete] Popper is not closing when the Autocomplete is disabled (#​27312) @​Goodiec
• [Checkbox] Skip default hover styles with `disableRipple` (#​27314) @​faan234
• [Dialog] Fix override paper styles (#​27423) @​newsiberian
• [Grid] Remove width prop for rowSpacing (#​27326) @​sashkopavlenko
• [Input] Merge `componentsProps` correctly (#​27371) @​mnajdova
• [Pagination] Fixed usePagination requires @​emotion in development mode (#​27348) @​ruppysuppy
• [Pagination] Fix :hover effect on previous/next button (#​27304) @​Aubrey-Li
• [Popper] Consistent timing of popper instance creation (#​27233) @​eps1lon
• [Select] Add `SelectChangeEvent` for accurate types for event in onChange prop (#​27370) @​eps1lon
• [Tabs] Use theme transition duration for the Tab animation (#​27303) @​florianbepunkt
• [TextField] Allow custom colors in FormLabel (#​27337) @​oliviertassinari
• [TextField] Fix name of componentsProps (#​27338) @​oliviertassinari
• [transitions] Make sure inline styles used for transition values if declared (#​27140) @​eps1lon

@material-ui/[email protected]

• [codemod] Add `optimal-imports` for v5 (#​27404) @​mnajdova
• [codemod] Add jss to emotion codemod (#​27292) @​siriwatknp
• [codemod] Fix running codemod CLI on Windows (#​27395) @​michaldudak
• [codemod] Fix published version (#​27384) @​eps1lon
• [codemod] Improve README.md (#​27257) @​mnajdova

@material-ui/[email protected]

• [NoSsr] Move NoSsr to the Unstyled package (#​27356) @​michaldudak

@material-ui/[email protected]

• [utils] Convert createChainedFunction to TypeScript (#​27386) @​eps1lon

@material-ui/[email protected]

• [system] Compute display name of `styled` component if `name` isn't set (#​27401) @​eps1lon
• [system] Adds missing type for `shouldForwardProp` (#​27310) @​KLubin1

@material-ui/[email protected]

• [pickers] Only accept dates from adapters in min/max props (#​27392) @​eps1lon
• [pickers] Fallback to today if all possible dates are disabled (#​27294) @​eps1lon
• [pickers] Minify error when LocalizationProvider is missing (#​27295) @​eps1lon
• [pickers] Fix Fade animation behavior change (#​27283) @​oliviertassinari

Docs

• [docs] Display Popper arrow correctly (#​27339) @​Patil2099
• [docs] Focus pickers introduction on Material-UI (#​27394) @​eps1lon
• [docs] Fix wrong import path in @​material-ui/styles section (#​27427) @​WeldonTan
• [docs] Update color imports (#​27321) @​siriwatknp
• [docs] Sync params of callbacks between types and JSDoc description (#​27366) @​eps1lon
• [docs] Add migration note for synthetic native events in onChange (#​27368) @​eps1lon
• [docs] Improve unstyled docs (#​27382) @​oliviertassinari
• [docs] Update `Transitions` page (#​27319) @​siriwatknp
• [docs] Add Unstyled components docs page (#​27158) @​michaldudak
• [docs] Fix app bar regression (#​27373) @​mnajdova
• [docs] Update migration guide to have a section on nested classes (#​27354) @​mnajdova
• [docs] Convert App* components to emotion (#​27150) @​eps1lon
• [docs] Fix duplicate "Theme" header (#​27353) @​eps1lon
• [docs] Remove horizontal scrollbar in MiniDrawer (#​27055) @​AlvesJorge
• [docs] Add `makeStyles` explanation in troubleshooting (#​27322) @​siriwatknp
• [docs] Fix ExpansionPanel migration notes (#​27352) @​eps1lon
• [docs] Transpile markdown files (#​27349) @​eps1lon
• [docs] Fix typo in the word typography (#​27329) @​tudi2d
• [docs] Use actual symbol of kilogram (#​27332) @​getsnoopy
• [docs] Make migration doc easier to follow (#​26948) @​siriwatknp
• [examples] Cleanup `gatsby` examples (#​27375) @​mnajdova
• [examples] Create nextjs example using styled-components (#​27088) @​hboylan
• [examples] Update gatsby example to use custom plugin (#​27357) @​mnajdova

Core

• [core] Remove obsolete styles documentation (#​27350) @​eps1lon
• [core] Fix GitHub language detection (#​27298) @​oliviertassinari
• [test] Include coverage report of browser tests (#​27389) @​eps1lon
• [test] Add current behavior for getDisplayName with context components (#​27402) @​eps1lon
• [test] Enable skipped picker tests (#​27268) @​eps1lon
• [website] Add hero section to homepage (#​27364) @​siriwatknp

All contributors of this release in alphabetical order: @​AlvesJorge, @​Aubrey-Li, @​eps1lon, @​faan234, @​florianbepunkt, @​g
etsnoopy, @​Goodiec, @​hboylan, @​KLubin1, @​michaldudak, @​mnajdova, @​newsiberian, @​oliviertassinari, @​Patil2099, @​ruppysupp
y, @​sashkopavlenko, @​siriwatknp, @​tudi2d, @​turtleseason, @​WeldonTan

v5.0.0-beta.1

Compare Source

Jul 14, 2021

Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:

• ✨ We have introduced a new unstyled component: the Switch (#​26688) @​michaldudak
  You can find two new versions of the Switch. A component without any styles: SwitchUnstyled, and a hook: useSwitch.

  

  You can follow our progress at mui-org#27170.

• 💄 We have updated the default info success warning color to be more accessible (#​26817) @​siriwatknp.
  You can find the new default values in the documentation.

  

@material-ui/[email protected]

Breaking changes

• [Fab] Remove no longer necessary span wrapper (#​27112) @​siriwatknp
• [ToggleButton] Remove no longer necessary span wrapper (#​27111) @​siriwatknp

Changes

• [Autocomplete] Add componentsProps (#​27183) @​michal-perlakowski
• [Avatar] Fix support for crossOrigin (#​27013) @​ShirasawaSama
• [ButtonBase] Correct disableRipple API description (#​27187) @​michaldudak
• [ButtonGroup] Add color palette types (#​27215) @​ShirasawaSama
• [SwitchBase] Bring back checked and mark as deprecated (#​27047) @​siriwatknp
• [TextField] Remove redundant useFormControl implementation (#​27197) @​michaldudak
• [theme] Add missing MuiRating types to components.d.ts (#​27086) @​rajzik
• [theme] Remove createV4Spacing from adaptV4Theme (#​27072) @​siriwatknp
• [theme] Update default info success warning color (#​26817) @​siriwatknp
• [ToggleButton] Add color palette types (#​27046) @​ShirasawaSama
• [ToggleButton] Fix the api page (#​27164) @​oliviertassinari

@material-ui/[email protected]

• [Switch] Create SwitchUnstyled and useSwitch (#​26688) @​michaldudak

@material-ui/[email protected]

• [codemod] Add v5 important migration (#​27032) @​siriwatknp
• [codemod] Fix v5 codemods on Windows (#​27254) @​michaldudak

@material-ui/[email protected]

• [Box] Add breakpoint value support to maxWidth prop (#​26984) @​ansh-saini

@material-ui/[email protected]

• [CalendarPicker] Fix slide transition regression (#​27273) @​eps1lon
• [CalendarPicker] Use transition components from core instead of a custom implementation (#​27043) @​eps1lon
• [pickers] Fix default value of text keys (#​26990) @​oliviertassinari
• [TimePicker] Change default minutes and seconds to zero (#​27037) @​michal-perlakowski

Docs

• [blog] Q2 2021 Update (#​27089) @​oliviertassinari
• [docs] Add information that the label prop in FormControlLabel is now @​michal-perlakowski
• [docs] Don't crash page if an Ad crashes (#​27178) @​eps1lon
• [docs] Fix alt description of movavi backer @​oliviertassinari
• [docs] Fix import source of hidden component (#​27116) @​vimutti77
• [docs] Fix layout regression (#​27272) @​oliviertassinari
• [docs] Fix syntax error in /styles/api markdown (#​27176) @​sahil-blulabs
• [docs] Fix the link for the sx props page (#​27202) @​mnajdova
• [docs] Fix theme context example code (#​27053) @​moshfeu
• [docs] Fix typo in CONTRIBUTING.md (#​27218) Ayush Dubey
• [docs] Fix typos (#​27074) @​michaldudak
• [docs] Improve nav semantics (#​27138) @​eps1lon
• [docs] Migrate Ad* components to emotion (#​27159) @​mnajdova
• [docs] Migrate rest of the docs to emotion (#​27184) @​mnajdova
• [docs] Move versions from _app PageContext to page-specific context (#​27078) @​eps1lon
• [docs] Only bundle one version of the demos in production (#​27020) @​eps1lon
• [docs] Reduce layout shift on landing page (#​27251) @​eps1lon
• [docs] Remove Ethical Ads (#​27173) @​mbrookes
• [docs] Remove unused fs polyfill (#​27069) @​eps1lon
• [docs] Remove usage of url package (#​27151) @​eps1lon
• [docs] Replace react-text-mask with react-imask in integration example (#​27071) @​michal-perlakowski
• [docs] Sort the size in a more logical order (#​27186) @​oliviertassinari
• [docs] Use actual link to paperbase (#​27063) @​eps1lon
• [docs] Use custom markdown loader for landing page (#​27065) @​eps1lon
• [docs] Use webpack 5 (#​27077) @​eps1lon
• [examples] Fix CDN warning (#​27229) @​oliviertassinari
• [examples] Remove StyledEngineProvider as JSS is not used (#​27133) @​mnajdova
• [examples] Remove forgotten StyledEngineProvider (#​27163) @​oliviertassinari

Core

• [core] Batch small changes (#​26970) @​oliviertassinari
• [core] Configure Renovate (#​27003) @​renovate[bot]
• [core] Migrate remaining mentions of Dependabot to Renovate (#​27118) @​eps1lon
• [core] Run yarn deduplicate on Renovate updates (#​27115) @​eps1lon
• [test] Document broken React 18 behavior of Autocomplete (#​27242) @​eps1lon
• [test] Increase BS timeout to 6min (#​27179) @​oliviertassinari
• [test] Migrate regressions to emotion (#​27010) @​vicasas
• [test] Narrow down React 18 compat issues (#​27134) @​eps1lon
• [test] Remove StyledEngineProvider usage from regressions and e2e test @​mnajdova
• [test] Run React 18 integration tests with new createRoot API (#​26672) @​eps1lon
• [test] Update tests with latest state of StrictMode compatibility (#​27042) @​eps1lon
• [test] Use DOM events instead of mocked, partial events (#​27198) @​eps1lon
• [website] Open 4 new roles (#​27123) @​oliviertassinari
• [blog] Danilo Leal joins Material-UI (#​27231) @​oliviertassinari

All contributors of this release in alphabetical order: @​eps1lon, @​mbrookes, @​michal-perlakowski, @​michaldudak, @​mnajdova, @​moshfeu, @​oliviertassinari, @​rajzik, @​renovate[bot], @​sahil-blulabs, @​ShirasawaSama, @​siriwatknp, @​vimutti77

v5.0.0-beta.0

Compare Source

Jul 01, 2021

Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

• 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow the v5 stable milestone for more details. We now encourage any new projects to start on v5.
• 🚀 We have completed all the planned breaking changes.
• ⚒️ We added the codemod CLI to simplify migration to v5 (#​26941) @​eps1lon. You can find it at @material-ui/codemod.
• 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.

@material-ui/[email protected]

Breaking changes

• [Tabs] Remove unnecessary wrapper from Tab (#​26926) @​siriwatknp

  span element that wraps children has been removed. wrapper classKey is also removed. More details about this change.

  <button class="MuiTab-root">
  - <span class="MuiTab-wrapper">
      {icon}
      {label}
  - </span>
  </button>

• [BottomNavigation] Remove wrapper from BottomNavigationAction (#​26923) @​siriwatknp

  span element that wraps children has been removed. wrapper classKey is also removed. More details about this change.

  <button class="MuiBottomNavigationAction-root">
  - <span class="MuiBottomNavigationAction-wrapper">
      {icon}
      <span class="MuiBottomNavigationAction-label">
        {label}
      </span>
  - </span>
  </button>

Changes

• [Box] Fix TypeScript error on maxWidth prop (#​26859) @​ansh-saini
• [Dialog] Automatically label by its DialogTitle (#​26814) @​eps1lon
• [Hidden] Bring back and mark as deprecated (#​26908) @​siriwatknp
• [List] Add button runtime deprecation warning (#​26743) @​siriwatknp
• [Modal] Type BackdropProps according to styled version (#​26836) @​eps1lon
• [Radio] Fix `defaultValue` to match the other value types (#​26945) @​oliviertassinari
• [Stepper] Add completed to global pseudo-classes (#​26953) @​michal-perlakowski
• [Stepper] Fix support for no connectors (#​26874) @​varandasi
• [TextField] Prevent `hiddenLabel` from spreading to DOM (#​26864) @​siriwatknp
• [TextField] Fix label disappearing when focusing a button (#​26933) @​michal-perlakowski

@material-ui/[email protected]

• [codemod] Add CLI (#​26941) @​eps1lon

@material-ui/[email protected]

• [icons] Regenerate transpiled files (#​26985) @​eps1lon

@material-ui/[email protected]

Breaking changes

• [DatePicker] Remove helper text default value (#​26866) @​DouglasPds

  Make the default rendered text field closer to the most common use cases (denser).

  <DatePicker
    label="Helper text example"
    value={value}
    onChange={onChange}
    renderInput={(params) => (
  -    <TextField {...params} />
  +    <TextField {...params} helperText={params?.inputProps?.placeholder} />
    
  

---

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.