Skip to content
This repository has been archived by the owner on Jun 24, 2023. It is now read-only.

fix(deps): update dependency @mui/system to v5.12.3 #19

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix(deps): update dependency @mui/system to v5.12.3 #19

wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link

@renovate renovate bot commented Mar 15, 2023 •
edited
Loading

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@mui/system (source) 5.11.8 -> 5.12.3 age adoption passing confidence

Release Notes

mui/material-ui

v5.12.3

Compare Source

May 2, 2023

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

  • all planned breaking changes for Base UI are done. The first beta release should come next week 🎉
  • 🐛 bug fixes and 📚 documentation improvements.
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
Breaking changes

  • The component prop is no longer supported because it can be replaced with the slots API. This is how the transformation will look like:

     <Button
-  component="span"
+  slots={{ root: "span" }}
 />

    If using TypeScript, the custom component type should be added as a generic on the Button component.

    -<Button
+<Button<typeof CustomComponent>
   slots={{ root: CustomComponent }}
   customProp="foo"
 />

    There is codemod that you can run in your project to do the transformation:

    npx @&#8203;mui/codemod v5.0.0/base-remove-component-prop <path>

    The full documentation about the codemod can be found here.

    This is the list of PR related to this change:

  • ​[base] Improve API consistency (#​36970) @​michaldudak

    Brought consistency to Base UI components and hooks' parameters and return values:

    1. Whenever a hook needs a ref, it's now called <slot_name>Ref, which matches the get<slot_name>Props in the return value.
    2. All hooks that accept external refs now return merged refs, making combining multiple hooks on one element easier. This was proven necessary in several compound components (like menuItem being both a button and a list item). The type of this value is React.RefCallback as using the more general React.Ref caused variance issues.
    3. Type of accepted refs is standardized to React.Ref<Element>
    4. Naming and typing of the forwarded ref in unstyled components were standardized - it's forwardedRef: React.ForwardedRef (unless a more specific type is needed).
    5. The shape of the definition of unstyled components was standardized - it's React.forwardRef(function Component(props: Props, forwardedRef: React.Ref) { ... });. Specifically, the generic parameters of forwardRef were removed as they are specified in function arguments.
Changes
Docs
Core

All contributors of this release in alphabetical order: @​cherniavskii, @​DavidBoyer11, @​hbjORbj, @​jakub-stastny, @​joserodolfofreitas, @​maxdestors, @​michaldudak, @​mj12albert, @​mnajdova, @​navedqb, @​nicolas-ot, @​oliviertassinari, @​PunitSoniME, @​sai6855, @​samuelsycamore, @​siriwatknp, @​varunmulay22, @​ZeeshanTamboli

v5.12.1

Compare Source

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/[email protected]
@mui/[email protected]
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/[email protected]
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/[email protected]
Docs
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

v5.12.0

Compare Source

Apr 11, 2023

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

@mui/[email protected]
@mui/[email protected]
  • ​[PopperUnstyled] Do not merge internal ownerState with ownerState from props (#​36599) @​hbjORbj
@mui/[email protected]
Docs
Core

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

v5.11.16

Compare Source

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/[email protected]
@mui/[email protected]
@mui/[email protected]
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

v5.11.15

Compare Source

Mar 28, 2023

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

@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
Docs
Core

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

v5.11.14

Compare Source

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/[email protected]
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
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

v5.11.13

Compare Source

Mar 14, 2023

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

@mui/[email protected]
@mui/[email protected]
Docs

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

v5.11.12

Compare Source

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/[email protected]
@mui/[email protected]
@mui/[email protected]
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 '@&#8203;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/[email protected]
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 '@&#8203;mui/base/MultiSelectUnstyled';
+import SelectUnstyled from '@&#8203;mui/base/SelectUnstyled';

 export default App() {
-return <MultiSelectUnstyled />
+return <SelectUnstyled multiple />
 }
Changes
@mui/[email protected]
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
Docs

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

  • If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot requested a review from dalechyn as a code owner March 15, 2023 21:45
@vercel
Copy link

vercel bot commented Mar 15, 2023 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
storybook-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 2, 2023 4:38pm
website ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 2, 2023 4:38pm

@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.11.13 fix(deps): update dependency @mui/system to v5.11.14 Mar 21, 2023
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from a2028ed to 54a6b4d Compare March 21, 2023 21:10
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from 54a6b4d to 5b88c99 Compare March 28, 2023 14:05
@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.11.14 fix(deps): update dependency @mui/system to v5.11.15 Mar 28, 2023
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from 5b88c99 to f451e0e Compare April 4, 2023 14:03
@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.11.15 fix(deps): update dependency @mui/system to v5.11.16 Apr 4, 2023
@pr-codex
Copy link

pr-codex bot commented Apr 4, 2023 •
edited
Loading

Tldr

The PR updates various packages versions, including "@babel/runtime", "@emotion/cache", "@mui/private-theming", "@mui/styled-engine", "@mui/system", "@mui/utils", "@types/react", and "csstype". It also adds the package "@types/scheduler".

Detailed summary

  • Updates "@babel/runtime" from "^7.20.7" to "^7.21.0"
  • Updates "@emotion/cache" from "^11.10.5" to "^11.10.7"
  • Updates "@mui/private-theming" from "^5.11.7" to "^5.12.0"
  • Updates "@mui/styled-engine" from "^5.11.8" to "^5.12.0"
  • Updates "@mui/system" from "^5.11.8" to "^5.12.0"
  • Updates "@mui/utils" from "^5.11.7" to "^5.12.0"
  • Updates "@types/react" from ">=16" to "18.0.27"
  • Adds "@types/scheduler" at "*"
  • Updates "csstype" from "^3.1.1" to "^3.1.2"

@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.11.16 fix(deps): update dependency @mui/system to v5.12.0 Apr 11, 2023
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from f451e0e to d8e56ec Compare April 11, 2023 10:23
@changeset-bot
Copy link

changeset-bot bot commented Apr 11, 2023 •
edited
Loading

⚠️ No Changeset found

Latest commit: d35e3b8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from d8e56ec to d0cbed6 Compare April 17, 2023 16:58
@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.12.0 fix(deps): update dependency @mui/system to v5.12.1 Apr 17, 2023
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from d0cbed6 to d35e3b8 Compare May 2, 2023 16:32
@renovate renovate bot changed the title fix(deps): update dependency @mui/system to v5.12.1 fix(deps): update dependency @mui/system to v5.12.3 May 2, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@dalechyn dalechyn Awaiting requested review from dalechyn

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
0 participants