@mui/material 5.10.13 → 5.10.14

package/Box/Box.js

@@ -1,45 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _system = require("@mui/system");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _className = require("../className");
-
 var _styles = require("../styles");
-
 const defaultTheme = (0, _styles.createTheme)();
 const Box = (0, _system.createBox)({
   defaultTheme,
   defaultClassName: 'MuiBox-root',
   generateClassName: _className.unstable_ClassNameGenerator.generate
 });
-process.env.NODE_ENV !== "production" ? Box.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Box.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
   children: _propTypes.default.node,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Box/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Box.default;
   }
 });
-
 var _Box = _interopRequireDefault(require("./Box"));

package/Breadcrumbs/BreadcrumbCollapsed.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _system = require("@mui/system");
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz"));
-
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default)(({
   theme
 }) => (0, _extends2.default)({
@@ -58,10 +46,10 @@ const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
   width: 24,
   height: 16
 });
+
 /**
  * @ignore - internal component.
  */
-
 function BreadcrumbCollapsed(props) {
   const ownerState = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
@@ -75,7 +63,6 @@ function BreadcrumbCollapsed(props) {
     }))
   });
 }
-
 process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/Breadcrumbs/Breadcrumbs.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactIs = require("react-is");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _utils = require("@mui/utils");
-
 var _base = require("@mui/base");
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _Typography = _interopRequireDefault(require("../Typography"));
-
 var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed"));
-
 var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -53,7 +34,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _breadcrumbsClasses.getBreadcrumbsUtilityClass, classes);
 };
-
 const BreadcrumbsRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiBreadcrumbs',
   slot: 'Root',
@@ -85,7 +65,6 @@ const BreadcrumbsSeparator = (0, _styled.default)('li', {
   marginLeft: 8,
   marginRight: 8
 });
-
 function insertSeparators(items, className, separator, ownerState) {
   return items.reduce((acc, current, index) => {
     if (index < items.length - 1) {
@@ -98,27 +77,25 @@ function insertSeparators(items, className, separator, ownerState) {
     } else {
       acc.push(current);
     }
-
     return acc;
   }, []);
 }
-
 const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiBreadcrumbs'
   });
   const {
-    children,
-    className,
-    component = 'nav',
-    expandText = 'Show path',
-    itemsAfterCollapse = 1,
-    itemsBeforeCollapse = 1,
-    maxItems = 8,
-    separator = '/'
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children,
+      className,
+      component = 'nav',
+      expandText = 'Show path',
+      itemsAfterCollapse = 1,
+      itemsBeforeCollapse = 1,
+      maxItems = 8,
+      separator = '/'
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const [expanded, setExpanded] = React.useState(false);
   const ownerState = (0, _extends2.default)({}, props, {
     component,
@@ -131,44 +108,39 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
   });
   const classes = useUtilityClasses(ownerState);
   const listRef = React.useRef(null);
-
   const renderItemsBeforeAndAfter = allItems => {
     const handleClickExpand = () => {
-      setExpanded(true); // The clicked element received the focus but gets removed from the DOM.
+      setExpanded(true);
+
+      // The clicked element received the focus but gets removed from the DOM.
       // Let's keep the focus in the component after expanding.
       // Moving it to the <ol> or <nav> does not cause any announcement in NVDA.
       // By moving it to some link/button at least we have some announcement.
-
       const focusable = listRef.current.querySelector('a[href],button,[tabindex]');
-
       if (focusable) {
         focusable.focus();
       }
-    }; // This defends against someone passing weird input, to ensure that if all
-    // items would be shown anyway, we just show all items without the EllipsisItem
-
+    };
 
+    // This defends against someone passing weird input, to ensure that if all
+    // items would be shown anyway, we just show all items without the EllipsisItem
     if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {
       if (process.env.NODE_ENV !== 'production') {
         console.error(['MUI: You have provided an invalid combination of props to the Breadcrumbs.', `itemsAfterCollapse={${itemsAfterCollapse}} + itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`].join('\n'));
       }
-
       return allItems;
     }
-
     return [...allItems.slice(0, itemsBeforeCollapse), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbCollapsed.default, {
       "aria-label": expandText,
       onClick: handleClickExpand
     }, "ellipsis"), ...allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)];
   };
-
   const allItems = React.Children.toArray(children).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
       if ((0, _reactIs.isFragment)(child)) {
         console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-
     return /*#__PURE__*/React.isValidElement(child);
   }).map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
     className: classes.li,
@@ -189,35 +161,28 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Breadcrumbs.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.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * Override the default label for the expand button.
    *
@@ -225,19 +190,16 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * @default 'Show path'
    */
   expandText: _propTypes.default.string,
-
   /**
    * If max items is exceeded, the number of items to show after the ellipsis.
    * @default 1
    */
   itemsAfterCollapse: _utils.integerPropType,
-
   /**
    * If max items is exceeded, the number of items to show before the ellipsis.
    * @default 1
    */
   itemsBeforeCollapse: _utils.integerPropType,
