@mui/material 5.10.13 → 5.10.15

package/legacy/ButtonBase/TouchRipple.js

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { TransitionGroup } from 'react-transition-group';
@@ -33,9 +31,10 @@ export var TouchRippleRoot = styled('span', {
   bottom: 0,
   left: 0,
   borderRadius: 'inherit'
-}); // This `styled()` function invokes keyframes. `styled-components` only supports keyframes
-// in string templates. Do not convert these styles in JS object as it will break.
+});
 
+// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
+// in string templates. Do not convert these styles in JS object as it will break.
 export var TouchRippleRipple = styled(Ripple, {
   name: 'MuiTouchRipple',
   slot: 'Ripple'
@@ -52,29 +51,26 @@ export var TouchRippleRipple = styled(Ripple, {
   var theme = _ref4.theme;
   return theme.transitions.easing.easeInOut;
 });
+
 /**
  * @ignore - internal component.
  *
  * TODO v5: Make private
  */
-
 var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTouchRipple'
   });
-
   var _props$center = props.center,
-      centerProp = _props$center === void 0 ? false : _props$center,
-      _props$classes = props.classes,
-      classes = _props$classes === void 0 ? {} : _props$classes,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["center", "classes", "className"]);
-
+    centerProp = _props$center === void 0 ? false : _props$center,
+    _props$classes = props.classes,
+    classes = _props$classes === void 0 ? {} : _props$classes,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["center", "classes", "className"]);
   var _React$useState = React.useState([]),
-      ripples = _React$useState[0],
-      setRipples = _React$useState[1];
-
+    ripples = _React$useState[0],
+    setRipples = _React$useState[1];
   var nextKey = React.useRef(0);
   var rippleCallback = React.useRef(null);
   React.useEffect(function () {
@@ -82,13 +78,15 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
       rippleCallback.current();
       rippleCallback.current = null;
     }
-  }, [ripples]); // Used to filter out mouse emulated events on mobile.
+  }, [ripples]);
 
-  var ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch "click" like events.
+  // Used to filter out mouse emulated events on mobile.
+  var ignoringMouseDown = React.useRef(false);
+  // We use a timer in order to only show the ripples for touch "click" like events.
   // We don't want to display the ripple for touch scroll events.
+  var startTimer = React.useRef(null);
 
-  var startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.
-
+  // This is the hook called once the previous timeout is ready.
   var startTimerCommit = React.useRef(null);
   var container = React.useRef(null);
   React.useEffect(function () {
@@ -98,10 +96,10 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
   }, []);
   var startCommit = React.useCallback(function (params) {
     var pulsate = params.pulsate,
-        rippleX = params.rippleX,
-        rippleY = params.rippleY,
-        rippleSize = params.rippleSize,
-        cb = params.cb;
+      rippleX = params.rippleX,
+      rippleY = params.rippleY,
+      rippleSize = params.rippleSize,
+      cb = params.cb;
     setRipples(function (oldRipples) {
       return [].concat(_toConsumableArray(oldRipples), [/*#__PURE__*/_jsx(TouchRippleRipple, {
         classes: {
@@ -127,48 +125,44 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var cb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
     var _options$pulsate = options.pulsate,
-        pulsate = _options$pulsate === void 0 ? false : _options$pulsate,
-        _options$center = options.center,
-        center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,
-        _options$fakeElement = options.fakeElement,
-        fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;
-
+      pulsate = _options$pulsate === void 0 ? false : _options$pulsate,
+      _options$center = options.center,
+      center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,
+      _options$fakeElement = options.fakeElement,
+      fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;
     if ((event == null ? void 0 : event.type) === 'mousedown' && ignoringMouseDown.current) {
       ignoringMouseDown.current = false;
       return;
     }
-
     if ((event == null ? void 0 : event.type) === 'touchstart') {
       ignoringMouseDown.current = true;
     }
-
     var element = fakeElement ? null : container.current;
     var rect = element ? element.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
-    }; // Get the size of the ripple
+    };
 
+    // Get the size of the ripple
     var rippleX;
     var rippleY;
     var rippleSize;
-
     if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {
       rippleX = Math.round(rect.width / 2);
       rippleY = Math.round(rect.height / 2);
     } else {
       var _ref5 = event.touches && event.touches.length > 0 ? event.touches[0] : event,
-          clientX = _ref5.clientX,
-          clientY = _ref5.clientY;
-
+        clientX = _ref5.clientX,
+        clientY = _ref5.clientY;
       rippleX = Math.round(clientX - rect.left);
       rippleY = Math.round(clientY - rect.top);
     }
-
     if (center) {
-      rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3); // For some reason the animation is broken on Mobile Chrome if the size is even.
+      rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3);
 
+      // For some reason the animation is broken on Mobile Chrome if the size is even.
       if (rippleSize % 2 === 0) {
         rippleSize += 1;
       }
@@ -176,9 +170,9 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
       var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
       var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
       rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));
-    } // Touche devices
-
+    }
 
+    // Touche devices
     if (event != null && event.touches) {
       // check that this isn't another touchstart due to multitouch
       // otherwise we will only clear a single timer when unmounting while two
@@ -193,9 +187,8 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
             rippleSize: rippleSize,
             cb: cb
           });
-        }; // Delay the execution of the ripple effect.
-
-
+        };
+        // Delay the execution of the ripple effect.
         startTimer.current = setTimeout(function () {
           if (startTimerCommit.current) {
             startTimerCommit.current();
@@ -219,9 +212,10 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
     });
   }, [start]);
   var stop = React.useCallback(function (event, cb) {
-    clearTimeout(startTimer.current); // The touch interaction occurs too quickly.
-    // We still want to show ripple effect.
+    clearTimeout(startTimer.current);
 
+    // The touch interaction occurs too quickly.
+    // We still want to show ripple effect.
     if ((event == null ? void 0 : event.type) === 'touchend' && startTimerCommit.current) {
       startTimerCommit.current();
       startTimerCommit.current = null;
@@ -230,13 +224,11 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
       });
       return;
     }
