@mui/material 6.1.8 → 6.1.10

package/node/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.1.8";
+const version = exports.version = "6.1.10";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("1");
-const patch = exports.patch = Number("8");
+const patch = exports.patch = Number("10");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.1.8",
+  "version": "6.1.10",
   "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": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "^6.1.8",
+    "@mui/system": "^6.1.10",
     "@mui/types": "^7.2.19",
-    "@mui/core-downloads-tracker": "^6.1.8",
-    "@mui/utils": "^6.1.8"
+    "@mui/core-downloads-tracker": "^6.1.10",
+    "@mui/utils": "^6.1.10"
   },
   "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": "^6.1.8"
+    "@mui/material-pigment-css": "^6.1.10"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProvider.d.ts

@@ -50,6 +50,7 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
      * @default 'mui-color-scheme'
      */
     colorSchemeStorageKey?: string;
+    noSsr?: boolean;
     /**
      * Disable CSS transitions when switching between modes or color schemes
      * @default false

package/styles/createThemeWithVars.js

@@ -23,7 +23,7 @@ function setColor(obj, key, defaultValue) {
   }
 }
 function toRgb(color) {
-  if (!color || !color.startsWith('hsl')) {
+  if (typeof color !== 'string' || !color.startsWith('hsl')) {
     return color;
   }
   return hslToRgb(color);
@@ -315,7 +315,7 @@ export default function createThemeWithVars(options = {}, ...args) {
 
       // The default palettes (primary, secondary, error, info, success, and warning) errors are handled by the above `createTheme(...)`.
 
-      if (colors && typeof colors === 'object') {
+      if (color !== 'tonalOffset' && colors && typeof colors === 'object') {
         // Silent the error for custom palettes.
         if (colors.main) {
           setColor(palette[color], 'mainChannel', safeColorChannel(toRgb(colors.main)));

package/styles/overrides.d.ts

@@ -45,7 +45,7 @@ import { FormGroupClassKey } from '../FormGroup';
 import { FormHelperTextClassKey } from '../FormHelperText';
 import { FormLabelClassKey } from '../FormLabel';
 import { GridClassKey } from '../Grid';
-import { Grid2Slot } from '../Grid2';
+import { Grid2ClassKey } from '../Grid2';
 import { IconButtonClassKey } from '../IconButton';
 import { IconClassKey } from '../Icon';
 import { ImageListClassKey } from '../ImageList';
@@ -190,7 +190,7 @@ export interface ComponentNameToClassKey {
   MuiFormHelperText: FormHelperTextClassKey;
   MuiFormLabel: FormLabelClassKey;
   MuiGrid: GridClassKey;
-  MuiGrid2: Grid2Slot;
+  MuiGrid2: Grid2ClassKey;
   MuiIcon: IconClassKey;
   MuiIconButton: IconButtonClassKey;
   MuiImageList: ImageListClassKey;

package/utils/useSlot.d.ts

@@ -65,13 +65,6 @@ name: T, parameters: (T extends 'root' ? {
     externalForwardedProps: ExternalForwardedProps;
     getSlotProps?: (other: EventHandlers) => WithCommonProps<SlotProps>;
     additionalProps?: WithCommonProps<AdditionalProps>;
-    /**
-     * For overriding the component's ownerState for the slot.
-     * This is required for some components that need styling via `ownerState`.
-     *
-     * It is a function because `slotProps.{slot}` can be a function which has to be resolved first.
-     */
-    getSlotOwnerState?: (mergedProps: AdditionalProps & SlotProps & ExternalSlotProps & ExtractComponentProps<Exclude<Exclude<ExternalForwardedProps['slotProps'], undefined>[T], undefined>>) => SlotOwnerState;
     /**
      * props forward to `T` only if the `slotProps.*.component` is not provided.
      * e.g. Autocomplete's listbox uses Popper + StyledComponent

package/utils/useSlot.js

@@ -31,7 +31,6 @@ name, parameters) {
     elementType: initialElementType,
     ownerState,
     externalForwardedProps,
-    getSlotOwnerState,
     internalForwardedProps,
     ...useSlotPropsParams
   } = parameters;
@@ -63,11 +62,6 @@ name, parameters) {
     externalSlotProps: resolvedComponentsProps
   });
   const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);
-  const slotOwnerState = getSlotOwnerState ? getSlotOwnerState(mergedProps) : {};
-  const finalOwnerState = {
-    ...ownerState,
-    ...slotOwnerState
-  };
   const LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;
   const props = appendOwnerState(elementType, {
     ...(name === 'root' && !rootComponent && !slots[name] && internalForwardedProps),
@@ -77,9 +71,6 @@ name, parameters) {
       as: LeafComponent
     }),
     ref
-  }, finalOwnerState);
-  Object.keys(slotOwnerState).forEach(propName => {
-    delete props[propName];
-  });
+  }, ownerState);
   return [elementType, props];
 }

package/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.8";
+export const version = "6.1.10";
 export const major = Number("6");
 export const minor = Number("1");
-export const patch = Number("8");
+export const patch = Number("10");
 export const prerelease = undefined;
 export default version;