@mui/system 7.0.1 → 7.1.0

package/modern/index.d.ts

@@ -1,80 +0,0 @@
-// disable automatic export
-export {};
-export * from "./borders/index.js";
-export { default as breakpoints, handleBreakpoints, mergeBreakpointsInOrder } from "./breakpoints/index.js";
-export { default as cssContainerQueries, type CssContainerQueries } from "./cssContainerQueries/index.js";
-export { default as compose } from "./compose/index.js";
-export * from "./display/index.js";
-export * from "./flexbox/index.js";
-export * from "./cssGrid/index.js";
-export * from "./palette/index.js";
-export * from "./positions/index.js";
-export * from "./shadows/index.js";
-export * from "./sizing/index.js";
-export * from "./typography/index.js";
-export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
-
-/**
- * The `css` function accepts arrays as values for mobile-first responsive styles.
- * Note that this extends to non-theme values also. For example `display=['none', 'block']`
- * will also works.
- */
-export type ResponsiveStyleValue<T> = T | Array<T | null> | {
-  [key: string]: T | null;
-};
-export { DefaultTheme } from '@mui/private-theming';
-export { css, keyframes, StyledEngineProvider, Interpolation, CSSInterpolation, CSSObject } from '@mui/styled-engine';
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export type { GlobalStylesProps } from "./GlobalStyles/index.js";
-export * from "./style/index.js";
-export { default as style } from "./style/index.js";
-export * from "./spacing/index.js";
-export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
-export * from "./styleFunctionSx/index.js";
-
-// TODO: Remove this function in v6.
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function experimental_sx(): any;
-export { default as Box } from "./Box/index.js";
-export * from "./Box/index.js";
-export { default as createBox } from "./createBox/index.js";
-export * from "./createBox/index.js";
-export { default as createStyled } from "./createStyled/index.js";
-export * from "./createStyled/index.js";
-export { default as styled } from "./styled/index.js";
-export * from "./styled/index.js";
-export { default as createTheme } from "./createTheme/index.js";
-export * from "./createTheme/index.js";
-export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
-export * from "./createBreakpoints/createBreakpoints.js";
-export { default as createSpacing } from "./createTheme/createSpacing.js";
-export { SpacingOptions, Spacing } from "./createTheme/createSpacing.js";
-export { default as shape } from "./createTheme/shape.js";
-export * from "./createTheme/shape.js";
-export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
-export { default as useTheme } from "./useTheme/index.js";
-export * from "./useTheme/index.js";
-export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
-export * from "./useThemeWithoutDefault/index.js";
-export { default as useMediaQuery } from "./useMediaQuery/index.js";
-export * from "./useMediaQuery/index.js";
-export * from "./colorManipulator/index.js";
-export { default as ThemeProvider } from "./ThemeProvider/index.js";
-export * from "./ThemeProvider/index.js";
-export { default as unstable_memoTheme } from "./memoTheme.js";
-export { default as unstable_createCssVarsProvider, CreateCssVarsProviderResult } from "./cssVars/index.js";
-export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
-export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
-export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
-export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
-export * from "./cssVars/index.js";
-export { default as responsivePropType } from "./responsivePropType/index.js";
-export { default as createContainer } from "./Container/createContainer.js";
-export * from "./Container/createContainer.js";
-export { default as Container } from "./Container/index.js";
-export * from "./Container/index.js";
-export { default as Grid } from "./Grid/index.js";
-export * from "./Grid/index.js";
-export { default as Stack } from "./Stack/index.js";
-export * from "./Stack/index.js";
-export * from "./version/index.js";

package/modern/index.js

