@mui/material 5.10.13 → 5.10.15

package/legacy/styles/createTypography.js

@@ -1,56 +1,49 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import { deepmerge } from '@mui/utils';
-
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
-
 var caseAllCaps = {
   textTransform: 'uppercase'
 };
 var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
+
 /**
  * @see @link{https://m2.material.io/design/typography/the-type-system.html}
  * @see @link{https://m2.material.io/design/typography/understanding-typography.html}
  */
-
 export default function createTypography(palette, typography) {
   var _ref = typeof typography === 'function' ? typography(palette) : typography,
-      _ref$fontFamily = _ref.fontFamily,
-      fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
-      _ref$fontWeightLight = _ref.fontWeightLight,
-      fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
-      _ref$fontWeightRegula = _ref.fontWeightRegular,
-      fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
-      _ref$fontWeightMedium = _ref.fontWeightMedium,
-      fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
-      _ref$fontWeightBold = _ref.fontWeightBold,
-      fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,
-      _ref$htmlFontSize = _ref.htmlFontSize,
-      htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
-      allVariants = _ref.allVariants,
-      pxToRem2 = _ref.pxToRem,
-      other = _objectWithoutProperties(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
-
+    _ref$fontFamily = _ref.fontFamily,
+    fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
+    _ref$fontWeightLight = _ref.fontWeightLight,
+    fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
+    _ref$fontWeightRegula = _ref.fontWeightRegular,
+    fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
+    _ref$fontWeightMedium = _ref.fontWeightMedium,
+    fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
+    _ref$fontWeightBold = _ref.fontWeightBold,
+    fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,
+    _ref$htmlFontSize = _ref.htmlFontSize,
+    htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
+    allVariants = _ref.allVariants,
+    pxToRem2 = _ref.pxToRem,
+    other = _objectWithoutProperties(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
     }
-
     if (typeof htmlFontSize !== 'number') {
       console.error('MUI: `htmlFontSize` is required to be a number.');
     }
   }
-
   var coef = fontSize / 14;
-
   var pxToRem = pxToRem2 || function (size) {
     return "".concat(size / htmlFontSize * coef, "rem");
   };
-
   var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
     return _extends({
       fontFamily: fontFamily,
@@ -62,7 +55,6 @@ export default function createTypography(palette, typography) {
       letterSpacing: "".concat(round(letterSpacing / size), "em")
     } : {}, casing, allVariants);
   };
-
   var variants = {
     h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
     h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),
@@ -89,6 +81,5 @@ export default function createTypography(palette, typography) {
     fontWeightBold: fontWeightBold
   }, variants), other, {
     clone: false // No need to clone deep
-
   });
 }

package/legacy/styles/cssUtils.js

@@ -1,41 +1,43 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 export function isUnitless(value) {
   return String(parseFloat(value)).length === String(value).length;
-} // Ported from Compass
+}
+
+// Ported from Compass
 // https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss
 // Emulate the sass function "unit"
-
 export function getUnit(input) {
   return String(input).match(/[\d.\-+]*\s*(.*)/)[1] || '';
-} // Emulate the sass function "unitless"
+}
 
+// Emulate the sass function "unitless"
 export function toUnitless(length) {
   return parseFloat(length);
-} // Convert any CSS <length> or <percentage> value to any another.
-// From https://github.com/KyleAMathews/convert-css-length
+}
 
+// Convert any CSS <length> or <percentage> value to any another.
+// From https://github.com/KyleAMathews/convert-css-length
 export function convertLength(baseFontSize) {
   return function (length, toUnit) {
-    var fromUnit = getUnit(length); // Optimize for cases where `from` and `to` units are accidentally the same.
+    var fromUnit = getUnit(length);
 
+    // Optimize for cases where `from` and `to` units are accidentally the same.
     if (fromUnit === toUnit) {
       return length;
-    } // Convert input length to pixels.
-
+    }
 
+    // Convert input length to pixels.
     var pxLength = toUnitless(length);
-
     if (fromUnit !== 'px') {
       if (fromUnit === 'em') {
         pxLength = toUnitless(length) * toUnitless(baseFontSize);
       } else if (fromUnit === 'rem') {
         pxLength = toUnitless(length) * toUnitless(baseFontSize);
       }
-    } // Convert length in pixels to the output unit
-
+    }
 
