@mui/material 5.10.12 → 5.10.14

package/legacy/InputBase/utils.js

@@ -6,24 +6,26 @@
 // @returns {boolean} true if string (including '') or number (including zero)
 export function hasValue(value) {
   return value != null && !(Array.isArray(value) && value.length === 0);
-} // Determine if field is empty or filled.
+}
+
+// Determine if field is empty or filled.
 // Response determines if label is presented above field or as placeholder.
 //
 // @param obj
 // @param SSR
 // @returns {boolean} False when not present or empty string.
 //                    True when any number or string with length.
-
 export function isFilled(obj) {
   var SSR = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
-} // Determine if an Input is adorned on start.
+}
+
+// Determine if an Input is adorned on start.
 // It's corresponding to the left with LTR.
 //
 // @param obj
 // @returns {boolean} False when no adornments.
 //                    True when adorned at the start.
-
 export function isAdornedStart(obj) {
   return obj.startAdornment;
 }

package/legacy/InputLabel/InputLabel.js

@@ -12,15 +12,14 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getInputLabelUtilityClasses } from './inputLabelClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      formControl = ownerState.formControl,
-      size = ownerState.size,
-      shrink = ownerState.shrink,
-      disableAnimation = ownerState.disableAnimation,
-      variant = ownerState.variant,
-      required = ownerState.required;
+    formControl = ownerState.formControl,
+    size = ownerState.size,
+    shrink = ownerState.shrink,
+    disableAnimation = ownerState.disableAnimation,
+    variant = ownerState.variant,
+    required = ownerState.required;
   var slots = {
     root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size === 'small' && 'sizeSmall', variant],
     asterisk: [required && 'asterisk']
@@ -28,7 +27,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   var composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var InputLabelRoot = styled(FormLabel, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -41,7 +39,7 @@ var InputLabelRoot = styled(FormLabel, {
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({
     display: 'block',
     transformOrigin: 'top left',
@@ -105,28 +103,23 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     name: 'MuiInputLabel',
     props: inProps
   });
-
   var _props$disableAnimati = props.disableAnimation,
-      disableAnimation = _props$disableAnimati === void 0 ? false : _props$disableAnimati,
-      margin = props.margin,
-      shrinkProp = props.shrink,
-      variant = props.variant,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["disableAnimation", "margin", "shrink", "variant", "className"]);
-
+    disableAnimation = _props$disableAnimati === void 0 ? false : _props$disableAnimati,
+    margin = props.margin,
+    shrinkProp = props.shrink,
+    variant = props.variant,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["disableAnimation", "margin", "shrink", "variant", "className"]);
   var muiFormControl = useFormControl();
   var shrink = shrinkProp;
-
   if (typeof shrink === 'undefined' && muiFormControl) {
     shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;
   }
-
   var fcs = formControlState({
     props: props,
     muiFormControl: muiFormControl,
     states: ['size', 'variant', 'required']
   });
-
   var ownerState = _extends({}, props, {
     disableAnimation: disableAnimation,
     formControl: muiFormControl,
@@ -135,7 +128,6 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     variant: fcs.variant,
     required: fcs.required
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({
     "data-shrink": shrink,
@@ -146,86 +138,68 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     classes: classes
   }));
 });
-process.env.NODE_ENV !== "production" ? InputLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? InputLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
   /**
    * If `true`, the transition animation is disabled.
    * @default false
    */
   disableAnimation: PropTypes.bool,
-
   /**
    * If `true`, the component is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the label is displayed in an error state.
    */
   error: PropTypes.bool,
-
   /**
    * If `true`, the `input` of this label is focused.
    */
   focused: PropTypes.bool,
-
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    */
   margin: PropTypes.oneOf(['dense']),
-
   /**
    * if `true`, the label will indicate that the `input` is required.
    */
   required: PropTypes.bool,
-
   /**
    * If `true`, the label is shrunk.
    */
   shrink: PropTypes.bool,
-
   /**
    * The size of the component.
    * @default 'normal'
    */
   size: PropTypes.oneOf(['normal', 'small']),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The variant to use.
    */

package/legacy/LinearProgress/LinearProgress.js

