@material-ui/system - npm Package Compare versions

Comparing version 5.0.0-alpha.36 to 5.0.0-alpha.37

createBox.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -11,3 +9,2 @@
 exports.default = createBox;
-exports.systemDefaultTheme = void 0;
 
@@ -24,26 +21,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _styledEngine = _interopRequireWildcard(require("@material-ui/styled-engine"));
+var _styledEngine = _interopRequireDefault(require("@material-ui/styled-engine"));
 
 var _styleFunctionSx = _interopRequireWildcard(require("./styleFunctionSx"));
 
-var _createTheme = _interopRequireDefault(require("./createTheme"));
+var _useTheme = _interopRequireDefault(require("./useTheme"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
+const _excluded = ["className", "component"];
 
-const useTheme = defaultTheme => {
-  const contextTheme = React.useContext(_styledEngine.ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-};
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const systemDefaultTheme = (0, _createTheme.default)();
-exports.systemDefaultTheme = systemDefaultTheme;
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function createBox(defaultTheme = systemDefaultTheme) {
+function createBox(defaultTheme) {
   const BoxRoot = (0, _styledEngine.default)('div')(_styleFunctionSx.default);
   const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme(defaultTheme);
+    const theme = (0, _useTheme.default)(defaultTheme);
 
@@ -55,3 +46,3 @@ const _extendSxProp = (0, _styleFunctionSx.extendSxProp)(inProps),
     } = _extendSxProp,
-          other = (0, _objectWithoutPropertiesLoose2.default)(_extendSxProp, ["className", "component"]);
+          other = (0, _objectWithoutPropertiesLoose2.default)(_extendSxProp, _excluded);
 
@@ -58,0 +49,0 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)(BoxRoot, (0, _extends2.default)({

createStyled.js

@@ -23,2 +23,6 @@ "use strict";
 
+const _excluded = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
+      _excluded2 = ["theme"],
+      _excluded3 = ["theme"];
+
 function isEmpty(obj) {
@@ -78,3 +82,3 @@ return Object.keys(obj).length === 0;
 
-const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'isRtl' && prop !== 'sx' && prop !== 'as';
+const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 
@@ -103,3 +107,3 @@ exports.shouldForwardProp = shouldForwardProp;
     } = inputOptions,
-          options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"]); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
+          options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, _excluded); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
 
@@ -126,7 +130,7 @@ const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? (_ref) => {
+        return typeof stylesArg === 'function' ? _ref => {
           let {
             theme: themeInput
           } = _ref,
-              other = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["theme"]);
+              other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
           return stylesArg((0, _extends2.default)({
@@ -177,7 +181,7 @@ theme: isEmpty(themeInput) ? defaultTheme : themeInput
         // If the type is function, we need to define the default theme.
-        transformedStyleArg = (_ref2) => {
+        transformedStyleArg = _ref2 => {
           let {
             theme: themeInput
           } = _ref2,
-              other = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["theme"]);
+              other = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded3);
           return styleArg((0, _extends2.default)({
@@ -184,0 +188,0 @@ theme: isEmpty(themeInput) ? defaultTheme : themeInput

createTheme/createBreakpoints.d.ts

@@ -9,3 +9,2 @@ import { OverridableStringUnion } from '@material-ui/types';
 >;
-export type BreakpointValues = { [key in Breakpoint]: number };
 export const keys: Breakpoint[];
@@ -15,3 +14,3 @@
   keys: Breakpoint[];
-  values: BreakpointValues;
+  values: { [key in Breakpoint]: number };
   up: (key: Breakpoint | number) => string;
@@ -18,0 +17,0 @@ down: (key: Breakpoint | number) => string;

createTheme/createBreakpoints.js

@@ -15,2 +15,3 @@ "use strict";
 
+const _excluded = ["values", "unit", "step"];
 // Sorted ASC by size. That's important.
@@ -36,3 +37,3 @@ // It can't be configured as it's used statically for propTypes.
   } = breakpoints,
-        other = (0, _objectWithoutPropertiesLoose2.default)(breakpoints, ["values", "unit", "step"]);
+        other = (0, _objectWithoutPropertiesLoose2.default)(breakpoints, _excluded);
   const keys = Object.keys(values);
@@ -39,0 +40,0 @@

createTheme/createTheme.js

@@ -22,2 +22,4 @@ "use strict";
 
+const _excluded = ["breakpoints", "palette", "spacing", "shape"];
+
 function createTheme(options = {}, ...args) {
@@ -30,3 +32,3 @@ const {
   } = options,
-        other = (0, _objectWithoutPropertiesLoose2.default)(options, ["breakpoints", "palette", "spacing", "shape"]);
+        other = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
   const breakpoints = (0, _createBreakpoints.default)(breakpointsInput);
@@ -43,5 +45,3 @@ const spacing = (0, _createSpacing.default)(spacingInput);
     spacing,
-    shape: (0, _extends2.default)({}, _shape.default, {
-      shapeInput
-    })
+    shape: (0, _extends2.default)({}, _shape.default, shapeInput)
   }, other);
@@ -48,0 +48,0 @@ muiTheme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), muiTheme);

esm/createBox.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import styled, { ThemeContext } from '@material-ui/styled-engine';
+import styled from '@material-ui/styled-engine';
 import styleFunctionSx, { extendSxProp } from './styleFunctionSx';
-import createTheme from './createTheme';
+import useTheme from './useTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-
-const useTheme = defaultTheme => {
-  const contextTheme = React.useContext(ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-};
-
-export const systemDefaultTheme = createTheme();
-export default function createBox(defaultTheme = systemDefaultTheme) {
+export default function createBox(defaultTheme) {
   const BoxRoot = styled('div')(styleFunctionSx);
@@ -31,3 +21,3 @@ const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
     } = _extendSxProp,
-          other = _objectWithoutPropertiesLoose(_extendSxProp, ["className", "component"]);
+          other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);
 
@@ -34,0 +24,0 @@ return /*#__PURE__*/_jsx(BoxRoot, _extends({

esm/createStyled.js

 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
+      _excluded2 = ["theme"],
+      _excluded3 = ["theme"];
 import styledEngineStyled from '@material-ui/styled-engine';
@@ -62,3 +65,3 @@ import createTheme from './createTheme';
 
-export const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'isRtl' && prop !== 'sx' && prop !== 'as';
+export const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 export const systemDefaultTheme = createTheme();
@@ -84,3 +87,3 @@
     } = inputOptions,
-          options = _objectWithoutPropertiesLoose(inputOptions, ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"]); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
+          options = _objectWithoutPropertiesLoose(inputOptions, _excluded); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
 
@@ -108,7 +111,7 @@
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? (_ref) => {
+        return typeof stylesArg === 'function' ? _ref => {
           let {
             theme: themeInput
           } = _ref,
-              other = _objectWithoutPropertiesLoose(_ref, ["theme"]);
+              other = _objectWithoutPropertiesLoose(_ref, _excluded2);
 
@@ -160,7 +163,7 @@ return stylesArg(_extends({
         // If the type is function, we need to define the default theme.
-        transformedStyleArg = (_ref2) => {
+        transformedStyleArg = _ref2 => {
           let {
             theme: themeInput
           } = _ref2,
-              other = _objectWithoutPropertiesLoose(_ref2, ["theme"]);
+              other = _objectWithoutPropertiesLoose(_ref2, _excluded3);
 
@@ -167,0 +170,0 @@ return styleArg(_extends({

esm/createTheme/createBreakpoints.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["values", "unit", "step"];
 // Sorted ASC by size. That's important.
@@ -21,3 +22,3 @@ // It can't be configured as it's used statically for propTypes.
   } = breakpoints,
-        other = _objectWithoutPropertiesLoose(breakpoints, ["values", "unit", "step"]);
+        other = _objectWithoutPropertiesLoose(breakpoints, _excluded);
 
@@ -24,0 +25,0 @@ const keys = Object.keys(values);

esm/createTheme/createTheme.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["breakpoints", "palette", "spacing", "shape"];
 import { deepmerge } from '@material-ui/utils';
@@ -15,3 +16,3 @@ import createBreakpoints from './createBreakpoints';
   } = options,
-        other = _objectWithoutPropertiesLoose(options, ["breakpoints", "palette", "spacing", "shape"]);
+        other = _objectWithoutPropertiesLoose(options, _excluded);
 
@@ -29,5 +30,3 @@ const breakpoints = createBreakpoints(breakpointsInput);
     spacing,
-    shape: _extends({}, shape, {
-      shapeInput
-    })
+    shape: _extends({}, shape, shapeInput)
   }, other);
@@ -34,0 +33,0 @@ muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);

esm/index.js

@@ -32,2 +32,5 @@ export { default as borders } from './borders';
 export { default as createBreakpoints } from './createTheme/createBreakpoints';
-export { default as shape } from './createTheme/shape';
+export { default as shape } from './createTheme/shape';
+export { default as unstable_useThemeProps } from './useThemeProps';
+export { default as useTheme } from './useTheme';
+export * from './colorManipulator';

esm/propsToClassKey.js

 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["variant"];
 import { unstable_capitalize as capitalize } from '@material-ui/utils';
@@ -18,3 +19,3 @@
   } = props,
-        other = _objectWithoutPropertiesLoose(props, ["variant"]);
+        other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -21,0 +22,0 @@ let classKey = variant || '';

esm/styleFunctionSx/extendSxProp.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["sx"];
 import { propToStyleFunction } from '../getThemeValue';
@@ -24,3 +25,3 @@
   } = props,
-        other = _objectWithoutPropertiesLoose(props, ["sx"]);
+        other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -27,0 +28,0 @@ const {

index.d.ts

@@ -134,1 +134,8 @@ import {
 export * from './createTheme/shape';
+
+export { default as unstable_useThemeProps } from './useThemeProps';
+
+export { default as useTheme } from './useTheme';
+export * from './useTheme';
+
+export * from './colorManipulator';

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.36
+/** @license Material-UI v5.0.0-alpha.37
  *
@@ -10,4 +10,2 @@ * This source code is licensed under the MIT license found in the
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
@@ -41,3 +39,5 @@ value: true
   createBreakpoints: true,
-  shape: true
+  shape: true,
+  unstable_useThemeProps: true,
+  useTheme: true
 };
@@ -194,2 +194,14 @@ Object.defineProperty(exports, "borders", {
 });
+Object.defineProperty(exports, "unstable_useThemeProps", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.default;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.default;
+  }
+});
 
@@ -346,2 +358,24 @@ var _borders = _interopRequireWildcard(require("./borders"));
 
-var _shape = _interopRequireDefault(require("./createTheme/shape"));
+var _shape = _interopRequireDefault(require("./createTheme/shape"));
+
+var _useThemeProps = _interopRequireDefault(require("./useThemeProps"));
+
+var _useTheme = _interopRequireDefault(require("./useTheme"));
+
+var _colorManipulator = require("./colorManipulator");
+
+Object.keys(_colorManipulator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _colorManipulator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colorManipulator[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

legacy/createBox.js

@@ -6,19 +6,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import clsx from 'clsx';
-import styled, { ThemeContext } from '@material-ui/styled-engine';
+import styled from '@material-ui/styled-engine';
 import styleFunctionSx, { extendSxProp } from './styleFunctionSx';
-import createTheme from './createTheme';
+import useTheme from './useTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-
-var useTheme = function useTheme(defaultTheme) {
-  var contextTheme = React.useContext(ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-};
-
-export var systemDefaultTheme = createTheme();
-export default function createBox() {
-  var defaultTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : systemDefaultTheme;
+export default function createBox(defaultTheme) {
   var BoxRoot = styled('div')(styleFunctionSx);
@@ -25,0 +13,0 @@ var Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {

legacy/createStyled.js

@@ -63,3 +63,3 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 export var shouldForwardProp = function shouldForwardProp(prop) {
-  return prop !== 'styleProps' && prop !== 'theme' && prop !== 'isRtl' && prop !== 'sx' && prop !== 'as';
+  return prop !== 'styleProps' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 };
@@ -66,0 +66,0 @@ export var systemDefaultTheme = createTheme();

legacy/createTheme/createTheme.js

@@ -31,5 +31,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     spacing: spacing,
-    shape: _extends({}, shape, {
-      shapeInput: shapeInput
-    })
+    shape: _extends({}, shape, shapeInput)
   }, other);
@@ -36,0 +34,0 @@

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.36
+/** @license Material-UI v5.0.0-alpha.37
  *
@@ -37,2 +37,5 @@ * This source code is licensed under the MIT license found in the
 export { default as createBreakpoints } from './createTheme/createBreakpoints';
-export { default as shape } from './createTheme/shape';
+export { default as shape } from './createTheme/shape';
+export { default as unstable_useThemeProps } from './useThemeProps';
+export { default as useTheme } from './useTheme';
+export * from './colorManipulator';

modern/createBox.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import styled, { ThemeContext } from '@material-ui/styled-engine';
+import styled from '@material-ui/styled-engine';
 import styleFunctionSx, { extendSxProp } from './styleFunctionSx';
-import createTheme from './createTheme';
+import useTheme from './useTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-
-const useTheme = defaultTheme => {
-  const contextTheme = React.useContext(ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-};
-
-export const systemDefaultTheme = createTheme();
-export default function createBox(defaultTheme = systemDefaultTheme) {
+export default function createBox(defaultTheme) {
   const BoxRoot = styled('div')(styleFunctionSx);
@@ -31,3 +21,3 @@ const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
     } = _extendSxProp,
-          other = _objectWithoutPropertiesLoose(_extendSxProp, ["className", "component"]);
+          other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);
 
@@ -34,0 +24,0 @@ return /*#__PURE__*/_jsx(BoxRoot, _extends({

modern/createStyled.js

 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
+      _excluded2 = ["theme"],
+      _excluded3 = ["theme"];
 import styledEngineStyled from '@material-ui/styled-engine';
@@ -60,3 +63,3 @@ import createTheme from './createTheme';
 
-export const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'isRtl' && prop !== 'sx' && prop !== 'as';
+export const shouldForwardProp = prop => prop !== 'styleProps' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
 export const systemDefaultTheme = createTheme();
@@ -82,3 +85,3 @@
     } = inputOptions,
-          options = _objectWithoutPropertiesLoose(inputOptions, ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"]); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
+          options = _objectWithoutPropertiesLoose(inputOptions, _excluded); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
 
@@ -106,7 +109,7 @@
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? (_ref) => {
+        return typeof stylesArg === 'function' ? _ref => {
           let {
             theme: themeInput
           } = _ref,
-              other = _objectWithoutPropertiesLoose(_ref, ["theme"]);
+              other = _objectWithoutPropertiesLoose(_ref, _excluded2);
 
@@ -158,7 +161,7 @@ return stylesArg(_extends({
         // If the type is function, we need to define the default theme.
-        transformedStyleArg = (_ref2) => {
+        transformedStyleArg = _ref2 => {
           let {
             theme: themeInput
           } = _ref2,
-              other = _objectWithoutPropertiesLoose(_ref2, ["theme"]);
+              other = _objectWithoutPropertiesLoose(_ref2, _excluded3);
 
@@ -165,0 +168,0 @@ return styleArg(_extends({

modern/createTheme/createBreakpoints.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["values", "unit", "step"];
 // Sorted ASC by size. That's important.
@@ -21,3 +22,3 @@ // It can't be configured as it's used statically for propTypes.
   } = breakpoints,
-        other = _objectWithoutPropertiesLoose(breakpoints, ["values", "unit", "step"]);
+        other = _objectWithoutPropertiesLoose(breakpoints, _excluded);
 
@@ -24,0 +25,0 @@ const keys = Object.keys(values);

modern/createTheme/createTheme.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["breakpoints", "palette", "spacing", "shape"];
 import { deepmerge } from '@material-ui/utils';
@@ -15,3 +16,3 @@ import createBreakpoints from './createBreakpoints';
   } = options,
-        other = _objectWithoutPropertiesLoose(options, ["breakpoints", "palette", "spacing", "shape"]);
+        other = _objectWithoutPropertiesLoose(options, _excluded);
 
@@ -29,5 +30,3 @@ const breakpoints = createBreakpoints(breakpointsInput);
     spacing,
-    shape: _extends({}, shape, {
-      shapeInput
-    })
+    shape: _extends({}, shape, shapeInput)
   }, other);
@@ -34,0 +33,0 @@ muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);

modern/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.36
+/** @license Material-UI v5.0.0-alpha.37
  *
@@ -37,2 +37,5 @@ * This source code is licensed under the MIT license found in the
 export { default as createBreakpoints } from './createTheme/createBreakpoints';
-export { default as shape } from './createTheme/shape';
+export { default as shape } from './createTheme/shape';
+export { default as unstable_useThemeProps } from './useThemeProps';
+export { default as useTheme } from './useTheme';
+export * from './colorManipulator';

modern/propsToClassKey.js

 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["variant"];
 import { unstable_capitalize as capitalize } from '@material-ui/utils';
@@ -18,3 +19,3 @@
   } = props,
-        other = _objectWithoutPropertiesLoose(props, ["variant"]);
+        other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -21,0 +22,0 @@ let classKey = variant || '';

modern/styleFunctionSx/extendSxProp.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["sx"];
 import { propToStyleFunction } from '../getThemeValue';
@@ -24,3 +25,3 @@
   } = props,
-        other = _objectWithoutPropertiesLoose(props, ["sx"]);
+        other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -27,0 +28,0 @@ const {

package.json

 {
   "name": "@material-ui/system",
-  "version": "5.0.0-alpha.36",
+  "version": "5.0.0-alpha.37",
   "private": false,
@@ -47,2 +47,3 @@ "author": "Material-UI Team",
     "@babel/runtime": "^7.4.4",
+    "@material-ui/private-theming": "5.0.0-alpha.35",
     "@material-ui/styled-engine": "5.0.0-alpha.34",
@@ -56,2 +57,5 @@ "@material-ui/types": "6.0.1",
   "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
   "engines": {
@@ -61,6 +65,3 @@ "node": ">=12.0.0"
   "module": "./esm/index.js",
-  "types": "./index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  }
+  "types": "./index.d.ts"
 }

propsToClassKey.js

@@ -14,2 +14,4 @@ "use strict";
 
+const _excluded = ["variant"];
+
 function isEmpty(string) {
@@ -29,3 +31,3 @@ return string.length === 0;
   } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, ["variant"]);
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   let classKey = variant || '';
@@ -32,0 +34,0 @@ Object.keys(other).sort().forEach(key => {

styleFunctionSx/extendSxProp.js

@@ -16,2 +16,4 @@ "use strict";
 
+const _excluded = ["sx"];
+
 const splitProps = props => {
@@ -36,3 +38,3 @@ const result = {
   } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, ["sx"]);
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -39,0 +41,0 @@ systemProps,

styleFunctionSx/styleFunctionSx.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -18,2 +16,6 @@
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function objectsHaveSameKeys(...objects) {
@@ -20,0 +22,0 @@ const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);

No alert changes

Improved metrics

Total package byte prevSize

1084517

increased by5.73%

Number of package files

183

increased by16.56%

Lines of code

7624

increased by21.21%

Worsened metrics

Dependency count

12

increased by9.09%

Number of low supply chain risk alerts

76

increased by18.75%

Dependency changes

• + Added@material-ui/private-theming@5.0.0-alpha.35

• + Added@babel/generator@7.26.8(transitive)

• + Added@babel/parser@7.26.8(transitive)

• + Added@babel/runtime@7.26.7(transitive)

• + Added@babel/template@7.26.8(transitive)

• + Added@babel/traverse@7.26.8(transitive)

• + Added@babel/types@7.26.8(transitive)

• + Added@material-ui/private-theming@5.0.0-alpha.35(transitive)

• - Removed@babel/generator@7.26.9(transitive)

• - Removed@babel/parser@7.26.9(transitive)

• - Removed@babel/runtime@7.26.9(transitive)

• - Removed@babel/template@7.26.9(transitive)

• - Removed@babel/traverse@7.26.9(transitive)

• - Removed@babel/types@7.26.9(transitive)