Skip to content

Releases: mui/material-ui

v5.12.2

25 Apr 16:51
@mj12albert mj12albert
v5.12.2
5b7e9c5
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.12.2

Apr 25, 2023

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

  • ⚠️ [BREAKING CHANGE] The Unstyled suffix has been removed from Base UI component names, including names of types and other related identifiers – a codemod script is provided to assist with the change.
  • 🐛 bug fixes and 📚 documentation improvements.

@mui/material@5.12.2

@mui/base@5.0.0-alpha.127

Breaking changes

  • ​[base] Remove unstyled suffix from Base components + Codemod script (#36873) @hbjORbj

    The Unstyled suffix has been removed from all Base UI component names, including names of types and other related identifiers.

    You can use this codemod to help with the migration:

    npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>

Changes

  • ​[codemod][base] Improve the removal of component prop codemod script (#36952) @hbjORbj
  • ​[codemod][base] Write a migration script for removal of component prop from components (#36831) @hbjORbj
  • ​[Base][useButton] Allow useButton params to be completely optional (#36922) @mj12albert

@mui/joy@5.0.0-alpha.77

  • ​[Joy][Chip] Chip button not showing up in Firefox browser (#36930) @TakhyunKim
  • ​[Joy] Add invertedColors to Menu and Alert (#36975) @siriwatknp
  • ​[joy][Select] Set focus visible on select options when navigating with arrow keys (#36689) @gitstart

Docs

Core

All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @gitstart, @hbjORbj, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @PupoSDC, @sai6855, @siriwatknp, @TakhyunKim, @tomaskebrle

Contributors

gitstart, oliviertassinari, and 12 other contributors
Assets 2

v5.12.1

17 Apr 16:22
@mnajdova mnajdova
v5.12.1
d14d288
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.12.1

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

@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

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

Contributors

rkdrnf, gitstart, and 14 other contributors
Assets 2

v5.12.0

11 Apr 09:59
@hbjORbj hbjORbj
v5.12.0
05127cf
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.12.0

Apr 11, 2023

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

@mui/system@5.12.0

  • ​[system] Introduce theme scope for using multiple design systems (#36664) @siriwatknp

@mui/base@5.0.0-alpha.125

  • ​[PopperUnstyled] Do not merge internal ownerState with ownerState from props (#36599) @hbjORbj

@mui/joy@5.0.0-alpha.75

  • ​[Joy] Add tests for slots/slotProps for all components (#36828) @hbjORbj
  • ​[Joy] Support slots/slotsProps for every component (components with only root slot too) (#36540) @hbjORbj

Docs

Core

All contributors of this release in alphabetical order: @alirezahekmati, @danilo-leal, @hbjORbj, @Lioness100, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli

Contributors

oliviertassinari, mnajdova, and 7 other contributors
Assets 2

v5.11.16

05 Apr 05:12
@siriwatknp siriwatknp
v5.11.16
af5e109
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.16

Apr 4, 2023

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

  • 💅 Added tabs on API pages of Base UI to switch between component and hook references (#35938) @mnajdova
  • 🐛 bug fixes and 📚 documentation improvements.

@mui/material@5.11.16

@mui/icons-material@5.11.16

@mui/joy@5.0.0-alpha.74

Docs

Core

All contributors of this release in alphabetical order: @alexfauquette, @amal-qb, @danilo-leal, @DevinCLane, @gitstart, @hbjORbj, @HeVictor, @LadyBluenotes, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @RBerthier, @sai6855, @siriwatknp, @viclafouch, @yushanwebdev

Contributors

RBerthier, gitstart, and 16 other contributors
Assets 2

v5.11.15

28 Mar 13:10
@mj12albert mj12albert
v5.11.15
ae98db6
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.15

Mar 28, 2023

A big thanks to the 10 contributors who made this release possible. We have one big highlight this week ✨:

@mui/material@5.11.15

@mui/system@5.11.15

@mui/base@5.0.0-alpha.122

  • [Autocomplete] Update autoSelect prop description (#36280) @sai6855
  • [TablePagination][base] Improve actions type in slotProps (#36458) @sai6855
  • [Base] Add JSDoc comments for classes of Base components (#36586) @hbjORbj
  • [useSlider][base] Add API docs for the hook parameters and return type (#36576) @varunmulay22

@mui/joy@5.0.0-alpha.73

Docs

Core

All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @hbjORbj, @IFaniry, @joserodolfofreitas, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @varunmulay22

Contributors

joserodolfofreitas, oliviertassinari, and 8 other contributors
Assets 2

v5.11.14

21 Mar 18:05
@mnajdova mnajdova
v5.11.14
f34d17c
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.14

Mar 21, 2023

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

@mui/material@5.11.14

@mui/system@5.11.14

@mui/base@5.0.0-alpha.121

@mui/joy@5.0.0-alpha.72

@mui/lab@5.0.0-alpha.124

  • [Masonry] Include Masonry in theme augmentation interface (#36533) @hbjORbj

Docs

Core

All contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden

Contributors

oliviertassinari, dav1app, and 13 other contributors
Assets 2

v5.11.13

14 Mar 10:13
@mnajdova mnajdova
v5.11.13
9f7a2bf
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.13

Mar 14, 2023

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

@mui/material@5.11.13

  • ​[core] Bump MUI Base's version in Material UI (#36492) @hbjORbj
  • ​[material] Export shouldSkipGeneratingVar from Material UI (#36489) @siriwatknp
  • ​[Typography] Apply font properties to typography inherit variant (#33621) @oyar99

@mui/base@5.0.0-alpha.121

Docs

All contributors of this release in alphabetical order: @erikian, @hbjORbj, @HeVictor, @hrutik7, @joserodolfofreitas, @m4theushw, @michaldudak, @oliviertassinari, @oyar99, @rayrw, @sai6855, @siriwatknp, @skevprog

Contributors

joserodolfofreitas, oliviertassinari, and 11 other contributors
Assets 2

v5.11.12

06 Mar 15:05
@hbjORbj hbjORbj
v5.11.12
b76b8f1
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.12

Mar 6, 2023

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

  • @michaldudak added the multiselect functionality to SelectUnstyled (#36274)
  • @mnajdova updated extendTheme so that it can generate CSS variables with default values. This means that the CssVarsProvider is no longer required for Joy UI when using the default theme (#35739)
  • other 🐛 bug fixes and 📚 documentation improvements.

@mui/material@5.11.12

  • ​[Autocomplete] Fix list scrolls to the top when new data is added on touch devices (#36231) @SaidMarar
  • ​[Autocomplete] Add Mui-expanded class (#33312) @Osman-Sodefa
  • ​[Dialog] Use the id prop provided to the DialogTitle component (#36353) @Kundan28
  • ​[Menu] Fix Menu Paper styles overriding in the theme (#36316) @Paatus

@mui/lab@5.0.0-alpha.122

@mui/system@5.11.12

Breaking changes

  • ​[core] Generate vars in extendTheme (#35739) @mnajdova

    The shouldSkipGeneratingVar prop was moved from the createCssVarsProvider's option to the theme. If the default theme does not use extendTheme from Material UI or Joy UI, it needs to be wrapped inside unstable_createCssVarsTheme - a util exported from the MUI System. Below is an example of how the migration should look like:

     import {
    unstable_createCssVarsProvider as createCssVarsProvider,
+   unstable_createCssVarsTheme as createCssVarsTheme,
 } from '@mui/system';

 const { CssVarsProvider } = createCssVarsProvider({
-  theme: {
+  theme: createCssVarsTheme({
     colorSchemes: {
       light: {
         typography: {
           htmlFontSize: '16px',
           h1: {
             fontSize: '1rem',
             fontWeight: 500,
           },
         },
       },
     },
+    shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1',
-  },
+  }),
   defaultColorScheme: 'light',
-  shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1',
 });

    Or you can define it directly in the theme prop:

     <CssVarsProvider
+   theme={createCssVarsProvider({
+    // other theme keys
+    shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1'
+   })} />

    This breaking change only affects experimental APIs

@mui/base@5.0.0-alpha.120

Breaking changes

  • ​[Select][base] Add the multiselect functionality to SelectUnstyled (#36274) @michaldudak

    The MultiSelectUnstyled was removed. The SelectUnstyled component with the multiple prop should be used instead. Additionally, the SelectUnstyledProps received a second generic parameter: Multiple extends boolean. If you deal with strictly single- or multi-select components, you can hard-code this parameter to false or true, respectively. Below is an example of how the migration should look like:

    -import MultiSelectUnstyled from '@mui/base/MultiSelectUnstyled';
+import SelectUnstyled from '@mui/base/SelectUnstyled';

 export default App() {
-return <MultiSelectUnstyled />
+return <SelectUnstyled multiple />
 }

Changes

@mui/joy@5.0.0-alpha.70

Breaking changes

  • ​[Joy] Change CSS variables naming for components (#36282) @hbjORbj

    Joy UI has new naming standards of the CSS variables for its components. Below is an example of how the migration should look like:

    -<List sx={{ py: 'var(--List-divider-gap)' }}>
+<List sx={{ py: 'var(--ListDivider-gap)' }}>
-<Switch sx={{ '--Switch-track-width': '40px' }}>
+<Switch sx={{ '--Switch-trackWidth': '40px' }}>

Changes

  • ​[Autocomplete][joy] Add disabled class to the popup indicator (#36397) @hbjORbj
  • ​[Joy] Fix broken loading button in Safari (#36298) @Kuba429

Docs

Core

All contributors of this release in alphabetical order: @cherniavskii, @hbjORbj, @joserodolfofreitas, @Kuba429, @Kundan28, @LukasTy, @MBilalShafi, @michaldudak, @mnajdova, @NoFr1ends, @oliviertassinari, @Osman-Sodefa, @Paatus, @sai6855, @SaidMarar, @varunmulay22, @ZeeshanTamboli

Contributors

joserodolfofreitas, oliviertassinari, and 15 other contributors
Assets 2

v5.11.11

28 Feb 10:12
@mnajdova mnajdova
v5.11.11
58df7f1
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
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/material@5.11.11

@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 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

@mui/codemod@5.11.11

@mui/joy@5.0.0-alpha.69

Docs

Core

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

Contributors

ossan-engineer, oliviertassinari, and 13 other contributors
Assets 2

v5.11.10

20 Feb 11:40
@mj12albert mj12albert
v5.11.10
676bc85
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.11.10

Feb 20, 2023

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

@mui/material@5.11.10

  • ​[Avatar] Fix ownerState usage with styleOverrides when fallback is used (#36228) @sai6855
  • ​[Badge][material] Replace BadgeUnstyled with useBadge hook (#36158) @hbjORbj
  • ​[Switch] Fix DOM warning when type isn't checkbox or radio (#36170) @dani-mp
  • ​[TextareaAutosize] Convert code to TypeScript (#35862) @sai6855
  • ​[useMediaQuery] Fix behavior of noSsr with React 18 (#36056) @oliviertassinari

@mui/joy@5.0.0-alpha.68

Docs

Core

All contributors of this release in alphabetical order: @Aleff13, @dani-mp, @danilo-leal, @hbjORbj, @mj12albert, @oliviertassinari, @PunitSoniME, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

Contributors

dani-mp, oliviertassinari, and 9 other contributors
Assets 2