@@ -1,9 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -17,15 +15,13 @@ import { getLinearProgressUtilityClass } from './linearProgressClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TRANSITION_DURATION = 4; // seconds
-
 var indeterminate1Keyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n"])));
 var indeterminate2Keyframe = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n"])));
 var bufferKeyframe = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n    background-position: 0 -23px;\n  }\n\n  60% {\n    opacity: 0;\n    background-position: 0 -23px;\n  }\n\n  100% {\n    opacity: 1;\n    background-position: -200px -23px;\n  }\n"])));
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      variant = ownerState.variant,
-      color = ownerState.color;
+    variant = ownerState.variant,
+    color = ownerState.color;
   var slots = {
     root: ['root', "color".concat(capitalize(color)), variant],
     dashed: ['dashed', "dashedColor".concat(capitalize(color))],
@@ -34,19 +30,15 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getLinearProgressUtilityClass, classes);
 };
-
 var getColorShade = function getColorShade(theme, color) {
   if (color === 'inherit') {
     return 'currentColor';
   }
-
   if (theme.vars) {
     return theme.vars.palette.LinearProgress["".concat(color, "Bg")];
   }
-
   return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
 };
-
 var LinearProgressRoot = styled('span', {
   name: 'MuiLinearProgress',
   slot: 'Root',
@@ -56,7 +48,7 @@ var LinearProgressRoot = styled('span', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return _extends({
     position: 'relative',
     overflow: 'hidden',
@@ -95,7 +87,7 @@ var LinearProgressDashed = styled('span', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState,
-      theme = _ref2.theme;
+    theme = _ref2.theme;
   var backgroundColor = getColorShade(theme, ownerState.color);
   return _extends({
     position: 'absolute',
@@ -119,7 +111,7 @@ var LinearProgressBar1 = styled('span', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return _extends({
     width: '100%',
     position: 'absolute',
@@ -148,7 +140,7 @@ var LinearProgressBar2 = styled('span', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState,
-      theme = _ref5.theme;
+    theme = _ref5.theme;
   return _extends({
     width: '100%',
     position: 'absolute',
@@ -169,6 +161,7 @@ var LinearProgressBar2 = styled('span', {
   var ownerState = _ref6.ownerState;
   return (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      width: auto;\n      animation: ", " 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;\n    "])), indeterminate2Keyframe);
 });
+
 /**
  * ## ARIA
  *
@@ -176,27 +169,23 @@ var LinearProgressBar2 = styled('span', {
  * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
  * attribute to `true` on that region until it has finished loading.
  */
-
 var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiLinearProgress'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      value = props.value,
-      valueBuffer = props.valueBuffer,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "color", "value", "valueBuffer", "variant"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    value = props.value,
+    valueBuffer = props.valueBuffer,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "color", "value", "valueBuffer", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var theme = useTheme();
   var rootProps = {};
@@ -204,38 +193,31 @@ var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inPro
     bar1: {},
     bar2: {}
   };
-
   if (variant === 'determinate' || variant === 'buffer') {
     if (value !== undefined) {
       rootProps['aria-valuenow'] = Math.round(value);
       rootProps['aria-valuemin'] = 0;
       rootProps['aria-valuemax'] = 100;
       var transform = value - 100;
-
       if (theme.direction === 'rtl') {
         transform = -transform;
       }
-
       inlineStyles.bar1.transform = "translateX(".concat(transform, "%)");
     } else if (process.env.NODE_ENV !== 'production') {
       console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
     }
   }
-
   if (variant === 'buffer') {
     if (valueBuffer !== undefined) {
       var _transform = (valueBuffer || 0) - 100;
-
       if (theme.direction === 'rtl') {
         _transform = -_transform;
       }
-
       inlineStyles.bar2.transform = "translateX(".concat(_transform, "%)");
     } else if (process.env.NODE_ENV !== 'production') {
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-
   return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -257,51 +239,40 @@ var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inPro
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The value of the progress indicator for the determinate and buffer variants.
    * Value between 0 and 100.
    */
   value: PropTypes.number,
-
   /**
    * The value for the buffer variant.
    * Value between 0 and 100.
    */
   valueBuffer: PropTypes.number,
-
   /**
    * The variant to use.
    * Use indeterminate or query when there is no progress value.

package/legacy/Link/Link.js

@@ -16,18 +16,16 @@ import Typography from '../Typography';
 import linkClasses, { getLinkUtilityClass } from './linkClasses';
 import getTextDecoration, { colorTransformations } from './getTextDecoration';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      component = ownerState.component,
-      focusVisible = ownerState.focusVisible,
-      underline = ownerState.underline;
+    component = ownerState.component,
+    focusVisible = ownerState.focusVisible,
+    underline = ownerState.underline;
   var slots = {
     root: ['root', "underline".concat(capitalize(underline)), component === 'button' && 'button', focusVisible && 'focusVisible']
   };
   return composeClasses(slots, getLinkUtilityClass, classes);
 };
-
 var LinkRoot = styled(Typography, {
   name: 'MuiLink',
   slot: 'Root',
@@ -37,7 +35,7 @@ var LinkRoot = styled(Typography, {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({}, ownerState.underline === 'none' && {
     textDecoration: 'none'
   }, ownerState.underline === 'hover' && {
@@ -78,7 +76,6 @@ var LinkRoot = styled(Typography, {
     // Reset
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
-
     }
   }, "&.".concat(linkClasses.focusVisible), {
     outline: 'auto'
@@ -89,58 +86,47 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     props: inProps,
     name: 'MuiLink'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'a' : _props$component,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      TypographyClasses = props.TypographyClasses,
-      _props$underline = props.underline,
-      underline = _props$underline === void 0 ? 'always' : _props$underline,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'inherit' : _props$variant,
-      sx = props.sx,
-      other = _objectWithoutProperties(props, ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'a' : _props$component,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    TypographyClasses = props.TypographyClasses,
+    _props$underline = props.underline,
+    underline = _props$underline === void 0 ? 'always' : _props$underline,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'inherit' : _props$variant,
+    sx = props.sx,
+    other = _objectWithoutProperties(props, ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"]);
   var _useIsFocusVisible = useIsFocusVisible(),
-      isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
-      handleBlurVisible = _useIsFocusVisible.onBlur,
-      handleFocusVisible = _useIsFocusVisible.onFocus,
-      focusVisibleRef = _useIsFocusVisible.ref;
-
+    isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
+    handleBlurVisible = _useIsFocusVisible.onBlur,
+    handleFocusVisible = _useIsFocusVisible.onFocus,
+    focusVisibleRef = _useIsFocusVisible.ref;
   var _React$useState = React.useState(false),
-      focusVisible = _React$useState[0],
-      setFocusVisible = _React$useState[1];
-
+    focusVisible = _React$useState[0],
+    setFocusVisible = _React$useState[1];
   var handlerRef = useForkRef(ref, focusVisibleRef);
-
   var handleBlur = function handleBlur(event) {
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     if (onBlur) {
       onBlur(event);
     }
   };
-
   var handleFocus = function handleFocus(event) {
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
     }
-
     if (onFocus) {
       onFocus(event);
     }
   };
-
   var ownerState = _extends({}, props, {
     color: color,
     component: component,
@@ -148,7 +134,6 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     underline: underline,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(LinkRoot, _extends({
     color: color,
@@ -165,75 +150,58 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     }] : []), _toConsumableArray(Array.isArray(sx) ? sx : [sx]))
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Link.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Link.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The color of the link.
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .any,
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.any,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: elementTypeAcceptingRef,
-
   /**
    * @ignore
    */
   onBlur: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
    */
   TypographyClasses: PropTypes.object,
-
   /**
    * Controls when the link should have an underline.
    * @default 'always'
    */
   underline: PropTypes.oneOf(['always', 'hover', 'none']),
-
   /**
    * Applies the theme typography styles.
    * @default 'inherit'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
 } : void 0;
 export default Link;

package/legacy/Link/getTextDecoration.js

@@ -6,23 +6,18 @@ export var colorTransformations = {
   textSecondary: 'text.secondary',
   error: 'error.main'
 };
-
 var transformDeprecatedColors = function transformDeprecatedColors(color) {
   return colorTransformations[color] || color;
 };
-
 var getTextDecoration = function getTextDecoration(_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   var transformedColor = transformDeprecatedColors(ownerState.color);
   var color = getPath(theme, "palette.".concat(transformedColor), false) || ownerState.color;
   var channelColor = getPath(theme, "palette.".concat(transformedColor, "Channel"));
-
   if ('vars' in theme && channelColor) {
     return "rgba(".concat(channelColor, " / 0.4)");
   }
-
   return alpha(color, 0.4);
 };
-
 export default getTextDecoration;