-
     startTimerCommit.current = null;
     setRipples(function (oldRipples) {
       if (oldRipples.length > 0) {
         return oldRipples.slice(1);
       }
-
       return oldRipples;
     });
     rippleCallback.current = cb;
@@ -265,13 +257,11 @@ process.env.NODE_ENV !== "production" ? TouchRipple.propTypes = {
    * rather than at the point of interaction.
    */
   center: PropTypes.bool,
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */

package/legacy/ButtonGroup/ButtonGroup.js

@@ -12,34 +12,31 @@ import useThemeProps from '../styles/useThemeProps';
 import buttonGroupClasses, { getButtonGroupUtilityClass } from './buttonGroupClasses';
 import ButtonGroupContext from './ButtonGroupContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [_defineProperty({}, "& .".concat(buttonGroupClasses.grouped), styles.grouped), _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), styles["grouped".concat(capitalize(ownerState.orientation))]), _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), styles["grouped".concat(capitalize(ownerState.variant))]), _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), styles["grouped".concat(capitalize(ownerState.variant)).concat(capitalize(ownerState.orientation))]), _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), styles["grouped".concat(capitalize(ownerState.variant)).concat(capitalize(ownerState.color))]), styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      color = ownerState.color,
-      disabled = ownerState.disabled,
-      disableElevation = ownerState.disableElevation,
-      fullWidth = ownerState.fullWidth,
-      orientation = ownerState.orientation,
-      variant = ownerState.variant;
+    color = ownerState.color,
+    disabled = ownerState.disabled,
+    disableElevation = ownerState.disableElevation,
+    fullWidth = ownerState.fullWidth,
+    orientation = ownerState.orientation,
+    variant = ownerState.variant;
   var slots = {
     root: ['root', variant, orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth', disableElevation && 'disableElevation'],
     grouped: ['grouped', "grouped".concat(capitalize(orientation)), "grouped".concat(capitalize(variant)), "grouped".concat(capitalize(variant)).concat(capitalize(orientation)), "grouped".concat(capitalize(variant)).concat(capitalize(color)), disabled && 'disabled']
   };
   return composeClasses(slots, getButtonGroupUtilityClass, classes);
 };
-
 var ButtonGroupRoot = styled('div', {
   name: 'MuiButtonGroup',
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref6) {
   var theme = _ref6.theme,
-      ownerState = _ref6.ownerState;
+    ownerState = _ref6.ownerState;
   return _extends({
     display: 'inline-flex',
     borderRadius: (theme.vars || theme).shape.borderRadius
@@ -109,31 +106,29 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
     props: inProps,
     name: 'MuiButtonGroup'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableElevati = props.disableElevation,
-      disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,
-      _props$disableFocusRi = props.disableFocusRipple,
-      disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
-      _props$disableRipple = props.disableRipple,
-      disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,
-      _props$fullWidth = props.fullWidth,
-      fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'outlined' : _props$variant,
-      other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"]);
-
+    className = props.className,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableElevati = props.disableElevation,
+    disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,
+    _props$disableFocusRi = props.disableFocusRipple,
+    disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
+    _props$disableRipple = props.disableRipple,
+    disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'outlined' : _props$variant,
+    other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     component: component,
@@ -146,7 +141,6 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
     size: size,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var context = React.useMemo(function () {
     return {
@@ -174,101 +168,79 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? ButtonGroup.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ButtonGroup.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).
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, no elevation is used.
    * @default false
    */
   disableElevation: PropTypes.bool,
-
   /**
    * If `true`, the button keyboard focus ripple is disabled.
    * @default false
    */
   disableFocusRipple: PropTypes.bool,
-
   /**
    * If `true`, the button ripple effect is disabled.
    * @default false
    */
   disableRipple: PropTypes.bool,
-
   /**
    * If `true`, the buttons will take up the full width of its container.
    * @default false
    */
   fullWidth: PropTypes.bool,
-
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), 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 variant to use.
    * @default 'outlined'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
 export default ButtonGroup;

package/legacy/ButtonGroup/ButtonGroupContext.js

@@ -1,12 +1,9 @@
 import * as React from 'react';
-
 /**
  * @ignore - internal component.
  */
 var ButtonGroupContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   ButtonGroupContext.displayName = 'ButtonGroupContext';
 }
-
 export default ButtonGroupContext;

package/legacy/Card/Card.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import Paper from '../Paper';
 import { getCardUtilityClass } from './cardClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -18,7 +17,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCardUtilityClass, classes);
 };
-
 var CardRoot = styled(Paper, {
   name: 'MuiCard',
   slot: 'Root',
@@ -35,16 +33,13 @@ var Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
     props: inProps,
     name: 'MuiCard'
   });
-
   var className = props.className,
-      _props$raised = props.raised,
-      raised = _props$raised === void 0 ? false : _props$raised,
-      other = _objectWithoutProperties(props, ["className", "raised"]);
-
+    _props$raised = props.raised,
+    raised = _props$raised === void 0 ? false : _props$raised,
+    other = _objectWithoutProperties(props, ["className", "raised"]);
   var ownerState = _extends({}, props, {
     raised: raised
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CardRoot, _extends({
     className: clsx(classes.root, className),
@@ -53,29 +48,23 @@ var Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Card.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Card.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,
-
   /**
    * If `true`, the card will use raised styling.
    * @default false
@@ -84,10 +73,8 @@ process.env.NODE_ENV !== "production" ? Card.propTypes
     if (props.raised && props.variant === 'outlined') {
       return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
     }
-
     return null;
   }),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/CardActionArea/CardActionArea.js

@@ -11,7 +11,6 @@ import cardActionAreaClasses, { getCardActionAreaUtilityClass } from './cardActi
 import ButtonBase from '../ButtonBase';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -20,7 +19,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCardActionAreaUtilityClass, classes);
 };
-
 var CardActionAreaRoot = styled(ButtonBase, {
   name: 'MuiCardActionArea',
   slot: 'Root',
@@ -29,7 +27,6 @@ var CardActionAreaRoot = styled(ButtonBase, {
   }
 })(function (_ref) {
   var _ref2;
-
   var theme = _ref.theme;
   return _ref2 = {
     display: 'block',
@@ -73,12 +70,10 @@ var CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inPro
     props: inProps,
     name: 'MuiCardActionArea'
   });
-
   var children = props.children,
-      className = props.className,
-      focusVisibleClassName = props.focusVisibleClassName,
-      other = _objectWithoutProperties(props, ["children", "className", "focusVisibleClassName"]);
-
+    className = props.className,
+    focusVisibleClassName = props.focusVisibleClassName,
+    other = _objectWithoutProperties(props, ["children", "className", "focusVisibleClassName"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(CardActionAreaRoot, _extends({
@@ -93,34 +88,27 @@ var CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inPro
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? CardActionArea.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CardActionArea.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,
-
   /**
    * @ignore
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/CardActions/CardActions.js

@@ -8,16 +8,14 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getCardActionsUtilityClass } from './cardActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disableSpacing = ownerState.disableSpacing;
+    disableSpacing = ownerState.disableSpacing;
   var slots = {
     root: ['root', !disableSpacing && 'spacing']
   };
   return composeClasses(slots, getCardActionsUtilityClass, classes);
 };
-
 var CardActionsRoot = styled('div', {
   name: 'MuiCardActions',
   slot: 'Root',
@@ -42,16 +40,13 @@ var CardActions = /*#__PURE__*/React.forwardRef(function CardActions(inProps, re
     props: inProps,
     name: 'MuiCardActions'
   });
-
   var _props$disableSpacing = props.disableSpacing,
-      disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["disableSpacing", "className"]);
-
+    disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["disableSpacing", "className"]);
   var ownerState = _extends({}, props, {
     disableSpacing: disableSpacing
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CardActionsRoot, _extends({
     className: clsx(classes.root, className),
@@ -59,35 +54,28 @@ var CardActions = /*#__PURE__*/React.forwardRef(function CardActions(inProps, re
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? CardActions.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CardActions.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,
-
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
   disableSpacing: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */