@mui/material 5.10.1 → 5.10.4

package/node/styles/CssVarsProvider.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useColorScheme = exports.shouldSkipGeneratingVar = exports.getInitColorSchemeScript = exports.Experimental_CssVarsProvider = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _system = require("@mui/system");
-
-var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
-
-var _createTypography = _interopRequireDefault(require("./createTypography"));
-
-const shouldSkipGeneratingVar = keys => {
-  var _keys$;
-
-  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
-};
-
-exports.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
-const defaultTheme = (0, _experimental_extendTheme.default)();
-const {
-  CssVarsProvider,
-  useColorScheme,
-  getInitColorSchemeScript
-} = (0, _system.unstable_createCssVarsProvider)({
-  theme: defaultTheme,
-  attribute: 'data-mui-color-scheme',
-  modeStorageKey: 'mui-mode',
-  colorSchemeStorageKey: 'mui-color-scheme',
-  defaultColorScheme: {
-    light: 'light',
-    dark: 'dark'
-  },
-  resolveTheme: theme => {
-    const newTheme = (0, _extends2.default)({}, theme, {
-      typography: (0, _createTypography.default)(theme.palette, theme.typography)
-    });
-    return newTheme;
-  },
-  shouldSkipGeneratingVar
-});
-exports.getInitColorSchemeScript = getInitColorSchemeScript;
-exports.useColorScheme = useColorScheme;
-exports.Experimental_CssVarsProvider = CssVarsProvider;

package/node/styles/ThemeProvider.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _system.ThemeProvider;
-  }
-});
-
-var _system = require("@mui/system");

package/node/styles/adaptV4Theme.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = adaptV4Theme;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _system = require("@mui/system");
-
-const _excluded = ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"],
-      _excluded2 = ["type", "mode"];
-
-function adaptV4Theme(inputTheme) {
-  if (process.env.NODE_ENV !== 'production') {
-    console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
-  }
-
-  const {
-    defaultProps = {},
-    mixins = {},
-    overrides = {},
-    palette = {},
-    props = {},
-    styleOverrides = {}
-  } = inputTheme,
-        other = (0, _objectWithoutPropertiesLoose2.default)(inputTheme, _excluded);
-  const theme = (0, _extends2.default)({}, other, {
-    components: {}
-  }); // default props
-
-  Object.keys(defaultProps).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = defaultProps[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(props).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = props[component];
-    theme.components[component] = componentValue;
-  }); // CSS overrides
-
-  Object.keys(styleOverrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = styleOverrides[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(overrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = overrides[component];
-    theme.components[component] = componentValue;
-  }); // theme.spacing
-
-  theme.spacing = (0, _system.createSpacing)(inputTheme.spacing); // theme.mixins.gutters
-
-  const breakpoints = (0, _system.createBreakpoints)(inputTheme.breakpoints || {});
-  const spacing = theme.spacing;
-  theme.mixins = (0, _extends2.default)({
-    gutters: (styles = {}) => {
-      return (0, _extends2.default)({
-        paddingLeft: spacing(2),
-        paddingRight: spacing(2)
-      }, styles, {
-        [breakpoints.up('sm')]: (0, _extends2.default)({
-          paddingLeft: spacing(3),
-          paddingRight: spacing(3)
-        }, styles[breakpoints.up('sm')])
-      });
-    }
-  }, mixins);
-  const {
-    type: typeInput,
-    mode: modeInput
-  } = palette,
-        paletteRest = (0, _objectWithoutPropertiesLoose2.default)(palette, _excluded2);
-  const finalMode = modeInput || typeInput || 'light';
-  theme.palette = (0, _extends2.default)({
-    // theme.palette.text.hint
-    text: {
-      hint: finalMode === 'dark' ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.38)'
-    },
-    mode: finalMode,
-    type: finalMode
-  }, paletteRest);
-  return theme;
-}

