@mui/material 5.0.3 → 5.1.0

package/node/CardContent/cardContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardContentUtilityClass = getCardContentUtilityClass;
 exports.default = void 0;
+exports.getCardContentUtilityClass = getCardContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardContent/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardContentClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardContentClasses", {
   enumerable: true,
   get: function () {
-    return _CardContent.default;
+    return _cardContentClasses.default;
   }
 });
-Object.defineProperty(exports, "cardContentClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardContentClasses.default;
+    return _CardContent.default;
   }
 });
 

package/node/CardHeader/CardHeader.js

@@ -223,7 +223,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The content of the component.

package/node/CardHeader/cardHeaderClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 exports.default = void 0;
+exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardHeader/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardHeaderClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardHeaderClasses", {
   enumerable: true,
   get: function () {
-    return _CardHeader.default;
+    return _cardHeaderClasses.default;
   }
 });
-Object.defineProperty(exports, "cardHeaderClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardHeaderClasses.default;
+    return _CardHeader.default;
   }
 });
 

package/node/CardMedia/CardMedia.js

@@ -102,7 +102,7 @@ const CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref)
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardMediaRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     as: component,
-    role: !isMediaComponent && image ? 'image' : undefined,
+    role: !isMediaComponent && image ? 'img' : undefined,
     ref: ref,
     style: composedStyle,
     ownerState: ownerState,
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? CardMedia.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = CardMedia;
 exports.default = _default;

package/node/CardMedia/cardMediaClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
 exports.default = void 0;
+exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardMedia/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardMediaClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardMediaClasses", {
   enumerable: true,
   get: function () {
-    return _CardMedia.default;
+    return _cardMediaClasses.default;
   }
 });
-Object.defineProperty(exports, "cardMediaClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardMediaClasses.default;
+    return _CardMedia.default;
   }
 });
 

package/node/Checkbox/Checkbox.js

@@ -242,7 +242,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/node/Checkbox/checkboxClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 exports.default = void 0;
+exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Checkbox/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   checkboxClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "checkboxClasses", {
   enumerable: true,
   get: function () {
-    return _Checkbox.default;
+    return _checkboxClasses.default;
   }
 });
-Object.defineProperty(exports, "checkboxClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _checkboxClasses.default;
+    return _Checkbox.default;
   }
 });
 

package/node/Chip/Chip.js

@@ -375,11 +375,12 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  const moreProps = component === _ButtonBase.default ? {
+  const moreProps = component === _ButtonBase.default ? (0, _extends2.default)({
     component: ComponentProp || 'div',
-    focusVisibleClassName: classes.focusVisible,
-    disableRipple: Boolean(onDelete)
-  } : {};
+    focusVisibleClassName: classes.focusVisible
+  }, onDelete && {
+    disableRipple: true
+  }) : {};
   let deleteIcon = null;
 
   if (onDelete) {
@@ -538,7 +539,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Chip/chipClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getChipUtilityClass = getChipUtilityClass;
 exports.default = void 0;
+exports.getChipUtilityClass = getChipUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Chip/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   chipClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "chipClasses", {
   enumerable: true,
   get: function () {
-    return _Chip.default;
+    return _chipClasses.default;
   }
 });
-Object.defineProperty(exports, "chipClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _chipClasses.default;
+    return _Chip.default;
   }
 });
 

package/node/CircularProgress/CircularProgress.js

@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The thickness of the circle.

package/node/CircularProgress/circularProgressClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 exports.default = void 0;
+exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CircularProgress/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   circularProgressClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "circularProgressClasses", {
   enumerable: true,
   get: function () {
-    return _CircularProgress.default;
+    return _circularProgressClasses.default;
   }
 });
-Object.defineProperty(exports, "circularProgressClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _circularProgressClasses.default;
+    return _CircularProgress.default;
   }
 });
 

package/node/ClickAwayListener/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _ClickAwayListener = _interopRequireWildcard(require("./ClickAwayListener"));
+var _ClickAwayListener = _interopRequireWildcard(require("@mui/core/ClickAwayListener"));
 
 Object.keys(_ClickAwayListener).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/Collapse/Collapse.js

@@ -426,7 +426,7 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.

package/node/Collapse/collapseClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCollapseUtilityClass = getCollapseUtilityClass;
 exports.default = void 0;
+exports.getCollapseUtilityClass = getCollapseUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Collapse/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   collapseClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "collapseClasses", {
   enumerable: true,
   get: function () {
-    return _Collapse.default;
+    return _collapseClasses.default;
   }
 });