+    // Convert length in pixels to the output unit
     var outputLength = pxLength;
-
     if (toUnit !== 'px') {
       if (toUnit === 'em') {
         outputLength = pxLength / toUnitless(baseFontSize);
@@ -45,26 +47,27 @@ export function convertLength(baseFontSize) {
         return length;
       }
     }
-
     return parseFloat(outputLength.toFixed(5)) + toUnit;
   };
 }
 export function alignProperty(_ref) {
   var size = _ref.size,
-      grid = _ref.grid;
+    grid = _ref.grid;
   var sizeBelow = size - size % grid;
   var sizeAbove = sizeBelow + grid;
   return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;
-} // fontGrid finds a minimal grid (in rem) for the fontSize values so that the
+}
+
+// fontGrid finds a minimal grid (in rem) for the fontSize values so that the
 // lineHeight falls under a x pixels grid, 4px in the case of Material Design,
 // without changing the relative line height
-
 export function fontGrid(_ref2) {
   var lineHeight = _ref2.lineHeight,
-      pixels = _ref2.pixels,
-      htmlFontSize = _ref2.htmlFontSize;
+    pixels = _ref2.pixels,
+    htmlFontSize = _ref2.htmlFontSize;
   return pixels / (lineHeight * htmlFontSize);
 }
+
 /**
  * generate a responsive version of a given CSS property
  * @example
@@ -96,28 +99,23 @@ export function fontGrid(_ref2) {
  * @param {number} [params.alignStep] - Round scaled value to fall under this grid
  * @returns {Object} responsive styles for {params.cssProperty}
  */
-
 export function responsiveProperty(_ref3) {
   var cssProperty = _ref3.cssProperty,
-      min = _ref3.min,
-      max = _ref3.max,
-      _ref3$unit = _ref3.unit,
-      unit = _ref3$unit === void 0 ? 'rem' : _ref3$unit,
-      _ref3$breakpoints = _ref3.breakpoints,
-      breakpoints = _ref3$breakpoints === void 0 ? [600, 900, 1200] : _ref3$breakpoints,
-      _ref3$transform = _ref3.transform,
-      transform = _ref3$transform === void 0 ? null : _ref3$transform;
-
+    min = _ref3.min,
+    max = _ref3.max,
+    _ref3$unit = _ref3.unit,
+    unit = _ref3$unit === void 0 ? 'rem' : _ref3$unit,
+    _ref3$breakpoints = _ref3.breakpoints,
+    breakpoints = _ref3$breakpoints === void 0 ? [600, 900, 1200] : _ref3$breakpoints,
+    _ref3$transform = _ref3.transform,
+    transform = _ref3$transform === void 0 ? null : _ref3$transform;
   var output = _defineProperty({}, cssProperty, "".concat(min).concat(unit));
-
   var factor = (max - min) / breakpoints[breakpoints.length - 1];
   breakpoints.forEach(function (breakpoint) {
     var value = min + factor * breakpoint;
-
     if (transform !== null) {
       value = transform(value);
     }
-
     output["@media (min-width:".concat(breakpoint, "px)")] = _defineProperty({}, cssProperty, "".concat(Math.round(value * 10000) / 10000).concat(unit));
   });
   return output;

package/legacy/styles/excludeVariablesFromRoot.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-
 /**
  * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
  */
@@ -8,5 +7,4 @@ var excludeVariablesFromRoot = function excludeVariablesFromRoot(cssVarPrefix) {
     return "--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "overlays-").concat(index + 1);
   })), ["--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "palette-AppBar-darkBg"), "--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "palette-AppBar-darkColor")]);
 };
-
 export default excludeVariablesFromRoot;

package/legacy/styles/experimental_extendTheme.js

@@ -4,17 +4,14 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { deepmerge } from '@mui/utils';
 import { colorChannel, alpha, darken, lighten, emphasize, unstable_createGetCssVar as systemCreateGetCssVar } from '@mui/system';
 import createThemeWithoutVars from './createTheme';
