@mui/material 7.0.0-beta.2 → 7.0.0-beta.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-beta.3
+
+<!-- generated comparing v7.0.0-beta.2..master -->
+
+_Mar 5, 2025_
+
+A big thanks to the 3 contributors who made this release possible.
+
+### `@mui/material@7.0.0-beta.3`
+
+- Fix moduleResolution:node for icons (#45444) @Janpot
+- [ThemeProvider] Add `storageManager` prop to `ThemeProvider` (#45136) @siriwatknp
+- [Radio] Fix `inputProps` not forwarded (#45471) @siriwatknp
+
+### `@mui/codemod@7.0.0-beta.3`
+
+- [codemod] Fix codemods not found (#45473) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai, @Janpot, @siriwatknp
+
 ## 7.0.0-beta.2
 
 <!-- generated comparing v7.0.0-beta.1..master -->

package/Radio/Radio.js

@@ -135,6 +135,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     disableRipple = false,
     slots = {},
     slotProps = {},
+    inputProps,
     ...other
   } = props;
   const muiFormControl = (0, _useFormControl.default)();
@@ -165,6 +166,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
+  const externalInputProps = slotProps.input ?? inputProps;
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     ref,
     elementType: RadioRoot,
@@ -197,7 +199,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       slots,
       slotProps: {
         // Do not forward `slotProps.root` again because it's already handled by the `RootSlot` in this file.
-        input: typeof slotProps.input === 'function' ? slotProps.input(ownerState) : slotProps.input
+        input: typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps
       }
     }
   });

package/esm/Radio/Radio.js

@@ -128,6 +128,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     disableRipple = false,
     slots = {},
     slotProps = {},
+    inputProps,
     ...other
   } = props;
   const muiFormControl = useFormControl();
@@ -158,6 +159,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
+  const externalInputProps = slotProps.input ?? inputProps;
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
     elementType: RadioRoot,
