@mui/material 5.10.13 → 5.10.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.10.13",
+  "version": "5.10.14",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -45,12 +45,12 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
-    "@mui/base": "5.0.0-alpha.105",
-    "@mui/core-downloads-tracker": "^5.10.13",
-    "@mui/system": "^5.10.13",
-    "@mui/types": "^7.2.0",
-    "@mui/utils": "^5.10.9",
+    "@babel/runtime": "^7.20.1",
+    "@mui/base": "5.0.0-alpha.106",
+    "@mui/core-downloads-tracker": "^5.10.14",
+    "@mui/system": "^5.10.14",
+    "@mui/types": "^7.2.1",
+    "@mui/utils": "^5.10.14",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "csstype": "^3.1.1",

package/styles/CssVarsProvider.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { SupportedColorScheme } from './experimental_extendTheme';
-declare const shouldSkipGeneratingVar: (keys: string[]) => boolean;
-declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
-    theme?: {
-        cssVarPrefix?: string | undefined;
-        colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
-    } | undefined;
-    documentNode?: Document | null | undefined;
-    colorSchemeNode?: Document | HTMLElement | null | undefined;
-    colorSchemeSelector?: string | undefined;
-    storageWindow?: Window | null | undefined;
-}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
-export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider, };
+/// <reference types="react" />
+import { SupportedColorScheme } from './experimental_extendTheme';
+declare const shouldSkipGeneratingVar: (keys: string[]) => boolean;
+declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
+    theme?: {
+        cssVarPrefix?: string | undefined;
+        colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
+    } | undefined;
+    documentNode?: Document | null | undefined;
+    colorSchemeNode?: Document | HTMLElement | null | undefined;
+    colorSchemeSelector?: string | undefined;
+    storageWindow?: Window | null | undefined;
+}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
+export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider, };

package/styles/CssVarsProvider.js

@@ -1,28 +1,19 @@
 "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"));
-
 var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
-
 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 {

package/styles/ThemeProvider.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "default", {
     return _system.ThemeProvider;
   }
 });
-
 var _system = require("@mui/system");

package/styles/adaptV4Theme.js

@@ -1,39 +1,33 @@
 "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"];
-
+  _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);
+      defaultProps = {},
+      mixins = {},
+      overrides = {},
+      palette = {},
+      props = {},
+      styleOverrides = {}
+    } = inputTheme,
+    other = (0, _objectWithoutPropertiesLoose2.default)(inputTheme, _excluded);
   const theme = (0, _extends2.default)({}, other, {
     components: {}
-  }); // default props
+  });
 
+  // default props
   Object.keys(defaultProps).forEach(component => {
     const componentValue = theme.components[component] || {};
     componentValue.defaultProps = defaultProps[component];
@@ -43,8 +37,9 @@ function adaptV4Theme(inputTheme) {
     const componentValue = theme.components[component] || {};
     componentValue.defaultProps = props[component];
     theme.components[component] = componentValue;
-  }); // CSS overrides
+  });
 
+  // CSS overrides
   Object.keys(styleOverrides).forEach(component => {
     const componentValue = theme.components[component] || {};
     componentValue.styleOverrides = styleOverrides[component];
@@ -54,10 +49,12 @@ function adaptV4Theme(inputTheme) {
     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
+  // 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)({
@@ -74,10 +71,10 @@ function adaptV4Theme(inputTheme) {
     }
   }, mixins);
   const {
-    type: typeInput,
-    mode: modeInput
-  } = palette,
-        paletteRest = (0, _objectWithoutPropertiesLoose2.default)(palette, _excluded2);
+      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

package/styles/createMixins.js

@@ -1,14 +1,11 @@
 "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: {

package/styles/createMuiStrictModeTheme.js

@@ -1,16 +1,12 @@
 "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

package/styles/createPalette.js

@@ -1,38 +1,24 @@
 "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.
@@ -100,11 +86,9 @@ const dark = {
   }
 };
 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];
@@ -115,7 +99,6 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     }
   }
 }
-
 function getDefaultPrimary(mode = 'light') {
   if (mode === 'dark') {
     return {
@@ -124,14 +107,12 @@ function getDefaultPrimary(mode = 'light') {
       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 {
@@ -140,14 +121,12 @@ function getDefaultSecondary(mode = 'light') {
       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 {
@@ -156,14 +135,12 @@ function getDefaultError(mode = 'light') {
       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 {
@@ -172,14 +149,12 @@ function getDefaultInfo(mode = 'light') {
       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 {
@@ -188,14 +163,12 @@ function getDefaultSuccess(mode = 'light') {
       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 {
@@ -204,7 +177,6 @@ function getDefaultWarning(mode = 'light') {
       dark: _orange.default[700]
     };
   }
-
   return {
     main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
@@ -212,37 +184,33 @@ function getDefaultWarning(mode = 'light') {
     dark: _orange.default[900]
   };
 }
-
 function createPalette(palette) {
   const {
-    mode = 'light',
-    contrastThreshold = 3,
-    tonalOffset = 0.2
-  } = palette,
-        other = (0, _objectWithoutPropertiesLoose2.default)(palette, _excluded);
+      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
+  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,
@@ -251,16 +219,13 @@ function createPalette(palette) {
     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.
@@ -277,28 +242,22 @@ 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),

package/styles/createStyles.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createStyles;
-let warnedOnce = false; // To remove in v6
+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/styles/createTheme.js

@@ -1,51 +1,35 @@
 "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 _system = require("@mui/system");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 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);
-
+      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, {
@@ -59,16 +43,14 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
   });
   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
+      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, _generateUtilityClass.default)('', key);
@@ -77,28 +59,22 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
                 [`&.${stateClass}`]: child
               }
             }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n'));
-          } // Remove the style to prevent global conflicts.
-
-
+          }
+          // 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) {
@@ -106,9 +82,7 @@ function createMuiTheme(...args) {
       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;