-import { getOverlayAlpha } from '../Paper/Paper';
-
+import getOverlayAlpha from './getOverlayAlpha';
 var defaultDarkOverlays = _toConsumableArray(Array(25)).map(function (_, index) {
   if (index === 0) {
     return undefined;
   }
-
   var overlay = getOverlayAlpha(index);
   return "linear-gradient(rgba(255 255 255 / ".concat(overlay, "), rgba(255 255 255 / ").concat(overlay, "))");
 });
-
 function assignNode(obj, keys) {
   keys.forEach(function (k) {
     if (!obj[k]) {
@@ -22,41 +19,33 @@ function assignNode(obj, keys) {
     }
   });
 }
-
 function setColor(obj, key, defaultValue) {
   obj[key] = obj[key] || defaultValue;
 }
-
 export var createGetCssVar = function createGetCssVar() {
   var cssVarPrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mui';
   return systemCreateGetCssVar(cssVarPrefix);
 };
 export default function extendTheme() {
   var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
-
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _options$colorSchemes = options.colorSchemes,
-      colorSchemesInput = _options$colorSchemes === void 0 ? {} : _options$colorSchemes,
-      _options$cssVarPrefix = options.cssVarPrefix,
-      cssVarPrefix = _options$cssVarPrefix === void 0 ? 'mui' : _options$cssVarPrefix,
-      input = _objectWithoutProperties(options, ["colorSchemes", "cssVarPrefix"]);
-
+    colorSchemesInput = _options$colorSchemes === void 0 ? {} : _options$colorSchemes,
+    _options$cssVarPrefix = options.cssVarPrefix,
+    cssVarPrefix = _options$cssVarPrefix === void 0 ? 'mui' : _options$cssVarPrefix,
+    input = _objectWithoutProperties(options, ["colorSchemes", "cssVarPrefix"]);
   var getCssVar = createGetCssVar(cssVarPrefix);
-
   var _createThemeWithoutVa = createThemeWithoutVars(_extends({}, input, colorSchemesInput.light && {
-    palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
-  })),
-      lightPalette = _createThemeWithoutVa.palette,
-      muiTheme = _objectWithoutProperties(_createThemeWithoutVa, ["palette"]);
-
+      palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
+    })),
+    lightPalette = _createThemeWithoutVa.palette,
+    muiTheme = _objectWithoutProperties(_createThemeWithoutVa, ["palette"]);
   var _createThemeWithoutVa2 = createThemeWithoutVars({
-    palette: _extends({
-      mode: 'dark'
-    }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
-  }),
-      darkPalette = _createThemeWithoutVa2.palette;
-
+      palette: _extends({
+        mode: 'dark'
+      }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
+    }),
+    darkPalette = _createThemeWithoutVa2.palette;
   var theme = _extends({}, muiTheme, {
     cssVarPrefix: cssVarPrefix,
     getCssVar: getCssVar,
@@ -83,21 +72,20 @@ export default function extendTheme() {
       })
     })
   });
