v5.11.11

Feb 28, 2023

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

• 📚 added API documentation for the slots in MUI Base and Joy UI by @hbjORbj, for e.g. SliderUnstyled API
• other 🐛 bug fixes and 📚 documentation improvements.

@mui/[email protected]

• ​[Autocomplete] Adds sx prop to ListboxProps type (#36243) @sai6855
• ​[material] Add global CSS class for readOnly prop (#32822) @jrparish
• ​[Stack][material] Use createStack from the system (#33795) @mnajdova
• ​[Select] Fix incorrect selecting of first element (#36024) @michaldudak
• ​[Slider] Miscellaneous improvements (#35941) @ZeeshanTamboli
• ​[Slider] Remove unnecessary data-focusvisible attribute (#36091) @ZeeshanTamboli
• ​[Snackbar] Replace component logic with useSnackbar hook (#36272) @ZeeshanTamboli
• ​[TextField] Fix floating label position (#36246) @oliviertassinari
• ​[TextField] Fix floating label position (#36288) @oliviertassinari

@mui/[email protected]

Breaking changes

• ​[base] Remove classes prop from the Base components that have it (#36157) @hbjORbj
  These are the components affected by this change: ModalUnstyled, SliderUnstyled, TablePaginationUnstyled and TablePaginationActionsUnstyled.
  You can replace the classes prop by providing the class name prop directly to the prop via slotProps. Below is an example of how the migration should look like:

   <TablePaginationUnstyled
  -   classes={{ toolbar: 'toolbar-classname', menuItem: 'menuItem-classname' }}
  +   slotProps={{ toolbar: { className: 'toolbar-classname' }, menuItem: { className: 'menuItem-classname'}}}
   />

• ​[base] Move hooks to their own directories (#36235) @hbjORbj
  Base hooks (e.g., useSelect) are no longer exported from {Component}Unstyled directories and instead they have their own directories.
  Below is an example of how the migration should look like:

  -import { useBadge } from '@mui/base/BadgeUnstyled';
  +import useBadge from '@mui/base/useBadge';

  You can use this codemod to help with the migration.

Changes

• ​[Autocomplete] Add docs interface for the hook (#36242) @HeVictor
• ​[MenuUnstyled] Remove extra useMemo (#36265) @ivp-dev
• ​[base] Export all slot prop overrides interfaces (#36323) @michaldudak

@mui/[email protected]

• ​[base] Codemod for hook directory migration (#36295) @hbjORbj

@mui/[email protected]

• ​[Joy] Able to remove default tokens from theme types (#36006) @siriwatknp
• ​[Joy] Fix modal dialog overflow viewport (#36103) @siriwatknp
• ​[Joy] Select popup should have max-height (#36156) @Vivek-Prajapatii
• ​[Joy] Fix ListDivider to change semantic based on List (#36266) @siriwatknp

Docs

• ​[docs][base] List slots in API documentation (#36104) @hbjORbj
• ​[docs] Add missing sandbox adapter deps resolving (#36291) @LukasTy
• ​[docs] Allow to pass navigation bar banner from outside (#36299) @MBilalShafi
• ​[docs] Fix code on the Working with Tailwind CSS guide (#36090) @mnajdova
• ​[docs] Remove See Slots Section text from Material UI slots description (#36284) @hbjORbj
• ​[docs] Fix emotion warning :first-child (#36263) @siriwatknp
• ​[docs][joy] Improve the descriptions of props in API docs (#36307) @hbjORbj
• ​[docs][joy] List slots in API documentation (#36271) @hbjORbj
• ​[docs][joy] Build API documentations (#36008) @hbjORbj
• ​[examples] Update Next.js examples to use built-in font (#36315) @Juneezee
• ​[examples] Update curl link in material-next-ts-v4-v5-migration example README (#36321) @ZeeshanTamboli
• ​[examples] Convert Next.js _document class components to function components (#36109) @ossan-engineer

Core

• ​[Rating] Add a comment in Rating component to use readOnly state class (#36357) @ZeeshanTamboli
• ​[website] Fix broken links to role levels (#36333) @oliviertassinari
• ​[website] Sync gold sponsors (#36312) @oliviertassinari

All contributors of this release in alphabetical order: @hbjORbj, @HeVictor, @ivp-dev, @jrparish, @Juneezee, @LukasTy, @MBilalShafi, @michaldudak, @mnajdova, @oliviertassinari, @ossan-engineer, @sai6855, @siriwatknp, @Vivek-Prajapatii, @ZeeshanTamboli