@mui/material 5.0.4 → 5.1.1

package/node/ScopedCssBaseline/ScopedCssBaseline.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -29,7 +29,7 @@ var _scopedCssBaselineClasses = require("./scopedCssBaselineClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "component"];
+const _excluded = ["className", "component", "enableColorScheme"];
 
 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); }
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
 };
 
 const ScopedCssBaselineRoot = (0, _styled.default)('div', {
@@ -50,15 +50,18 @@ const ScopedCssBaselineRoot = (0, _styled.default)('div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme
-}) => (0, _extends2.default)({}, _CssBaseline.html, (0, _CssBaseline.body)(theme), {
-  '& *, & *::before, & *::after': {
-    boxSizing: 'inherit'
-  },
-  '& strong, & b': {
-    fontWeight: theme.typography.fontWeightBold
-  }
-}));
+  theme,
+  ownerState
+}) => {
+  return (0, _extends2.default)({}, (0, _CssBaseline.html)(theme, ownerState.enableColorScheme), (0, _CssBaseline.body)(theme), {
+    '& *, & *::before, & *::after': {
+      boxSizing: 'inherit'
+    },
+    '& strong, & b': {
+      fontWeight: theme.typography.fontWeightBold
+    }
+  });
+});
 const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     props: inProps,
@@ -107,7 +110,14 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _propTypes.default.elementType
+  component: _propTypes.default.elementType,
+
+  /**
+   * 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
+   */
+  enableColorScheme: _propTypes.default.bool
 } : void 0;
 var _default = ScopedCssBaseline;
 exports.default = _default;

package/node/ScopedCssBaseline/scopedCssBaselineClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getScopedCssBaselineUtilityClass = getScopedCssBaselineUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getScopedCssBaselineUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiScopedCssBaseline', slot);
+  return (0, _base.generateUtilityClass)('MuiScopedCssBaseline', slot);
 }
 
-const scopedCssBaselineClasses = (0, _core.generateUtilityClasses)('MuiScopedCssBaseline', ['root']);
+const scopedCssBaselineClasses = (0, _base.generateUtilityClasses)('MuiScopedCssBaseline', ['root']);
 var _default = scopedCssBaselineClasses;
 exports.default = _default;

package/node/Select/Select.js

@@ -19,8 +19,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
-
 var _SelectInput = _interopRequireDefault(require("./SelectInput"));
 
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
@@ -41,14 +39,11 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
-var _selectClasses = require("./selectClasses");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _Input, _FilledInput;
 
-const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
-      _excluded2 = ["root"];
+const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "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); }
 
@@ -58,10 +53,7 @@ const useUtilityClasses = ownerState => {
   const {
     classes
   } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return (0, _core.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
+  return classes;
 };
 
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
@@ -111,7 +103,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     classes: classesProp
   });
   const classes = useUtilityClasses(ownerState);
