@mui/system 7.0.1 → 7.0.2

package/modern/palette/palette.js

@@ -1,26 +0,0 @@
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-export function paletteTransform(value, userValue) {
-  if (userValue === 'grey') {
-    return userValue;
-  }
-  return value;
-}
-export const color = style({
-  prop: 'color',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-export const bgcolor = style({
-  prop: 'bgcolor',
-  cssProperty: 'backgroundColor',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-export const backgroundColor = style({
-  prop: 'backgroundColor',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-const palette = compose(color, bgcolor, backgroundColor);
-export default palette;

package/modern/positions/index.js

@@ -1,2 +0,0 @@
-export { default } from "./positions.js";
-export * from "./positions.js";

package/modern/positions/positions.js

@@ -1,22 +0,0 @@
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-export const position = style({
-  prop: 'position'
-});
-export const zIndex = style({
-  prop: 'zIndex',
-  themeKey: 'zIndex'
-});
-export const top = style({
-  prop: 'top'
-});
-export const right = style({
-  prop: 'right'
-});
-export const bottom = style({
-  prop: 'bottom'
-});
-export const left = style({
-  prop: 'left'
-});
-export default compose(position, zIndex, top, right, bottom, left);

package/modern/preprocessStyles.js

@@ -1,25 +0,0 @@
-import { internal_serializeStyles } from '@mui/styled-engine';
-export default function preprocessStyles(input) {
-  const {
-    variants,
-    ...style
-  } = input;
-  const result = {
-    variants,
-    style: 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 = internal_serializeStyles(variant.style);
-      }
-    });
-  }
-  return result;
-}

package/modern/propsToClassKey/index.js

@@ -1 +0,0 @@
-export { default } from "./propsToClassKey.js";

package/modern/propsToClassKey/propsToClassKey.js

@@ -1,25 +0,0 @@
-import capitalize from '@mui/utils/capitalize';
-function isEmpty(string) {
-  return string.length === 0;
-}
-
-/**
- * Generates string classKey based on the properties provided. It starts with the
- * 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) {
-  const {
-    variant,
-    ...other
-  } = props;
-  let classKey = variant || '';
-  Object.keys(other).sort().forEach(key => {
-    if (key === 'color') {
-      classKey += isEmpty(classKey) ? props[key] : capitalize(props[key]);
-    } else {
-      classKey += `${isEmpty(classKey) ? key : capitalize(key)}${capitalize(props[key].toString())}`;
-    }
-  });
-  return classKey;
-}

package/modern/responsivePropType/index.js

@@ -1 +0,0 @@
-export { default } from "./responsivePropType.js";

package/modern/responsivePropType/responsivePropType.js

@@ -1,3 +0,0 @@
-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;

package/modern/shadows/index.js

@@ -1 +0,0 @@
-export { default } from "./shadows.js";

package/modern/shadows/shadows.js

@@ -1,6 +0,0 @@
-import style from "../style/index.js";
-const boxShadow = style({
-  prop: 'boxShadow',
-  themeKey: 'shadows'
-});
-export default boxShadow;

package/modern/sizing/index.js

@@ -1,2 +0,0 @@
-export { default } from "./sizing.js";
-export * from "./sizing.js";

package/modern/sizing/sizing.js

@@ -1,64 +0,0 @@
-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) {
-  return value <= 1 && value !== 0 ? `${value * 100}%` : value;
-}
-export const width = style({
-  prop: 'width',
-  transform: sizingTransform
-});
-export const maxWidth = props => {
-  if (props.maxWidth !== undefined && props.maxWidth !== null) {
-    const styleFromPropValue = propValue => {
-      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];
-      if (!breakpoint) {
-        return {
-          maxWidth: sizingTransform(propValue)
-        };
-      }
-      if (props.theme?.breakpoints?.unit !== 'px') {
-        return {
-          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
-        };
-      }
-      return {
-        maxWidth: breakpoint
-      };
-    };
-    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
-  }
-  return null;
-};
-maxWidth.filterProps = ['maxWidth'];
-export const minWidth = style({
-  prop: 'minWidth',
-  transform: sizingTransform
-});
-export const height = style({
-  prop: 'height',
-  transform: sizingTransform
-});
-export const maxHeight = style({
-  prop: 'maxHeight',
-  transform: sizingTransform
-});
-export const minHeight = style({
-  prop: 'minHeight',
-  transform: sizingTransform
-});
-export const sizeWidth = style({
-  prop: 'size',
-  cssProperty: 'width',
-  transform: sizingTransform
-});
-export const sizeHeight = style({
-  prop: 'size',
-  cssProperty: 'height',
-  transform: sizingTransform
-});
-export const boxSizing = style({
-  prop: 'boxSizing'
-});
-const sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
-export default sizing;

package/modern/spacing/index.js

@@ -1,2 +0,0 @@
-export { default } from "./spacing.js";
-export * from "./spacing.js";

package/modern/spacing/spacing.js

@@ -1,157 +0,0 @@
-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";
-const properties = {
-  m: 'margin',
-  p: 'padding'
-};
-const directions = {
-  t: 'Top',
-  r: 'Right',
-  b: 'Bottom',
-  l: 'Left',
-  x: ['Left', 'Right'],
-  y: ['Top', 'Bottom']
-};
-const aliases = {
-  marginX: 'mx',
-  marginY: 'my',
-  paddingX: 'px',
-  paddingY: 'py'
-};
-
-// memoize() impact:
-// From 300,000 ops/sec
-// To 350,000 ops/sec
-const getCssProperties = memoize(prop => {
-  // It's not a shorthand notation.
-  if (prop.length > 2) {
-    if (aliases[prop]) {
-      prop = aliases[prop];
-    } else {
-      return [prop];
-    }
-  }
-  const [a, b] = prop.split('');
-  const property = properties[a];
-  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 spacingKeys = [...marginKeys, ...paddingKeys];
-export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
-  const themeSpacing = getPath(theme, themeKey, true) ?? defaultValue;
-  if (typeof themeSpacing === 'number' || typeof themeSpacing === 'string') {
-    return val => {
-      if (typeof val === 'string') {
-        return val;
-      }
-      if (process.env.NODE_ENV !== 'production') {
-        if (typeof val !== 'number') {
-          console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${val}.`);
-        }
-      }
-      if (typeof themeSpacing === 'string') {
-        if (themeSpacing.startsWith('var(') && val === 0) {
-          return 0;
-        }
-        if (themeSpacing.startsWith('var(') && val === 1) {
-          return themeSpacing;
-        }
-        return `calc(${val} * ${themeSpacing})`;
-      }
-      return themeSpacing * val;
-    };
-  }
-  if (Array.isArray(themeSpacing)) {
-    return val => {
-      if (typeof val === 'string') {
-        return val;
-      }
-      const abs = Math.abs(val);
-      if (process.env.NODE_ENV !== 'production') {
-        if (!Number.isInteger(abs)) {
-          console.error([`MUI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
-        } else if (abs > themeSpacing.length - 1) {
-          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
-        }
-      }
-      const transformed = themeSpacing[abs];
-      if (val >= 0) {
-        return transformed;
-      }
-      if (typeof transformed === 'number') {
-        return -transformed;
-      }
-      if (typeof transformed === 'string' && transformed.startsWith('var(')) {
-        return `calc(-1 * ${transformed})`;
-      }
-      return `-${transformed}`;
-    };
-  }
-  if (typeof themeSpacing === 'function') {
-    return themeSpacing;
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    console.error([`MUI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
-  }
-  return () => undefined;
-}
-export function createUnarySpacing(theme) {
-  return createUnaryUnit(theme, 'spacing', 8, 'spacing');
-}
-export function getValue(transformer, propValue) {
-  if (typeof propValue === 'string' || propValue == null) {
-    return propValue;
-  }
-  return transformer(propValue);
-}
-export function getStyleFromPropValue(cssProperties, transformer) {
-  return propValue => cssProperties.reduce((acc, cssProperty) => {
-    acc[cssProperty] = getValue(transformer, propValue);
-    return acc;
-  }, {});
-}
-function resolveCssProperty(props, keys, prop, transformer) {
-  // Using a hash computation over an array iteration could be faster, but with only 28 items,
-  // it's doesn't worth the bundle size.
-  if (!keys.includes(prop)) {
-    return null;
-  }
-  const cssProperties = getCssProperties(prop);
-  const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);
-  const propValue = props[prop];
-  return 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, {});
-}
-export function margin(props) {
-  return style(props, marginKeys);
-}
-margin.propTypes = process.env.NODE_ENV !== 'production' ? marginKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
-  return obj;
-}, {}) : {};
-margin.filterProps = marginKeys;
-export function padding(props) {
-  return style(props, paddingKeys);
-}
-padding.propTypes = process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
-  return obj;
-}, {}) : {};
-padding.filterProps = paddingKeys;
-function spacing(props) {
-  return style(props, spacingKeys);
-}
-spacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {
-  obj[key] = responsivePropType;
-  return obj;
-}, {}) : {};
-spacing.filterProps = spacingKeys;
-export default spacing;

package/modern/style/index.js

@@ -1,2 +0,0 @@
-export { default } from "./style.js";
-export * from "./style.js";

package/modern/style/style.js

@@ -1,75 +0,0 @@
-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) {
-  if (!path || typeof path !== 'string') {
-    return null;
-  }
-
-  // Check if CSS variables are used
-  if (obj && obj.vars && checkVars) {
-    const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);
-    if (val != null) {
-      return val;
-    }
-  }
-  return path.split('.').reduce((acc, item) => {
-    if (acc && acc[item] != null) {
-      return acc[item];
-    }
-    return null;
-  }, obj);
-}
-export function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
-  let value;
-  if (typeof themeMapping === 'function') {
-    value = themeMapping(propValueFinal);
-  } else if (Array.isArray(themeMapping)) {
-    value = themeMapping[propValueFinal] || userValue;
-  } else {
-    value = getPath(themeMapping, propValueFinal) || userValue;
-  }
-  if (transform) {
-    value = transform(value, userValue, themeMapping);
-  }
-  return value;
-}
-function style(options) {
-  const {
-    prop,
-    cssProperty = options.prop,
-    themeKey,
-    transform
-  } = options;
-
-  // false positive
-  // eslint-disable-next-line react/function-component-definition
-  const fn = props => {
-    if (props[prop] == null) {
-      return null;
-    }
-    const propValue = props[prop];
-    const theme = props.theme;
-    const themeMapping = getPath(theme, themeKey) || {};
-    const styleFromPropValue = propValueFinal => {
-      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);
-      }
-      if (cssProperty === false) {
-        return value;
-      }
-      return {
-        [cssProperty]: value
-      };
-    };
-    return handleBreakpoints(props, propValue, styleFromPropValue);
-  };
-  fn.propTypes = process.env.NODE_ENV !== 'production' ? {
-    [prop]: responsivePropType
-  } : {};
-  fn.filterProps = [prop];
-  return fn;
-}
-export default style;

package/modern/styleFunctionSx/AliasesCSSProperties.js

@@ -1 +0,0 @@
-export {};

package/modern/styleFunctionSx/OverwriteCSSProperties.js

@@ -1 +0,0 @@
-export {};

package/modern/styleFunctionSx/StandardCssProperties.js

@@ -1 +0,0 @@
-export {};