@mui/material 5.1.0 → 5.2.2

package/Skeleton/skeletonClasses.d.ts

@@ -1,24 +1,24 @@
-export interface SkeletonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="rectangular"`. */
-    rectangular: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** Styles applied to the root element if `animation="pulse"`. */
-    pulse: string;
-    /** Styles applied to the root element if `animation="wave"`. */
-    wave: string;
-    /** Styles applied when the component is passed children. */
-    withChildren: string;
-    /** Styles applied when the component is passed children and no width. */
-    fitContent: string;
-    /** Styles applied when the component is passed children and no height. */
-    heightAuto: string;
-}
-export declare type SkeletonClassKey = keyof SkeletonClasses;
-export declare function getSkeletonUtilityClass(slot: string): string;
-declare const skeletonClasses: SkeletonClasses;
-export default skeletonClasses;
+export interface SkeletonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="rectangular"`. */
+    rectangular: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** Styles applied to the root element if `animation="pulse"`. */
+    pulse: string;
+    /** Styles applied to the root element if `animation="wave"`. */
+    wave: string;
+    /** Styles applied when the component is passed children. */
+    withChildren: string;
+    /** Styles applied when the component is passed children and no width. */
+    fitContent: string;
+    /** Styles applied when the component is passed children and no height. */
+    heightAuto: string;
+}
+export declare type SkeletonClassKey = keyof SkeletonClasses;
+export declare function getSkeletonUtilityClass(slot: string): string;
+declare const skeletonClasses: SkeletonClasses;
+export default skeletonClasses;

package/Skeleton/skeletonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSkeletonUtilityClass(slot) {
   return generateUtilityClass('MuiSkeleton', slot);
 }

package/Slider/Slider.d.ts

@@ -3,7 +3,7 @@ import {
   ExtendSliderUnstyledTypeMap,
   ExtendSliderUnstyled,
   SliderUnstyledTypeMap,
-} from '@mui/core/SliderUnstyled';
+} from '@mui/base/SliderUnstyled';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { Theme } from '../styles';

package/Slider/Slider.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes } from '@mui/utils';
-import { generateUtilityClasses, isHostComponent } from '@mui/core';
-import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/core/SliderUnstyled';
+import { generateUtilityClasses, isHostComponent } from '@mui/base';
+import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';
 import { alpha, lighten, darken } from '@mui/system';
 import useThemeProps from '../styles/useThemeProps';
 import styled, { slotShouldForwardProp } from '../styles/styled';

package/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { ClickAwayListenerProps } from '@mui/core/ClickAwayListener';
+import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener';
 import { Theme } from '../styles';
 import { InternalStandardProps as StandardProps } from '..';
 import { SnackbarContentProps } from '../SnackbarContent';
@@ -12,7 +12,7 @@ export interface SnackbarOrigin {
   horizontal: 'left' | 'center' | 'right';
 }
 
-export type SnackbarCloseReason = 'timeout' | 'clickaway';
+export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
 
 export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**
@@ -73,10 +73,10 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
    * 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?: (event: React.SyntheticEvent<any>, reason: SnackbarCloseReason) => void;
+  onClose?: (event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason) => void;
   /**
    * If `true`, the component is shown.
    */

package/Snackbar/Snackbar.js

@@ -1,12 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
-import ClickAwayListener from '@mui/core/ClickAwayListener';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import ClickAwayListener from '@mui/base/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
@@ -110,7 +110,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     ContentProps,
     disableWindowBlurListener = false,
     message,
+    onBlur,
     onClose,
+    onFocus,
     onMouseEnter,
     onMouseLeave,
     open,
@@ -180,6 +182,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);
@@ -188,6 +198,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);
@@ -230,7 +248,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;
@@ -241,6 +285,8 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   }, ClickAwayListenerProps, {
     children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({
       className: clsx(classes.root, className),
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       ownerState: ownerState,
@@ -339,6 +385,11 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    */
   message: PropTypes.node,
 
+  /**
+   * @ignore
+   */
+  onBlur: PropTypes.func,
+
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -346,11 +397,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.func,
 
+  /**
+   * @ignore
+   */
+  onFocus: PropTypes.func,
+
   /**
    * @ignore
    */

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SnackbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
-    anchorOriginTopCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
-    anchorOriginBottomCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-}
-export declare type SnackbarClassKey = keyof SnackbarClasses;
-export declare function getSnackbarUtilityClass(slot: string): string;
-declare const snackbarClasses: SnackbarClasses;
-export default snackbarClasses;
+export interface SnackbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+    anchorOriginTopCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+    anchorOriginBottomCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+}
+export declare type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/Snackbar/snackbarClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSnackbarUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbar', slot);
 }

package/SnackbarContent/SnackbarContent.js

@@ -4,7 +4,7 @@ const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { emphasize } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SnackbarContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
-export declare function getSnackbarContentUtilityClass(slot: string): string;
-declare const snackbarContentClasses: SnackbarContentClasses;
-export default snackbarContentClasses;
+export interface SnackbarContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;

package/SnackbarContent/snackbarContentClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSnackbarContentUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbarContent', slot);
 }

package/SpeedDial/SpeedDial.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { duration } from '../styles/createTransitions';

package/SpeedDial/speedDialClasses.d.ts