@@ -190,7 +192,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       slots,
       slotProps: {
         // Do not forward `slotProps.root` again because it's already handled by the `RootSlot` in this file.
-        input: typeof slotProps.input === 'function' ? slotProps.input(ownerState) : slotProps.input
+        input: typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps
       }
     }
   });

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-beta.2
+ * @mui/material v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/styles/ThemeProvider.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DefaultTheme } from '@mui/system';
+import { StorageManager } from '@mui/system/cssVars';
 import { CssThemeVariables } from "./createThemeNoVars.js";
 type ThemeProviderCssVariablesProps = CssThemeVariables extends {
   enabled: true;
@@ -40,6 +41,11 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
    * @default window
    */
   storageWindow?: Window | null;
+  /**
+   * The storage manager to be used for storing the mode and color scheme
+   * @default using `window.localStorage`
+   */
+  storageManager?: StorageManager | null;
   /**
    * localStorage key used to store application `mode`
    * @default 'mui-mode'

package/esm/styles/ThemeProviderWithVars.d.ts

@@ -43,6 +43,7 @@ export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<im
   defaultMode?: "light" | "dark" | "system";
   documentNode?: Document | null;
   colorSchemeNode?: Element | null;
+  storageManager?: import("@mui/system").StorageManager | null;
   storageWindow?: Window | null;
   disableNestedContext?: boolean;
   disableStyleSheetGeneration?: boolean;

package/esm/styles/index.d.ts

@@ -38,6 +38,7 @@ export { default as makeStyles } from "./makeStyles.js";
 export { default as withStyles } from "./withStyles.js";
 export { default as withTheme } from "./withTheme.js";
 export * from "./ThemeProviderWithVars.js";
+export type { StorageManager } from '@mui/system/cssVars';
 export { default as extendTheme } from "./createThemeWithVars.js";
 export type { ColorSchemeOverrides, SupportedColorScheme, ColorSystem, CssVarsPalette, Opacity, Overlays, PaletteAlert, PaletteActionChannel, PaletteAppBar, PaletteAvatar, PaletteChip, PaletteColorChannel, PaletteCommonChannel, PaletteFilledInput, PaletteLinearProgress, PaletteSkeleton, PaletteSlider, PaletteSnackbarContent, PaletteSpeedDialAction, PaletteStepConnector, PaletteStepContent, PaletteSwitch, PaletteTableCell, PaletteTextChannel, PaletteTooltip, CssVarsThemeOptions, CssVarsTheme, ThemeVars, ThemeCssVar, ThemeCssVarOverrides, ColorSystemOptions } from "./createThemeWithVars.js";
 export { default as getOverlayAlpha } from "./getOverlayAlpha.js";

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-beta.2";
+export const version = "7.0.0-beta.3";
 export const major = Number("7");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "beta.2";
+export const prerelease = "beta.3";
 export default version;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-beta.2
+ * @mui/material v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Radio/Radio.js

@@ -128,6 +128,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     disableRipple = false,
     slots = {},
     slotProps = {},
+    inputProps,
     ...other
   } = props;
   const muiFormControl = useFormControl();
@@ -158,6 +159,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
+  const externalInputProps = slotProps.input ?? inputProps;
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
     elementType: RadioRoot,
@@ -190,7 +192,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       slots,
       slotProps: {
         // Do not forward `slotProps.root` again because it's already handled by the `RootSlot` in this file.
-        input: typeof slotProps.input === 'function' ? slotProps.input(ownerState) : slotProps.input
+        input: typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps
       }
     }
   });

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-beta.2
+ * @mui/material v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/styles/ThemeProvider.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DefaultTheme } from '@mui/system';
+import { StorageManager } from '@mui/system/cssVars';
 import { CssThemeVariables } from "./createThemeNoVars.js";
 type ThemeProviderCssVariablesProps = CssThemeVariables extends {
   enabled: true;
@@ -40,6 +41,11 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
    * @default window
    */
   storageWindow?: Window | null;
+  /**
+   * The storage manager to be used for storing the mode and color scheme
+   * @default using `window.localStorage`
+   */
+  storageManager?: StorageManager | null;
   /**
    * localStorage key used to store application `mode`
    * @default 'mui-mode'

package/modern/styles/ThemeProviderWithVars.d.ts

@@ -43,6 +43,7 @@ export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<im
   defaultMode?: "light" | "dark" | "system";
   documentNode?: Document | null;
   colorSchemeNode?: Element | null;
+  storageManager?: import("@mui/system").StorageManager | null;
   storageWindow?: Window | null;
   disableNestedContext?: boolean;
   disableStyleSheetGeneration?: boolean;

package/modern/styles/index.d.ts

@@ -38,6 +38,7 @@ export { default as makeStyles } from "./makeStyles.js";
 export { default as withStyles } from "./withStyles.js";
 export { default as withTheme } from "./withTheme.js";
 export * from "./ThemeProviderWithVars.js";
+export type { StorageManager } from '@mui/system/cssVars';
 export { default as extendTheme } from "./createThemeWithVars.js";
 export type { ColorSchemeOverrides, SupportedColorScheme, ColorSystem, CssVarsPalette, Opacity, Overlays, PaletteAlert, PaletteActionChannel, PaletteAppBar, PaletteAvatar, PaletteChip, PaletteColorChannel, PaletteCommonChannel, PaletteFilledInput, PaletteLinearProgress, PaletteSkeleton, PaletteSlider, PaletteSnackbarContent, PaletteSpeedDialAction, PaletteStepConnector, PaletteStepContent, PaletteSwitch, PaletteTableCell, PaletteTextChannel, PaletteTooltip, CssVarsThemeOptions, CssVarsTheme, ThemeVars, ThemeCssVar, ThemeCssVarOverrides, ColorSystemOptions } from "./createThemeWithVars.js";
 export { default as getOverlayAlpha } from "./getOverlayAlpha.js";

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-beta.2";
+export const version = "7.0.0-beta.3";
 export const major = Number("7");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "beta.2";
+export const prerelease = "beta.3";
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.3",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^7.0.0-beta.2",
-    "@mui/system": "7.0.0-beta.2",
-    "@mui/types": "^7.2.22",
-    "@mui/utils": "7.0.0-beta.2"
+    "@mui/system": "7.0.0-beta.3",
+    "@mui/types": "^7.2.23",
+    "@mui/utils": "7.0.0-beta.3",
+    "@mui/core-downloads-tracker": "^7.0.0-beta.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "7.0.0-beta.2"
+    "@mui/material-pigment-css": "7.0.0-beta.3"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProvider.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DefaultTheme } from '@mui/system';
+import { StorageManager } from '@mui/system/cssVars';
 import { CssThemeVariables } from "./createThemeNoVars.js";
 type ThemeProviderCssVariablesProps = CssThemeVariables extends {
   enabled: true;
@@ -40,6 +41,11 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
    * @default window
    */
   storageWindow?: Window | null;
+  /**
+   * The storage manager to be used for storing the mode and color scheme
+   * @default using `window.localStorage`
+   */
+  storageManager?: StorageManager | null;
   /**
    * localStorage key used to store application `mode`
    * @default 'mui-mode'

package/styles/ThemeProviderWithVars.d.ts

@@ -43,6 +43,7 @@ export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<im
   defaultMode?: "light" | "dark" | "system";
   documentNode?: Document | null;
   colorSchemeNode?: Element | null;
+  storageManager?: import("@mui/system").StorageManager | null;
   storageWindow?: Window | null;
   disableNestedContext?: boolean;
   disableStyleSheetGeneration?: boolean;

package/styles/index.d.ts

@@ -38,6 +38,7 @@ export { default as makeStyles } from "./makeStyles.js";
 export { default as withStyles } from "./withStyles.js";
 export { default as withTheme } from "./withTheme.js";
 export * from "./ThemeProviderWithVars.js";
+export type { StorageManager } from '@mui/system/cssVars';
 export { default as extendTheme } from "./createThemeWithVars.js";
 export type { ColorSchemeOverrides, SupportedColorScheme, ColorSystem, CssVarsPalette, Opacity, Overlays, PaletteAlert, PaletteActionChannel, PaletteAppBar, PaletteAvatar, PaletteChip, PaletteColorChannel, PaletteCommonChannel, PaletteFilledInput, PaletteLinearProgress, PaletteSkeleton, PaletteSlider, PaletteSnackbarContent, PaletteSpeedDialAction, PaletteStepConnector, PaletteStepContent, PaletteSwitch, PaletteTableCell, PaletteTextChannel, PaletteTooltip, CssVarsThemeOptions, CssVarsTheme, ThemeVars, ThemeCssVar, ThemeCssVarOverrides, ColorSystemOptions } from "./createThemeWithVars.js";
 export { default as getOverlayAlpha } from "./getOverlayAlpha.js";