@mui/system 6.1.1 → 6.1.3

package/positions/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/positions/index.js",
+  "module": "../esm/positions/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/positions/positions.js

@@ -1,22 +1,29 @@
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-export const position = style({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zIndex = exports.top = exports.right = exports.position = exports.left = exports.default = exports.bottom = void 0;
+var _style = _interopRequireDefault(require("../style"));
+var _compose = _interopRequireDefault(require("../compose"));
+const position = exports.position = (0, _style.default)({
   prop: 'position'
 });
-export const zIndex = style({
+const zIndex = exports.zIndex = (0, _style.default)({
   prop: 'zIndex',
   themeKey: 'zIndex'
 });
-export const top = style({
+const top = exports.top = (0, _style.default)({
   prop: 'top'
 });
-export const right = style({
+const right = exports.right = (0, _style.default)({
   prop: 'right'
 });
-export const bottom = style({
+const bottom = exports.bottom = (0, _style.default)({
   prop: 'bottom'
 });
-export const left = style({
+const left = exports.left = (0, _style.default)({
   prop: 'left'
 });
-export default compose(position, zIndex, top, right, bottom, left);
+var _default = exports.default = (0, _compose.default)(position, zIndex, top, right, bottom, left);

package/preprocessStyles.d.ts

@@ -0,0 +1,5 @@
+export default function preprocessStyles(input: any): {
+    variants: any;
+    style: any;
+    isProcessed: boolean;
+};

package/preprocessStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = preprocessStyles;
+var _styledEngine = require("@mui/styled-engine");
+function preprocessStyles(input) {
+  const {
+    variants,
+    ...style
+  } = input;
+  const result = {
+    variants,
+    style: (0, _styledEngine.internal_serializeStyles)(style),
+    isProcessed: true
+  };
+
+  // Not supported on styled-components
+  if (result.style === style) {
+    return result;
+  }
+  if (variants) {
+    variants.forEach(variant => {
+      if (typeof variant.style !== 'function') {
+        variant.style = (0, _styledEngine.internal_serializeStyles)(variant.style);
+      }
+    });
+  }
+  return result;
+}

package/propsToClassKey/index.js

@@ -1 +1,13 @@
-export { default } from "./propsToClassKey.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _propsToClassKey.default;
+  }
+});
+var _propsToClassKey = _interopRequireDefault(require("./propsToClassKey"));

package/propsToClassKey/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/propsToClassKey/index.js",
+  "module": "../esm/propsToClassKey/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/propsToClassKey/propsToClassKey.js

@@ -1,4 +1,11 @@
-import capitalize from '@mui/utils/capitalize';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = propsToClassKey;
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 function isEmpty(string) {
   return string.length === 0;
 }
@@ -8,7 +15,7 @@ function isEmpty(string) {
  * variant if defined, and then it appends all other properties in alphabetical order.
  * @param {object} props - the properties for which the classKey should be created.
  */
-export default function propsToClassKey(props) {
+function propsToClassKey(props) {
   const {
     variant,
     ...other
@@ -16,9 +23,9 @@ export default function propsToClassKey(props) {
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {
-      classKey += isEmpty(classKey) ? props[key] : capitalize(props[key]);
+      classKey += isEmpty(classKey) ? props[key] : (0, _capitalize.default)(props[key]);
     } else {
-      classKey += `${isEmpty(classKey) ? key : capitalize(key)}${capitalize(props[key].toString())}`;
+      classKey += `${isEmpty(classKey) ? key : (0, _capitalize.default)(key)}${(0, _capitalize.default)(props[key].toString())}`;
     }
   });
   return classKey;

package/responsivePropType/index.js

@@ -1 +1,13 @@
-export { default } from "./responsivePropType.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _responsivePropType.default;
+  }
+});
+var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));

package/responsivePropType/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/responsivePropType/index.js",
+  "module": "../esm/responsivePropType/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/responsivePropType/responsivePropType.js

@@ -1,3 +1,10 @@
-import PropTypes from 'prop-types';
-const responsivePropType = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]) : {};
-export default responsivePropType;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const responsivePropType = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object, _propTypes.default.array]) : {};
+var _default = exports.default = responsivePropType;

package/shadows/index.js

@@ -1 +1,13 @@
-export { default } from "./shadows.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _shadows.default;
+  }
+});
+var _shadows = _interopRequireDefault(require("./shadows"));

package/shadows/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/shadows/index.js",
+  "module": "../esm/shadows/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/shadows/shadows.js

