Update to MUI 7

Langerth Alice

Release notes

  • BREAKING: Update to MUI 7
  • Update Storybook to v.9

Migration Guide

##Grid The Grid component now uses the size prop instead of individual xs, sm, md props

- <Grid item md={4} sm={6} xs={12} />
+ <Grid size={{ sm: 6, xs: 12, md: 4 }} />

##Grid + Spacing If a Grid layout looks off, it might be due to unnecessary spacing. Try removing it, as Grid now has a default gap between items.

Deep Imports

Deep imports with more than one level are no longer working, at all (they were already considered private API). For example:

- import createTheme from '@mui/material/styles/createTheme';
+ import { createTheme } from '@mui/material/styles';

Peer deps

All other packages that currently depend on MUI 5 will also need to be updated to depend on MUI 7.

New peer deps:

\"@mui/icons-material\": \"^7.1.0\",
\"@mui/lab\": \"7.0.0-beta.12\",
\"@mui/material\": \"^7.1.0\",
\"@mui/system\": \"^7.1.0\",
\"@mui/utils\": \"^7.1.0\",
\"@mui/x-data-grid\": \"7.28.0\",
\"@mui/x-date-pickers\": \"7.28.0\",
\"@mui/x-date-pickers-pro\": \"7.28.0\"

We have updated from MUI 5 to MUI 7. This update includes the major breaking changes from both versions.

Ärende

Ändrade komponenter

Dependency bumpar

  • assets/assets

  • translations/route-description-translation

  • ui/accordion-card

  • utils/string-utils