@mui/material 5.6.3 → 5.8.0

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/CircularProgress.js

@@ -78,7 +78,7 @@ const CircularProgressRoot = styled('span', {
 }, ownerState.variant === 'determinate' && {
   transition: theme.transitions.create('transform')
 }, ownerState.color !== 'inherit' && {
-  color: theme.palette[ownerState.color].main
+  color: (theme.vars || theme).palette[ownerState.color].main
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && css(_t3 || (_t3 = _`

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/Container.js

@@ -1,108 +1,24 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "component", "disableGutters", "fixed", "maxWidth"];
-import * as React from 'react';
+/* eslint-disable material-ui/mui-name-matches-component-name */
 import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import { getContainerUtilityClass } from './containerClasses';
+import { createContainer } from '@mui/system';
 import capitalize from '../utils/capitalize';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    fixed,
-    disableGutters,
-    maxWidth
-  } = ownerState;
-  const slots = {
-    root: ['root', maxWidth && `maxWidth${capitalize(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']
-  };
-  return composeClasses(slots, getContainerUtilityClass, classes);
-};
-
-const ContainerRoot = styled('div', {
-  name: 'MuiContainer',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
-  }
-})(({
-  theme,
-  ownerState
-}) => _extends({
-  width: '100%',
-  marginLeft: 'auto',
-  boxSizing: 'border-box',
-  marginRight: 'auto',
-  display: 'block'
-}, !ownerState.disableGutters && {
-  paddingLeft: theme.spacing(2),
-  paddingRight: theme.spacing(2),
-  [theme.breakpoints.up('sm')]: {
-    paddingLeft: theme.spacing(3),
-    paddingRight: theme.spacing(3)
-  }
-}), ({
-  theme,
-  ownerState
-}) => ownerState.fixed && Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
-  const value = theme.breakpoints.values[breakpoint];
-
-  if (value !== 0) {
-    acc[theme.breakpoints.up(breakpoint)] = {
-      maxWidth: `${value}${theme.breakpoints.unit}`
-    };
-  }
-
-  return acc;
-}, {}), ({
-  theme,
-  ownerState
-}) => _extends({}, ownerState.maxWidth === 'xs' && {
-  [theme.breakpoints.up('xs')]: {
-    maxWidth: Math.max(theme.breakpoints.values.xs, 444)
-  }
-}, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {
-  [theme.breakpoints.up(ownerState.maxWidth)]: {
-    maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`
-  }
-}));
-const Container = /*#__PURE__*/React.forwardRef(function Container(inProps, ref) {
-  const props = useThemeProps({
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+const Container = createContainer({
+  createStyledComponent: styled('div', {
+    name: 'MuiContainer',
+    slot: 'Root',
+    overridesResolver: (props, styles) => {
+      const {
+        ownerState
+      } = props;
+      return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
+    }
+  }),
+  useThemeProps: inProps => useThemeProps({
     props: inProps,
     name: 'MuiContainer'
-  });
-
-  const {
-    className,
-    component = 'div',
-    disableGutters = false,
-    fixed = false,
-    maxWidth = 'lg'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const ownerState = _extends({}, props, {
-    component,
-    disableGutters,
-    fixed,
-    maxWidth
-  });
-
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ContainerRoot, _extends({
-    as: component,
-    ownerState: ownerState,
-    className: clsx(classes.root, className),
-    ref: ref
-  }, other));
+  })
 });
 process.env.NODE_ENV !== "production" ? Container.propTypes
 /* remove-proptypes */
@@ -122,11 +38,6 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
    */
   classes: PropTypes.object,
 
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.

package/Container/containerClasses.d.ts

@@ -1,22 +1,6 @@
-export interface ContainerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `disableGutters={true}`. */
-    disableGutters: string;
-    /** Styles applied to the root element if `fixed={true}`. */
-    fixed: string;
-    /** Styles applied to the root element if `maxWidth="xs"`. */
-    maxWidthXs: string;
-    /** Styles applied to the root element if `maxWidth="sm"`. */
-    maxWidthSm: string;
-    /** Styles applied to the root element if `maxWidth="md"`. */
-    maxWidthMd: string;
-    /** Styles applied to the root element if `maxWidth="lg"`. */
-    maxWidthLg: string;
-    /** Styles applied to the root element if `maxWidth="xl"`. */
-    maxWidthXl: string;
-}
-export declare type ContainerClassKey = keyof 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/CssBaseline/CssBaseline.js

@@ -19,12 +19,12 @@ export const html = (theme, enableColorScheme) => _extends({
   colorScheme: theme.palette.mode
 });
 export const body = theme => _extends({
-  color: theme.palette.text.primary
+  color: (theme.vars || theme).palette.text.primary
 }, theme.typography.body1, {
-  backgroundColor: theme.palette.background.default,
+  backgroundColor: (theme.vars || theme).palette.background.default,
   '@media print': {
     // Save printer ink.
-    backgroundColor: theme.palette.common.white
+    backgroundColor: (theme.vars || theme).palette.common.white
   }
 });
 export const styles = (theme, enableColorScheme = false) => {
@@ -44,7 +44,7 @@ export const styles = (theme, enableColorScheme = false) => {
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       '&::backdrop': {
-        backgroundColor: theme.palette.background.default
+        backgroundColor: (theme.vars || theme).palette.background.default
       }
     })
   };

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/DialogContent.js

@@ -42,8 +42,8 @@ const DialogContentRoot = styled('div', {
   padding: '20px 24px'
 }, ownerState.dividers ? {
   padding: '16px 24px',
-  borderTop: `1px solid ${theme.palette.divider}`,
-  borderBottom: `1px solid ${theme.palette.divider}`
+  borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
+  borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
 } : {
   [`.${dialogTitleClasses.root} + &`]: {
     paddingTop: 0

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;