@@ -1,6 +1,13 @@
-import style from "../style/index.js";
-const boxShadow = style({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = _interopRequireDefault(require("../style"));
+const boxShadow = (0, _style.default)({
   prop: 'boxShadow',
   themeKey: 'shadows'
 });
-export default boxShadow;
+var _default = exports.default = boxShadow;

package/sizing/index.js

@@ -1,2 +1,25 @@
-export { default } from "./sizing.js";
-export * from "./sizing.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _sizing.default;
+  }
+});
+var _sizing = _interopRequireWildcard(require("./sizing"));
+Object.keys(_sizing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sizing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sizing[key];
+    }
+  });
+});

package/sizing/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/sizing/index.js",
+  "module": "../esm/sizing/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/sizing/sizing.js

@@ -1,17 +1,26 @@
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-import { handleBreakpoints, values as breakpointsValues } from "../breakpoints/index.js";
-export function sizingTransform(value) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizeWidth = exports.sizeHeight = exports.minWidth = exports.minHeight = exports.maxWidth = exports.maxHeight = exports.height = exports.default = exports.boxSizing = void 0;
+exports.sizingTransform = sizingTransform;
+exports.width = void 0;
+var _style = _interopRequireDefault(require("../style"));
+var _compose = _interopRequireDefault(require("../compose"));
+var _breakpoints = require("../breakpoints");
+function sizingTransform(value) {
   return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }
-export const width = style({
+const width = exports.width = (0, _style.default)({
   prop: 'width',
   transform: sizingTransform
 });
-export const maxWidth = props => {
+const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
-      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];
+      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || _breakpoints.values[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)
@@ -26,39 +35,40 @@ export const maxWidth = props => {
         maxWidth: breakpoint
       };
     };
-    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
+    return (0, _breakpoints.handleBreakpoints)(props, props.maxWidth, styleFromPropValue);
   }
   return null;
 };
+exports.maxWidth = maxWidth;
 maxWidth.filterProps = ['maxWidth'];