-
   Object.keys(theme.colorSchemes).forEach(function (key) {
-    var palette = theme.colorSchemes[key].palette; // attach black & white channels to common node
+    var palette = theme.colorSchemes[key].palette;
 
+    // attach black & white channels to common node
     if (key === 'light') {
       setColor(palette.common, 'background', '#fff');
       setColor(palette.common, 'onBackground', '#000');
     } else {
       setColor(palette.common, 'background', '#000');
       setColor(palette.common, 'onBackground', '#fff');
-    } // assign component variables
-
+    }
 
+    // assign component variables
     assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
-
     if (key === 'light') {
       setColor(palette.Alert, 'errorColor', darken(palette.error.light, 0.6));
       setColor(palette.Alert, 'infoColor', darken(palette.info.light, 0.6));
@@ -179,9 +167,7 @@ export default function extendTheme() {
       setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-main'));
       setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-900'));
       setColor(palette.AppBar, 'darkBg', getCssVar('palette-background-paper')); // specific for dark mode
-
       setColor(palette.AppBar, 'darkColor', getCssVar('palette-text-primary')); // specific for dark mode
-
       setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-600'));
       setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-700'));
       setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-300'));
@@ -202,9 +188,7 @@ export default function extendTheme() {
       setColor(palette.Slider, 'infoTrack', darken(palette.info.main, 0.5));
       setColor(palette.Slider, 'successTrack', darken(palette.success.main, 0.5));
       setColor(palette.Slider, 'warningTrack', darken(palette.warning.main, 0.5));
-
       var _snackbarContentBackground = emphasize(palette.background.default, 0.98);
-
       setColor(palette.SnackbarContent, 'bg', _snackbarContentBackground);
       setColor(palette.SnackbarContent, 'color', darkPalette.getContrastText(_snackbarContentBackground));
       setColor(palette.SpeedDialAction, 'fabHoverBg', emphasize(palette.background.paper, 0.15));
@@ -221,53 +205,48 @@ export default function extendTheme() {
       setColor(palette.TableCell, 'border', darken(alpha(palette.divider, 1), 0.68));
       setColor(palette.Tooltip, 'bg', alpha(palette.grey[700], 0.92));
     }
+    palette.background.defaultChannel = colorChannel(palette.background.default); // MUI X - DataGrid needs this token.
 
     palette.common.backgroundChannel = colorChannel(palette.common.background);
     palette.common.onBackgroundChannel = colorChannel(palette.common.onBackground);
     palette.dividerChannel = colorChannel(palette.divider);
     Object.keys(palette).forEach(function (color) {
-      var colors = palette[color]; // Color palettes: primary, secondary, error, info, success, and warning
+      var colors = palette[color];
 
+      // Color palettes: primary, secondary, error, info, success, and warning
       if (colors.main) {
         palette[color].mainChannel = colorChannel(colors.main);
       }
-
       if (colors.light) {
         palette[color].lightChannel = colorChannel(colors.light);
       }
-
       if (colors.dark) {
         palette[color].darkChannel = colorChannel(colors.dark);
       }
-
       if (colors.contrastText) {
         palette[color].contrastTextChannel = colorChannel(colors.contrastText);
-      } // Text colors: text.primary, text.secondary
-
+      }
 
+      // Text colors: text.primary, text.secondary
       if (colors.primary) {
         palette[color].primaryChannel = colorChannel(colors.primary);
       }
-
       if (colors.secondary) {
         palette[color].secondaryChannel = colorChannel(colors.secondary);
-      } // Action colors: action.active, action.selected
-
+      }
 
+      // Action colors: action.active, action.selected
       if (colors.active) {
         palette[color].activeChannel = colorChannel(colors.active);
       }
-
       if (colors.selected) {
         palette[color].selectedChannel = colorChannel(colors.selected);
       }
     });
   });
-
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     args[_key - 1] = arguments[_key];
   }
-
   theme = args.reduce(function (acc, argument) {
     return deepmerge(acc, argument);
   }, theme);

package/legacy/styles/getOverlayAlpha.js

@@ -0,0 +1,11 @@
+// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
+var getOverlayAlpha = function getOverlayAlpha(elevation) {
+  var alphaValue;
+  if (elevation < 1) {
+    alphaValue = 5.11916 * Math.pow(elevation, 2);
+  } else {
+    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
+  }
+  return (alphaValue / 100).toFixed(2);
+};
+export default getOverlayAlpha;

package/legacy/styles/index.js

@@ -11,11 +11,16 @@ export { default as useThemeProps } from './useThemeProps';
 export { default as styled } from './styled';
 export { default as experimentalStyled } from './styled';
 export { default as ThemeProvider } from './ThemeProvider';
-export { StyledEngineProvider } from '@mui/system'; // The legacy utilities from @mui/styles
+export { StyledEngineProvider } from '@mui/system';
+// The legacy utilities from @mui/styles
 // These are just empty functions that throws when invoked
-
 export { default as makeStyles } from './makeStyles';
 export { default as withStyles } from './withStyles';
 export { default as withTheme } from './withTheme';
 export * from './CssVarsProvider';
-export { default as experimental_extendTheme } from './experimental_extendTheme';
+export { default as experimental_extendTheme } from './experimental_extendTheme';
+export { default as getOverlayAlpha } from './getOverlayAlpha';
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from './createTypography';
+export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/legacy/styles/responsiveFontSizes.js

@@ -4,20 +4,19 @@ import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid
 export default function responsiveFontSizes(themeInput) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _options$breakpoints = options.breakpoints,
