@mui/material 5.1.0 → 5.2.2

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.
@@ -396,7 +399,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
 
     return /*#__PURE__*/React.cloneElement(child, {
-      'aria-selected': selected ? 'true' : undefined,
+      'aria-selected': selected ? 'true' : 'false',
       onClick: handleItemClick(child),
       onKeyUp: event => {
         if (event.key === ' ') {
@@ -430,7 +433,11 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }
 
   if (computeDisplay) {
-    display = multiple ? displayMultiple.join(', ') : displaySingle;
+    if (multiple) {
+      display = displayMultiple.reduce((prev, curr) => [prev, ', ', curr]);
+    } else {
+      display = displaySingle;
+    }
   } // Avoid performing a layout computation in the render method.
 
 

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)`

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) {

package/node/Snackbar/Snackbar.js

@@ -17,9 +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/core/ClickAwayListener"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/base/ClickAwayListener"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -42,7 +42,7 @@ var _snackbarClasses = require("./snackbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["onEnter", "onExited"],
-      _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onClose", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
+      _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
 
 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); }
 
@@ -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', {
@@ -138,7 +138,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     ContentProps,
     disableWindowBlurListener = false,
     message,
+    onBlur,
     onClose,
+    onFocus,
     onMouseEnter,
     onMouseLeave,
     open,
@@ -205,6 +207,14 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     }
   }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
 
+  const handleFocus = event => {
+    if (onFocus) {
+      onFocus(event);
+    }
+
+    handlePause();
+  };
+
   const handleMouseEnter = event => {
     if (onMouseEnter) {
       onMouseEnter(event);
@@ -213,6 +223,14 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     handlePause();
   };
 
+  const handleBlur = event => {
+    if (onBlur) {
+      onBlur(event);
+    }
+
+    handleResume();
+  };
+
   const handleMouseLeave = event => {
     if (onMouseLeave) {
       onMouseLeave(event);
@@ -255,7 +273,33 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     }
 
     return undefined;
-  }, [disableWindowBlurListener, handleResume, open]); // So we only render active snackbars.
+  }, [disableWindowBlurListener, handleResume, open]);
+  React.useEffect(() => {
+    if (!open) {
+      return undefined;
+    }
+    /**
+     * @param {KeyboardEvent} nativeEvent
+     */
+
+
+    function handleKeyDown(nativeEvent) {
+      if (!nativeEvent.defaultPrevented) {
+        // IE11, Edge (prior to using Bink?) use 'Esc'
+        if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') {
+          // not calling `preventDefault` since we don't know if people may ignore this event e.g. a permanently open snackbar
+          if (onClose) {
+            onClose(nativeEvent, 'escapeKeyDown');
+          }
+        }
+      }
+    }
+
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [exited, open, onClose]); // So we only render active snackbars.
 
   if (!open && exited) {
     return null;
@@ -266,6 +310,8 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   }, ClickAwayListenerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarRoot, (0, _extends2.default)({
       className: (0, _clsx.default)(classes.root, className),
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       ownerState: ownerState,
@@ -364,6 +410,11 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    */
   message: _propTypes.default.node,
 
+  /**
+   * @ignore
+   */
+  onBlur: _propTypes.default.func,
+
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -371,11 +422,16 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * The `reason` parameter can optionally be used to control the response to `onClose`,
    * for example ignoring `clickaway`.
    *
-   * @param {React.SyntheticEvent<any>} event The event source of the callback.
-   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`.
+   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
   onClose: _propTypes.default.func,
 
+  /**
+   * @ignore
+   */
+  onFocus: _propTypes.default.func,
+
   /**
    * @ignore
    */

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, {

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) {

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, {

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', {

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/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', {

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, {

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;

package/node/StepConnector/StepConnector.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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
     line: ['line', `line${(0, _capitalize.default)(orientation)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
 };
 
 const StepConnectorRoot = (0, _styled.default)('div', {

package/node/StepConnector/stepConnectorClasses.js

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

package/node/StepContent/StepContent.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"));
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', last && 'last'],
     transition: ['transition']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
 };
 
 const StepContentRoot = (0, _styled.default)('div', {

package/node/StepContent/stepContentClasses.js

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

package/node/StepIcon/StepIcon.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', active && 'active', completed && 'completed', error && 'error'],
     text: ['text']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
 };
 
 const StepIconRoot = (0, _styled.default)(_SvgIcon.default, {

package/node/StepIcon/stepIconClasses.js

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

package/node/StepLabel/StepLabel.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"));
 
@@ -55,7 +55,7 @@ const useUtilityClasses = ownerState => {
     iconContainer: ['iconContainer', alternativeLabel && 'alternativeLabel'],
     labelContainer: ['labelContainer']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
 };
 
 const StepLabelRoot = (0, _styled.default)('span', {