github mui-org/material-ui v5.0.0-alpha.32

Apr 27, 2021

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

  • 👩‍🎤 We have completed the migration to emotion of all components in @material-ui/core. We will focus on the components in @material-ui/lab next.
  • 💥 Make progress with the breaking changes plan. We have done 38 out of 41 breaking changes that can be deprecated. We have done 21 out of the 39 that can't have deprecations. Once done, we will focus on updating the components for better following material design, and to improve the aesthetic.
  • 💄 Support extending the theme for custom color and size values in all components.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@5.0.0-alpha.32

Breaking changes

  • [Table] Rename padding="default" to padding="normal" (#25924) @m4theushw
  -<Table padding="default" />
  -<TableCell padding="default" />
  +<Table padding="normal" />
  +<TableCell padding="normal" />
  • [Button] Rename pending prop to loading in LoadingButton (#25874) @m4theushw
  -<LoadingButton pending pendingIndicator="Pending..." pendingPosition="end" />
  +<LoadingButton loading loadingIndicator="Pending..." loadingPosition="end" />
  • [ButtonBase] Remove buttonRef prop (#25896) @m4theushw
  -<ButtonBase buttonRef={ref} />
  +<ButtonBase ref={ref} />
  -<Button buttonRef={ref} />
  +<Button ref={ref} />
  • [Checkbox][Switch] Remove checked argument from onChange (#25871) @m4theushw
  function MyCheckbox() {
  - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
  + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
  +   const checked = event.target.checked;
    };
    return <Checkbox onChange={handleChange} />;
  }
  function MySwitch() {
  - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
  + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
  +   const checked = event.target.checked;
    };
    return <Switch onChange={handleChange} />;
  }
  • [theme] Remove theme.breakpoints.width helper (#25918) @m4theushw
  -theme.breakpoints.width('md')
  +theme.breakpoints.values.md
  • [theme] Remove theme.typography.round helper (#25914) @m4theushw

The theme.typography.round helper was removed because it was no longer used. If you need it, use the function below:

  function round(value) {
    return Math.round(value * 1e5) / 1e5;
  }

Changes

  • [Container] Fix maxWidth="false" resulting in incorrect css (#25869) @mnajdova
  • [core] Improve support for extended props in theme (#25934) @vicasas
  • [core] Fix various too wide classes types (AppBar, Card, Link, LoadingButton, MenuItem) (#25917) @eps1lon
  • [Drawer] Fix classes forwarded to DOM node for docked drawer (#25870) @mnajdova
  • [IconButton] Support custom colors and sizes (#25890) @Vikram710
  • [l10n] Add Bengali (bnBD) locale (#25841) @Knoxo
  • [Rating] Support custom sizes (#25922) @vicasas
  • [Select] Fix classes leaking on the DOM (#25894) @siriwatknp
  • [Stack] Fix support of spacing falsy values (#25937) @simonecervini
  • [Table] Migrate TablePagination to emotion (#25809) @siriwatknp
  • [Tabs] Migrate Tabs to emotion (#25824) @siriwatknp
  • [TextField] Remove utlity class name for margin="none" (#25969) @oliviertassinari
  • [TextField] Make the position prop required in InputAdornment (#25891) @m4theushw
  • [theme] Remove fade color helper (#25895) @m4theushw

@material-ui/lab@5.0.0-alpha.32

  • [DateTimePicker] date is nullable in onChange (#25981) @eps1lon
  • [internal][Pickers] Remove unused TView type argument (#25936) @eps1lon
  • [internal][Pickers] Inline some BasePickerProps usages (#25971) @eps1lon
  • [internal][Pickers] Entangle what *Props vs All*Props means (#25938) @eps1lon
  • [lab] Update slot components to use overridesResolver (#25906) @mnajdova
  • [Timeline] Remove use of nth-child in favor of nth-of-type (#25915) @wellwellmissesanderson
  • [Timeline] Migrate Timeline to emotion (#25838) @siriwatknp
  • [TreeView] Migrate TreeItem to emotion (#25835) @siriwatknp

@material-ui/styled-engine@5.0.0-alpha.32

  • [styled-engine] Skip variants resolver for non root slots by default (#25865) @mnajdova

@material-ui/system@5.0.0-alpha.32

  • [system] Add missing main entry for styleFunctionSx (#25885) @eps1lon

@material-ui/types@6.0.0

This package is just re-released since version 5.1.7 had a breaking change.

Docs

  • [Autocomplete] Fix tagSize class typo (#25908) @JanMisker
  • [DataGrid] Update docs sections (#25980) @dtassone
  • [docs] Batch small fixes (#25807) @m4theushw
  • [docs] Explicitly list demos of unstyled components (#25900) @eps1lon
  • [docs] Expose heading links in a11y tree (#25861) @eps1lon
  • [docs] Fix minor typo (#26001) @onpaws
  • [docs] Fix global styles leaking on different pages (#25855) @mnajdova
  • [docs] Fix Typography api docs for paragraph prop (#25929) @DanailH
  • [docs] Fix Slider's classes wrong description (#25907) @mnajdova
  • [docs] Grammar correction in autocomplete API (#25910) @gruber76
  • [docs] Require documentation of demos (#25811) @eps1lon
  • [docs] Update minimum required TypeScript version (#25930) @eps1lon
  • [Table] Improve description of TablePagination.rowsPerPageOptions (#25982) @kevinlul

Core

  • [core] Fix wrong imports to '@material-ui/styles' (#25984) @mnajdova
  • [core] Ensure props spreading works as expected (#25939) @oliviertassinari
  • [core] Batch small changes (#25968) @oliviertassinari
  • [core] Enable trailing comma in TypeScript files (#25931) @eps1lon
  • [core] Remove @typescript-to-proptypes-generate handlers (#25909) @eps1lon
  • [core] Update slots components to enable flatten specificity for overrides (#25853, #25864, #25881, #25884, #25887, #25904, #25892) @mnajdova
  • [test] Add current behavior of inverleaving elements on mousedown (#25903) @eps1lon
  • [test] Add test validator to improve DX (#25854) @siriwatknp
  • [test] Fix duplicate key in TreeItem test (#26000) @mnajdova

All contributors of this release in alphabetical order: @DanailH, @dtassone, @eps1lon, @gruber76, @JanMisker, @kevinlul, @Knoxo, @m4theushw, @mnajdova, @oliviertassinari, @simonecervini, @siriwatknp, @vicasas, @Vikram710, @wellwellmissesanderson

latest releases: v4.12.2, v5.0.0-beta.1, v4.12.1...
pre-release2 months ago