@@ -1,75 +0,0 @@
-/**
- * @mui/system v7.0.1
- *
- * @license MIT
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export { default as borders } from "./borders/index.js";
-export * from "./borders/index.js";
-export { default as breakpoints } from "./breakpoints/index.js";
-export { default as cssContainerQueries } from "./cssContainerQueries/index.js";
-export { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues as unstable_resolveBreakpointValues } from "./breakpoints/index.js";
-export { default as compose } from "./compose/index.js";
-export { default as display } from "./display/index.js";
-export { default as flexbox } from "./flexbox/index.js";
-export * from "./flexbox/index.js";
-export { default as grid } from "./cssGrid/index.js";
-export * from "./cssGrid/index.js";
-export { default as palette } from "./palette/index.js";
-export * from "./palette/index.js";
-export { default as positions } from "./positions/index.js";
-export * from "./positions/index.js";
-export { default as shadows } from "./shadows/index.js";
-export { default as sizing } from "./sizing/index.js";
-export * from "./sizing/index.js";
-export { default as spacing } from "./spacing/index.js";
-export * from "./spacing/index.js";
-export { default as style, getPath, getStyleValue } from "./style/index.js";
-export { default as typography } from "./typography/index.js";
-export * from "./typography/index.js";
-export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
-// TODO: Remove this function in v6
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function experimental_sx() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : _formatErrorMessage(19));
-}
-export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
-export { default as Box } from "./Box/index.js";
-export { default as createBox } from "./createBox/index.js";
-export { default as createStyled } from "./createStyled/index.js";
-export * from "./createStyled/index.js";
-export { default as styled } from "./styled/index.js";
-export { default as createTheme } from "./createTheme/index.js";
-export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
-export { default as createSpacing } from "./createTheme/createSpacing.js";
-export { default as shape } from "./createTheme/shape.js";
-export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
-export { default as useTheme } from "./useTheme/index.js";
-export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
-export { default as useMediaQuery } from "./useMediaQuery/index.js";
-export * from "./colorManipulator/index.js";
-export { default as ThemeProvider } from "./ThemeProvider/index.js";
-export { default as unstable_memoTheme } from "./memoTheme.js";
-export { default as unstable_createCssVarsProvider } from "./cssVars/createCssVarsProvider.js";
-export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
-export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
-export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
-export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
-export { default as responsivePropType } from "./responsivePropType/index.js";
-export { default as RtlProvider } from "./RtlProvider/index.js";
-export * from "./RtlProvider/index.js";
-export * from "./version/index.js";
-
-/** ----------------- */
-/** Layout components */
-export { default as createContainer } from "./Container/createContainer.js";
-export { default as Container } from "./Container/index.js";
-export * from "./Container/index.js";
-export { default as Grid } from "./Grid/Grid.js";
-export * from "./Grid/index.js";
-export { default as Stack } from "./Stack/Stack.js";
-export * from "./Stack/index.js";

package/modern/memoTheme.d.ts

@@ -1,12 +0,0 @@
-import { CSSInterpolation } from '@mui/styled-engine';
-type ThemeStyleFunction<T> = (props: {
-  theme: T;
-}) => CSSInterpolation;
-/**
- * Memoize style function on theme.
- * Intended to be used in styled() calls that only need access to the theme.
- */
-export default function unstable_memoTheme<T>(styleFn: ThemeStyleFunction<T>): (props: {
-  theme: T;
-}) => string | number | boolean | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").ArrayCSSInterpolation | null;
-export {};

package/modern/memoTheme.js

@@ -1,28 +0,0 @@
-import preprocessStyles from "./preprocessStyles.js";
-
-/* eslint-disable @typescript-eslint/naming-convention */
-
-// We need to pass an argument as `{ theme }` for PigmentCSS, but we don't want to
-// allocate more objects.
-const arg = {
-  theme: undefined
-};
-
-/**
- * Memoize style function on theme.
- * Intended to be used in styled() calls that only need access to the theme.
- */
-export default function unstable_memoTheme(styleFn) {
-  let lastValue;
-  let lastTheme;
-  return function styleMemoized(props) {
-    let value = lastValue;
-    if (value === undefined || props.theme !== lastTheme) {
-      arg.theme = props.theme;
-      value = preprocessStyles(styleFn(arg));
-      lastValue = value;
-      lastTheme = props.theme;
-    }
-    return value;
-  };
-}

