@mui/material 5.10.13 → 5.10.15

package/legacy/styles/CssVarsProvider.js

@@ -3,36 +3,30 @@ import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/sy
 import experimental_extendTheme from './experimental_extendTheme';
 import createTypography from './createTypography';
 import excludeVariablesFromRoot from './excludeVariablesFromRoot';
-
 var shouldSkipGeneratingVar = function 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)/));
 };
-
 var defaultTheme = experimental_extendTheme();
-
 var _createCssVarsProvide = createCssVarsProvider({
-  theme: defaultTheme,
-  attribute: 'data-mui-color-scheme',
-  modeStorageKey: 'mui-mode',
-  colorSchemeStorageKey: 'mui-color-scheme',
-  defaultColorScheme: {
-    light: 'light',
-    dark: 'dark'
-  },
-  resolveTheme: function resolveTheme(theme) {
-    var newTheme = _extends({}, theme, {
-      typography: createTypography(theme.palette, theme.typography)
-    });
-
-    return newTheme;
-  },
-  shouldSkipGeneratingVar: shouldSkipGeneratingVar,
-  excludeVariablesFromRoot: excludeVariablesFromRoot
-}),
-    CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
-    useColorScheme = _createCssVarsProvide.useColorScheme,
-    getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
-
+    theme: defaultTheme,
+    attribute: 'data-mui-color-scheme',
+    modeStorageKey: 'mui-mode',
+    colorSchemeStorageKey: 'mui-color-scheme',
+    defaultColorScheme: {
+      light: 'light',
+      dark: 'dark'
+    },
+    resolveTheme: function resolveTheme(theme) {
+      var newTheme = _extends({}, theme, {
+        typography: createTypography(theme.palette, theme.typography)
+      });
+      return newTheme;
+    },
+    shouldSkipGeneratingVar: shouldSkipGeneratingVar,
+    excludeVariablesFromRoot: excludeVariablesFromRoot
+  }),
+  CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
+  useColorScheme = _createCssVarsProvide.useColorScheme,
+  getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
 export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider };

package/legacy/styles/adaptV4Theme.js

@@ -6,26 +6,24 @@ export default 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'));
   }
-
   var _inputTheme$defaultPr = inputTheme.defaultProps,
-      defaultProps = _inputTheme$defaultPr === void 0 ? {} : _inputTheme$defaultPr,
-      _inputTheme$mixins = inputTheme.mixins,
-      mixins = _inputTheme$mixins === void 0 ? {} : _inputTheme$mixins,
-      _inputTheme$overrides = inputTheme.overrides,
-      overrides = _inputTheme$overrides === void 0 ? {} : _inputTheme$overrides,
-      _inputTheme$palette = inputTheme.palette,
-      palette = _inputTheme$palette === void 0 ? {} : _inputTheme$palette,
-      _inputTheme$props = inputTheme.props,
-      props = _inputTheme$props === void 0 ? {} : _inputTheme$props,
-      _inputTheme$styleOver = inputTheme.styleOverrides,
-      styleOverrides = _inputTheme$styleOver === void 0 ? {} : _inputTheme$styleOver,
-      other = _objectWithoutProperties(inputTheme, ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"]);
-
+    defaultProps = _inputTheme$defaultPr === void 0 ? {} : _inputTheme$defaultPr,
+    _inputTheme$mixins = inputTheme.mixins,
+    mixins = _inputTheme$mixins === void 0 ? {} : _inputTheme$mixins,
+    _inputTheme$overrides = inputTheme.overrides,
+    overrides = _inputTheme$overrides === void 0 ? {} : _inputTheme$overrides,
+    _inputTheme$palette = inputTheme.palette,
+    palette = _inputTheme$palette === void 0 ? {} : _inputTheme$palette,
+    _inputTheme$props = inputTheme.props,
+    props = _inputTheme$props === void 0 ? {} : _inputTheme$props,
+    _inputTheme$styleOver = inputTheme.styleOverrides,
+    styleOverrides = _inputTheme$styleOver === void 0 ? {} : _inputTheme$styleOver,
+    other = _objectWithoutProperties(inputTheme, ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"]);
   var theme = _extends({}, other, {
     components: {}
-  }); // default props
-
+  });
 
+  // default props
   Object.keys(defaultProps).forEach(function (component) {
     var componentValue = theme.components[component] || {};
     componentValue.defaultProps = defaultProps[component];
@@ -35,8 +33,9 @@ export default function adaptV4Theme(inputTheme) {
     var componentValue = theme.components[component] || {};
     componentValue.defaultProps = props[component];
     theme.components[component] = componentValue;
-  }); // CSS overrides
+  });
 
