@mui/system 5.13.1 → 5.13.2

package/modern/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
 export function getSystemMode(mode) {
@@ -81,11 +82,10 @@ export default function useCurrentColorScheme(options) {
       } catch (e) {
         // Unsupported
       }
-      return {
-        ...currentState,
+      return _extends({}, currentState, {
         mode: newMode,
         systemMode: getSystemMode(newMode)
-      };
+      });
     });
   }, [modeStorageKey, defaultMode]);
   const setColorScheme = React.useCallback(value => {
@@ -97,20 +97,17 @@ export default function useCurrentColorScheme(options) {
         } catch (e) {
           // Unsupported
         }
-        return {
-          ...currentState,
+        return _extends({}, currentState, {
           lightColorScheme: defaultLightColorScheme,
           darkColorScheme: defaultDarkColorScheme
-        };
+        });
       });
     } else if (typeof value === 'string') {
       if (value && !joinedColorSchemes.includes(value)) {
         console.error(`\`${value}\` does not exist in \`theme.colorSchemes\`.`);
       } else {
         setState(currentState => {
-          const newState = {
-            ...currentState
-          };
+          const newState = _extends({}, currentState);
           processState(currentState, mode => {
             try {
               localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
@@ -129,9 +126,7 @@ export default function useCurrentColorScheme(options) {
       }
     } else {
       setState(currentState => {
-        const newState = {
-          ...currentState
-        };
+        const newState = _extends({}, currentState);
         const newLightColorScheme = value.light === null ? defaultLightColorScheme : value.light;
         const newDarkColorScheme = value.dark === null ? defaultDarkColorScheme : value.dark;
         if (newLightColorScheme) {
@@ -164,8 +159,7 @@ export default function useCurrentColorScheme(options) {
   }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
   const handleMediaQuery = React.useCallback(e => {
     if (state.mode === 'system') {
-      setState(currentState => ({
-        ...currentState,
+      setState(currentState => _extends({}, currentState, {
         systemMode: e?.matches ? 'dark' : 'light'
       }));
     }
@@ -214,10 +208,9 @@ export default function useCurrentColorScheme(options) {
     }
     return undefined;
   }, [setColorScheme, setMode, modeStorageKey, colorSchemeStorageKey, joinedColorSchemes, defaultMode, storageWindow]);
-  return {
-    ...state,
+  return _extends({}, state, {
     colorScheme,
     setMode,
     setColorScheme
-  };
+  });
 }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.13.1
+ * @mui/system v5.13.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/propsToClassKey.js

@@ -1,3 +1,5 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["variant"];
 import { unstable_capitalize as capitalize } from '@mui/utils';
 function isEmpty(string) {
   return string.length === 0;
@@ -10,9 +12,9 @@ function isEmpty(string) {
  */
 export default function propsToClassKey(props) {
   const {
-    variant,
-    ...other
-  } = props;
+      variant
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {

package/modern/styleFunctionSx/extendSxProp.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["sx"];
 import { isPlainObject } from '@mui/utils';
 import defaultSxConfig from './defaultSxConfig';
 const splitProps = props => {
@@ -17,9 +20,9 @@ const splitProps = props => {
 };
 export default function extendSxProp(props) {
   const {
-    sx: inSx,
-    ...other
-  } = props;
+      sx: inSx
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     systemProps,
     otherProps
@@ -33,19 +36,12 @@ export default function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return {
-        ...systemProps,
-        ...result
-      };
+      return _extends({}, systemProps, result);
     };
   } else {
-    finalSx = {
-      ...systemProps,
-      ...inSx
-    };
+    finalSx = _extends({}, systemProps, inSx);
   }
-  return {
-    ...otherProps,
+  return _extends({}, otherProps, {
     sx: finalSx
-  };
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.13.1",
+  "version": "5.13.2",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -45,7 +45,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@mui/private-theming": "^5.13.1",
-    "@mui/styled-engine": "^5.12.3",
+    "@mui/styled-engine": "^5.13.2",
     "@mui/types": "^7.2.4",
     "@mui/utils": "^5.13.1",
     "clsx": "^1.2.1",

package/propsToClassKey.js

@@ -1,10 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = propsToClassKey;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _utils = require("@mui/utils");
+const _excluded = ["variant"];
 function isEmpty(string) {
   return string.length === 0;
 }
@@ -16,9 +19,9 @@ function isEmpty(string) {
  */
 function propsToClassKey(props) {
   const {
-    variant,
-    ...other
-  } = props;
+      variant
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {

package/styleFunctionSx/extendSxProp.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = extendSxProp;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _utils = require("@mui/utils");
 var _defaultSxConfig = _interopRequireDefault(require("./defaultSxConfig"));
+const _excluded = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -25,9 +28,9 @@ const splitProps = props => {
 };
 function extendSxProp(props) {
   const {
-    sx: inSx,
-    ...other
-  } = props;
+      sx: inSx
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     systemProps,
     otherProps
@@ -41,19 +44,12 @@ function extendSxProp(props) {
       if (!(0, _utils.isPlainObject)(result)) {
         return systemProps;
       }
-      return {
-        ...systemProps,
-        ...result
-      };
+      return (0, _extends2.default)({}, systemProps, result);
     };
   } else {
-    finalSx = {
-      ...systemProps,
-      ...inSx
-    };
+    finalSx = (0, _extends2.default)({}, systemProps, inSx);
   }
-  return {
-    ...otherProps,
+  return (0, _extends2.default)({}, otherProps, {
     sx: finalSx
-  };
+  });
 }