@mui/material 5.5.1 → 5.6.0

package/LinearProgress/linearProgressClasses.d.ts

@@ -1,42 +1,42 @@
-export interface LinearProgressClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */
-    colorPrimary: string;
-    /** Styles applied to the root and bar2 elements if `color="secondary"`; bar2 if `variant="buffer"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `variant="determinate"`. */
-    determinate: string;
-    /** Styles applied to the root element if `variant="indeterminate"`. */
-    indeterminate: string;
-    /** Styles applied to the root element if `variant="buffer"`. */
-    buffer: string;
-    /** Styles applied to the root element if `variant="query"`. */
-    query: string;
-    /** Styles applied to the additional bar element if `variant="buffer"`. */
-    dashed: string;
-    /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`. */
-    dashedColorPrimary: string;
-    /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`. */
-    dashedColorSecondary: string;
-    /** Styles applied to the layered bar1 and bar2 elements. */
-    bar: string;
-    /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer". */
-    barColorPrimary: string;
-    /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer". */
-    barColorSecondary: string;
-    /** Styles applied to the bar1 element if `variant="indeterminate or query"`. */
-    bar1Indeterminate: string;
-    /** Styles applied to the bar1 element if `variant="determinate"`. */
-    bar1Determinate: string;
-    /** Styles applied to the bar1 element if `variant="buffer"`. */
-    bar1Buffer: string;
-    /** Styles applied to the bar2 element if `variant="indeterminate or query"`. */
-    bar2Indeterminate: string;
-    /** Styles applied to the bar2 element if `variant="buffer"`. */
-    bar2Buffer: string;
-}
-export declare type LinearProgressClassKey = keyof LinearProgressClasses;
-export declare function getLinearProgressUtilityClass(slot: string): string;
-declare const linearProgressClasses: LinearProgressClasses;
-export default linearProgressClasses;
+export interface LinearProgressClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */
+    colorPrimary: string;
+    /** Styles applied to the root and bar2 elements if `color="secondary"`; bar2 if `variant="buffer"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `variant="determinate"`. */
+    determinate: string;
+    /** Styles applied to the root element if `variant="indeterminate"`. */
+    indeterminate: string;
+    /** Styles applied to the root element if `variant="buffer"`. */
+    buffer: string;
+    /** Styles applied to the root element if `variant="query"`. */
+    query: string;
+    /** Styles applied to the additional bar element if `variant="buffer"`. */
+    dashed: string;
+    /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`. */
+    dashedColorPrimary: string;
+    /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`. */
+    dashedColorSecondary: string;
+    /** Styles applied to the layered bar1 and bar2 elements. */
+    bar: string;
+    /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer". */
+    barColorPrimary: string;
+    /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer". */
+    barColorSecondary: string;
+    /** Styles applied to the bar1 element if `variant="indeterminate or query"`. */
+    bar1Indeterminate: string;
+    /** Styles applied to the bar1 element if `variant="determinate"`. */
+    bar1Determinate: string;
+    /** Styles applied to the bar1 element if `variant="buffer"`. */
+    bar1Buffer: string;
+    /** Styles applied to the bar2 element if `variant="indeterminate or query"`. */
+    bar2Indeterminate: string;
+    /** Styles applied to the bar2 element if `variant="buffer"`. */
+    bar2Buffer: string;
+}
+export declare type LinearProgressClassKey = keyof LinearProgressClasses;
+export declare function getLinearProgressUtilityClass(slot: string): string;
+declare const linearProgressClasses: LinearProgressClasses;
+export default linearProgressClasses;

package/Link/Link.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant"];
+const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -9,6 +9,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha, getPath } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
+import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
 import useIsFocusVisible from '../utils/useIsFocusVisible';
 import useForkRef from '../utils/useForkRef';
