Skip to content

v5.0.0-alpha.32

Pre-release
Pre-release
Compare
Choose a tag to compare
@mnajdova mnajdova released this 27 Apr 13:02
v5.0.0-alpha.32
2e99746
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

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

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

@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

Core

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

Assets 2
Loading