-
   /**
    * Specifies the maximum number of breadcrumbs to display. When there are more
    * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
@@ -245,13 +207,11 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * @default 8
    */
   maxItems: _utils.integerPropType,
-
   /**
    * Custom separator node.
    * @default '/'
    */
   separator: _propTypes.default.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Breadcrumbs/breadcrumbsClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BreadcrumbsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the ol element. */
-    ol: string;
-    /** Styles applied to the li element. */
-    li: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-}
-export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
-export declare function getBreadcrumbsUtilityClass(slot: string): string;
-declare const breadcrumbsClasses: BreadcrumbsClasses;
-export default breadcrumbsClasses;
+export interface BreadcrumbsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the ol element. */
+    ol: string;
+    /** Styles applied to the li element. */
+    li: string;
+    /** Styles applied to the separator element. */
+    separator: string;
+}
+export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
+export declare function getBreadcrumbsUtilityClass(slot: string): string;
+declare const breadcrumbsClasses: BreadcrumbsClasses;
+export default breadcrumbsClasses;

package/Breadcrumbs/breadcrumbsClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getBreadcrumbsUtilityClass = getBreadcrumbsUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getBreadcrumbsUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiBreadcrumbs', slot);
 }
-
 const breadcrumbsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiBreadcrumbs', ['root', 'ol', 'li', 'separator']);
 var _default = breadcrumbsClasses;
 exports.default = _default;

package/Breadcrumbs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "default", {
     return _Breadcrumbs.default;
   }
 });
-
 var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
-
 var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
-
 Object.keys(_breadcrumbsClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_breadcrumbsClasses).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/Button/Button.js

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _utils = require("@mui/utils");
-
 var _base = require("@mui/base");
-
 var _system = require("@mui/system");
-
 var _styled = _interopRequireWildcard(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 var _buttonClasses = _interopRequireWildcard(require("./buttonClasses"));
-
 var _ButtonGroupContext = _interopRequireDefault(require("../ButtonGroup/ButtonGroupContext"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -61,7 +41,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = (0, _base.unstable_composeClasses)(slots, _buttonClasses.getButtonUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
-
 const commonIconStyles = ownerState => (0, _extends2.default)({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
@@ -75,7 +54,6 @@ const commonIconStyles = ownerState => (0, _extends2.default)({}, ownerState.siz
     fontSize: 22
   }
 });
-
 const ButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
   name: 'MuiButton',
@@ -91,7 +69,6 @@ const ButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   ownerState
 }) => {
   var _theme$palette$getCon, _theme$palette;
-
   return (0, _extends2.default)({}, theme.typography.button, {
     minWidth: 64,
     padding: '6px 16px',
@@ -162,7 +139,8 @@ const ButtonRoot = (0, _styled.default)(_ButtonBase.default, {
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${(0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)}`
   }, ownerState.variant === 'contained' && {
-    color: theme.vars ? // this is safe because grey does not change between default light/dark mode
+    color: theme.vars ?
+    // this is safe because grey does not change between default light/dark mode
     theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
     backgroundColor: (theme.vars || theme).palette.grey[300],
     boxShadow: (theme.vars || theme).shadows[2]
@@ -255,22 +233,22 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     name: 'MuiButton'
   });
   const {
-    children,
-    color = 'primary',
-    component = 'button',
-    className,
-    disabled = false,
-    disableElevation = false,
-    disableFocusRipple = false,
-    endIcon: endIconProp,
-    focusVisibleClassName,
-    fullWidth = false,
-    size = 'medium',
-    startIcon: startIconProp,
-    type,
-    variant = 'text'
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children,
+      color = 'primary',
+      component = 'button',
+      className,
+      disabled = false,
+      disableElevation = false,
+      disableFocusRipple = false,
+      endIcon: endIconProp,
+      focusVisibleClassName,
+      fullWidth = false,
+      size = 'medium',
+      startIcon: startIconProp,
+      type,
+      variant = 'text'
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
@@ -307,63 +285,50 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     children: [startIcon, children, endIcon]
   }));
 });
-process.env.NODE_ENV !== "production" ? Button.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Button.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.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.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.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), _propTypes.default.string]),
-
+  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), _propTypes.default.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If `true`, no elevation is used.
    * @default false
    */
   disableElevation: _propTypes.default.bool,
-
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
   disableFocusRipple: _propTypes.default.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -372,60 +337,47 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
    * @default false
    */
   disableRipple: _propTypes.default.bool,
-
   /**
    * Element placed after the children.
    */
   endIcon: _propTypes.default.node,
-
   /**
    * @ignore
    */
   focusVisibleClassName: _propTypes.default.string,
-
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
   fullWidth: _propTypes.default.bool,
-
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
   href: _propTypes.default.string,
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
-
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
   /**
    * Element placed before the children.
    */
   startIcon: _propTypes.default.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-
   /**
    * @ignore
    */
   type: _propTypes.default.oneOfType([_propTypes.default.oneOf(['button', 'reset', 'submit']), _propTypes.default.string]),
-
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
+  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
 } : void 0;
 var _default = Button;
 exports.default = _default;