-Object.defineProperty(exports, "collapseClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _collapseClasses.default;
+    return _Collapse.default;
   }
 });
 

package/node/Container/Container.js

@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Container;
 exports.default = _default;

package/node/Container/containerClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getContainerUtilityClass = getContainerUtilityClass;
 exports.default = void 0;
+exports.getContainerUtilityClass = getContainerUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Container/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   containerClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "containerClasses", {
   enumerable: true,
   get: function () {
-    return _Container.default;
+    return _containerClasses.default;
   }
 });
-Object.defineProperty(exports, "containerClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _containerClasses.default;
+    return _Container.default;
   }
 });
 

package/node/CssBaseline/CssBaseline.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = exports.body = exports.html = void 0;
+exports.styles = exports.html = exports.default = exports.body = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,17 +15,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _GlobalStyles2 = _interopRequireDefault(require("../GlobalStyles"));
+var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _GlobalStyles;
-
 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 html = {
+const html = (theme, enableColorScheme) => (0, _extends2.default)({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -35,7 +33,10 @@ const html = {
   boxSizing: 'border-box',
   // Fix font resize problem in iOS
   WebkitTextSizeAdjust: '100%'
-};
+}, enableColorScheme && {
+  colorScheme: theme.palette.mode
+});
+
 exports.html = html;
 
 const body = theme => (0, _extends2.default)({
@@ -50,11 +51,11 @@ const body = theme => (0, _extends2.default)({
 
 exports.body = body;
 
-const styles = theme => {
+const styles = (theme, enableColorScheme = false) => {
   var _theme$components, _theme$components$Mui;
 
   let defaultStyles = {
-    html,
+    html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
     },
@@ -92,12 +93,13 @@ function CssBaseline(inProps) {
     name: 'MuiCssBaseline'
   });
   const {
-    children
+    children,
+    enableColorScheme = false
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [_GlobalStyles || (_GlobalStyles = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles2.default, {
-      styles: styles
-    })), children]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
+      styles: theme => styles(theme, enableColorScheme)
+    }), children]
   });
 }
 
@@ -112,7 +114,15 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes
   /**
    * You can wrap a node.
    */
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+
+  /**
+   * Enable `color-scheme` css property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme: _propTypes.default.bool
 } : void 0;
 var _default = CssBaseline;
 exports.default = _default;

package/node/Dialog/Dialog.js

@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Dialog/dialogClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogUtilityClass = getDialogUtilityClass;
 exports.default = void 0;
+exports.getDialogUtilityClass = getDialogUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogActions/DialogActions.js

@@ -118,7 +118,7 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogActions;
 exports.default = _default;

package/node/DialogActions/dialogActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 exports.default = void 0;
+exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogContent/DialogContent.js

@@ -25,6 +25,8 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _dialogContentClasses = require("./dialogContentClasses");
 
+var _dialogTitleClasses = _interopRequireDefault(require("../DialogTitle/dialogTitleClasses"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["className", "dividers"];
@@ -67,7 +69,7 @@ const DialogContentRoot = (0, _styled.default)('div', {
   borderTop: `1px solid ${theme.palette.divider}`,
   borderBottom: `1px solid ${theme.palette.divider}`
 } : {
-  '.MuiDialogTitle-root + &': {
+  [`.${_dialogTitleClasses.default.root} + &`]: {
     paddingTop: 0
   }
 }));
@@ -123,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DialogContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContent;
 exports.default = _default;

package/node/DialogContent/dialogContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 exports.default = void 0;
+exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogContentText/DialogContentText.js

@@ -88,7 +88,7 @@ process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContentText;
 exports.default = _default;

package/node/DialogContentText/dialogContentTextClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 exports.default = void 0;
+exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogTitle/DialogTitle.js

@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogTitle;
 exports.default = _default;

package/node/DialogTitle/dialogTitleClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 exports.default = void 0;
+exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Divider/Divider.js

@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The text alignment.

package/node/Divider/dividerClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDividerUtilityClass = getDividerUtilityClass;
 exports.default = void 0;
+exports.getDividerUtilityClass = getDividerUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Drawer/Drawer.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isHorizontal = isHorizontal;
-exports.getAnchor = getAnchor;
 exports.default = void 0;
+exports.getAnchor = getAnchor;
+exports.isHorizontal = isHorizontal;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -343,7 +343,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.

package/node/Drawer/drawerClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDrawerUtilityClass = getDrawerUtilityClass;
 exports.default = void 0;
+exports.getDrawerUtilityClass = getDrawerUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Fab/Fab.js

@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.