@mui/material 5.4.2 → 5.4.3

package/Snackbar/Snackbar.js

@@ -10,7 +10,6 @@ import ClickAwayListener from '@mui/base/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
-import { duration } from '../styles/createTransitions';
 import useEventCallback from '../utils/useEventCallback';
 import capitalize from '../utils/capitalize';
 import Grow from '../Grow';
@@ -93,6 +92,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     props: inProps,
     name: 'MuiSnackbar'
   });
+  const theme = useTheme();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
 
   const {
     action,
@@ -118,10 +122,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     open,
     resumeHideDuration,
     TransitionComponent = Grow,
-    transitionDuration = {
-      enter: duration.enteringScreen,
-      exit: duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps: {
       onEnter,
       onExited
@@ -130,7 +131,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
         other = _objectWithoutPropertiesLoose(props, _excluded2);
 
-  const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
 
   const ownerState = _extends({}, props, {
@@ -449,8 +449,8 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

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/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/SpeedDial/SpeedDial.d.ts

@@ -80,8 +80,8 @@ export interface SpeedDialProps
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration?: TransitionProps['timeout'];

package/SpeedDial/SpeedDial.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
-import { duration } from '../styles/createTransitions';
+import useTheme from '../styles/useTheme';
 import Zoom from '../Zoom';
 import Fab from '../Fab';
 import capitalize from '../utils/capitalize';
@@ -137,6 +137,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     props: inProps,
     name: 'MuiSpeedDial'
   });
+  const theme = useTheme();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
 
   const {
     ariaLabel,
@@ -157,10 +162,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onOpen,
     open: openProp,
     TransitionComponent = Zoom,
-    transitionDuration = {
-      enter: duration.enteringScreen,
-      exit: duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps
   } = props,
         FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
@@ -542,8 +544,8 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

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/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/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/Step/StepContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface StepContextType {
+    index: number;
+    last: boolean;
+    expanded: boolean;
+    icon: React.ReactNode;
+    active: boolean;
+    completed: boolean;
+    disabled: boolean;
+}
+/**
+ * Provides information about the current step in Stepper.
+ */
+declare const StepContext: React.Context<{} | StepContextType>;
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+export declare function useStepContext(): StepContextType | {};
+export default StepContext;

package/Step/StepContext.js

@@ -1,12 +1,20 @@
 import * as React from 'react';
+
 /**
- * @ignore - internal component.
+ * Provides information about the current step in Stepper.
  */
-
 const StepContext = /*#__PURE__*/React.createContext({});
 
 if (process.env.NODE_ENV !== 'production') {
   StepContext.displayName = 'StepContext';
 }
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+
 
+export function useStepContext() {
+  return React.useContext(StepContext);
+}
 export default StepContext;

package/Step/index.d.ts

@@ -3,3 +3,6 @@ export * from './Step';
 
 export { default as stepClasses } from './stepClasses';
 export * from './stepClasses';
+
+export { default as StepContext } from './StepContext';
+export * from './StepContext';

package/Step/index.js

@@ -1,3 +1,5 @@
 export { default } from './Step';
 export { default as stepClasses } from './stepClasses';
-export * from './stepClasses';
+export * from './stepClasses';
+export { default as StepContext } from './StepContext';
+export * from './StepContext';

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/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/StepConnector/stepConnectorClasses.d.ts

@@ -1,26 +1,26 @@
-export interface StepConnectorClasses {
-    /** 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 `active={true}`. */
-    active: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the line element. */
-    line: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    lineHorizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    lineVertical: string;
-}
-export declare type StepConnectorClassKey = keyof StepConnectorClasses;
-export declare function getStepConnectorUtilityClass(slot: string): string;
-declare const stepConnectorClasses: StepConnectorClasses;
-export default stepConnectorClasses;
+export interface StepConnectorClasses {
+    /** 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 `active={true}`. */
+    active: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the line element. */
+    line: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    lineHorizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    lineVertical: string;
+}
+export declare type StepConnectorClassKey = keyof StepConnectorClasses;
+export declare function getStepConnectorUtilityClass(slot: string): string;
+declare const stepConnectorClasses: StepConnectorClasses;
+export default stepConnectorClasses;

package/StepContent/stepContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface StepContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
-    last: string;
-    /** Styles applied to the Transition component. */
-    transition: string;
-}
-export declare type StepContentClassKey = keyof StepContentClasses;
-export declare function getStepContentUtilityClass(slot: string): string;
-declare const stepContentClasses: StepContentClasses;
-export default stepContentClasses;
+export interface StepContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
+    last: string;
+    /** Styles applied to the Transition component. */
+    transition: string;
+}
+export declare type StepContentClassKey = keyof StepContentClasses;
+export declare function getStepContentUtilityClass(slot: string): string;
+declare const stepContentClasses: StepContentClasses;
+export default stepContentClasses;

package/StepIcon/stepIconClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the SVG text element. */
-    text: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-}
-export declare type StepIconClassKey = keyof StepIconClasses;
-export declare function getStepIconUtilityClass(slot: string): string;
-declare const stepIconClasses: StepIconClasses;
-export default stepIconClasses;
+export interface StepIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the SVG text element. */
+    text: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+}
+export declare type StepIconClassKey = keyof StepIconClasses;
+export declare function getStepIconUtilityClass(slot: string): string;
+declare const stepIconClasses: StepIconClasses;
+export default stepIconClasses;

package/StepLabel/stepLabelClasses.d.ts

@@ -1,28 +1,28 @@
-export interface StepLabelClasses {
-    /** 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 label element that wraps `children`. */
-    label: string;
-    /** State class applied to the label element if `active={true}`. */
-    active: string;
-    /** State class applied to the label element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root and label elements if `error={true}`. */
-    error: string;
-    /** State class applied to the root and label elements if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the `icon` container element. */
-    iconContainer: string;
-    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** Styles applied to the container element which wraps label and `optional`. */
-    labelContainer: string;
-}
-export declare type StepLabelClassKey = keyof StepLabelClasses;
-export declare function getStepLabelUtilityClass(slot: string): string;
-declare const stepLabelClasses: StepLabelClasses;
-export default stepLabelClasses;
+export interface StepLabelClasses {
+    /** 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 label element that wraps `children`. */
+    label: string;
+    /** State class applied to the label element if `active={true}`. */
+    active: string;
+    /** State class applied to the label element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root and label elements if `error={true}`. */
+    error: string;
+    /** State class applied to the root and label elements if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the `icon` container element. */
+    iconContainer: string;
+    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** Styles applied to the container element which wraps label and `optional`. */
+    labelContainer: string;
+}
+export declare type StepLabelClassKey = keyof StepLabelClasses;
+export declare function getStepLabelUtilityClass(slot: string): string;
+declare const stepLabelClasses: StepLabelClasses;
+export default stepLabelClasses;

package/Stepper/stepperClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepperClasses {
-    /** 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;
-}
-export declare type StepperClassKey = keyof StepperClasses;
-export declare function getStepperUtilityClass(slot: string): string;
-declare const stepperClasses: StepperClasses;
-export default stepperClasses;
+export interface StepperClasses {
+    /** 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;
+}
+export declare type StepperClassKey = keyof StepperClasses;
+export declare function getStepperUtilityClass(slot: string): string;
+declare const stepperClasses: StepperClasses;
+export default stepperClasses;