@mui/material 5.13.1 → 5.13.3

package/modern/LinearProgress/LinearProgress.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -94,7 +97,7 @@ const LinearProgressRoot = styled('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   position: 'relative',
   overflow: 'hidden',
   display: 'block',
@@ -104,26 +107,23 @@ const LinearProgressRoot = styled('span', {
   '@media print': {
     colorAdjust: 'exact'
   },
-  backgroundColor: getColorShade(theme, ownerState.color),
-  ...(ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
-    backgroundColor: 'none',
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      left: 0,
-      top: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: 'currentColor',
-      opacity: 0.3
-    }
-  }),
-  ...(ownerState.variant === 'buffer' && {
-    backgroundColor: 'transparent'
-  }),
-  ...(ownerState.variant === 'query' && {
-    transform: 'rotate(180deg)'
-  })
+  backgroundColor: getColorShade(theme, ownerState.color)
+}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
+  backgroundColor: 'none',
+  '&::before': {
+    content: '""',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'currentColor',
+    opacity: 0.3
+  }
+}, ownerState.variant === 'buffer' && {
+  backgroundColor: 'transparent'
+}, ownerState.variant === 'query' && {
+  transform: 'rotate(180deg)'
 }));
 const LinearProgressDashed = styled('span', {
   name: 'MuiLinearProgress',
@@ -139,18 +139,18 @@ const LinearProgressDashed = styled('span', {
   theme
 }) => {
   const backgroundColor = getColorShade(theme, ownerState.color);
-  return {
+  return _extends({
     position: 'absolute',
     marginTop: 0,
     height: '100%',
-    width: '100%',
-    ...(ownerState.color === 'inherit' && {
-      opacity: 0.3
-    }),
+    width: '100%'
+  }, ownerState.color === 'inherit' && {
+    opacity: 0.3
+  }, {
     backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
     backgroundSize: '10px 10px',
     backgroundPosition: '0 -23px'
-  };
+  });
 }, css`
     animation: ${bufferKeyframe} 3s infinite linear;
   `);
@@ -166,7 +166,7 @@ const LinearProgressBar1 = styled('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   width: '100%',
   position: 'absolute',
   left: 0,
@@ -174,14 +174,12 @@ const LinearProgressBar1 = styled('span', {
   top: 0,
   transition: 'transform 0.2s linear',
   transformOrigin: 'left',
-  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main,
-  ...(ownerState.variant === 'determinate' && {
-    transition: `transform .${TRANSITION_DURATION}s linear`
-  }),
-  ...(ownerState.variant === 'buffer' && {
-    zIndex: 1,
-    transition: `transform .${TRANSITION_DURATION}s linear`
-  })
+  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
+}, ownerState.variant === 'determinate' && {
+  transition: `transform .${TRANSITION_DURATION}s linear`
+}, ownerState.variant === 'buffer' && {
+  zIndex: 1,
+  transition: `transform .${TRANSITION_DURATION}s linear`
 }), ({
   ownerState
 }) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css`
@@ -200,24 +198,21 @@ const LinearProgressBar2 = styled('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   width: '100%',
   position: 'absolute',
   left: 0,
   bottom: 0,
   top: 0,
   transition: 'transform 0.2s linear',
-  transformOrigin: 'left',
-  ...(ownerState.variant !== 'buffer' && {
-    backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
-  }),
-  ...(ownerState.color === 'inherit' && {
-    opacity: 0.3
-  }),
-  ...(ownerState.variant === 'buffer' && {
-    backgroundColor: getColorShade(theme, ownerState.color),
-    transition: `transform .${TRANSITION_DURATION}s linear`
-  })
+  transformOrigin: 'left'
+}, ownerState.variant !== 'buffer' && {
+  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
+}, ownerState.color === 'inherit' && {
+  opacity: 0.3
+}, ownerState.variant === 'buffer' && {
+  backgroundColor: getColorShade(theme, ownerState.color),
+  transition: `transform .${TRANSITION_DURATION}s linear`
 }), ({
   ownerState
 }) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css`
@@ -238,18 +233,17 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     name: 'MuiLinearProgress'
   });
   const {
-    className,
-    color = 'primary',
-    value,
-    valueBuffer,
-    variant = 'indeterminate',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'primary',
+      value,
+      valueBuffer,
+      variant = 'indeterminate'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
   const rootProps = {};
@@ -282,13 +276,13 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-  return /*#__PURE__*/_jsxs(LinearProgressRoot, {
+  return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    role: "progressbar",
-    ...rootProps,
-    ref: ref,
-    ...other,
+    role: "progressbar"
+  }, rootProps, {
+    ref: ref
+  }, other, {
     children: [variant === 'buffer' ? /*#__PURE__*/_jsx(LinearProgressDashed, {
       className: classes.dashed,
       ownerState: ownerState
@@ -301,7 +295,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       ownerState: ownerState,
       style: inlineStyles.bar2
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Link/Link.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -37,58 +40,52 @@ const LinkRoot = styled(Typography, {
   theme,
   ownerState
 }) => {
-  return {
-    ...(ownerState.underline === 'none' && {
-      textDecoration: 'none'
-    }),
-    ...(ownerState.underline === 'hover' && {
-      textDecoration: 'none',
-      '&:hover': {
-        textDecoration: 'underline'
-      }
-    }),
-    ...(ownerState.underline === 'always' && {
-      textDecoration: 'underline',
-      ...(ownerState.color !== 'inherit' && {
-        textDecorationColor: getTextDecoration({
-          theme,
-          ownerState
-        })
-      }),
-      '&:hover': {
-        textDecorationColor: 'inherit'
-      }
-    }),
-    // Same reset as ButtonBase.root
-    ...(ownerState.component === 'button' && {
-      position: 'relative',
-      WebkitTapHighlightColor: 'transparent',
-      backgroundColor: 'transparent',
-      // Reset default value
-      // We disable the focus ring for mouse, touch and keyboard users.
-      outline: 0,
-      border: 0,
-      margin: 0,
-      // Remove the margin in Safari
-      borderRadius: 0,
-      padding: 0,
-      // Remove the padding in Firefox
-      cursor: 'pointer',
-      userSelect: 'none',
-      verticalAlign: 'middle',
-      MozAppearance: 'none',
-      // Reset
-      WebkitAppearance: 'none',
-      // Reset
-      '&::-moz-focus-inner': {
-        borderStyle: 'none' // Remove Firefox dotted outline.
-      },
-
-      [`&.${linkClasses.focusVisible}`]: {
-        outline: 'auto'
-      }
+  return _extends({}, ownerState.underline === 'none' && {
+    textDecoration: 'none'
+  }, ownerState.underline === 'hover' && {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  }, ownerState.underline === 'always' && _extends({
+    textDecoration: 'underline'
+  }, ownerState.color !== 'inherit' && {
+    textDecorationColor: getTextDecoration({
+      theme,
+      ownerState
     })
-  };
+  }, {
+    '&:hover': {
+      textDecorationColor: 'inherit'
+    }
+  }), ownerState.component === 'button' && {
+    position: 'relative',
+    WebkitTapHighlightColor: 'transparent',
+    backgroundColor: 'transparent',
+    // Reset default value
+    // We disable the focus ring for mouse, touch and keyboard users.
+    outline: 0,
+    border: 0,
+    margin: 0,
+    // Remove the margin in Safari
+    borderRadius: 0,
+    padding: 0,
+    // Remove the padding in Firefox
+    cursor: 'pointer',
+    userSelect: 'none',
+    verticalAlign: 'middle',
+    MozAppearance: 'none',
+    // Reset
+    WebkitAppearance: 'none',
+    // Reset
+    '&::-moz-focus-inner': {
+      borderStyle: 'none' // Remove Firefox dotted outline.
+    },
+
+    [`&.${linkClasses.focusVisible}`]: {
+      outline: 'auto'
+    }
+  });
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   const props = useThemeProps({
@@ -96,17 +93,17 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     name: 'MuiLink'
   });
   const {
-    className,
-    color = 'primary',
-    component = 'a',
-    onBlur,
-    onFocus,
-    TypographyClasses,
-    underline = 'always',
-    variant = 'inherit',
-    sx,
-    ...other
-  } = props;
+      className,
+      color = 'primary',
+      component = 'a',
+      onBlur,
+      onFocus,
+      TypographyClasses,
+      underline = 'always',
+      variant = 'inherit',
+      sx
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -133,16 +130,15 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     color,
     component,
     focusVisible,
     underline,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LinkRoot, {
+  return /*#__PURE__*/_jsx(LinkRoot, _extends({
     color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,
@@ -154,9 +150,8 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     variant: variant,
     sx: [...(!Object.keys(colorTransformations).includes(color) ? [{
       color
-    }] : []), ...(Array.isArray(sx) ? sx : [sx])],
-    ...other
-  });
+    }] : []), ...(Array.isArray(sx) ? sx : [sx])]
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/List/List.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,18 +34,16 @@ const ListRoot = styled('ul', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   listStyle: 'none',
   margin: 0,
   padding: 0,
-  position: 'relative',
-  ...(!ownerState.disablePadding && {
-    paddingTop: 8,
-    paddingBottom: 8
-  }),
-  ...(ownerState.subheader && {
-    paddingTop: 0
-  })
+  position: 'relative'
+}, !ownerState.disablePadding && {
+  paddingTop: 8,
+  paddingBottom: 8
+}, ownerState.subheader && {
+  paddingTop: 0
 }));
 const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
   const props = useThemeProps({
@@ -50,34 +51,33 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     name: 'MuiList'
   });
   const {
-    children,
-    className,
-    component = 'ul',
-    dense = false,
-    disablePadding = false,
-    subheader,
-    ...other
-  } = props;
+      children,
+      className,
+      component = 'ul',
+      dense = false,
+      disablePadding = false,
+      subheader
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     component,
     dense,
     disablePadding
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: context,
-    children: /*#__PURE__*/_jsxs(ListRoot, {
+    children: /*#__PURE__*/_jsxs(ListRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
-      ownerState: ownerState,
-      ...other,
+      ownerState: ownerState
+    }, other, {
       children: [subheader, children]
-    })
+    }))
   });
 });
 process.env.NODE_ENV !== "production" ? List.propTypes /* remove-proptypes */ = {