@@ -97,6 +98,7 @@ const LinkRoot = styled(Typography, {
   });
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
+  const theme = useTheme();
   const props = useThemeProps({
     props: inProps,
     name: 'MuiLink'
@@ -110,7 +112,8 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     onFocus,
     TypographyClasses,
     underline = 'always',
-    variant = 'inherit'
+    variant = 'inherit',
+    sx
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -148,7 +151,9 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   };
 
   const ownerState = _extends({}, props, {
-    color,
+    // It is too complex to support any types of `sx`.
+    // Need to find a better way to get rid of the color manipulation for `textDecorationColor`.
+    color: (typeof sx === 'function' ? sx(theme).color : sx == null ? void 0 : sx.color) || color,
     component,
     focusVisible,
     underline,
@@ -159,13 +164,15 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   return /*#__PURE__*/_jsx(LinkRoot, _extends({
     className: clsx(classes.root, className),
     classes: TypographyClasses,
-    color: color,
     component: component,
     onBlur: handleBlur,
     onFocus: handleFocus,
     ref: handlerRef,
     ownerState: ownerState,
-    variant: variant
+    variant: variant,
+    sx: [{
+      color: colorTransformations[color] || color
+    }, ...(Array.isArray(sx) ? sx : [sx])]
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes

package/Link/linkClasses.d.ts

@@ -1,18 +1,18 @@
-export interface LinkClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `underline="none"`. */
-    underlineNone: string;
-    /** Styles applied to the root element if `underline="hover"`. */
-    underlineHover: string;
-    /** Styles applied to the root element if `underline="always"`. */
-    underlineAlways: string;
-    /** Styles applied to the root element if `component="button"`. */
-    button: string;
-    /** State class applied to the root element if the link is keyboard focused. */
-    focusVisible: string;
-}
-export declare type LinkClassKey = keyof LinkClasses;
-export declare function getLinkUtilityClass(slot: string): string;
-declare const linkClasses: LinkClasses;
-export default linkClasses;
+export interface LinkClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `underline="none"`. */
+    underlineNone: string;
+    /** Styles applied to the root element if `underline="hover"`. */
+    underlineHover: string;
+    /** Styles applied to the root element if `underline="always"`. */
+    underlineAlways: string;
+    /** Styles applied to the root element if `component="button"`. */
+    button: string;
+    /** State class applied to the root element if the link is keyboard focused. */
+    focusVisible: string;
+}
+export declare type LinkClassKey = keyof LinkClasses;
+export declare function getLinkUtilityClass(slot: string): string;
+declare const linkClasses: LinkClasses;
+export default linkClasses;

package/List/listClasses.d.ts

@@ -1,14 +1,14 @@
-export interface ListClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the root element if dense. */
-    dense: string;
-    /** Styles applied to the root element if a `subheader` is provided. */
-    subheader: string;
-}
-export declare type ListClassKey = keyof ListClasses;
-export declare function getListUtilityClass(slot: string): string;
-declare const listClasses: ListClasses;
-export default listClasses;
+export interface ListClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the root element if dense. */
+    dense: string;
+    /** Styles applied to the root element if a `subheader` is provided. */
+    subheader: string;
+}
+export declare type ListClassKey = keyof ListClasses;
+export declare function getListUtilityClass(slot: string): string;
+declare const listClasses: ListClasses;
+export default listClasses;

package/ListItem/listItemClasses.d.ts

@@ -1,30 +1,30 @@
-export interface ListItemClasses {
-    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
-    root: string;
-    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
-    container: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the inner `component` element if `button={true}`. */
-    button: string;
-    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
-    secondaryAction: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemClassKey = keyof ListItemClasses;
-export declare function getListItemUtilityClass(slot: string): string;
-declare const listItemClasses: ListItemClasses;
-export default listItemClasses;
+export interface ListItemClasses {
+    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
+    root: string;
+    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
+    container: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the inner `component` element if `button={true}`. */
+    button: string;
+    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
+    secondaryAction: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemClassKey = keyof ListItemClasses;
+export declare function getListItemUtilityClass(slot: string): string;
+declare const listItemClasses: ListItemClasses;
+export default listItemClasses;

package/ListItemAvatar/listItemAvatarClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemAvatarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-}
-export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
-export declare function getListItemAvatarUtilityClass(slot: string): string;
-declare const listItemAvatarClasses: ListItemAvatarClasses;
-export default listItemAvatarClasses;
+export interface ListItemAvatarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+}
+export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
+export declare function getListItemAvatarUtilityClass(slot: string): string;
+declare const listItemAvatarClasses: ListItemAvatarClasses;
+export default listItemAvatarClasses;

package/ListItemButton/ListItemButton.js

@@ -53,6 +53,7 @@ const ListItemButtonRoot = styled(ButtonBase, {
   alignItems: 'center',
   position: 'relative',
   textDecoration: 'none',
+  minWidth: 0,
   boxSizing: 'border-box',
   textAlign: 'left',
   paddingTop: 8,

package/ListItemButton/listItemButtonClasses.d.ts

@@ -1,22 +1,22 @@
-export interface ListItemButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
-export declare function getListItemButtonUtilityClass(slot: string): string;
-declare const listItemButtonClasses: ListItemButtonClasses;
-export default listItemButtonClasses;
+export interface ListItemButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
+export declare function getListItemButtonUtilityClass(slot: string): string;
+declare const listItemButtonClasses: ListItemButtonClasses;
+export default listItemButtonClasses;

package/ListItemIcon/listItemIconClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-}
-export declare type ListItemIconClassKey = keyof ListItemIconClasses;
-export declare function getListItemIconUtilityClass(slot: string): string;
-declare const listItemIconClasses: ListItemIconClasses;
-export default listItemIconClasses;
+export interface ListItemIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+}
+export declare type ListItemIconClassKey = keyof ListItemIconClasses;
+export declare function getListItemIconUtilityClass(slot: string): string;
+declare const listItemIconClasses: ListItemIconClasses;
+export default listItemIconClasses;

package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemSecondaryActionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` has `disableGutters={true}`. */
-    disableGutters: string;
-}
-export declare type ListItemSecondaryActionClassKey = keyof ListItemSecondaryActionClasses;
-export declare function getListItemSecondaryActionClassesUtilityClass(slot: string): string;
-declare const listItemSecondaryActionClasses: ListItemSecondaryActionClasses;
-export default listItemSecondaryActionClasses;
+export interface ListItemSecondaryActionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` has `disableGutters={true}`. */
+    disableGutters: string;
+}
+export declare type ListItemSecondaryActionClassKey = keyof ListItemSecondaryActionClasses;
+export declare function getListItemSecondaryActionClassesUtilityClass(slot: string): string;
+declare const listItemSecondaryActionClasses: ListItemSecondaryActionClasses;
+export default listItemSecondaryActionClasses;

package/ListItemText/listItemTextClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ListItemTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Typography component if primary and secondary are set. */
-    multiline: string;
-    /** Styles applied to the Typography component if dense. */
-    dense: string;
-    /** Styles applied to the root element if `inset={true}`. */
-    inset: string;
-    /** Styles applied to the primary `Typography` component. */
-    primary: string;
-    /** Styles applied to the secondary `Typography` component. */
-    secondary: string;
-}
-export declare type ListItemTextClassKey = keyof ListItemTextClasses;
-export declare function getListItemTextUtilityClass(slot: string): string;
-declare const listItemTextClasses: ListItemTextClasses;
-export default listItemTextClasses;
+export interface ListItemTextClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Typography component if primary and secondary are set. */
+    multiline: string;
+    /** Styles applied to the Typography component if dense. */
+    dense: string;
+    /** Styles applied to the root element if `inset={true}`. */
+    inset: string;
+    /** Styles applied to the primary `Typography` component. */
+    primary: string;
+    /** Styles applied to the secondary `Typography` component. */
+    secondary: string;
+}
+export declare type ListItemTextClassKey = keyof ListItemTextClasses;
+export declare function getListItemTextUtilityClass(slot: string): string;
+declare const listItemTextClasses: ListItemTextClasses;
+export default listItemTextClasses;

