@mui/material 5.10.1 → 5.10.4

package/Button/Button.js

@@ -1,21 +1,48 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _system = require("@mui/system");
+
+var _styled = _interopRequireWildcard(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _buttonClasses = _interopRequireWildcard(require("./buttonClasses"));
+
+var _ButtonGroupContext = _interopRequireDefault(require("../ButtonGroup/ButtonGroupContext"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"],
       _excluded2 = ["root"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { internal_resolveProps as resolveProps } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { alpha } from '@mui/system';
-import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
-import ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const useUtilityClasses = ownerState => {
   const {
@@ -27,16 +54,16 @@ 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}${(0, _capitalize.default)(color)}`, `size${(0, _capitalize.default)(size)}`, `${variant}Size${(0, _capitalize.default)(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
     label: ['label'],
-    startIcon: ['startIcon', `iconSize${capitalize(size)}`],
-    endIcon: ['endIcon', `iconSize${capitalize(size)}`]
+    startIcon: ['startIcon', `iconSize${(0, _capitalize.default)(size)}`],
+    endIcon: ['endIcon', `iconSize${(0, _capitalize.default)(size)}`]
   };
-  const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _buttonClasses.getButtonUtilityClass, classes);
+  return (0, _extends2.default)({}, classes, composedClasses);
 };
 
-const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
+const commonIconStyles = ownerState => (0, _extends2.default)({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
   }
@@ -50,15 +77,15 @@ const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small'
   }
 });
 
-const ButtonRoot = styled(ButtonBase, {
-  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
+const ButtonRoot = (0, _styled.default)(_ButtonBase.default, {
+  shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
   name: 'MuiButton',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
+    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${(0, _capitalize.default)(ownerState.color)}`], styles[`size${(0, _capitalize.default)(ownerState.size)}`], styles[`${ownerState.variant}Size${(0, _capitalize.default)(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
   }
 })(({
   theme,
@@ -66,29 +93,29 @@ const ButtonRoot = styled(ButtonBase, {
 }) => {
   var _theme$palette$getCon, _theme$palette;
 
-  return _extends({}, theme.typography.button, {
+  return (0, _extends2.default)({}, theme.typography.button, {
     minWidth: 64,
     padding: '6px 16px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
       duration: theme.transitions.duration.short
     }),
-    '&:hover': _extends({
+    '&:hover': (0, _extends2.default)({
       textDecoration: 'none',
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette.text.primary, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
     }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
-      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),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
     }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
       border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-      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),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
@@ -108,13 +135,13 @@ const ButtonRoot = styled(ButtonBase, {
         backgroundColor: (theme.vars || theme).palette[ownerState.color].main
       }
     }),
-    '&:active': _extends({}, ownerState.variant === 'contained' && {
+    '&:active': (0, _extends2.default)({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     }),
-    [`&.${buttonClasses.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
+    [`&.${_buttonClasses.default.focusVisible}`]: (0, _extends2.default)({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[6]
     }),
-    [`&.${buttonClasses.disabled}`]: _extends({
+    [`&.${_buttonClasses.default.disabled}`]: (0, _extends2.default)({
       color: (theme.vars || theme).palette.action.disabled
     }, ownerState.variant === 'outlined' && {
       border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
@@ -134,7 +161,7 @@ const ButtonRoot = styled(ButtonBase, {
     border: '1px solid currentColor'
   }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].main,
-    border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
+    border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${(0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)}`
   }, ownerState.variant === 'contained' && {
     color: theme.vars ? // this is safe because grey does not change between default light/dark mode
     theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
@@ -174,46 +201,46 @@ const ButtonRoot = styled(ButtonBase, {
   '&:hover': {
     boxShadow: 'none'
   },
-  [`&.${buttonClasses.focusVisible}`]: {
+  [`&.${_buttonClasses.default.focusVisible}`]: {
     boxShadow: 'none'
   },
   '&:active': {
     boxShadow: 'none'
   },
-  [`&.${buttonClasses.disabled}`]: {
+  [`&.${_buttonClasses.default.disabled}`]: {
     boxShadow: 'none'
   }
 });
-const ButtonStartIcon = styled('span', {
+const ButtonStartIcon = (0, _styled.default)('span', {
   name: 'MuiButton',
   slot: 'StartIcon',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
+    return [styles.startIcon, styles[`iconSize${(0, _capitalize.default)(ownerState.size)}`]];
   }
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'inherit',
   marginRight: 8,
   marginLeft: -4
 }, ownerState.size === 'small' && {
   marginLeft: -2
 }, commonIconStyles(ownerState)));
-const ButtonEndIcon = styled('span', {
+const ButtonEndIcon = (0, _styled.default)('span', {
   name: 'MuiButton',
   slot: 'EndIcon',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
+    return [styles.endIcon, styles[`iconSize${(0, _capitalize.default)(ownerState.size)}`]];
   }
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'inherit',
   marginRight: -4,
   marginLeft: 8
@@ -222,13 +249,12 @@ const ButtonEndIcon = styled('span', {
 }, commonIconStyles(ownerState)));
 const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
   // props priority: `inProps` > `contextProps` > `themeDefaultProps`
-  const contextProps = React.useContext(ButtonGroupContext);
-  const resolvedProps = resolveProps(contextProps, inProps);
-  const props = useThemeProps({
+  const contextProps = React.useContext(_ButtonGroupContext.default);
+  const resolvedProps = (0, _utils.internal_resolveProps)(contextProps, inProps);
+  const props = (0, _useThemeProps.default)({
     props: resolvedProps,
     name: 'MuiButton'
   });
-
   const {
     children,
     color = 'primary',
@@ -245,9 +271,8 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     type,
     variant = 'text'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const ownerState = _extends({}, props, {
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
     disabled,
@@ -263,27 +288,25 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
         {
     root: classesRoot
   } = _useUtilityClasses,
-        classes = _objectWithoutPropertiesLoose(_useUtilityClasses, _excluded2);
+        classes = (0, _objectWithoutPropertiesLoose2.default)(_useUtilityClasses, _excluded2);
 
-  const startIcon = startIconProp && /*#__PURE__*/_jsx(ButtonStartIcon, {
+  const startIcon = startIconProp && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonStartIcon, {
     className: classes.startIcon,
     ownerState: ownerState,
     children: startIconProp
   });
-
-  const endIcon = endIconProp && /*#__PURE__*/_jsx(ButtonEndIcon, {
+  const endIcon = endIconProp && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonEndIcon, {
     className: classes.endIcon,
     ownerState: ownerState,
     children: endIconProp
   });
-
-  return /*#__PURE__*/_jsxs(ButtonRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonRoot, (0, _extends2.default)({
     ownerState: ownerState,
-    className: clsx(contextProps.className, classesRoot, className),
+    className: (0, _clsx.default)(contextProps.className, classesRoot, className),
     component: component,
     disabled: disabled,
     focusRipple: !disableFocusRipple,
-    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
+    focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type
   }, other, {
@@ -302,17 +325,17 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * The color of the component.
@@ -320,33 +343,33 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
+  color: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), _propTypes.default.string]),
 
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
 
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
 
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: PropTypes.bool,
+  disableElevation: _propTypes.default.bool,
 
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: PropTypes.bool,
+  disableFocusRipple: _propTypes.default.bool,
 
   /**
    * If `true`, the ripple effect is disabled.
@@ -355,60 +378,61 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: PropTypes.bool,
+  disableRipple: _propTypes.default.bool,
 
   /**
    * Element placed after the children.
    */
-  endIcon: PropTypes.node,
+  endIcon: _propTypes.default.node,
 
   /**
    * @ignore
    */
-  focusVisibleClassName: PropTypes.string,
+  focusVisibleClassName: _propTypes.default.string,
 
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: PropTypes.bool,
+  fullWidth: _propTypes.default.bool,
 
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: PropTypes.string,
+  href: _propTypes.default.string,
 
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: PropTypes
+  size: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
 
   /**
    * Element placed before the children.
    */
-  startIcon: PropTypes.node,
+  startIcon: _propTypes.default.node,
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * @ignore
    */
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
+  type: _propTypes.default.oneOfType([_propTypes.default.oneOf(['button', 'reset', 'submit']), _propTypes.default.string]),
 
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: PropTypes
+  variant: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
+  .oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
 } : void 0;
-export default Button;
+var _default = Button;
+exports.default = _default;

package/Button/buttonClasses.d.ts

@@ -1,100 +1,100 @@
-export interface ButtonClasses {
-    /** Styles applied to the root element. */
-    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"`. */
-    textInherit: string;
-    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
-    textPrimary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
-    textSecondary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
-    textSuccess: string;
-    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
-    textError: string;
-    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
-    textInfo: string;
-    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
-    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"`. */
-    outlinedInherit: 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 root element if `variant="outlined"` and `color="success"`. */
-    outlinedSuccess: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
-    outlinedError: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
-    outlinedInfo: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
-    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"`. */
-    containedInherit: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
-    containedPrimary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
-    containedSecondary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
-    containedSuccess: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
-    containedInfo: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
-    containedError: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
-    containedWarning: string;
-    /** Styles applied to the root element if `disableElevation={true}`. */
-    disableElevation: string;
-    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-    focusVisible: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    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"`. */
-    textSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
-    textSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
-    textSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
-    outlinedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
-    outlinedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
-    outlinedSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
-    containedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
-    containedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
-    containedSizeLarge: 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 `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: 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"`. */
-    iconSizeSmall: string;
-    /** Styles applied to the icon element if supplied and `size="medium"`. */
-    iconSizeMedium: string;
-    /** Styles applied to the icon element if supplied and `size="large"`. */
-    iconSizeLarge: string;
-}
-export declare type ButtonClassKey = keyof ButtonClasses;
-export declare function getButtonUtilityClass(slot: string): string;
-declare const buttonClasses: ButtonClasses;
-export default buttonClasses;
+export interface ButtonClasses {
+    /** Styles applied to the root element. */
+    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"`. */
+    textInherit: string;
+    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
+    textPrimary: string;
+    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
+    textSecondary: string;
+    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
+    textSuccess: string;
+    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
+    textError: string;
+    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
+    textInfo: string;
+    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
+    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"`. */
+    outlinedInherit: 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 root element if `variant="outlined"` and `color="success"`. */
+    outlinedSuccess: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+    outlinedError: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+    outlinedInfo: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+    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"`. */
+    containedInherit: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
+    containedPrimary: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
+    containedSecondary: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
+    containedSuccess: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
+    containedInfo: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
+    containedError: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
+    containedWarning: string;
+    /** Styles applied to the root element if `disableElevation={true}`. */
+    disableElevation: string;
+    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
+    focusVisible: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    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"`. */
+    textSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
+    textSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
+    textSizeLarge: string;
+    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
+    outlinedSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
+    outlinedSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
+    outlinedSizeLarge: string;
+    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
+    containedSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
+    containedSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
+    containedSizeLarge: 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 `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: 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"`. */
+    iconSizeSmall: string;
+    /** Styles applied to the icon element if supplied and `size="medium"`. */
+    iconSizeMedium: string;
+    /** Styles applied to the icon element if supplied and `size="large"`. */
+    iconSizeLarge: string;
+}
+export declare type ButtonClassKey = keyof ButtonClasses;
+export declare function getButtonUtilityClass(slot: string): string;
+declare const buttonClasses: ButtonClasses;
+export default buttonClasses;

package/Button/buttonClasses.js

@@ -1,6 +1,17 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
-export function getButtonUtilityClass(slot) {
-  return generateUtilityClass('MuiButton', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getButtonUtilityClass = getButtonUtilityClass;
+
+var _base = require("@mui/base");
+
+function getButtonUtilityClass(slot) {
+  return (0, _base.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']);
-export default buttonClasses;
+
+const buttonClasses = (0, _base.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']);
+var _default = buttonClasses;
+exports.default = _default;