Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

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 #11

wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link
Contributor

@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 23:13
@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 83dcba5 to 03e4686 Compare March 21, 2023 20:23
@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 03e4686 to 2ca86fa Compare March 28, 2023 19:49
@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
@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from 2ca86fa to 59e8e5c Compare April 4, 2023 16:48
@pr-codex
Copy link

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

Tldr

The PR updates several dependencies including "@babel/runtime", "@emotion/cache", "@mui/private-theming", "@mui/system", "@mui/styled-engine", "@mui/types", "@mui/utils", "@types/react", and "csstype".

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/system" from "5.11.8" to "5.12.0".
  • Updates "@mui/styled-engine" from "^5.11.8" to "^5.12.0".
  • Updates "@mui/types" from "^7.2.3" to "^7.2.4".
  • Updates "@mui/utils" from "^5.11.7" to "^5.12.0".
  • Updates "@types/react" from "18.0.28" to "18.0.34".
  • Updates "csstype" from "^3.1.1" to "^3.1.2".

@renovate renovate bot force-pushed the renovate/material-ui-monorepo branch from 59e8e5c to 47a3328 Compare April 11, 2023 12:31
@changeset-bot
Copy link

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

⚠️ No Changeset found

Latest commit: d910499

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.

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 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 47a3328 to 42bbf11 Compare April 17, 2023 16:38
@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 42bbf11 to d910499 Compare May 2, 2023 19:11
@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 join this conversation on GitHub. Already have an account? Sign in to comment
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