-      breakpoints = _options$breakpoints === void 0 ? ['sm', 'md', 'lg'] : _options$breakpoints,
-      _options$disableAlign = options.disableAlign,
-      disableAlign = _options$disableAlign === void 0 ? false : _options$disableAlign,
-      _options$factor = options.factor,
-      factor = _options$factor === void 0 ? 2 : _options$factor,
-      _options$variants = options.variants,
-      variants = _options$variants === void 0 ? ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline'] : _options$variants;
-
+    breakpoints = _options$breakpoints === void 0 ? ['sm', 'md', 'lg'] : _options$breakpoints,
+    _options$disableAlign = options.disableAlign,
+    disableAlign = _options$disableAlign === void 0 ? false : _options$disableAlign,
+    _options$factor = options.factor,
+    factor = _options$factor === void 0 ? 2 : _options$factor,
+    _options$variants = options.variants,
+    variants = _options$variants === void 0 ? ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline'] : _options$variants;
   var theme = _extends({}, themeInput);
-
   theme.typography = _extends({}, theme.typography);
-  var typography = theme.typography; // Convert between CSS lengths e.g. em->px or px->rem
-  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
+  var typography = theme.typography;
 
+  // Convert between CSS lengths e.g. em->px or px->rem
+  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
   var convert = convertLength(typography.htmlFontSize);
   var breakpointValues = breakpoints.map(function (x) {
     return theme.breakpoints.values[x];
@@ -25,26 +24,20 @@ export default function responsiveFontSizes(themeInput) {
   variants.forEach(function (variant) {
     var style = typography[variant];
     var remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-
     if (remFontSize <= 1) {
       return;
     }
-
     var maxFontSize = remFontSize;
     var minFontSize = 1 + (maxFontSize - 1) / factor;
     var lineHeight = style.lineHeight;
-
     if (!isUnitless(lineHeight) && !disableAlign) {
       throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Unsupported non-unitless line height with grid alignment.\nUse unitless line heights instead." : _formatMuiErrorMessage(6));
     }
-
     if (!isUnitless(lineHeight)) {
       // make it unitless
       lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
     }
-
     var transform = null;
-
     if (!disableAlign) {
       transform = function transform(value) {
         return alignProperty({
@@ -57,7 +50,6 @@ export default function responsiveFontSizes(themeInput) {
         });
       };
     }
-
     typography[variant] = _extends({}, style, responsiveProperty({
       cssProperty: 'fontSize',
       min: minFontSize,

package/legacy/styles/shadows.js

@@ -1,11 +1,10 @@
 var shadowKeyUmbraOpacity = 0.2;
 var shadowKeyPenumbraOpacity = 0.14;
 var shadowAmbientShadowOpacity = 0.12;
-
 function createShadow() {
   return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0,0,0,").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0,0,0,").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0,0,0,").concat(shadowAmbientShadowOpacity, ")")].join(',');
-} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-
+}
 
+// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
 var shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 export default shadows;

package/legacy/styles/useTheme.js

@@ -3,11 +3,9 @@ import { useTheme as useThemeSystem } from '@mui/system';
 import defaultTheme from './defaultTheme';
 export default function useTheme() {
   var theme = useThemeSystem(defaultTheme);
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
   }
-
   return theme;
 }

package/legacy/styles/useThemeProps.js

@@ -2,7 +2,7 @@ import { useThemeProps as systemUseThemeProps } from '@mui/system';
 import defaultTheme from './defaultTheme';
 export default function useThemeProps(_ref) {
   var props = _ref.props,
-      name = _ref.name;
+    name = _ref.name;
   return systemUseThemeProps({
     props: props,
     name: name,

package/legacy/transitions/utils.js

@@ -4,11 +4,10 @@ export var reflow = function reflow(node) {
 };
 export function getTransitionProps(props, options) {
   var _style$transitionDura, _style$transitionTimi;
-
   var timeout = props.timeout,
-      easing = props.easing,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
+    easing = props.easing,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
   return {
     duration: (_style$transitionDura = style.transitionDuration) != null ? _style$transitionDura : typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
     easing: (_style$transitionTimi = style.transitionTimingFunction) != null ? _style$transitionTimi : _typeof(easing) === 'object' ? easing[options.mode] : easing,