-export const minWidth = style({
+const minWidth = exports.minWidth = (0, _style.default)({
   prop: 'minWidth',
   transform: sizingTransform
 });
-export const height = style({
+const height = exports.height = (0, _style.default)({
   prop: 'height',
   transform: sizingTransform
 });
-export const maxHeight = style({
+const maxHeight = exports.maxHeight = (0, _style.default)({
   prop: 'maxHeight',
   transform: sizingTransform
 });
-export const minHeight = style({
+const minHeight = exports.minHeight = (0, _style.default)({
   prop: 'minHeight',
   transform: sizingTransform
 });
-export const sizeWidth = style({
+const sizeWidth = exports.sizeWidth = (0, _style.default)({
   prop: 'size',
   cssProperty: 'width',
   transform: sizingTransform
 });
-export const sizeHeight = style({
+const sizeHeight = exports.sizeHeight = (0, _style.default)({
   prop: 'size',
   cssProperty: 'height',
   transform: sizingTransform
 });
-export const boxSizing = style({
+const boxSizing = exports.boxSizing = (0, _style.default)({
   prop: 'boxSizing'
 });
-const sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
-export default sizing;
+const sizing = (0, _compose.default)(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
+var _default = exports.default = sizing;

package/spacing/index.js

@@ -1,2 +1,25 @@
-export { default } from "./spacing.js";
-export * from "./spacing.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _spacing.default;
+  }
+});
+var _spacing = _interopRequireWildcard(require("./spacing"));
+Object.keys(_spacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _spacing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacing[key];
+    }
+  });
+});

package/spacing/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/spacing/index.js",
+  "module": "../esm/spacing/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/spacing/spacing.js

@@ -1,8 +1,23 @@
-import responsivePropType from "../responsivePropType/index.js";
-import { handleBreakpoints } from "../breakpoints/index.js";
-import { getPath } from "../style/index.js";
-import merge from "../merge/index.js";
-import memoize from "../memoize/index.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnarySpacing = createUnarySpacing;
+exports.createUnaryUnit = createUnaryUnit;
+exports.default = void 0;
+exports.getStyleFromPropValue = getStyleFromPropValue;
+exports.getValue = getValue;
+exports.margin = margin;
+exports.marginKeys = void 0;
+exports.padding = padding;
+exports.paddingKeys = void 0;
+var _responsivePropType = _interopRequireDefault(require("../responsivePropType"));
+var _breakpoints = require("../breakpoints");
+var _style = require("../style");
+var _merge = _interopRequireDefault(require("../merge"));
+var _memoize = _interopRequireDefault(require("../memoize"));
 const properties = {
   m: 'margin',
   p: 'padding'
@@ -25,7 +40,7 @@ const aliases = {
 // memoize() impact:
 // From 300,000 ops/sec
 // To 350,000 ops/sec
-const getCssProperties = memoize(prop => {
+const getCssProperties = (0, _memoize.default)(prop => {
   // It's not a shorthand notation.
   if (prop.length > 2) {
     if (aliases[prop]) {
@@ -39,11 +54,11 @@ const getCssProperties = memoize(prop => {
   const direction = directions[b] || '';
   return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];
 });
-export const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
-export const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
+const marginKeys = exports.marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
+const paddingKeys = exports.paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
 const spacingKeys = [...marginKeys, ...paddingKeys];
-export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
-  const themeSpacing = getPath(theme, themeKey, true) ?? defaultValue;
+function createUnaryUnit(theme, themeKey, defaultValue, propName) {
+  const themeSpacing = (0, _style.getPath)(theme, themeKey, true) ?? defaultValue;
   if (typeof themeSpacing === 'number' || typeof themeSpacing === 'string') {
     return val => {
       if (typeof val === 'string') {
@@ -91,16 +106,16 @@ export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
   }
   return () => undefined;
 }
-export function createUnarySpacing(theme) {
+function createUnarySpacing(theme) {
   return createUnaryUnit(theme, 'spacing', 8, 'spacing');
 }
-export function getValue(transformer, propValue) {
+function getValue(transformer, propValue) {
   if (typeof propValue === 'string' || propValue == null) {
     return propValue;
   }
   return transformer(propValue);
 }
-export function getStyleFromPropValue(cssProperties, transformer) {
+function getStyleFromPropValue(cssProperties, transformer) {
   return propValue => cssProperties.reduce((acc, cssProperty) => {
     acc[cssProperty] = getValue(transformer, propValue);
     return acc;
@@ -115,25 +130,25 @@ function resolveCssProperty(props, keys, prop, transformer) {
   const cssProperties = getCssProperties(prop);
   const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);
   const propValue = props[prop];
-  return handleBreakpoints(props, propValue, styleFromPropValue);
+  return (0, _breakpoints.handleBreakpoints)(props, propValue, styleFromPropValue);
 }
 function style(props, keys) {
   const transformer = createUnarySpacing(props.theme);
-  return Object.keys(props).map(prop => resolveCssProperty(props, keys, prop, transformer)).reduce(merge, {});
+  return Object.keys(props).map(prop => resolveCssProperty(props, keys, prop, transformer)).reduce(_merge.default, {});
 }
-export function margin(props) {
+function margin(props) {
   return style(props, marginKeys);
 }
 margin.propTypes = process.env.NODE_ENV !== 'production' ? marginKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
+  obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
 margin.filterProps = marginKeys;
-export function padding(props) {
+function padding(props) {
   return style(props, paddingKeys);
 }
 padding.propTypes = process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
+  obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
 padding.filterProps = paddingKeys;
@@ -141,8 +156,8 @@ function spacing(props) {
   return style(props, spacingKeys);
 }
 spacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
+  obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
 spacing.filterProps = spacingKeys;
-export default spacing;
+var _default = exports.default = spacing;

package/style/index.js

@@ -1,2 +1,25 @@
-export { default } from "./style.js";
-export * from "./style.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _style.default;
+  }
+});
+var _style = _interopRequireWildcard(require("./style"));
+Object.keys(_style).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _style[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _style[key];
+    }
+  });
+});

package/style/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/style/index.js",
+  "module": "../esm/style/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/style/style.js

@@ -1,7 +1,16 @@
-import capitalize from '@mui/utils/capitalize';
-import responsivePropType from "../responsivePropType/index.js";
-import { handleBreakpoints } from "../breakpoints/index.js";
-export function getPath(obj, path, checkVars = true) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getPath = getPath;
+exports.getStyleValue = getStyleValue;
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
+var _responsivePropType = _interopRequireDefault(require("../responsivePropType"));
+var _breakpoints = require("../breakpoints");
+function getPath(obj, path, checkVars = true) {
   if (!path || typeof path !== 'string') {
     return null;
   }
@@ -20,7 +29,7 @@ export function getPath(obj, path, checkVars = true) {
     return null;
   }, obj);
 }
-export function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
+function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
   let value;
   if (typeof themeMapping === 'function') {
     value = themeMapping(propValueFinal);
@@ -55,7 +64,7 @@ function style(options) {
       let value = getStyleValue(themeMapping, transform, propValueFinal);
       if (propValueFinal === value && typeof propValueFinal === 'string') {
         // Haven't found value
-        value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);
+        value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : (0, _capitalize.default)(propValueFinal)}`, propValueFinal);
       }
       if (cssProperty === false) {
         return value;
@@ -64,12 +73,12 @@ function style(options) {
         [cssProperty]: value
       };
     };
-    return handleBreakpoints(props, propValue, styleFromPropValue);
+    return (0, _breakpoints.handleBreakpoints)(props, propValue, styleFromPropValue);
   };
   fn.propTypes = process.env.NODE_ENV !== 'production' ? {
-    [prop]: responsivePropType
+    [prop]: _responsivePropType.default
   } : {};
   fn.filterProps = [prop];
   return fn;
 }
-export default style;
+var _default = exports.default = style;