@@ -1,22 +1,22 @@
-export interface SpeedDialClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the root element if direction="up" */
-    directionUp: string;
-    /** Styles applied to the root element if direction="down" */
-    directionDown: string;
-    /** Styles applied to the root element if direction="left" */
-    directionLeft: string;
-    /** Styles applied to the root element if direction="right" */
-    directionRight: string;
-    /** Styles applied to the actions (`children` wrapper) element. */
-    actions: string;
-    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
-    actionsClosed: string;
-}
-export declare type SpeedDialClassKey = keyof SpeedDialClasses;
-export declare function getSpeedDialUtilityClass(slot: string): string;
-declare const speedDialClasses: SpeedDialClasses;
-export default speedDialClasses;
+export interface SpeedDialClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the root element if direction="up" */
+    directionUp: string;
+    /** Styles applied to the root element if direction="down" */
+    directionDown: string;
+    /** Styles applied to the root element if direction="left" */
+    directionLeft: string;
+    /** Styles applied to the root element if direction="right" */
+    directionRight: string;
+    /** Styles applied to the actions (`children` wrapper) element. */
+    actions: string;
+    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+    actionsClosed: string;
+}
+export declare type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDial/speedDialClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSpeedDialUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDial', slot);
 }

package/SpeedDialAction/SpeedDialAction.js

@@ -5,7 +5,7 @@ const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "Tool
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { emphasize } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/SpeedDialAction/speedDialActionClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SpeedDialActionClasses {
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the Fab component if `open={false}`. */
-    fabClosed: string;
-    /** Styles applied to the root element if `tooltipOpen={true}`. */
-    staticTooltip: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
-    staticTooltipClosed: string;
-    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
-    staticTooltipLabel: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
-    tooltipPlacementLeft: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
-    tooltipPlacementRight: string;
-}
-export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
-export declare function getSpeedDialActionUtilityClass(slot: string): string;
-declare const speedDialActionClasses: SpeedDialActionClasses;
-export default speedDialActionClasses;
+export interface SpeedDialActionClasses {
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the Fab component if `open={false}`. */
+    fabClosed: string;
+    /** Styles applied to the root element if `tooltipOpen={true}`. */
+    staticTooltip: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
+    staticTooltipClosed: string;
+    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
+    staticTooltipLabel: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
+    tooltipPlacementLeft: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
+    tooltipPlacementRight: string;
+}
+export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
+export declare function getSpeedDialActionUtilityClass(slot: string): string;
+declare const speedDialActionClasses: SpeedDialActionClasses;
+export default speedDialActionClasses;

package/SpeedDialAction/speedDialActionClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSpeedDialActionUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialAction', slot);
 }

package/SpeedDialIcon/SpeedDialIcon.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "icon", "open", "openIcon"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import AddIcon from '../internal/svg-icons/Add';

package/SpeedDialIcon/speedDialIconClasses.d.ts

@@ -1,18 +1,18 @@
-export interface SpeedDialIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if `open={true}`. */
-    iconOpen: string;
-    /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
-    iconWithOpenIconOpen: string;
-    /** Styles applied to the `openIcon` if provided. */
-    openIcon: string;
-    /** Styles applied to the `openIcon` if provided and if `open={true}`. */
-    openIconOpen: string;
-}
-export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
-export declare function getSpeedDialIconUtilityClass(slot: string): string;
-declare const speedDialIconClasses: SpeedDialIconClasses;
-export default speedDialIconClasses;
+export interface SpeedDialIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if `open={true}`. */
+    iconOpen: string;
+    /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
+    iconWithOpenIconOpen: string;
+    /** Styles applied to the `openIcon` if provided. */
+    openIcon: string;
+    /** Styles applied to the `openIcon` if provided and if `open={true}`. */
+    openIconOpen: string;
+}
+export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
+export declare function getSpeedDialIconUtilityClass(slot: string): string;
+declare const speedDialIconClasses: SpeedDialIconClasses;
+export default speedDialIconClasses;

package/SpeedDialIcon/speedDialIconClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSpeedDialIconUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialIcon', slot);
 }

package/Step/Step.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import StepperContext from '../Stepper/StepperContext';
 import StepContext from './StepContext';
 import useThemeProps from '../styles/useThemeProps';

package/Step/stepClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-}
-export declare type StepClassKey = keyof StepClasses;
-export declare function getStepUtilityClass(slot: string): string;
-declare const stepClasses: StepClasses;
-export default stepClasses;
+export interface StepClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+}
+export declare type StepClassKey = keyof StepClasses;
+export declare function getStepUtilityClass(slot: string): string;
+declare const stepClasses: StepClasses;
+export default stepClasses;

package/Step/stepClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getStepUtilityClass(slot) {
   return generateUtilityClass('MuiStep', slot);
 }

package/StepButton/StepButton.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "icon", "optional"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import ButtonBase from '../ButtonBase';

package/StepButton/stepButtonClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the `ButtonBase` touch-ripple. */
-    touchRipple: string;
-}
-export declare type StepButtonClassKey = keyof StepButtonClasses;
-export declare function getStepButtonUtilityClass(slot: string): string;
-declare const stepButtonClasses: StepButtonClasses;
-export default stepButtonClasses;
+export interface StepButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the `ButtonBase` touch-ripple. */
+    touchRipple: string;
+}
+export declare type StepButtonClassKey = keyof StepButtonClasses;
+export declare function getStepButtonUtilityClass(slot: string): string;
+declare const stepButtonClasses: StepButtonClasses;
+export default stepButtonClasses;

package/StepButton/stepButtonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getStepButtonUtilityClass(slot) {
   return generateUtilityClass('MuiStepButton', slot);
 }

package/StepConnector/StepConnector.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';