@mui/material 5.15.11 → 5.15.12

package/Alert/Alert.js

@@ -6,10 +6,9 @@ const _excluded = ["action", "children", "className", "closeText", "color", "com
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { darken, lighten } from '@mui/system';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import composeClasses from '@mui/utils/composeClasses';
+import { darken, lighten } from '@mui/system/colorManipulator';
+import { styled, createUseThemeProps } from '../zero-styled';
 import useSlot from '../utils/useSlot';
 import capitalize from '../utils/capitalize';
 import Paper from '../Paper';
@@ -22,6 +21,7 @@ import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
 import CloseIcon from '../internal/svg-icons/Close';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+const useThemeProps = createUseThemeProps('MuiAlert');
 const useUtilityClasses = ownerState => {
   const {
     variant,
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
-    root: ['root', `${variant}${capitalize(color || severity)}`, `${variant}`],
+    root: ['root', `color${capitalize(color || severity)}`, `${variant}${capitalize(color || severity)}`, `${variant}`],
     icon: ['icon'],
     message: ['message'],
     action: ['action']
@@ -47,41 +47,58 @@ const AlertRoot = styled(Paper, {
     return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color || ownerState.severity)}`]];
   }
 })(({
-  theme,
-  ownerState
+  theme
 }) => {
   const getColor = theme.palette.mode === 'light' ? darken : lighten;
   const getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
-  const color = ownerState.color || ownerState.severity;
   return _extends({}, theme.typography.body2, {
     backgroundColor: 'transparent',
     display: 'flex',
-    padding: '6px 16px'
-  }, color && ownerState.variant === 'standard' && {
-    color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
-    backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
-    [`& .${alertClasses.icon}`]: theme.vars ? {
-      color: theme.vars.palette.Alert[`${color}IconColor`]
-    } : {
-      color: theme.palette[color].main
-    }
-  }, color && ownerState.variant === 'outlined' && {
-    color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
-    border: `1px solid ${(theme.vars || theme).palette[color].light}`,
-    [`& .${alertClasses.icon}`]: theme.vars ? {
-      color: theme.vars.palette.Alert[`${color}IconColor`]
-    } : {
-      color: theme.palette[color].main
-    }
-  }, color && ownerState.variant === 'filled' && _extends({
-    fontWeight: theme.typography.fontWeightMedium
-  }, theme.vars ? {
-    color: theme.vars.palette.Alert[`${color}FilledColor`],
-    backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
-  } : {
-    backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
-    color: theme.palette.getContrastText(theme.palette[color].main)
-  }));
+    padding: '6px 16px',
+    variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
+      props: {
+        colorSeverity: color,
+        variant: 'standard'
+      },
+      style: {
+        color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
+        backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
+        [`& .${alertClasses.icon}`]: theme.vars ? {
+          color: theme.vars.palette.Alert[`${color}IconColor`]
+        } : {
+          color: theme.palette[color].main
+        }
+      }
+    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
+      props: {
+        colorSeverity: color,
+        variant: 'outlined'
+      },
+      style: {
+        color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
+        border: `1px solid ${(theme.vars || theme).palette[color].light}`,
+        [`& .${alertClasses.icon}`]: theme.vars ? {
+          color: theme.vars.palette.Alert[`${color}IconColor`]
+        } : {
+          color: theme.palette[color].main
+        }
+      }
+    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.dark).map(([color]) => ({
+      props: {
+        colorSeverity: color,
+        variant: 'filled'
+      },
+      style: _extends({
+        fontWeight: theme.typography.fontWeightMedium
+      }, theme.vars ? {
+        color: theme.vars.palette.Alert[`${color}FilledColor`],
+        backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
+      } : {
+        backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
+        color: theme.palette.getContrastText(theme.palette[color].main)
+      })
+    }))]
+  });
 });
 const AlertIcon = styled('div', {
   name: 'MuiAlert',
@@ -154,7 +171,8 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
   const ownerState = _extends({}, props, {
     color,
     severity,
-    variant
+    variant,
+    colorSeverity: color || severity
   });
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {

package/Alert/alertClasses.d.ts

@@ -7,29 +7,85 @@ export interface AlertClasses {
     outlined: string;
     /** Styles applied to the root element if `variant="standard"`. */
     standard: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
+    /** Styles applied to the root element if `color="success"`. */
+    colorSuccess: string;
+    /** Styles applied to the root element if `color="info"`. */
+    colorInfo: string;
+    /** Styles applied to the root element if `color="warning"`. */
+    colorWarning: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="success"`.
+     * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
+     * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     standardSuccess: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="standard"` and `color="info"`.
+     * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
+     * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     standardInfo: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="standard"` and `color="warning"`.
+     * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
+     * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     standardWarning: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="standard"` and `color="error"`.
+     * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
+     * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     standardError: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="success"`.
+     * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
+     * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     outlinedSuccess: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="info"`.
+     * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
+     * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     outlinedInfo: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
+     * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
+     * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     outlinedWarning: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="error"`.
+     * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
+     * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     outlinedError: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
+    /** Styles applied to the root element if `variant="filled"` and `color="success"`.
+     * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
+     * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     filledSuccess: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="filled"` and `color="info"`.
+     * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
+     * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     filledInfo: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="filled"` and `color="warning"`
+     * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
+     * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     filledWarning: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="filled"` and `color="error"`.
+     * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
+     * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
+     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     */
     filledError: string;
     /** Styles applied to the icon wrapper element. */
     icon: string;

package/Alert/alertClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getAlertUtilityClass(slot) {
   return generateUtilityClass('MuiAlert', slot);
 }
-const alertClasses = generateUtilityClasses('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
+const alertClasses = generateUtilityClasses('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'colorSuccess', 'colorInfo', 'colorWarning', 'colorError', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
 export default alertClasses;

package/AlertTitle/AlertTitle.js

@@ -7,11 +7,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { styled, createUseThemeProps } from '../zero-styled';
 import Typography from '../Typography';
 import { getAlertTitleUtilityClass } from './alertTitleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
+const useThemeProps = createUseThemeProps('MuiAlertTitle');
 const useUtilityClasses = ownerState => {
   const {
     classes

package/Avatar/Avatar.js

@@ -7,12 +7,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { styled, createUseThemeProps } from '../zero-styled';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
 import useSlot from '../utils/useSlot';
 import { jsx as _jsx } from "react/jsx-runtime";
+const useThemeProps = createUseThemeProps('MuiAvatar');
 const useUtilityClasses = ownerState => {
   const {
     classes,

package/Button/Button.js

@@ -28,10 +28,10 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
+    root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, `color${capitalize(color)}`, disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
     label: ['label'],
-    startIcon: ['startIcon', `iconSize${capitalize(size)}`],
-    endIcon: ['endIcon', `iconSize${capitalize(size)}`]
+    startIcon: ['icon', 'startIcon', `iconSize${capitalize(size)}`],
+    endIcon: ['icon', 'endIcon', `iconSize${capitalize(size)}`]
   };
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
   return _extends({}, classes, composedClasses);

package/Button/buttonClasses.d.ts

@@ -3,51 +3,93 @@ export interface ButtonClasses {
     root: string;
     /** Styles applied to the root element if `variant="text"`. */
     text: string;
-    /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="inherit"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textInherit: string;
-    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="primary"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textPrimary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="secondary"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textSecondary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="success"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textSuccess: string;
-    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="error"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textError: string;
-    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="info"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textInfo: string;
-    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="text"` and `color="warning"`.
+     * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textWarning: string;
     /** Styles applied to the root element if `variant="outlined"`. */
     outlined: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedInherit: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="success"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedSuccess: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="error"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedError: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="info"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedInfo: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
+     * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedWarning: string;
     /** Styles applied to the root element if `variant="contained"`. */
     contained: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="inherit"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedInherit: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="primary"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedPrimary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedSecondary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="success"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedSuccess: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="info"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedInfo: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="error"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedError: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
+    /** Styles applied to the root element if `variant="contained"` and `color="warning"`.
+     * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedWarning: string;
     /** Styles applied to the root element if `disableElevation={true}`. */
     disableElevation: string;
@@ -57,23 +99,41 @@ export interface ButtonClasses {
     disabled: string;
     /** Styles applied to the root element if `color="inherit"`. */
     colorInherit: string;
-    /** Styles applied to the root element if `size="small"` and `variant="text"`. */
+    /** Styles applied to the root element if `size="small"` and `variant="text"`.
+     * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
+    /** Styles applied to the root element if `size="medium"` and `variant="text"`.
+     * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
+    /** Styles applied to the root element if `size="large"` and `variant="text"`.
+     * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     textSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
+    /** Styles applied to the root element if `size="small"` and `variant="outlined"`.
+     * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
+    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`.
+     * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
+    /** Styles applied to the root element if `size="large"` and `variant="outlined"`.
+     * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     outlinedSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
+    /** Styles applied to the root element if `size="small"` and `variant="contained"`.
+     * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
+    /** Styles applied to the root element if `size="medium"` and `variant="contained"`.
+     * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
+    /** Styles applied to the root element if `size="large"` and `variant="contained"`.
+     * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     containedSizeLarge: string;
     /** Styles applied to the root element if `size="small"`. */
     sizeSmall: string;
@@ -83,16 +143,36 @@ export interface ButtonClasses {
     sizeLarge: string;
     /** Styles applied to the root element if `fullWidth={true}`. */
     fullWidth: string;
+    /** Styles applied to the icon element if supplied */
+    icon: string;
     /** Styles applied to the startIcon element if supplied. */
     startIcon: string;
     /** Styles applied to the endIcon element if supplied. */
     endIcon: string;
-    /** Styles applied to the icon element if supplied and `size="small"`. */
+    /** Styles applied to the icon element if supplied and `size="small"`.
+     * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeSmall](/material-ui/api/button/#button-classes-sizeSmall) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     iconSizeSmall: string;
-    /** Styles applied to the icon element if supplied and `size="medium"`. */
+    /** Styles applied to the icon element if supplied and `size="medium"`.
+     * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeMedium](/material-ui/api/button/#button-classes-sizeMedium) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     iconSizeMedium: string;
-    /** Styles applied to the icon element if supplied and `size="large"`. */
+    /** Styles applied to the icon element if supplied and `size="large"`.
+     * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeLarge](/material-ui/api/button/#button-classes-sizeLarge) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+     */
     iconSizeLarge: 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 root element if `color="success"`. */
+    colorSuccess: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="info"`. */
+    colorInfo: string;
+    /** Styles applied to the root element if `color="warning"`. */
+    colorWarning: string;
 }
 export type ButtonClassKey = keyof ButtonClasses;
 export declare function getButtonUtilityClass(slot: string): string;

package/Button/buttonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getButtonUtilityClass(slot) {
   return generateUtilityClass('MuiButton', slot);
 }
-const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
+const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorError', 'colorInfo', 'colorWarning', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'icon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
 export default buttonClasses;