npm @material-ui/styles 5.0.0-alpha.32
v5.0.0-alpha.32
on Node.js NPM

latest releases: 4.11.5, 5.0.0-beta.5, 5.0.0-beta.4...
3 years ago

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

Check out latest releases or
releases around @material-ui/styles 5.0.0-alpha.32

Don't miss a new styles release

NewReleases is sending notifications on new releases.

Get notifications