@mui/material 5.12.1

on Node.js Yarn

Apr 17, 2023

A big thanks to the 16 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements.

@mui/material@5.12.1

• ​[Autocomplete] Fix autocomplete left padding (#36649) @mj12albert
• ​[Button] Fix contained with inherit prop not adapting on dark mode (#34508) @jesrodri
• ​[FormControlLabel] Add required prop (#34207) @emlai
• ​[Tabs] Fix null reference in ScrollbarSize after unmounting (#36485) @rkdrnf
• ​[TextField] Fix type error when using inputTypeSearch class for outlined and filled inputs (#36740) @sai6855
• ​[ThemeProvider] Fix theme proptypes (#36852) @siriwatknp

@mui/system@5.12.1

Breaking changes

• ​[Grid2] Replace context with cloneElement (#36399) @siriwatknp

  Grid2 now uses React.cloneElement instead of React context for passing the spacing and columns to the next container. The change is close to how CSS flexbox behaves.

Changes

• ​[CssVarsProvider] Always generate new css object (#36853) @siriwatknp

@mui/base@5.0.0-alpha.126

Breaking changes

• ​[base] Refactor the compound components building blocks (#36400) @michaldudak
  Components affected by the changes are:
  • Menu
    • MenuUnstyledContext is replaced by MenuProvider. The value to pass to the provider is returned by the useMenu hook.
    • MenuUnstyled's onClose prop is replaced by onOpenChange. It has the open parameter and is called when a menu is opened or closed
  • Select
    • SelectUnstyledContext is replaced by SelectProvider. The value to pass to the provider is returned by the useSelect hook.
    • SelectUnstyled's popup is permanently mounted.
    • The defaultOpen prop was added to the SelectUnstyled. The open/close state can now be controlled or uncontrolled, as a value.
  • Tabs
    • TabsContext is replaced by TabsProvider. The value to pass to the provider is returned by the useTabs hook.
    • To deselect all tabs, pass in null to Tabs' value prop, instead of false. This is consistent with how Select works.
    • The value prop is still technically not mandatory on TabUnstyled and TabPanel, but when omitted, the contents of the selected tab panel will not be rendered during SSR.

@mui/joy@5.0.0-alpha.76

• ​[Table][Joy] Replace uses of css selector *-child to *-of-type (#36839) @keyvanm

Docs

• ​ [docs][base] Move styles to the bottom of demos code for BadgeUnstyled (#36723) @varunmulay22
• ​[docs][base] Mention that the hook does not accept any parameters in the Parameters section of the API docs (#36773) @ZeeshanTamboli
• ​[docs][base] Move styles to the bottom of demos code for ModalUnstyled (#36580) @gitstart
• ​[docs][base] Move styles to the bottom of demos code for Tabs (#36577) @gitstart
• ​[docs][base] Move styles to the bottom of demos code for Popper (#36578) @gitstart
• ​[docs][base] Move styles to the bottom of demos code for TablePagination (#36593) @gitstart
• ​[docs] Remove the incorrect info about useButton's ref parameter (#36883) @michaldudak
• ​[docs] Sync between projects (#36785) @oliviertassinari
• ​[docs] Add guides to overriding component structure in Base UI and Joy UI docs (#34990) @samuelsycamore
• ​[docs] Content changed from 'row' to 'orientation=horizontal' (#36858) @navedqb
• ​[docs][Joy] component, slots, slotProps must be visible in Prop table in API docs (#36666) @hbjORbj
• ​[docs][Select] Fix duplicate ID in small size Select demo (#36792) @sai6855

Core

• ​[core] Use glob to find the test files in parseTest (#36305) @flaviendelangle
• ​[core] Fix minor SEO issues @oliviertassinari
• ​[website] Fix visual bug appbar (#36875) @oliviertassinari

All contributors of this release in alphabetical order: @emlai, @flaviendelangle, @gitstart, @hbjORbj, @jesrodri, @keyvanm, @michaldudak, @mj12albert, @navedqb, @oliviertassinari, @rkdrnf, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli