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/material@5.11.11
- [Autocomplete] Adds
sx
prop toListboxProps
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/base@5.0.0-alpha.119
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 theclasses
prop by providing the class name prop directly to the prop viaslotProps
. 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/codemod@5.11.11
@mui/joy@5.0.0-alpha.69
- [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 onList
(#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