package/ListSubheader/listSubheaderClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ListSubheaderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element if `inset={true}`. */
-    inset: string;
-    /** Styles applied to the root element unless `disableSticky={true}`. */
-    sticky: string;
-}
-export declare type ListSubheaderClassKey = keyof ListSubheaderClasses;
-export declare function getListSubheaderUtilityClass(slot: string): string;
-declare const listSubheaderClasses: ListSubheaderClasses;
-export default listSubheaderClasses;
+export interface ListSubheaderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element if `inset={true}`. */
+    inset: string;
+    /** Styles applied to the root element unless `disableSticky={true}`. */
+    sticky: string;
+}
+export declare type ListSubheaderClassKey = keyof ListSubheaderClasses;
+export declare function getListSubheaderUtilityClass(slot: string): string;
+declare const listSubheaderClasses: ListSubheaderClasses;
+export default listSubheaderClasses;

package/Menu/menuClasses.d.ts

@@ -1,12 +1,12 @@
-export interface MenuClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the List component via `MenuList`. */
-    list: string;
-}
-export declare type MenuClassKey = keyof MenuClasses;
-export declare function getMenuUtilityClass(slot: string): string;
-declare const menuClasses: MenuClasses;
-export default menuClasses;
+export interface MenuClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the List component via `MenuList`. */
+    list: string;
+}
+export declare type MenuClassKey = keyof MenuClasses;
+export declare function getMenuUtilityClass(slot: string): string;
+declare const menuClasses: MenuClasses;
+export default menuClasses;