package/modern/memoize/index.d.ts

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

package/modern/memoize/index.js

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

package/modern/memoize/memoize.d.ts

@@ -1 +0,0 @@
-export default function memoize<ArgType = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;

package/modern/memoize/memoize.js

@@ -1,9 +0,0 @@
-export default function memoize(fn) {
-  const cache = {};
-  return arg => {
-    if (cache[arg] === undefined) {
-      cache[arg] = fn(arg);
-    }
-    return cache[arg];
-  };
-}

package/modern/merge/index.d.ts

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

package/modern/merge/index.js

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

package/modern/merge/merge.d.ts

@@ -1 +0,0 @@
-export default function merge(acc: object, item: object): object;

package/modern/merge/merge.js

@@ -1,10 +0,0 @@
-import deepmerge from '@mui/utils/deepmerge';
-function merge(acc, item) {
-  if (!item) {
-    return acc;
-  }
-  return deepmerge(acc, item, {
-    clone: false // No need to clone deep, it's way faster.
-  });
-}
-export default merge;

package/modern/package.json

@@ -1 +0,0 @@
-{"type":"module","sideEffects":false}

package/modern/palette/index.d.ts

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

package/modern/palette/index.js

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

package/modern/palette/palette.d.ts

@@ -1,5 +0,0 @@
-import { PropsFor, SimpleStyleFunction, palette } from "../Box/index.js";
-export const color: SimpleStyleFunction<'color'>;
-export const bgcolor: SimpleStyleFunction<'bgcolor'>;
-export type PaletteProps = PropsFor<typeof palette>;
-export default palette;

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.d.ts

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

package/modern/positions/index.js

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

package/modern/positions/positions.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, positions } from "../Box/index.js";
-export type PositionsProps = PropsFor<typeof positions>;
-export default positions;

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.d.ts

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

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.d.ts

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

package/modern/propsToClassKey/index.js

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

package/modern/propsToClassKey/propsToClassKey.d.ts

@@ -1 +0,0 @@
-export default function propsToClassKey(props: object): string;

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.d.ts

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

package/modern/responsivePropType/index.js

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

package/modern/responsivePropType/responsivePropType.d.ts

@@ -1,2 +0,0 @@
-declare const responsivePropType: object;
-export default responsivePropType;

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.d.ts

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

package/modern/shadows/index.js

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

package/modern/shadows/shadows.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, shadows } from "../Box/index.js";
-export type ShadowsProps = PropsFor<typeof shadows>;
-export default shadows;

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.d.ts

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

package/modern/sizing/index.js

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

package/modern/sizing/sizing.d.ts

@@ -1,12 +0,0 @@
-import { PropsFor, SimpleStyleFunction, sizing } from "../Box/index.js";
-export const width: SimpleStyleFunction<'width'>;
-export const maxWidth: SimpleStyleFunction<'maxWidth'>;
-export const minWidth: SimpleStyleFunction<'minWidth'>;
-export const height: SimpleStyleFunction<'height'>;
-export const maxHeight: SimpleStyleFunction<'maxHeight'>;
-export const minHeight: SimpleStyleFunction<'minHeight'>;
-export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
-export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
-export const boxSizing: SimpleStyleFunction<'boxSizing'>;
-export type SizingProps = PropsFor<typeof sizing>;
-export default sizing;

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.d.ts

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

package/modern/spacing/index.js

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

package/modern/spacing/spacing.d.ts

@@ -1,19 +0,0 @@
-import { SimpleStyleFunction, spacing, PropsFor } from "../Box/index.js";
-export type SpacingValueType = string | number | null | undefined;
-export type SpacingProps = PropsFor<typeof spacing>;
-export function createUnarySpacing<Spacing>(theme: {
-  spacing: Spacing;
-}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export function createUnaryUnit<Spacing>(theme: {
-  spacing: Spacing;
-}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
-export type MarginProps = PropsFor<typeof margin>;
-export const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
-export function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
-export type PaddingProps = PropsFor<typeof padding>;
-export default spacing;