npm @material-ui/core 5.0.0-alpha.12

latest releases: 4.12.4, 5.0.0-beta.5, 5.0.0-beta.4...
3 years ago
Oct 11, 2020

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

  • 🧪 The promotion of 4 components from the lab to core: Autocomplete, Pagination, SpeedDial, and ToggleButton. These components have been in the lab for more than 10 months @mbrookes.
  • 📦 Switch the style engine of the Box component from JSS to @material-ui/styled-engine (use emotion by default) (#22945) @mnajdova.
    The early benchmark we have run shows that performance has improved. We will share more detailed results in #21657.
  • 🐙 Migrate a large portion of the tests from enzyme to react-testing-library @eladmotola, @baterson, @bewong89, @devrasec, @guillermaster, @itamar244, @jeferson-sb, @The24thDS.
    Last month, react-testing-library had more downloads than enzyme in the ecosystem!
  • 🏷 Add support for tooltips following the cursor (#22876) @xtrixia.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.12

Breaking changes

  • [Accordion] Remove display:flex from AccordionDetails (#22809) @croraf
    The style was too opinionated. Most developers expect display: block.

  • [Accordion] Replace IconButton wrapper with div (#22817) @croraf
    Remove IconButtonProps prop from AccordionSummary.
    The component renders a <div> element instead of an IconButton.
    The prop is no longer relevant.

  • [Box] Add mui styled usage (#22945) @mnajdova
    Change the style-engine powering the Box component from JSS to the style engine adatper (emotion by default).

  • [CircularProgress] Drop IE11 wobbly workaround (#22873) @suliskh
    The IE11 workaround is harming performance on the latest browsers.
    This change is part of a best-effort strategy to keep IE11 support.
    We are degrading the UX and DX with IE11 where we can improve the components on modern browsers.

  • [Table] Rename onChangeRowsPerPage and onChangePage (#22900) @eladmotola
    The change was done to match the API convention.

    <TablePagination
    - onChangeRowsPerPage={()=>{}}
    - onChangePage={()=>{}}
    + onRowsPerPageChange={()=>{}}
    + onPageChange={()=>{}}
  • [theme] Rename fade to alpha (#22834) @mnajdova
    Better describe its functionality. The previous name was leading to confusion when the input color already had an alpha value. The helper overrides the alpha value of the color.

    - import { fade } from '@material-ui/core/styles';
    + import { alpha } from '@material-ui/core/styles';
    
    const classes = makeStyles(theme => ({
    -  backgroundColor: fade(theme.palette.primary.main, theme.palette.action.selectedOpacity),
    +  backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
    }));
  • [Tooltip] Make interactive default (#22382) @eps1lon
    The previous default behavior failed success criterion 1.4.3 ("hoverable") in WCAG 2.1.
    To reflect the new default value, the prop was renamed to disableInteractive.
    If you want to restore the old behavior (thus not reaching level AA), you can apply the following diff:

    -<Tooltip>
    +<Tooltip disableInteractive>
    # Interactive tooltips no longer need the `interactive` prop.
    -<Tooltip interactive>
    +<Tooltip>

Changes

@material-ui/styled-engine@v5.0.0-alpha.12

@material-ui/lab@v5.0.0-alpha.12

Breaking changes

  • [Autocomplete] Move from lab to core (#22715) @mbrookes
    Move the component from the lab to the core. This component will become stable.

    -import Autocomplete from '@material-ui/lab/Autocomplete';
    -import useAutocomplete from '@material-ui/lab/useAutocomplete';
    +import Autocomplete from '@material-ui/core/Autocomplete';
    +import useAutocomplete from '@material-ui/core/useAutocomplete';
  • [Pagination] Move from lab to core (#22848) @mbrookes
    Move the component from the lab to the core. This component will become stable.

    -import Pagination from '@material-ui/lab/Pagination';
    -import PaginationItem from '@material-ui/lab/PaginationItem';
    -import { usePagination } from '@material-ui/lab/Pagination';
    +import Pagination from '@material-ui/core/Pagination';
    +import PaginationItem from '@material-ui/core/PaginationItem';
    +import usePagination from '@material-ui/core/usePagination';
  • [SpeedDial] Move from lab to core (#22743) @mbrookes
    Move the component from the lab to the core. This component will become stable.

    -import SpeedDial from '@material-ui/lab/SpeedDial';
    -import SpeedDialAction from '@material-ui/lab/SpeedDialAction';
    -import SpeedDialIcon from '@material-ui/lab/SpeedDialIcon';
    +import SpeedDial from '@material-ui/core/SpeedDial';
    +import SpeedDialAction from '@material-ui/core/SpeedDialAction';
    +import SpeedDialIcon from '@material-ui/core/SpeedDialIcon';
  • [ToggleButton] Move from lab to core (#22784) @mbrookes
    Move the component from the lab to the core. This component will become stable.

    -import ToggleButton from '@material-ui/lab/ToggleButton';
    -import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
    +import ToggleButton from '@material-ui/core/ToggleButton';
    +import ToggleButtonGroup from '@material-ui/core/ToggleButtonGroup';
  • [TreeView] Improve customization of tree item (#22846) @joshwooding
    Remove onLabelClick and onIconClick.

Changes

Docs

Core

Don't miss a new core release

NewReleases is sending notifications on new releases.