package/node/styles/createMixins.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createMixins;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-function createMixins(breakpoints, mixins) {
-  return (0, _extends2.default)({
-    toolbar: {
-      minHeight: 56,
-      [breakpoints.up('xs')]: {
-        '@media (orientation: landscape)': {
-          minHeight: 48
-        }
-      },
-      [breakpoints.up('sm')]: {
-        minHeight: 64
-      }
-    }
-  }, mixins);
-}

package/node/styles/createMuiStrictModeTheme.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createMuiStrictModeTheme;
-
-var _utils = require("@mui/utils");
-
-var _createTheme = _interopRequireDefault(require("./createTheme"));
-
-function createMuiStrictModeTheme(options, ...args) {
-  return (0, _createTheme.default)((0, _utils.deepmerge)({
-    unstable_strictMode: true
-  }, options), ...args);
-}

package/node/styles/createPalette.js

@@ -1,356 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dark = void 0;
-exports.default = createPalette;
-exports.light = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _utils = require("@mui/utils");
-
-var _system = require("@mui/system");
-
-var _common = _interopRequireDefault(require("../colors/common"));
-
-var _grey = _interopRequireDefault(require("../colors/grey"));
-
-var _purple = _interopRequireDefault(require("../colors/purple"));
-
-var _red = _interopRequireDefault(require("../colors/red"));
-
-var _orange = _interopRequireDefault(require("../colors/orange"));
-
-var _blue = _interopRequireDefault(require("../colors/blue"));
-
-var _lightBlue = _interopRequireDefault(require("../colors/lightBlue"));
-
-var _green = _interopRequireDefault(require("../colors/green"));
-
-const _excluded = ["mode", "contrastThreshold", "tonalOffset"];
-const light = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: 'rgba(0, 0, 0, 0.87)',
-    // Secondary text.
-    secondary: 'rgba(0, 0, 0, 0.6)',
-    // Disabled text have even lower visual prominence.
-    disabled: 'rgba(0, 0, 0, 0.38)'
-  },
-  // The color used to divide different elements.
-  divider: 'rgba(0, 0, 0, 0.12)',
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: _common.default.white,
-    default: _common.default.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: 'rgba(0, 0, 0, 0.54)',
-    // The color of an hovered action.
-    hover: 'rgba(0, 0, 0, 0.04)',
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: 'rgba(0, 0, 0, 0.08)',
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: 'rgba(0, 0, 0, 0.26)',
-    // The background color of a disabled action.
-    disabledBackground: 'rgba(0, 0, 0, 0.12)',
-    disabledOpacity: 0.38,
-    focus: 'rgba(0, 0, 0, 0.12)',
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-};
-exports.light = light;
-const dark = {
-  text: {
-    primary: _common.default.white,
-    secondary: 'rgba(255, 255, 255, 0.7)',
-    disabled: 'rgba(255, 255, 255, 0.5)',
-    icon: 'rgba(255, 255, 255, 0.5)'
-  },
-  divider: 'rgba(255, 255, 255, 0.12)',
-  background: {
-    paper: '#121212',
-    default: '#121212'
-  },
-  action: {
-    active: _common.default.white,
-    hover: 'rgba(255, 255, 255, 0.08)',
-    hoverOpacity: 0.08,
-    selected: 'rgba(255, 255, 255, 0.16)',
-    selectedOpacity: 0.16,
-    disabled: 'rgba(255, 255, 255, 0.3)',
-    disabledBackground: 'rgba(255, 255, 255, 0.12)',
-    disabledOpacity: 0.38,
-    focus: 'rgba(255, 255, 255, 0.12)',
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
-};
-exports.dark = dark;
-
-function addLightOrDark(intent, direction, shade, tonalOffset) {
-  const tonalOffsetLight = tonalOffset.light || tonalOffset;
-  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
-
-  if (!intent[direction]) {
-    if (intent.hasOwnProperty(shade)) {
-      intent[direction] = intent[shade];
-    } else if (direction === 'light') {
-      intent.light = (0, _system.lighten)(intent.main, tonalOffsetLight);
-    } else if (direction === 'dark') {
-      intent.dark = (0, _system.darken)(intent.main, tonalOffsetDark);
-    }
-  }
-}
-
-function getDefaultPrimary(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _blue.default[200],
-      light: _blue.default[50],
-      dark: _blue.default[400]
-    };
-  }
-
-  return {
-    main: _blue.default[700],
-    light: _blue.default[400],
-    dark: _blue.default[800]
-  };
-}
-
-function getDefaultSecondary(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _purple.default[200],
-      light: _purple.default[50],
-      dark: _purple.default[400]
-    };
-  }
-
-  return {
-    main: _purple.default[500],
-    light: _purple.default[300],
-    dark: _purple.default[700]
-  };
-}
-
-function getDefaultError(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _red.default[500],
-      light: _red.default[300],
-      dark: _red.default[700]
-    };
-  }
-
-  return {
-    main: _red.default[700],
-    light: _red.default[400],
-    dark: _red.default[800]
-  };
-}
-
-function getDefaultInfo(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _lightBlue.default[400],
-      light: _lightBlue.default[300],
-      dark: _lightBlue.default[700]
-    };
-  }
-
-  return {
-    main: _lightBlue.default[700],
-    light: _lightBlue.default[500],
-    dark: _lightBlue.default[900]
-  };
-}
-
-function getDefaultSuccess(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _green.default[400],
-      light: _green.default[300],
-      dark: _green.default[700]
-    };
-  }
-
-  return {
-    main: _green.default[800],
-    light: _green.default[500],
-    dark: _green.default[900]
-  };
-}
-
-function getDefaultWarning(mode = 'light') {
-  if (mode === 'dark') {
-    return {
-      main: _orange.default[400],
-      light: _orange.default[300],
-      dark: _orange.default[700]
-    };
-  }
-
-  return {
-    main: '#ed6c02',
-    // closest to orange[800] that pass 3:1.
-    light: _orange.default[500],
-    dark: _orange.default[900]
-  };
-}
-
-function createPalette(palette) {
-  const {
-    mode = 'light',
-    contrastThreshold = 3,
-    tonalOffset = 0.2
-  } = palette,
-        other = (0, _objectWithoutPropertiesLoose2.default)(palette, _excluded);
-  const primary = palette.primary || getDefaultPrimary(mode);
-  const secondary = palette.secondary || getDefaultSecondary(mode);
-  const error = palette.error || getDefaultError(mode);
-  const info = palette.info || getDefaultInfo(mode);
-  const success = palette.success || getDefaultSuccess(mode);
-  const warning = palette.warning || getDefaultWarning(mode); // Use the same logic as
-  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
-  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
-
-  function getContrastText(background) {
-    const contrastText = (0, _system.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-
-    if (process.env.NODE_ENV !== 'production') {
-      const contrast = (0, _system.getContrastRatio)(background, contrastText);
-
-      if (contrast < 3) {
-        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
-      }
-    }
-
-    return contrastText;
-  }
-
-  const augmentColor = ({
-    color,
-    name,
-    mainShade = 500,
-    lightShade = 300,
-    darkShade = 700
-  }) => {
-    color = (0, _extends2.default)({}, color);
-
-    if (!color.main && color[mainShade]) {
-      color.main = color[mainShade];
-    }
-
-    if (!color.hasOwnProperty('main')) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : (0, _utils.formatMuiErrorMessage)(11, name ? ` (${name})` : '', mainShade));
-    }
-
-    if (typeof color.main !== 'string') {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(color.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : (0, _utils.formatMuiErrorMessage)(12, name ? ` (${name})` : '', JSON.stringify(color.main)));
-    }
-
-    addLightOrDark(color, 'light', lightShade, tonalOffset);
-    addLightOrDark(color, 'dark', darkShade, tonalOffset);
-
-    if (!color.contrastText) {
-      color.contrastText = getContrastText(color.main);
-    }
-
-    return color;
-  };
-
-  const modes = {
-    dark,
-    light
-  };
-
-  if (process.env.NODE_ENV !== 'production') {
-    if (!modes[mode]) {
-      console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
-    }
-  }
-
-  const paletteOutput = (0, _utils.deepmerge)((0, _extends2.default)({
-    // A collection of common colors.
-    common: (0, _extends2.default)({}, _common.default),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode,
-    // The colors used to represent primary interface elements for a user.
-    primary: augmentColor({
-      color: primary,
-      name: 'primary'
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: augmentColor({
-      color: secondary,
-      name: 'secondary',
-      mainShade: 'A400',
-      lightShade: 'A200',
-      darkShade: 'A700'
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: augmentColor({
-      color: error,
-      name: 'error'
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: augmentColor({
-      color: warning,
-      name: 'warning'
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: augmentColor({
-      color: info,
-      name: 'info'
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: augmentColor({
-      color: success,
-      name: 'success'
-    }),
-    // The grey colors.
-    grey: _grey.default,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText,
-    // Generate a rich color object.
-    augmentColor,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset
-  }, modes[mode]), other);
-  return paletteOutput;
-}

package/node/styles/createStyles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createStyles;
-let warnedOnce = false; // To remove in v6
-
-function createStyles(styles) {
-  if (!warnedOnce) {
-    console.warn(['MUI: createStyles from @mui/material/styles is deprecated.', 'Please use @mui/styles/createStyles'].join('\n'));
-    warnedOnce = true;
-  }
-
-  return styles;
-}

package/node/styles/createTheme.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createMuiTheme = createMuiTheme;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _utils = require("@mui/utils");
-
-var _base = require("@mui/base");
-
-var _system = require("@mui/system");
-
-var _createMixins = _interopRequireDefault(require("./createMixins"));
-
-var _createPalette = _interopRequireDefault(require("./createPalette"));
-
-var _createTypography = _interopRequireDefault(require("./createTypography"));
-
-var _shadows = _interopRequireDefault(require("./shadows"));
-
-var _createTransitions = _interopRequireDefault(require("./createTransitions"));
-
-var _zIndex = _interopRequireDefault(require("./zIndex"));
-
-const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-
-function createTheme(options = {}, ...args) {
-  const {
-    mixins: mixinsInput = {},
-    palette: paletteInput = {},
-    transitions: transitionsInput = {},
-    typography: typographyInput = {}
-  } = options,
-        other = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
-
-  if (options.vars) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
-Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
-  }
-
-  const palette = (0, _createPalette.default)(paletteInput);
-  const systemTheme = (0, _system.createTheme)(options);
-  let muiTheme = (0, _utils.deepmerge)(systemTheme, {
-    mixins: (0, _createMixins.default)(systemTheme.breakpoints, mixinsInput),
-    palette,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: _shadows.default.slice(),
-    typography: (0, _createTypography.default)(palette, typographyInput),
-    transitions: (0, _createTransitions.default)(transitionsInput),
-    zIndex: (0, _extends2.default)({}, _zIndex.default)
-  });
-  muiTheme = (0, _utils.deepmerge)(muiTheme, other);
-  muiTheme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), muiTheme);
-
-  if (process.env.NODE_ENV !== 'production') {
-    const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
-
-    const traverse = (node, component) => {
-      let key; // eslint-disable-next-line guard-for-in, no-restricted-syntax
-
-      for (key in node) {
-        const child = node[key];
-
-        if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
-          if (process.env.NODE_ENV !== 'production') {
-            const stateClass = (0, _base.generateUtilityClass)('', key);
-            console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
-              root: {
-                [`&.${stateClass}`]: child
-              }
-            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n'));
-          } // Remove the style to prevent global conflicts.
-
-
-          node[key] = {};
-        }
-      }
-    };
-
-    Object.keys(muiTheme.components).forEach(component => {
-      const styleOverrides = muiTheme.components[component].styleOverrides;
-
-      if (styleOverrides && component.indexOf('Mui') === 0) {
-        traverse(styleOverrides, component);
-      }
-    });
-  }
-
-  return muiTheme;
-}
-
-let warnedOnce = false;
-
-function createMuiTheme(...args) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnce) {
-      warnedOnce = true;
-      console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n'));
-    }
-  }
-
-  return createTheme(...args);
-}
-
-var _default = createTheme;
-exports.default = _default;