+  // CSS overrides
   Object.keys(styleOverrides).forEach(function (component) {
     var componentValue = theme.components[component] || {};
     componentValue.styleOverrides = styleOverrides[component];
@@ -46,10 +45,12 @@ export default function adaptV4Theme(inputTheme) {
     var componentValue = theme.components[component] || {};
     componentValue.styleOverrides = overrides[component];
     theme.components[component] = componentValue;
-  }); // theme.spacing
+  });
 
-  theme.spacing = createSpacing(inputTheme.spacing); // theme.mixins.gutters
+  // theme.spacing
+  theme.spacing = createSpacing(inputTheme.spacing);
 
+  // theme.mixins.gutters
   var breakpoints = createBreakpoints(inputTheme.breakpoints || {});
   var spacing = theme.spacing;
   theme.mixins = _extends({
@@ -64,11 +65,9 @@ export default function adaptV4Theme(inputTheme) {
       }, styles[breakpoints.up('sm')])));
     }
   }, mixins);
-
   var typeInput = palette.type,
-      modeInput = palette.mode,
-      paletteRest = _objectWithoutProperties(palette, ["type", "mode"]);
-
+    modeInput = palette.mode,
+    paletteRest = _objectWithoutProperties(palette, ["type", "mode"]);
   var finalMode = modeInput || typeInput || 'light';
   theme.palette = _extends({
     // theme.palette.text.hint

package/legacy/styles/createMixins.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 export default function createMixins(breakpoints, mixins) {
   var _toolbar;
-
   return _extends({
     toolbar: (_toolbar = {
       minHeight: 56

package/legacy/styles/createMuiStrictModeTheme.js

@@ -4,7 +4,6 @@ export default function createMuiStrictModeTheme(options) {
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     args[_key - 1] = arguments[_key];
   }
-
   return createTheme.apply(void 0, [deepmerge({
     unstable_strictMode: true
   }, options)].concat(args));

package/legacy/styles/createPalette.js

@@ -75,11 +75,9 @@ export var dark = {
     activatedOpacity: 0.24
   }
 };
-
 function addLightOrDark(intent, direction, shade, tonalOffset) {
   var tonalOffsetLight = tonalOffset.light || tonalOffset;
   var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
-
   if (!intent[direction]) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
@@ -90,10 +88,8 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     }
   }
 }
-
 function getDefaultPrimary() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: blue[200],
@@ -101,17 +97,14 @@ function getDefaultPrimary() {
       dark: blue[400]
     };
   }
-
   return {
     main: blue[700],
     light: blue[400],
     dark: blue[800]
   };
 }
-
 function getDefaultSecondary() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: purple[200],
@@ -119,17 +112,14 @@ function getDefaultSecondary() {
       dark: purple[400]
     };
   }
-
   return {
     main: purple[500],
     light: purple[300],
     dark: purple[700]
   };
 }
-
 function getDefaultError() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: red[500],
@@ -137,17 +127,14 @@ function getDefaultError() {
       dark: red[700]
     };
   }
-
   return {
     main: red[700],
     light: red[400],
     dark: red[800]
   };
 }
-
 function getDefaultInfo() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: lightBlue[400],
@@ -155,17 +142,14 @@ function getDefaultInfo() {
       dark: lightBlue[700]
     };
   }
-
   return {
     main: lightBlue[700],
     light: lightBlue[500],
     dark: lightBlue[900]
   };
 }
-
 function getDefaultSuccess() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: green[400],
@@ -173,17 +157,14 @@ function getDefaultSuccess() {
       dark: green[700]
     };
   }
-
   return {
     main: green[800],
     light: green[500],
     dark: green[900]
   };
 }
