@mui/material 5.0.4 → 5.0.5

package/node/FormGroup/FormGroup.js

@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? FormGroup.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.func, _propTypes.default.object])
 } : void 0;
 var _default = FormGroup;
 exports.default = _default;

package/node/FormHelperText/FormHelperText.js

@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormHelperText.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/FormLabel/FormLabel.js

@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.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.func, _propTypes.default.object])
 } : void 0;
 var _default = FormLabel;
 exports.default = _default;

package/node/Grid/Grid.js

@@ -274,7 +274,7 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const props = (0, _system.unstable_extendSxProp)(themeProps);
   const {
     className,
-    columns: columnsProp = 12,
+    columns: columnsProp,
     columnSpacing: columnSpacingProp,
     component = 'div',
     container = false,
@@ -293,7 +293,10 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
-  const columns = React.useContext(_GridContext.default) || columnsProp;
+  const columnsContext = React.useContext(_GridContext.default); // setting prop before context to accomodate nesting
+  // colums set with default breakpoint unit of 12
+
+  const columns = columnsProp || columnsContext || 12;
   const ownerState = (0, _extends2.default)({}, props, {
     columns,
     container,
@@ -422,7 +425,7 @@ process.env.NODE_ENV !== "production" ? Grid.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.func, _propTypes.default.object]),
 
   /**
    * Defines the `flex-wrap` style property.

package/node/Icon/Icon.js

@@ -175,7 +175,7 @@ process.env.NODE_ENV !== "production" ? Icon.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.func, _propTypes.default.object])
 } : void 0;
 Icon.muiName = 'Icon';
 var _default = Icon;

package/node/IconButton/IconButton.js

@@ -236,7 +236,7 @@ process.env.NODE_ENV !== "production" ? IconButton.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.func, _propTypes.default.object])
 } : void 0;
 var _default = IconButton;
 exports.default = _default;

package/node/ImageList/ImageList.js

@@ -184,7 +184,7 @@ process.env.NODE_ENV !== "production" ? ImageList.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/ImageListItem/ImageListItem.js

@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? ImageListItem.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ImageListItem;
 exports.default = _default;

package/node/ImageListItemBar/ImageListItemBar.js

@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? ImageListItemBar.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.func, _propTypes.default.object]),
 
   /**
    * Title to be displayed.

package/node/Input/Input.js

@@ -339,7 +339,7 @@ process.env.NODE_ENV !== "production" ? Input.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.func, _propTypes.default.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/node/InputAdornment/InputAdornment.js

@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? InputAdornment.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/InputBase/InputBase.js

@@ -31,16 +31,12 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 
-var _TextareaAutosize = _interopRequireDefault(require("../TextareaAutosize"));
-
 var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 
 var _utils2 = require("./utils");
@@ -285,7 +281,6 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     value: valueProp
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -453,7 +448,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       }, inputProps);
     }
 
-    InputComponent = _TextareaAutosize.default;
+    InputComponent = _core.TextareaAutosize;
   }
 
   const handleAutoFill = event => {
@@ -489,8 +484,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   inputProps = (0, _extends2.default)({}, inputProps, componentsProps.input);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, !(0, _core.isHostComponent)(Root) && {
-      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState),
-      theme
+      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
     }, {
       ref: ref,
       onClick: handleClick
@@ -519,8 +513,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           type: type
         }, inputProps, !(0, _core.isHostComponent)(Input) && {
           as: InputComponent,
-          ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState),
-          theme
+          ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState)
         }, {
           ref: handleInputRef,
           className: (0, _clsx.default)(classes.input, inputProps.className, inputPropsProp.className),
@@ -749,7 +742,7 @@ process.env.NODE_ENV !== "production" ? InputBase.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.func, _propTypes.default.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/node/InputLabel/InputLabel.js

@@ -227,7 +227,7 @@ process.env.NODE_ENV !== "production" ? InputLabel.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/LinearProgress/LinearProgress.js

@@ -361,7 +361,7 @@ process.env.NODE_ENV !== "production" ? LinearProgress.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.func, _propTypes.default.object]),
 
   /**
    * The value of the progress indicator for the determinate and buffer variants.

package/node/Link/Link.js

@@ -245,7 +245,7 @@ process.env.NODE_ENV !== "production" ? Link.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.func, _propTypes.default.object]),
 
   /**
    * `classes` prop applied to the [`Typography`](/api/typography/) element.

package/node/List/List.js

@@ -156,7 +156,7 @@ process.env.NODE_ENV !== "production" ? List.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.func, _propTypes.default.object])
 } : void 0;
 var _default = List;
 exports.default = _default;

package/node/ListItem/ListItem.js

@@ -443,7 +443,7 @@ process.env.NODE_ENV !== "production" ? ListItem.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListItem;
 exports.default = _default;

package/node/ListItemAvatar/ListItemAvatar.js

@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? ListItemAvatar.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListItemAvatar;
 exports.default = _default;

package/node/ListItemButton/ListItemButton.js

@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? ListItemButton.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListItemButton;
 exports.default = _default;

package/node/ListItemIcon/ListItemIcon.js

@@ -117,7 +117,7 @@ process.env.NODE_ENV !== "production" ? ListItemIcon.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListItemIcon;
 exports.default = _default;

package/node/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.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.func, _propTypes.default.object])
 } : void 0;
 ListItemSecondaryAction.muiName = 'ListItemSecondaryAction';
 var _default = ListItemSecondaryAction;

package/node/ListItemText/ListItemText.js

@@ -203,7 +203,7 @@ process.env.NODE_ENV !== "production" ? ListItemText.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListItemText;
 exports.default = _default;

package/node/ListSubheader/ListSubheader.js

@@ -169,7 +169,7 @@ process.env.NODE_ENV !== "production" ? ListSubheader.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.func, _propTypes.default.object])
 } : void 0;
 var _default = ListSubheader;
 exports.default = _default;

package/node/Menu/Menu.js

@@ -292,7 +292,7 @@ process.env.NODE_ENV !== "production" ? Menu.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.func, _propTypes.default.object]),
 
   /**
    * The length of the transition in `ms`, or 'auto'

package/node/MenuItem/MenuItem.js

@@ -149,7 +149,10 @@ const MenuItemRoot = (0, _styled.default)(_ButtonBase.default, {
     minHeight: 'auto'
   }
 }, ownerState.dense && (0, _extends2.default)({
-  minHeight: 36
+  minHeight: 32,
+  // https://material.io/components/menus#specs > Dense
+  paddingTop: 4,
+  paddingBottom: 4
 }, theme.typography.body2, {
   [`& .${_ListItemIcon.listItemIconClasses.root} svg`]: {
     fontSize: '1.25rem'
@@ -293,7 +296,7 @@ process.env.NODE_ENV !== "production" ? MenuItem.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.func, _propTypes.default.object]),
 
   /**
    * @default 0

package/node/MobileStepper/MobileStepper.js

@@ -234,7 +234,7 @@ process.env.NODE_ENV !== "production" ? MobileStepper.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Modal/Modal.js

@@ -295,7 +295,7 @@ process.env.NODE_ENV !== "production" ? Modal.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.func, _propTypes.default.object])
 } : void 0;
 var _default = Modal;
 exports.default = _default;

package/node/NativeSelect/NativeSelect.js

@@ -151,7 +151,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.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.func, _propTypes.default.object]),
 
   /**
    * The `input` value. The DOM API casts this to a string.

package/node/OutlinedInput/OutlinedInput.js

@@ -333,7 +333,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.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.func, _propTypes.default.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/node/Pagination/Pagination.js

@@ -281,7 +281,7 @@ process.env.NODE_ENV !== "production" ? Pagination.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/PaginationItem/PaginationItem.js

@@ -367,7 +367,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.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.func, _propTypes.default.object]),
 
   /**
    * The type of pagination item.

package/node/Paper/Paper.js

@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? Paper.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.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Popover/Popover.js

@@ -489,7 +489,7 @@ process.env.NODE_ENV !== "production" ? Popover.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.func, _propTypes.default.object]),
 
   /**
    * This is the point on the popover which

package/node/Popper/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Popper = _interopRequireDefault(require("./Popper"));
+var _Popper = _interopRequireDefault(require("@mui/core/Popper"));

package/node/Radio/Radio.js

@@ -248,7 +248,7 @@ process.env.NODE_ENV !== "production" ? Radio.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.func, _propTypes.default.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/node/Rating/Rating.js

@@ -730,7 +730,7 @@ process.env.NODE_ENV !== "production" ? Rating.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.func, _propTypes.default.object]),
 
   /**
    * The rating value.

package/node/Select/Select.js

@@ -298,7 +298,7 @@ process.env.NODE_ENV !== "production" ? Select.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.func, _propTypes.default.object]),
 
   /**
    * The `input` value. Providing an empty string will select no options.

package/node/Skeleton/Skeleton.js

@@ -230,7 +230,7 @@ process.env.NODE_ENV !== "production" ? Skeleton.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.func, _propTypes.default.object]),
 
   /**
    * The type of content that will be rendered.

package/node/Slider/Slider.js

@@ -666,7 +666,7 @@ process.env.NODE_ENV !== "production" ? Slider.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.func, _propTypes.default.object]),
 
   /**
    * Tab index attribute of the hidden `input` element.

package/node/Snackbar/Snackbar.js

@@ -19,6 +19,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _core = require("@mui/core");
 
+var _ClickAwayListener = _interopRequireDefault(require("@mui/core/ClickAwayListener"));
+
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -27,8 +29,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _createTransitions = require("../styles/createTransitions");
 
-var _ClickAwayListener = _interopRequireDefault(require("../ClickAwayListener"));
-
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -402,7 +402,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.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.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/SnackbarContent/SnackbarContent.js

@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" ? SnackbarContent.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.func, _propTypes.default.object])
 } : void 0;
 var _default = SnackbarContent;
 exports.default = _default;

package/node/SpeedDial/SpeedDial.js

@@ -554,7 +554,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.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.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/SpeedDialAction/SpeedDialAction.js

@@ -264,7 +264,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.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.func, _propTypes.default.object]),
 
   /**
    * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -165,7 +165,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialIcon.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.func, _propTypes.default.object])
 } : void 0;
 SpeedDialIcon.muiName = 'SpeedDialIcon';
 var _default = SpeedDialIcon;

package/node/Stack/Stack.js

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

package/node/Step/Step.js

@@ -195,7 +195,7 @@ process.env.NODE_ENV !== "production" ? Step.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.func, _propTypes.default.object])
 } : void 0;
 var _default = Step;
 exports.default = _default;

package/node/StepButton/StepButton.js

@@ -160,7 +160,7 @@ process.env.NODE_ENV !== "production" ? StepButton.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.func, _propTypes.default.object])
 } : void 0;
 var _default = StepButton;
 exports.default = _default;

package/node/StepConnector/StepConnector.js

@@ -158,7 +158,7 @@ process.env.NODE_ENV !== "production" ? StepConnector.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.func, _propTypes.default.object])
 } : void 0;
 var _default = StepConnector;
 exports.default = _default;

package/node/StepContent/StepContent.js

@@ -159,7 +159,7 @@ process.env.NODE_ENV !== "production" ? StepContent.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.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/StepIcon/StepIcon.js

@@ -195,7 +195,7 @@ process.env.NODE_ENV !== "production" ? StepIcon.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.func, _propTypes.default.object])
 } : void 0;
 var _default = StepIcon;
 exports.default = _default;

package/node/StepLabel/StepLabel.js

@@ -258,7 +258,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.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.func, _propTypes.default.object])
 } : void 0;
 StepLabel.muiName = 'StepLabel';
 var _default = StepLabel;

package/node/Stepper/Stepper.js

@@ -176,7 +176,7 @@ process.env.NODE_ENV !== "production" ? Stepper.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.func, _propTypes.default.object])
 } : void 0;
 var _default = Stepper;
 exports.default = _default;