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/core@5.0.0-beta.5
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 calledValue
. It was a very generic name for a type specific to theAutocomplete
control, so it was removed toAutocompleteValue
.-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/system@5.0.0-beta.5
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/icons@5.0.0-beta.5
- [icons] Improve GitHub size (#27740) @oliviertassinari
@material-ui/styled-engine@5.0.0-beta.5
- [styled-engine] Remove unecessary aliases (#27779) @oliviertassinari
- [styled-engine] Drop withComponent support (#27780) @oliviertassinari
@material-ui/unstyled@5.0.0-alpha.44
@material-ui/lab@5.0.0-alpha.44
- [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