@mui/material 5.8.4 → 5.8.7

package/Chip/Chip.js

@@ -78,6 +78,7 @@ const ChipRoot = styled('div', {
   ownerState
 }) => {
   const deleteIconColor = alpha(theme.palette.text.primary, 0.26);
+  const textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];
   return _extends({
     maxWidth: '100%',
     fontFamily: theme.typography.fontFamily,
@@ -86,8 +87,8 @@ const ChipRoot = styled('div', {
     alignItems: 'center',
     justifyContent: 'center',
     height: 32,
-    color: theme.palette.text.primary,
-    backgroundColor: theme.palette.action.selected,
+    color: (theme.vars || theme).palette.text.primary,
+    backgroundColor: (theme.vars || theme).palette.action.selected,
     borderRadius: 32 / 2,
     whiteSpace: 'nowrap',
     transition: theme.transitions.create(['background-color', 'box-shadow']),
@@ -103,7 +104,7 @@ const ChipRoot = styled('div', {
     verticalAlign: 'middle',
     boxSizing: 'border-box',
     [`&.${chipClasses.disabled}`]: {
-      opacity: theme.palette.action.disabledOpacity,
+      opacity: (theme.vars || theme).palette.action.disabledOpacity,
       pointerEvents: 'none'
     },
     [`& .${chipClasses.avatar}`]: {
@@ -111,16 +112,16 @@ const ChipRoot = styled('div', {
       marginRight: -6,
       width: 24,
       height: 24,
-      color: theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300],
+      color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,
       fontSize: theme.typography.pxToRem(12)
     },
     [`& .${chipClasses.avatarColorPrimary}`]: {
-      color: theme.palette.primary.contrastText,
-      backgroundColor: theme.palette.primary.dark
+      color: (theme.vars || theme).palette.primary.contrastText,
+      backgroundColor: (theme.vars || theme).palette.primary.dark
     },
     [`& .${chipClasses.avatarColorSecondary}`]: {
-      color: theme.palette.secondary.contrastText,
-      backgroundColor: theme.palette.secondary.dark
+      color: (theme.vars || theme).palette.secondary.contrastText,
+      backgroundColor: (theme.vars || theme).palette.secondary.dark
     },
     [`& .${chipClasses.avatarSmall}`]: {
       marginLeft: 4,
@@ -130,7 +131,7 @@ const ChipRoot = styled('div', {
       fontSize: theme.typography.pxToRem(10)
     },
     [`& .${chipClasses.icon}`]: _extends({
-      color: theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300],
+      color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor,
       marginLeft: 5,
       marginRight: -6
     }, ownerState.size === 'small' && {
@@ -142,35 +143,35 @@ const ChipRoot = styled('div', {
     }),
     [`& .${chipClasses.deleteIcon}`]: _extends({
       WebkitTapHighlightColor: 'transparent',
-      color: deleteIconColor,
+      color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.26)` : deleteIconColor,
       fontSize: 22,
       cursor: 'pointer',
       margin: '0 5px 0 -6px',
       '&:hover': {
-        color: alpha(deleteIconColor, 0.4)
+        color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.4)` : alpha(deleteIconColor, 0.4)
       }
     }, ownerState.size === 'small' && {
       fontSize: 16,
       marginRight: 4,
       marginLeft: -4
     }, ownerState.color !== 'default' && {
-      color: alpha(theme.palette[ownerState.color].contrastText, 0.7),
+      color: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].contrastTextChannel} / 0.7)` : alpha(theme.palette[ownerState.color].contrastText, 0.7),
       '&:hover, &:active': {
-        color: theme.palette[ownerState.color].contrastText
+        color: (theme.vars || theme).palette[ownerState.color].contrastText
       }
     })
   }, ownerState.size === 'small' && {
     height: 24
   }, ownerState.color !== 'default' && {
-    backgroundColor: theme.palette[ownerState.color].main,
-    color: theme.palette[ownerState.color].contrastText
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
+    color: (theme.vars || theme).palette[ownerState.color].contrastText
   }, ownerState.onDelete && {
     [`&.${chipClasses.focusVisible}`]: {
-      backgroundColor: alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity + theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
     }
   }, ownerState.onDelete && ownerState.color !== 'default' && {
     [`&.${chipClasses.focusVisible}`]: {
-      backgroundColor: theme.palette[ownerState.color].dark
+      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
     }
   });
 }, ({
@@ -181,29 +182,29 @@ const ChipRoot = styled('div', {
   WebkitTapHighlightColor: 'transparent',
   cursor: 'pointer',
   '&:hover': {
-    backgroundColor: alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity + theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
   },
   [`&.${chipClasses.focusVisible}`]: {
-    backgroundColor: alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity + theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
   },
   '&:active': {
-    boxShadow: theme.shadows[1]
+    boxShadow: (theme.vars || theme).shadows[1]
   }
 }, ownerState.clickable && ownerState.color !== 'default' && {
   [`&:hover, &.${chipClasses.focusVisible}`]: {
-    backgroundColor: theme.palette[ownerState.color].dark
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
   }
 }), ({
   theme,
   ownerState
 }) => _extends({}, ownerState.variant === 'outlined' && {
   backgroundColor: 'transparent',
-  border: `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,
+  border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,
   [`&.${chipClasses.clickable}:hover`]: {
-    backgroundColor: theme.palette.action.hover
+    backgroundColor: (theme.vars || theme).palette.action.hover
   },
   [`&.${chipClasses.focusVisible}`]: {
-    backgroundColor: theme.palette.action.focus
+    backgroundColor: (theme.vars || theme).palette.action.focus
   },
   [`& .${chipClasses.avatar}`]: {
     marginLeft: 4
@@ -224,18 +225,18 @@ const ChipRoot = styled('div', {
     marginRight: 3
   }
 }, ownerState.variant === 'outlined' && ownerState.color !== 'default' && {
-  color: theme.palette[ownerState.color].main,
-  border: `1px solid ${alpha(theme.palette[ownerState.color].main, 0.7)}`,
+  color: (theme.vars || theme).palette[ownerState.color].main,
+  border: `1px solid ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)` : alpha(theme.palette[ownerState.color].main, 0.7)}`,
   [`&.${chipClasses.clickable}:hover`]: {
-    backgroundColor: alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity)
   },
   [`&.${chipClasses.focusVisible}`]: {
-    backgroundColor: alpha(theme.palette[ownerState.color].main, theme.palette.action.focusOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.focusOpacity)
   },
   [`& .${chipClasses.deleteIcon}`]: {
-    color: alpha(theme.palette[ownerState.color].main, 0.7),
+    color: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)` : alpha(theme.palette[ownerState.color].main, 0.7),
     '&:hover, &:active': {
-      color: theme.palette[ownerState.color].main
+      color: (theme.vars || theme).palette[ownerState.color].main
     }
   }
 }));

package/Chip/chipClasses.d.ts

@@ -1,80 +1,80 @@
-export interface ChipClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
-    clickable: string;
-    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
-    clickableColorPrimary: string;
-    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
-    clickableColorSecondary: string;
-    /** Styles applied to the root element if `onDelete` is defined. */
-    deletable: string;
-    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
-    deletableColorPrimary: string;
-    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
-    deletableColorSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
-    outlinedSecondary: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the avatar element if `size="small"`. */
-    avatarSmall: string;
-    /** Styles applied to the avatar element if `size="medium"`. */
-    avatarMedium: string;
-    /** Styles applied to the avatar element if `color="primary"`. */
-    avatarColorPrimary: string;
-    /** Styles applied to the avatar element if `color="secondary"`. */
-    avatarColorSecondary: string;
-    /** Styles applied to the icon element. */
-    icon: string;
-    /** Styles applied to the icon element if `size="small"`. */
-    iconSmall: string;
-    /** Styles applied to the icon element if `size="medium"`. */
-    iconMedium: string;
-    /** Styles applied to the icon element if `color="primary"`. */
-    iconColorPrimary: string;
-    /** Styles applied to the icon element if `color="secondary"`. */
-    iconColorSecondary: string;
-    /** Styles applied to the label `span` element. */
-    label: string;
-    /** Styles applied to the label `span` element if `size="small"`. */
-    labelSmall: string;
-    /** Styles applied to the label `span` element if `size="medium"`. */
-    labelMedium: string;
-    /** Styles applied to the deleteIcon element. */
-    deleteIcon: string;
-    /** Styles applied to the deleteIcon element if `size="small"`. */
-    deleteIconSmall: string;
-    /** Styles applied to the deleteIcon element if `size="medium"`. */
-    deleteIconMedium: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
-    deleteIconColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
-    deleteIconColorSecondary: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorSecondary: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export declare type ChipClassKey = keyof ChipClasses;
-export declare function getChipUtilityClass(slot: string): string;
-declare const chipClasses: ChipClasses;
-export default chipClasses;
+export interface ChipClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
+    clickable: string;
+    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
+    clickableColorPrimary: string;
+    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
+    clickableColorSecondary: string;
+    /** Styles applied to the root element if `onDelete` is defined. */
+    deletable: string;
+    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
+    deletableColorPrimary: string;
+    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
+    deletableColorSecondary: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    outlinedSecondary: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the avatar element if `size="small"`. */
+    avatarSmall: string;
+    /** Styles applied to the avatar element if `size="medium"`. */
+    avatarMedium: string;
+    /** Styles applied to the avatar element if `color="primary"`. */
+    avatarColorPrimary: string;
+    /** Styles applied to the avatar element if `color="secondary"`. */
+    avatarColorSecondary: string;
+    /** Styles applied to the icon element. */
+    icon: string;
+    /** Styles applied to the icon element if `size="small"`. */
+    iconSmall: string;
+    /** Styles applied to the icon element if `size="medium"`. */
+    iconMedium: string;
+    /** Styles applied to the icon element if `color="primary"`. */
+    iconColorPrimary: string;
+    /** Styles applied to the icon element if `color="secondary"`. */
+    iconColorSecondary: string;
+    /** Styles applied to the label `span` element. */
+    label: string;
+    /** Styles applied to the label `span` element if `size="small"`. */
+    labelSmall: string;
+    /** Styles applied to the label `span` element if `size="medium"`. */
+    labelMedium: string;
+    /** Styles applied to the deleteIcon element. */
+    deleteIcon: string;
+    /** Styles applied to the deleteIcon element if `size="small"`. */
+    deleteIconSmall: string;
+    /** Styles applied to the deleteIcon element if `size="medium"`. */
+    deleteIconMedium: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
+    deleteIconColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
+    deleteIconColorSecondary: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorSecondary: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export declare type ChipClassKey = keyof ChipClasses;
+export declare function getChipUtilityClass(slot: string): string;
+declare const chipClasses: ChipClasses;
+export default chipClasses;

package/CircularProgress/circularProgressClasses.d.ts

@@ -1,26 +1,26 @@
-export interface CircularProgressClasses {
-    /** Styles applied to the root element. */
-    root: 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 `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the svg element. */
-    svg: string;
-    /** Styles applied to the `circle` svg path. */
-    circle: string;
-    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
-    circleDeterminate: string;
-    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
-    circleIndeterminate: string;
-    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
-    circleDisableShrink: string;
-}
-export declare type CircularProgressClassKey = keyof CircularProgressClasses;
-export declare function getCircularProgressUtilityClass(slot: string): string;
-declare const circularProgressClasses: CircularProgressClasses;
-export default circularProgressClasses;
+export interface CircularProgressClasses {
+    /** Styles applied to the root element. */
+    root: 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 `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the svg element. */
+    svg: string;
+    /** Styles applied to the `circle` svg path. */
+    circle: string;
+    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
+    circleDeterminate: string;
+    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
+    circleIndeterminate: string;
+    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
+    circleDisableShrink: string;
+}
+export declare type CircularProgressClassKey = keyof CircularProgressClasses;
+export declare function getCircularProgressUtilityClass(slot: string): string;
+declare const circularProgressClasses: CircularProgressClasses;
+export default circularProgressClasses;

package/ClickAwayListener/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from '@mui/base/ClickAwayListener';
-export * from '@mui/base/ClickAwayListener';
+export { default } from '@mui/base/ClickAwayListener';
+export * from '@mui/base/ClickAwayListener';

package/Collapse/collapseClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CollapseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element when the transition has entered. */
-    entered: string;
-    /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
-    hidden: string;
-    /** Styles applied to the outer wrapper element. */
-    wrapper: string;
-    /** Styles applied to the inner wrapper element. */
-    wrapperInner: string;
-}
-export declare type CollapseClassKey = keyof CollapseClasses;
-export declare function getCollapseUtilityClass(slot: string): string;
-declare const collapseClasses: CollapseClasses;
-export default collapseClasses;
+export interface CollapseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element when the transition has entered. */
+    entered: string;
+    /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
+    hidden: string;
+    /** Styles applied to the outer wrapper element. */
+    wrapper: string;
+    /** Styles applied to the inner wrapper element. */
+    wrapperInner: string;
+}
+export declare type CollapseClassKey = keyof CollapseClasses;
+export declare function getCollapseUtilityClass(slot: string): string;
+declare const collapseClasses: CollapseClasses;
+export default collapseClasses;

package/Container/containerClasses.d.ts

@@ -1,6 +1,6 @@
-import { ContainerClasses } from '@mui/system';
-export type { ContainerClassKey } from '@mui/system';
-export type { ContainerClasses };
-export declare function getContainerUtilityClass(slot: string): string;
-declare const containerClasses: ContainerClasses;
-export default containerClasses;
+import { ContainerClasses } from '@mui/system';
+export type { ContainerClassKey } from '@mui/system';
+export type { ContainerClasses };
+export declare function getContainerUtilityClass(slot: string): string;
+declare const containerClasses: ContainerClasses;
+export default containerClasses;

package/Dialog/Dialog.js

@@ -125,7 +125,7 @@ const DialogPaper = styled(Paper, {
       maxWidth: 'calc(100% - 64px)'
     }
   }
-}, ownerState.maxWidth !== 'xs' && {
+}, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {
   maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,
   [`&.${dialogClasses.paperScrollBody}`]: {
     [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {
@@ -226,12 +226,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
   }, [ariaLabelledby]);
   return /*#__PURE__*/_jsx(DialogRoot, _extends({
     className: clsx(classes.root, className),
-    BackdropProps: _extends({
-      transitionDuration,
-      as: BackdropComponent
-    }, BackdropProps),
     closeAfterTransition: true,
-    BackdropComponent: DialogBackdrop,
+    components: {
+      Backdrop: DialogBackdrop
+    },
+    componentsProps: {
+      backdrop: _extends({
+        transitionDuration,
+        as: BackdropComponent
+      }, BackdropProps)
+    },
     disableEscapeKeyDown: disableEscapeKeyDown,
     onClose: onClose,
     open: open,
@@ -287,6 +291,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
 
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `components.Backdrop` instead.
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',

package/Dialog/DialogContext.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-interface DialogContextValue {
-    titleId?: string;
-}
-declare const DialogContext: import("react").Context<DialogContextValue>;
-export default DialogContext;
+/// <reference types="react" />
+interface DialogContextValue {
+    titleId?: string;
+}
+declare const DialogContext: import("react").Context<DialogContextValue>;
+export default DialogContext;

package/Dialog/dialogClasses.d.ts

@@ -1,36 +1,36 @@
-export interface DialogClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the container element if `scroll="paper"`. */
-    scrollPaper: string;
-    /** Styles applied to the container element if `scroll="body"`. */
-    scrollBody: string;
-    /** Styles applied to the container element. */
-    container: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the Paper component if `scroll="paper"`. */
-    paperScrollPaper: string;
-    /** Styles applied to the Paper component if `scroll="body"`. */
-    paperScrollBody: string;
-    /** Styles applied to the Paper component if `maxWidth=false`. */
-    paperWidthFalse: string;
-    /** Styles applied to the Paper component if `maxWidth="xs"`. */
-    paperWidthXs: string;
-    /** Styles applied to the Paper component if `maxWidth="sm"`. */
-    paperWidthSm: string;
-    /** Styles applied to the Paper component if `maxWidth="md"`. */
-    paperWidthMd: string;
-    /** Styles applied to the Paper component if `maxWidth="lg"`. */
-    paperWidthLg: string;
-    /** Styles applied to the Paper component if `maxWidth="xl"`. */
-    paperWidthXl: string;
-    /** Styles applied to the Paper component if `fullWidth={true}`. */
-    paperFullWidth: string;
-    /** Styles applied to the Paper component if `fullScreen={true}`. */
-    paperFullScreen: string;
-}
-export declare type DialogClassKey = keyof DialogClasses;
-export declare function getDialogUtilityClass(slot: string): string;
-declare const dialogClasses: DialogClasses;
-export default dialogClasses;
+export interface DialogClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the container element if `scroll="paper"`. */
+    scrollPaper: string;
+    /** Styles applied to the container element if `scroll="body"`. */
+    scrollBody: string;
+    /** Styles applied to the container element. */
+    container: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the Paper component if `scroll="paper"`. */
+    paperScrollPaper: string;
+    /** Styles applied to the Paper component if `scroll="body"`. */
+    paperScrollBody: string;
+    /** Styles applied to the Paper component if `maxWidth=false`. */
+    paperWidthFalse: string;
+    /** Styles applied to the Paper component if `maxWidth="xs"`. */
+    paperWidthXs: string;
+    /** Styles applied to the Paper component if `maxWidth="sm"`. */
+    paperWidthSm: string;
+    /** Styles applied to the Paper component if `maxWidth="md"`. */
+    paperWidthMd: string;
+    /** Styles applied to the Paper component if `maxWidth="lg"`. */
+    paperWidthLg: string;
+    /** Styles applied to the Paper component if `maxWidth="xl"`. */
+    paperWidthXl: string;
+    /** Styles applied to the Paper component if `fullWidth={true}`. */
+    paperFullWidth: string;
+    /** Styles applied to the Paper component if `fullScreen={true}`. */
+    paperFullScreen: string;
+}
+export declare type DialogClassKey = keyof DialogClasses;
+export declare function getDialogUtilityClass(slot: string): string;
+declare const dialogClasses: DialogClasses;
+export default dialogClasses;

package/DialogActions/dialogActionsClasses.d.ts

@@ -1,10 +1,10 @@
-export interface DialogActionsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disableSpacing={true}`. */
-    spacing: string;
-}
-export declare type DialogActionsClassKey = keyof DialogActionsClasses;
-export declare function getDialogActionsUtilityClass(slot: string): string;
-declare const dialogActionsClasses: DialogActionsClasses;
-export default dialogActionsClasses;
+export interface DialogActionsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disableSpacing={true}`. */
+    spacing: string;
+}
+export declare type DialogActionsClassKey = keyof DialogActionsClasses;
+export declare function getDialogActionsUtilityClass(slot: string): string;
+declare const dialogActionsClasses: DialogActionsClasses;
+export default dialogActionsClasses;

package/DialogContent/dialogContentClasses.d.ts

@@ -1,10 +1,10 @@
-export interface DialogContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `dividers={true}`. */
-    dividers: string;
-}
-export declare type DialogContentClassKey = keyof DialogContentClasses;
-export declare function getDialogContentUtilityClass(slot: string): string;
-declare const dialogContentClasses: DialogContentClasses;
-export default dialogContentClasses;
+export interface DialogContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `dividers={true}`. */
+    dividers: string;
+}
+export declare type DialogContentClassKey = keyof DialogContentClasses;
+export declare function getDialogContentUtilityClass(slot: string): string;
+declare const dialogContentClasses: DialogContentClasses;
+export default dialogContentClasses;

package/DialogContentText/dialogContentTextClasses.d.ts

@@ -1,8 +1,8 @@
-export interface DialogContentTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
-export declare function getDialogContentTextUtilityClass(slot: string): string;
-declare const dialogContentTextClasses: DialogContentTextClasses;
-export default dialogContentTextClasses;
+export interface DialogContentTextClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
+export declare function getDialogContentTextUtilityClass(slot: string): string;
+declare const dialogContentTextClasses: DialogContentTextClasses;
+export default dialogContentTextClasses;

package/DialogTitle/dialogTitleClasses.d.ts

@@ -1,8 +1,8 @@
-export interface DialogTitleClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type DialogTitleClassKey = keyof DialogTitleClasses;
-export declare function getDialogTitleUtilityClass(slot: string): string;
-declare const dialogTitleClasses: DialogTitleClasses;
-export default dialogTitleClasses;
+export interface DialogTitleClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type DialogTitleClassKey = keyof DialogTitleClasses;
+export declare function getDialogTitleUtilityClass(slot: string): string;
+declare const dialogTitleClasses: DialogTitleClasses;
+export default dialogTitleClasses;