v5.5.3

Mar 28, 2022

A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:

• ♿️ improved the a11y on some docs demos
• Several 🐛 bug fixes and 📚 documentation improvements

@mui/[email protected]

• ​[ButtonBase] Start ripple only after mount (#31950) @m4theushw
• ​[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io
• ​[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko

@mui/[email protected]

• ​[codemod] Fix variant prop placement (#31990) @ryancogswell

@mui/[email protected]

• ​[utils] Improve type inference of useForkRef (#31845) @eps1lon

@mui/[email protected]

Breaking changes

• ​[base] Remove BackdropUnstyled component (#31923) @mnajdova

  The BackdropUnstyled component was removed from the @mui/base package, as it did not have any specific logic, except adding an aria-hidden attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use:

  const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
    (props, ref) => {
      const { open, className, ...other } = props;
      return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
    },
  );

• ​[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak

  Removed the Unstyled_ prefix from the Base export (it remains in the Material UI export, though).

  -import { Unstyled_TrapFocus } from '@mui/base';
  +import { TrapFocus } from '@mui/base';
  
  // or
  
  -import TrapFocus from '@mui/base/Unstyled_TrapFocus';
  +import TrapFocus from '@mui/base/TrapFocus';

Changes

• ​[base] Add @mui/types to dependencies (#31951) @bicstone

@mui/[email protected]

• ​[Joy] Add AvatarGroup component (#31980) @siriwatknp
• ​[Joy] Miscellaneous fixes (#31873) @siriwatknp
• ​[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp

Docs

• ​[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova
• ​[docs] Improve a11y on the SplitButton demo (#31969) @mnajdova
• ​[docs] Improve the color description in the API pages (#30976) @mnajdova
• ​[docs] Add docs page for unstyled Modal (#31417) @mnajdova
• ​[docs] Add InputUnstyled docs (#31881) @mnajdova
• ​[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari
• ​[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari
• ​[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178
• ​[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden
• ​[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet
• ​[docs] Fix small typo in the styled() utility page (#31967) @jason1985
• ​[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp
• ​[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak
• ​[docs] Refine the redirects (#31939) @siriwatknp
• ​[docs] Fix TOC layout for large screen (#31953) @siriwatknp
• ​[examples] Update remix example to not use NODE_ENV guard for LiveReload (#31269) @eswarclynn
• ​[NoSsr] Copy docs to the Base space (#31956) @michaldudak
• ​[Portal] Copy Portal docs to the Base space (#31959) @michaldudak
• ​[website] Remove X-Frame-Options @oliviertassinari
• ​Revert "[website] Remove X-Frame-Options" @oliviertassinari

Core

• ​[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos
• ​[core] Fix typo in issue template @oliviertassinari
• ​[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot
• ​[test] Add tests for component using StandardProps and polymorphic components (#31945) @mnajdova

All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet