May 18, 2021
Big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
- 💥 Make progress with the breaking changes. We have done 89 of the 109 changes planned. We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow our milestone for more details.
- 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
- And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.34
Breaking change
-
[Select][NativeSelect] Polish CSS classes (#26186) @m4theushw
Select, NativeSelect
Merge the
selectMenu
slot intoselect
. SlotselectMenu
was redundant. Theroot
slot is no longer applied to the select, but to the root.-<NativeSelect classes={{ root: 'class1', select: 'class2', selectMenu: 'class3' }} /> +<NativeSelect classes={{ select: 'class1 class2 class3' }} />
TablePagination
Move the custom class on
input
toselect
. Theinput
key is being applied on another element.<TablePagination - classes={{ input: 'foo' }} + classes={{ select: 'foo' }} />
-
[core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova
Change location of
StyledEngineProvider
import.-import StyledEngineProvider from '@material-ui/core/StyledEngineProvider'; +import { StyledEngineProvider } from '@material-ui/core/styles';
-
[Autocomplete] Apply .Mui-focused instead of data-focus on the focused option (#26181) @m4theushw
The
data-focus
attribute is not set on the focused option anymore, instead, global class names are used.-'.MuiAutocomplete-option[data-focus="true"]': { +'.MuiAutocomplete-option.Mui-focused': {
- [Radio] Make color primary default (#26180) @vicasas
- [Switch] Make color primary default (#26182) @vicasas
-
[pickers] Drop ResponsiveWrapper usage (#26123) @eps1lon
When a responsive picker changes from mobile to desktop, it will now clear its entire state. To keep the original behavior you can implement a controlled picker:
function ResponsiveDateTimePicker(props) { const [open, setOpen] = React.useState(false); return ( <DateTimePicker open={open} onClose={() => setOpen(false)} onOpen={() => setOpen(true)} {...props} /> ); }
-
[Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw
<Autocomplete - getOptionSelected={(option, value) => option.title === value.title} + isOptionEqualToValue={(option, value) => option.title === value.title} />
Follow this link for full migration from v4 => v5
Changes
- [TextField] Fix hiddenLabel type of FilledInput (#26290) @siriwatknp
- [TextField] Fix classes forward to InputBase (#26231) @arpitBhalla
- [Autocomplete] Fix missing 'createOption' in AutocompleteCloseReason type (#26197) @Gautam-Arora24
- [Autocomplete] Reduce CSS specificity by 1 (#26238) @Gautam-Arora24
- [ButtonBase] Omit aria-disabled if not disabled (#26189) @Gautam-Arora24
- [colors] Fix A inconsistencies (#26196) @oliviertassinari
- [examples] Fix dynamic global styles & global styles leak in the ssr examples (#26177) @mnajdova
- [Slider] Fix support for non primary colors (#26285) @davidfdriscoll
- [Slider] Center value label for disabled slider (#26257) @davidfdriscoll
- [styled-engine] Fix styled-components not supporting empty style (#26098) @ruppysuppy
- [styles] Fix overrides type issues (#26228) @mnajdova
- [Container] Fix support for custom breakpoints (#26328) @alanszp
@material-ui/lab@5.0.0-alpha.34
- [pickers] Migrate TimePickerToolbar to emotion (#26274) @siriwatknp
- [pickers] Migrate DatePickerToolbar to emotion (#26292) @siriwatknp
- [DateTimePicker] Migrate DateTimePickerTabs and Toolbar to emotion (#26327) @siriwatknp
- [DatePicker] Migrate PickersYear to emotion (#25949) @siriwatknp
- [DateRangePicker] Migrate PickersToolbarText to emotion (#25983) @siriwatknp
- [pickers] Migrate StaticWrapper to emotion (#26275) @siriwatknp
- [pickers] Migrate Clock to emotion (#26278) @siriwatknp
- [pickers] Migrate PickersToolbar to emotion (#26273) @siriwatknp
- [pickers] Migrate ClockNumber to emotion (#26058) @siriwatknp
- [pickers] Migrate ClockPointer to emotion (#26057) @siriwatknp
- [pickers] Migrate PickersMonth to emotion (#26021) @siriwatknp
- [pickers] Migrate MonthPicker to emotion (#26025) @siriwatknp
- [pickers] Migrate PickersDay to emotion (#25995) @siriwatknp
- [pickers] Migrate PickersToolbarButton to emotion (#25989) @siriwatknp
@material-ui/icons@5.0.0-alpha.34
- [icons] Remove extraneous React.Fragment (#26308) @eps1lon
-
[icons] Synchronize icons (#26302) @eps1lon
New DriveFileMove icon and its variants
Docs
- [NProgressBar] Fix invalid ARIA and HTML (#26234) @eps1lon
- [docs] Simplify demos slider (#26324) @oliviertassinari
- [docs] Use transpiled icons directly (#26268) @eps1lon
- [docs] Remove dependency on withStyles from @material-ui/core/styles (#26269) @mnajdova
- [docs] Add Jalali date picker demo (#26243) @smmoosavi
- [docs] Remove last dependencies on `makeStyles` from `@material-ui/core/styles` (#26246) @mnajdova
- [docs] Polish the pickers demo (#26094) @oliviertassinari
- [docs] Fix broken overrides link on API pages (#26244) @mnajdova
- [docs] Improve documentation for Buttons (#26184) @arpitBhalla
- [docs] Emphasize on props for screen readers (#26222) @atisheyJain03
- [docs] Link third-party routing in Bottom Navigation (#26190) @arpitBhalla
- [docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova
- [docs] Add accessibility section to Badges (#26009) @likitarai1
- [docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova
- [docs] Use public next/router events API (#26233) @eps1lon
- [docs] Remove remnants Hidden component (#26191) @vicasas
- [docs] Ensure TreeView demos don't overflow demo container (#26161) @eps1lon
- [docs] Fix a typo in the import statement of LocalizationProvider (#26226) @huyenltnguyen
- [docs] Improve react-admin coverage in the showcase (#26169) @fzaninotto
- [docs] Fix Workbox that are causing infinite loading of site (#26193) @arpitBhalla
Core
- [core] Skip sx prop in internal components (#26235) @mnajdova
- [core] Remove `withStyles` dependencies from `@material-ui/core/styles` (#26277) @mnajdova
- [core] Include human readable target in the browserstack build (#26322) @eps1lon
- [core] Fix NotchedOutlineProps type (#26305) @gnowland
- [core] Add file for git-blame --ignore-revs-file (#26295) @eps1lon
- [core] Ensure component class keys aren't missing (#25754) @eps1lon
- [core] Drop support for blocking mode (#26262) @eps1lon
- [core] Don't download monorepo packages (#26261) @eps1lon
- [core] Batch small changes (#26199) @oliviertassinari
- [core] Extract classes descriptions from TypeScript (#25933) @eps1lon
- [styled-engine] Fix test script (#26258) @ruppysuppy
All contributors of this release in alphabetical order: @arpitBhalla, @atisheyJain03, @davidfdriscoll, @eps1lon, @fzaninotto, @Gautam-Arora24, @gnowland, @huyenltnguyen, @likitarai1, @m4theushw, @mnajdova, @oliviertassinari, @ruppysuppy, @siriwatknp, @smmoosavi, @Vicas