-
 function getDefaultWarning() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-
   if (mode === 'dark') {
     return {
       main: orange[400],
@@ -191,7 +172,6 @@ function getDefaultWarning() {
       dark: orange[700]
     };
   }
-
   return {
     main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
@@ -199,83 +179,69 @@ function getDefaultWarning() {
     dark: orange[900]
   };
 }
-
 export default function createPalette(palette) {
   var _palette$mode = palette.mode,
-      mode = _palette$mode === void 0 ? 'light' : _palette$mode,
-      _palette$contrastThre = palette.contrastThreshold,
-      contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
-      _palette$tonalOffset = palette.tonalOffset,
-      tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
-      other = _objectWithoutProperties(palette, ["mode", "contrastThreshold", "tonalOffset"]);
-
+    mode = _palette$mode === void 0 ? 'light' : _palette$mode,
+    _palette$contrastThre = palette.contrastThreshold,
+    contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
+    _palette$tonalOffset = palette.tonalOffset,
+    tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
+    other = _objectWithoutProperties(palette, ["mode", "contrastThreshold", "tonalOffset"]);
   var primary = palette.primary || getDefaultPrimary(mode);
   var secondary = palette.secondary || getDefaultSecondary(mode);
   var error = palette.error || getDefaultError(mode);
   var info = palette.info || getDefaultInfo(mode);
   var success = palette.success || getDefaultSuccess(mode);
-  var warning = palette.warning || getDefaultWarning(mode); // Use the same logic as
+  var 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) {
     var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-
     if (process.env.NODE_ENV !== 'production') {
       var contrast = getContrastRatio(background, contrastText);
-
       if (contrast < 3) {
         console.error(["MUI: The contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(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;
   }
-
   var augmentColor = function augmentColor(_ref) {
     var color = _ref.color,
-        name = _ref.name,
-        _ref$mainShade = _ref.mainShade,
-        mainShade = _ref$mainShade === void 0 ? 500 : _ref$mainShade,
-        _ref$lightShade = _ref.lightShade,
-        lightShade = _ref$lightShade === void 0 ? 300 : _ref$lightShade,
-        _ref$darkShade = _ref.darkShade,
-        darkShade = _ref$darkShade === void 0 ? 700 : _ref$darkShade;
+      name = _ref.name,
+      _ref$mainShade = _ref.mainShade,
+      mainShade = _ref$mainShade === void 0 ? 500 : _ref$mainShade,
+      _ref$lightShade = _ref.lightShade,
+      lightShade = _ref$lightShade === void 0 ? 300 : _ref$lightShade,
+      _ref$darkShade = _ref.darkShade,
+      darkShade = _ref$darkShade === void 0 ? 700 : _ref$darkShade;
     color = _extends({}, 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".concat(name ? " (".concat(name, ")") : '', " provided to augmentColor(color) is invalid.\nThe color object needs to have a `main` property or a `").concat(mainShade, "` property.") : _formatMuiErrorMessage(11, name ? " (".concat(name, ")") : '', mainShade));
     }
-
     if (typeof color.main !== 'string') {
       throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The color".concat(name ? " (".concat(name, ")") : '', " provided to augmentColor(color) is invalid.\n`color.main` should be a string, but `").concat(JSON.stringify(color.main), "` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from \"@mui/material/colors\";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });") : _formatMuiErrorMessage(12, name ? " (".concat(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;
   };
-
   var modes = {
     dark: dark,
     light: light
   };
-
   if (process.env.NODE_ENV !== 'production') {
     if (!modes[mode]) {
       console.error("MUI: The palette mode `".concat(mode, "` is not supported."));
     }
   }
-
   var paletteOutput = deepmerge(_extends({
     // A collection of common colors.
     common: _extends({}, common),

package/legacy/styles/createStyles.js

@@ -1,10 +1,10 @@
-var warnedOnce = false; // To remove in v6
+var warnedOnce = false;
 
+// To remove in v6
 export default 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/legacy/styles/createTheme.js

@@ -11,27 +11,23 @@ import createTypography from './createTypography';
 import shadows from './shadows';
 import createTransitions from './createTransitions';
 import zIndex from './zIndex';
-
 function createTheme() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var breakpointsInput = options.breakpoints,
-      _options$mixins = options.mixins,
-      mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
-      spacingInput = options.spacing,
-      _options$palette = options.palette,
-      paletteInput = _options$palette === void 0 ? {} : _options$palette,
-      _options$transitions = options.transitions,
-      transitionsInput = _options$transitions === void 0 ? {} : _options$transitions,
-      _options$typography = options.typography,
-      typographyInput = _options$typography === void 0 ? {} : _options$typography,
-      shapeInput = options.shape,
-      other = _objectWithoutProperties(options, ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"]);
-
+    _options$mixins = options.mixins,
+    mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
+    spacingInput = options.spacing,
+    _options$palette = options.palette,
+    paletteInput = _options$palette === void 0 ? {} : _options$palette,
+    _options$transitions = options.transitions,
+    transitionsInput = _options$transitions === void 0 ? {} : _options$transitions,
+    _options$typography = options.typography,
+    typographyInput = _options$typography === void 0 ? {} : _options$typography,
+    shapeInput = options.shape,
+    other = _objectWithoutProperties(options, ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"]);
   if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _formatMuiErrorMessage(18));
   }
-
   var palette = createPalette(paletteInput);
   var systemTheme = systemCreateTheme(options);
   var muiTheme = deepmerge(systemTheme, {
@@ -44,50 +40,41 @@ function createTheme() {
     zIndex: _extends({}, zIndex)
   });
   muiTheme = deepmerge(muiTheme, other);
-
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     args[_key - 1] = arguments[_key];
   }
-
   muiTheme = args.reduce(function (acc, argument) {
     return deepmerge(acc, argument);
   }, muiTheme);
-
   if (process.env.NODE_ENV !== 'production') {
     var stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
-
     var traverse = function traverse(node, component) {
-      var key; // eslint-disable-next-line guard-for-in, no-restricted-syntax
+      var key;
 
+      // eslint-disable-next-line guard-for-in, no-restricted-syntax
       for (key in node) {
         var child = node[key];
-
         if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
           if (process.env.NODE_ENV !== 'production') {
             var stateClass = generateUtilityClass('', key);
             console.error(["MUI: The `".concat(component, "` component increases ") + "the CSS specificity of the `".concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', "Instead, you need to use the '&.".concat(stateClass, "' syntax:"), JSON.stringify({
               root: _defineProperty({}, "&.".concat(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(function (component) {
       var styleOverrides = muiTheme.components[component].styleOverrides;
-
       if (styleOverrides && component.indexOf('Mui') === 0) {
         traverse(styleOverrides, component);
       }
     });
   }
-
   return muiTheme;
 }
-
 var warnedOnce = false;
 export function createMuiTheme() {
   if (process.env.NODE_ENV !== 'production') {
@@ -96,7 +83,6 @@ export function createMuiTheme() {
       console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n'));
     }
   }
-
   return createTheme.apply(void 0, arguments);
 }
 export default createTheme;

package/legacy/styles/createTransitions.js

@@ -12,9 +12,10 @@ export var easing = {
   easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
-}; // Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
-// to learn when use what timing
+};
 
+// Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+// to learn when use what timing
 export var duration = {
   shortest: 150,
   shorter: 200,
@@ -28,75 +29,60 @@ export var duration = {
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-
 function formatMs(milliseconds) {
   return "".concat(Math.round(milliseconds), "ms");
 }
-
 function getAutoHeightDuration(height) {
   if (!height) {
     return 0;
   }
+  var constant = height / 36;
 
-  var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
-
+  // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
   return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
 }
-
 export default function createTransitions(inputTransitions) {
   var mergedEasing = _extends({}, easing, inputTransitions.easing);
-
   var mergedDuration = _extends({}, duration, inputTransitions.duration);
-
   var create = function create() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     var _options$duration = options.duration,
-        durationOption = _options$duration === void 0 ? mergedDuration.standard : _options$duration,
-        _options$easing = options.easing,
-        easingOption = _options$easing === void 0 ? mergedEasing.easeInOut : _options$easing,
-        _options$delay = options.delay,
-        delay = _options$delay === void 0 ? 0 : _options$delay,
-        other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
-
+      durationOption = _options$duration === void 0 ? mergedDuration.standard : _options$duration,
+      _options$easing = options.easing,
+      easingOption = _options$easing === void 0 ? mergedEasing.easeInOut : _options$easing,
+      _options$delay = options.delay,
+      delay = _options$delay === void 0 ? 0 : _options$delay,
+      other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
     if (process.env.NODE_ENV !== 'production') {
       var isString = function isString(value) {
         return typeof value === 'string';
-      }; // IE11 support, replace with Number.isNaN
+      };
+      // IE11 support, replace with Number.isNaN
       // eslint-disable-next-line no-restricted-globals
-
-
       var isNumber = function isNumber(value) {
         return !isNaN(parseFloat(value));
       };
-
       if (!isString(props) && !Array.isArray(props)) {
         console.error('MUI: Argument "props" must be a string or Array.');
       }
-
       if (!isNumber(durationOption) && !isString(durationOption)) {
         console.error("MUI: Argument \"duration\" must be a number or a string but found ".concat(durationOption, "."));
       }
-
       if (!isString(easingOption)) {
         console.error('MUI: Argument "easing" must be a string.');
       }
-
       if (!isNumber(delay) && !isString(delay)) {
         console.error('MUI: Argument "delay" must be a number or a string.');
       }
-
       if (Object.keys(other).length !== 0) {
         console.error("MUI: Unrecognized argument(s) [".concat(Object.keys(other).join(','), "]."));
       }
     }
-
     return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
       return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
     }).join(',');
   };
-
   return _extends({
     getAutoHeightDuration: getAutoHeightDuration,
     create: create