package/MenuItem/menuItemClasses.d.ts

@@ -1,20 +1,20 @@
-export interface MenuItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the root element if dense. */
-    dense: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type MenuItemClassKey = keyof MenuItemClasses;
-export declare function getMenuItemUtilityClass(slot: string): string;
-declare const menuItemClasses: MenuItemClasses;
-export default menuItemClasses;
+export interface MenuItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the root element if dense. */
+    dense: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type MenuItemClassKey = keyof MenuItemClasses;
+export declare function getMenuItemUtilityClass(slot: string): string;
+declare const menuItemClasses: MenuItemClasses;
+export default menuItemClasses;

package/MobileStepper/mobileStepperClasses.d.ts

@@ -1,22 +1,22 @@
-export interface MobileStepperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="bottom"`. */
-    positionBottom: string;
-    /** Styles applied to the root element if `position="top"`. */
-    positionTop: string;
-    /** Styles applied to the root element if `position="static"`. */
-    positionStatic: string;
-    /** Styles applied to the dots container if `variant="dots"`. */
-    dots: string;
-    /** Styles applied to each dot if `variant="dots"`. */
-    dot: string;
-    /** Styles applied to a dot if `variant="dots"` and this is the active step. */
-    dotActive: string;
-    /** Styles applied to the Linear Progress component if `variant="progress"`. */
-    progress: string;
-}
-export declare type MobileStepperClassKey = keyof MobileStepperClasses;
-export declare function getMobileStepperUtilityClass(slot: string): string;
-declare const mobileStepperClasses: MobileStepperClasses;
-export default mobileStepperClasses;
+export interface MobileStepperClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="bottom"`. */
+    positionBottom: string;
+    /** Styles applied to the root element if `position="top"`. */
+    positionTop: string;
+    /** Styles applied to the root element if `position="static"`. */
+    positionStatic: string;
+    /** Styles applied to the dots container if `variant="dots"`. */
+    dots: string;
+    /** Styles applied to each dot if `variant="dots"`. */
+    dot: string;
+    /** Styles applied to a dot if `variant="dots"` and this is the active step. */
+    dotActive: string;
+    /** Styles applied to the Linear Progress component if `variant="progress"`. */
+    progress: string;
+}
+export declare type MobileStepperClassKey = keyof MobileStepperClasses;
+export declare function getMobileStepperUtilityClass(slot: string): string;
+declare const mobileStepperClasses: MobileStepperClasses;
+export default mobileStepperClasses;