-  const otherClasses = (0, _objectWithoutPropertiesLoose2.default)(classesProp, _excluded2);
   const inputComponentRef = (0, _useForkRef.default)(ref, InputComponent.ref);
   return /*#__PURE__*/React.cloneElement(InputComponent, (0, _extends2.default)({
     // Most of the logic is implemented in `SelectInput`.
@@ -139,13 +130,13 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
         id
       }, SelectDisplayProps)
     }, inputProps, {
-      classes: inputProps ? (0, _utils.deepmerge)(otherClasses, inputProps.classes) : otherClasses
+      classes: inputProps ? (0, _utils.deepmerge)(classes, inputProps.classes) : classes
     }, input ? input.props.inputProps : {})
   }, multiple && native && variant === 'outlined' ? {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: (0, _clsx.default)(classes.root, InputComponent.props.className, className)
+    className: (0, _clsx.default)(InputComponent.props.className, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes
@@ -298,7 +289,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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The `input` value. Providing an empty string will select no options.

package/node/Select/SelectInput.js

@@ -21,7 +21,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 
@@ -61,6 +61,8 @@ const SelectSelect = (0, _styled.default)('div', {
       [`&.${_selectClasses.default.select}`]: styles.select
     }, {
       [`&.${_selectClasses.default.select}`]: styles[ownerState.variant]
+    }, {
+      [`&.${_selectClasses.default.multiple}`]: styles.multiple
     }];
   }
 })(_NativeSelectInput.nativeSelectSelectStyles, {
@@ -118,14 +120,15 @@ const useUtilityClasses = ownerState => {
     classes,
     variant,
     disabled,
+    multiple,
     open
   } = ownerState;
   const slots = {
-    select: ['select', variant, disabled && 'disabled'],
+    select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
     icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
-  return (0, _core.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
 };
 /**
  * @ignore - internal component.

package/node/Select/selectClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSelectUtilityClasses = getSelectUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSelectUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiSelect', slot);
+  return (0, _base.generateUtilityClass)('MuiSelect', slot);
 }
 
-const selectClasses = (0, _core.generateUtilityClasses)('MuiSelect', ['root', 'select', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
+const selectClasses = (0, _base.generateUtilityClasses)('MuiSelect', ['select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
 var _default = selectClasses;
 exports.default = _default;

package/node/Skeleton/Skeleton.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _system = require("@mui/system");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("../styles");
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']
   };
-  return (0, _core.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
 };
 
 const pulseKeyframe = (0, _system.keyframes)`
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The type of content that will be rendered.

package/node/Skeleton/skeletonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSkeletonUtilityClass = getSkeletonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSkeletonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSkeleton', slot);
+  return (0, _base.generateUtilityClass)('MuiSkeleton', slot);
 }
 
-const skeletonClasses = (0, _core.generateUtilityClasses)('MuiSkeleton', ['root', 'text', 'rectangular', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);
+const skeletonClasses = (0, _base.generateUtilityClasses)('MuiSkeleton', ['root', 'text', 'rectangular', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);
 var _default = skeletonClasses;
 exports.default = _default;

package/node/Slider/Slider.js

@@ -19,9 +19,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
-var _SliderUnstyled = _interopRequireWildcard(require("@mui/core/SliderUnstyled"));
+var _SliderUnstyled = _interopRequireWildcard(require("@mui/base/SliderUnstyled"));
 
 var _system = require("@mui/system");
 
@@ -41,7 +41,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 sliderClasses = (0, _extends2.default)({}, _SliderUnstyled.sliderUnstyledClasses, (0, _core.generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
+const sliderClasses = (0, _extends2.default)({}, _SliderUnstyled.sliderUnstyledClasses, (0, _base.generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
 exports.sliderClasses = sliderClasses;
 const SliderRoot = (0, _styled.default)('span', {
   name: 'MuiSlider',
@@ -403,7 +403,7 @@ const extendUtilityClasses = ownerState => {
 };
 
 const shouldSpreadOwnerState = Component => {
-  return !Component || !(0, _core.isHostComponent)(Component);
+  return !Component || !(0, _base.isHostComponent)(Component);
 };
 
 const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Tab index attribute of the hidden `input` element.

package/node/Snackbar/Snackbar.js

@@ -17,7 +17,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
+
+var _ClickAwayListener = _interopRequireDefault(require("@mui/base/ClickAwayListener"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -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"));
@@ -56,7 +56,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `anchorOrigin${(0, _capitalize.default)(anchorOrigin.vertical)}${(0, _capitalize.default)(anchorOrigin.horizontal)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _snackbarClasses.getSnackbarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _snackbarClasses.getSnackbarUtilityClass, classes);
 };
 
 const SnackbarRoot = (0, _styled.default)('div', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Snackbar/snackbarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSnackbarUtilityClass = getSnackbarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSnackbarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSnackbar', slot);
+  return (0, _base.generateUtilityClass)('MuiSnackbar', slot);
 }
 
-const snackbarClasses = (0, _core.generateUtilityClasses)('MuiSnackbar', ['root', 'anchorOriginTopCenter', 'anchorOriginBottomCenter', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft']);
+const snackbarClasses = (0, _base.generateUtilityClasses)('MuiSnackbar', ['root', 'anchorOriginTopCenter', 'anchorOriginBottomCenter', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft']);
 var _default = snackbarClasses;
 exports.default = _default;

package/node/SnackbarContent/SnackbarContent.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     action: ['action'],
     message: ['message']
   };
-  return (0, _core.unstable_composeClasses)(slots, _snackbarContentClasses.getSnackbarContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _snackbarContentClasses.getSnackbarContentUtilityClass, classes);
 };
 
 const SnackbarContentRoot = (0, _styled.default)(_Paper.default, {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = SnackbarContent;
 exports.default = _default;

package/node/SnackbarContent/snackbarContentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSnackbarContentUtilityClass = getSnackbarContentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSnackbarContentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSnackbarContent', slot);
+  return (0, _base.generateUtilityClass)('MuiSnackbarContent', slot);
 }
 
-const snackbarContentClasses = (0, _core.generateUtilityClasses)('MuiSnackbarContent', ['root', 'message', 'action']);
+const snackbarContentClasses = (0, _base.generateUtilityClasses)('MuiSnackbarContent', ['root', 'message', 'action']);
 var _default = snackbarContentClasses;
 exports.default = _default;

package/node/SpeedDial/SpeedDial.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
     fab: ['fab'],
     actions: ['actions', !open && 'actionsClosed']
   };
-  return (0, _core.unstable_composeClasses)(slots, _speedDialClasses.getSpeedDialUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _speedDialClasses.getSpeedDialUtilityClass, classes);
 };
 
 function getOrientation(direction) {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/SpeedDial/speedDialClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSpeedDialUtilityClass = getSpeedDialUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSpeedDialUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSpeedDial', slot);
+  return (0, _base.generateUtilityClass)('MuiSpeedDial', slot);
 }
 
-const speedDialClasses = (0, _core.generateUtilityClasses)('MuiSpeedDial', ['root', 'fab', 'directionUp', 'directionDown', 'directionLeft', 'directionRight', 'actions', 'actionsClosed']);
+const speedDialClasses = (0, _base.generateUtilityClasses)('MuiSpeedDial', ['root', 'fab', 'directionUp', 'directionDown', 'directionLeft', 'directionRight', 'actions', 'actionsClosed']);
 var _default = speedDialClasses;
 exports.default = _default;

package/node/SpeedDialAction/SpeedDialAction.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     staticTooltip: ['staticTooltip', `tooltipPlacement${(0, _capitalize.default)(tooltipPlacement)}`, !open && 'staticTooltipClosed'],
     staticTooltipLabel: ['staticTooltipLabel']
   };
-  return (0, _core.unstable_composeClasses)(slots, _speedDialActionClasses.getSpeedDialActionUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _speedDialActionClasses.getSpeedDialActionUtilityClass, classes);
 };
 
 const SpeedDialActionFab = (0, _styled.default)(_Fab.default, {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.

package/node/SpeedDialAction/speedDialActionClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSpeedDialActionUtilityClass = getSpeedDialActionUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSpeedDialActionUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSpeedDialAction', slot);
+  return (0, _base.generateUtilityClass)('MuiSpeedDialAction', slot);
 }
 
-const speedDialActionClasses = (0, _core.generateUtilityClasses)('MuiSpeedDialAction', ['fab', 'fabClosed', 'staticTooltip', 'staticTooltipClosed', 'staticTooltipLabel', 'tooltipPlacementLeft', 'tooltipPlacementRight']);
+const speedDialActionClasses = (0, _base.generateUtilityClasses)('MuiSpeedDialAction', ['fab', 'fabClosed', 'staticTooltip', 'staticTooltipClosed', 'staticTooltipLabel', 'tooltipPlacementLeft', 'tooltipPlacementRight']);
 var _default = speedDialActionClasses;
 exports.default = _default;

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', open && 'iconOpen', openIcon && open && 'iconWithOpenIconOpen'],
     openIcon: ['openIcon', open && 'openIconOpen']
   };
-  return (0, _core.unstable_composeClasses)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
 };
 
 const SpeedDialIconRoot = (0, _styled.default)('span', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 SpeedDialIcon.muiName = 'SpeedDialIcon';
 var _default = SpeedDialIcon;

package/node/SpeedDialIcon/speedDialIconClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSpeedDialIconUtilityClass = getSpeedDialIconUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSpeedDialIconUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSpeedDialIcon', slot);
+  return (0, _base.generateUtilityClass)('MuiSpeedDialIcon', slot);
 }
 
-const speedDialIconClasses = (0, _core.generateUtilityClasses)('MuiSpeedDialIcon', ['root', 'icon', 'iconOpen', 'iconWithOpenIconOpen', 'openIcon', 'openIconOpen']);
+const speedDialIconClasses = (0, _base.generateUtilityClasses)('MuiSpeedDialIcon', ['root', 'icon', 'iconOpen', 'iconWithOpenIconOpen', 'openIcon', 'openIconOpen']);
 var _default = speedDialIconClasses;
 exports.default = _default;

package/node/Stack/Stack.js

@@ -70,7 +70,10 @@ const style = ({
     display: 'flex'
   }, (0, _system.handleBreakpoints)({
     theme
-  }, ownerState.direction, propValue => ({
+  }, (0, _system.unstable_resolveBreakpointValues)({
+    values: ownerState.direction,
+    breakpoints: theme.breakpoints.values
+  }), propValue => ({
     flexDirection: propValue
   })));
 
@@ -183,7 +186,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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Stack;
 exports.default = _default;

package/node/Step/Step.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', completed && 'completed']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepClasses.getStepUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepClasses.getStepUtilityClass, classes);
 };
 
 const StepRoot = (0, _styled.default)('div', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Step;
 exports.default = _default;

package/node/Step/stepClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepUtilityClass = getStepUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStep', slot);
+  return (0, _base.generateUtilityClass)('MuiStep', slot);
 }
 
-const stepClasses = (0, _core.generateUtilityClasses)('MuiStep', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'completed']);
+const stepClasses = (0, _base.generateUtilityClasses)('MuiStep', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'completed']);
 var _default = stepClasses;
 exports.default = _default;

package/node/StepButton/StepButton.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation],
     touchRipple: ['touchRipple']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepButtonClasses.getStepButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepButtonClasses.getStepButtonUtilityClass, classes);
 };
 
 const StepButtonRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = StepButton;
 exports.default = _default;

package/node/StepButton/stepButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepButtonUtilityClass = getStepButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepButton', slot);
+  return (0, _base.generateUtilityClass)('MuiStepButton', slot);
 }
 
-const stepButtonClasses = (0, _core.generateUtilityClasses)('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
+const stepButtonClasses = (0, _base.generateUtilityClasses)('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
 var _default = stepButtonClasses;
 exports.default = _default;