@mui/material 5.11.14 → 5.11.16

package/Accordion/accordionClasses.d.ts

@@ -1,18 +1,18 @@
-export interface AccordionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `square={true}`. */
-    rounded: string;
-    /** State class applied to the root element if `expanded={true}`. */
-    expanded: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the region element, the container of the children. */
-    region: string;
-}
-export type AccordionClassKey = keyof AccordionClasses;
-export declare function getAccordionUtilityClass(slot: string): string;
-declare const accordionClasses: AccordionClasses;
-export default accordionClasses;
+export interface AccordionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `square={true}`. */
+    rounded: string;
+    /** State class applied to the root element if `expanded={true}`. */
+    expanded: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the region element, the container of the children. */
+    region: string;
+}
+export type AccordionClassKey = keyof AccordionClasses;
+export declare function getAccordionUtilityClass(slot: string): string;
+declare const accordionClasses: AccordionClasses;
+export default accordionClasses;

package/AccordionActions/accordionActionsClasses.d.ts

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

package/AccordionDetails/accordionDetailsClasses.d.ts

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

package/AccordionSummary/accordionSummaryClasses.d.ts

@@ -1,22 +1,22 @@
-export interface AccordionSummaryClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
-    expanded: 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 unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
-    contentGutters: string;
-    /** Styles applied to the children wrapper element. */
-    content: string;
-    /** Styles applied to the `expandIcon`'s wrapper element. */
-    expandIconWrapper: string;
-}
-export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
-export declare function getAccordionSummaryUtilityClass(slot: string): string;
-declare const accordionSummaryClasses: AccordionSummaryClasses;
-export default accordionSummaryClasses;
+export interface AccordionSummaryClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
+    expanded: 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 unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
+    contentGutters: string;
+    /** Styles applied to the children wrapper element. */
+    content: string;
+    /** Styles applied to the `expandIcon`'s wrapper element. */
+    expandIconWrapper: string;
+}
+export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
+export declare function getAccordionSummaryUtilityClass(slot: string): string;
+declare const accordionSummaryClasses: AccordionSummaryClasses;
+export default accordionSummaryClasses;

package/Alert/alertClasses.d.ts

@@ -1,44 +1,44 @@
-export interface AlertClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    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"`. */
-    standardSuccess: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
-    standardInfo: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
-    standardWarning: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
-    standardError: 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="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="outlined"` and `color="error"`. */
-    outlinedError: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
-    filledSuccess: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
-    filledInfo: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
-    filledWarning: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
-    filledError: string;
-    /** Styles applied to the icon wrapper element. */
-    icon: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export type AlertClassKey = keyof AlertClasses;
-export declare function getAlertUtilityClass(slot: string): string;
-declare const alertClasses: AlertClasses;
-export default alertClasses;
+export interface AlertClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    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"`. */
+    standardSuccess: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
+    standardInfo: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
+    standardWarning: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
+    standardError: 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="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="outlined"` and `color="error"`. */
+    outlinedError: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
+    filledSuccess: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
+    filledInfo: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
+    filledWarning: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
+    filledError: string;
+    /** Styles applied to the icon wrapper element. */
+    icon: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export type AlertClassKey = keyof AlertClasses;
+export declare function getAlertUtilityClass(slot: string): string;
+declare const alertClasses: AlertClasses;
+export default alertClasses;

package/AlertTitle/alertTitleClasses.d.ts

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

package/AppBar/appBarClasses.d.ts

@@ -1,28 +1,28 @@
-export interface AppBarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="fixed"`. */
-    positionFixed: string;
-    /** Styles applied to the root element if `position="absolute"`. */
-    positionAbsolute: string;
-    /** Styles applied to the root element if `position="sticky"`. */
-    positionSticky: string;
-    /** Styles applied to the root element if `position="static"`. */
-    positionStatic: string;
-    /** Styles applied to the root element if `position="relative"`. */
-    positionRelative: string;
-    /** Styles applied to the root element if `color="default"`. */
-    colorDefault: 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="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the root element if `color="transparent"`. */
-    colorTransparent: string;
-}
-export type AppBarClassKey = keyof AppBarClasses;
-export declare function getAppBarUtilityClass(slot: string): string;
-declare const appBarClasses: AppBarClasses;
-export default appBarClasses;
+export interface AppBarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="fixed"`. */
+    positionFixed: string;
+    /** Styles applied to the root element if `position="absolute"`. */
+    positionAbsolute: string;
+    /** Styles applied to the root element if `position="sticky"`. */
+    positionSticky: string;
+    /** Styles applied to the root element if `position="static"`. */
+    positionStatic: string;
+    /** Styles applied to the root element if `position="relative"`. */
+    positionRelative: string;
+    /** Styles applied to the root element if `color="default"`. */
+    colorDefault: 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="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the root element if `color="transparent"`. */
+    colorTransparent: string;
+}
+export type AppBarClassKey = keyof AppBarClasses;
+export declare function getAppBarUtilityClass(slot: string): string;
+declare const appBarClasses: AppBarClasses;
+export default appBarClasses;

package/Autocomplete/Autocomplete.js

@@ -453,6 +453,9 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   }));
   const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
   const hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;
+  const {
+    onMouseDown: handleInputMouseDown
+  } = getInputProps();
 
   // If you modify this, make sure to keep the `AutocompleteOwnerState` type in sync.
   const ownerState = _extends({}, props, {
@@ -543,7 +546,12 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
         InputProps: _extends({
           ref: setAnchorEl,
           className: classes.inputRoot,
-          startAdornment
+          startAdornment,
+          onClick: event => {
+            if (event.target === event.currentTarget) {
+              handleInputMouseDown(event);
+            }
+          }
         }, (hasClearIcon || hasPopupIcon) && {
           endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
             className: classes.endAdornment,
@@ -643,6 +651,9 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
    * If `true`, the selected option becomes the value of the input
    * when the Autocomplete loses focus unless the user chooses
    * a different option or changes the character string in the input.
+   *
+   * When using `freeSolo` mode, the typed value will be the input value
+   * if the Autocomplete loses focus without highlighting an option.
    * @default false
    */
   autoSelect: PropTypes.bool,

package/Autocomplete/autocompleteClasses.d.ts

@@ -1,56 +1,56 @@
-export interface AutocompleteClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** State class applied to the root element if the listbox is displayed. */
-    expanded: string;
-    /** State class applied to the root element if focused. */
-    focused: string;
-    /** Styles applied to the tag elements, e.g. the chips. */
-    tag: string;
-    /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
-    tagSizeSmall: string;
-    /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
-    tagSizeMedium: string;
-    /** Styles applied when the popup icon is rendered. */
-    hasPopupIcon: string;
-    /** Styles applied when the clear icon is rendered. */
-    hasClearIcon: string;
-    /** Styles applied to the Input element. */
-    inputRoot: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if the input is focused. */
-    inputFocused: string;
-    /** Styles applied to the endAdornment element. */
-    endAdornment: string;
-    /** Styles applied to the clear indicator. */
-    clearIndicator: string;
-    /** Styles applied to the popup indicator. */
-    popupIndicator: string;
-    /** Styles applied to the popup indicator if the popup is open. */
-    popupIndicatorOpen: string;
-    /** Styles applied to the popper element. */
-    popper: string;
-    /** Styles applied to the popper element if `disablePortal={true}`. */
-    popperDisablePortal: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the listbox component. */
-    listbox: string;
-    /** Styles applied to the loading wrapper. */
-    loading: string;
-    /** Styles applied to the no option wrapper. */
-    noOptions: string;
-    /** Styles applied to the option elements. */
-    option: string;
-    /** Styles applied to the group's label elements. */
-    groupLabel: string;
-    /** Styles applied to the group's ul elements. */
-    groupUl: string;
-}
-export type AutocompleteClassKey = keyof AutocompleteClasses;
-export declare function getAutocompleteUtilityClass(slot: string): string;
-declare const autocompleteClasses: AutocompleteClasses;
-export default autocompleteClasses;
+export interface AutocompleteClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** State class applied to the root element if the listbox is displayed. */
+    expanded: string;
+    /** State class applied to the root element if focused. */
+    focused: string;
+    /** Styles applied to the tag elements, e.g. the chips. */
+    tag: string;
+    /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
+    tagSizeSmall: string;
+    /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
+    tagSizeMedium: string;
+    /** Styles applied when the popup icon is rendered. */
+    hasPopupIcon: string;
+    /** Styles applied when the clear icon is rendered. */
+    hasClearIcon: string;
+    /** Styles applied to the Input element. */
+    inputRoot: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if the input is focused. */
+    inputFocused: string;
+    /** Styles applied to the endAdornment element. */
+    endAdornment: string;
+    /** Styles applied to the clear indicator. */
+    clearIndicator: string;
+    /** Styles applied to the popup indicator. */
+    popupIndicator: string;
+    /** Styles applied to the popup indicator if the popup is open. */
+    popupIndicatorOpen: string;
+    /** Styles applied to the popper element. */
+    popper: string;
+    /** Styles applied to the popper element if `disablePortal={true}`. */
+    popperDisablePortal: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the listbox component. */
+    listbox: string;
+    /** Styles applied to the loading wrapper. */
+    loading: string;
+    /** Styles applied to the no option wrapper. */
+    noOptions: string;
+    /** Styles applied to the option elements. */
+    option: string;
+    /** Styles applied to the group's label elements. */
+    groupLabel: string;
+    /** Styles applied to the group's ul elements. */
+    groupUl: string;
+}
+export type AutocompleteClassKey = keyof AutocompleteClasses;
+export declare function getAutocompleteUtilityClass(slot: string): string;
+declare const autocompleteClasses: AutocompleteClasses;
+export default autocompleteClasses;

package/Avatar/avatarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface AvatarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if not `src` or `srcSet`. */
-    colorDefault: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** Styles applied to the root element if `variant="rounded"`. */
-    rounded: string;
-    /** Styles applied to the root element if `variant="square"`. */
-    square: string;
-    /** Styles applied to the img element if either `src` or `srcSet` is defined. */
-    img: string;
-    /** Styles applied to the fallback icon */
-    fallback: string;
-}
-export type AvatarClassKey = keyof AvatarClasses;
-export declare function getAvatarUtilityClass(slot: string): string;
-declare const avatarClasses: AvatarClasses;
-export default avatarClasses;
+export interface AvatarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if not `src` or `srcSet`. */
+    colorDefault: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** Styles applied to the root element if `variant="rounded"`. */
+    rounded: string;
+    /** Styles applied to the root element if `variant="square"`. */
+    square: string;
+    /** Styles applied to the img element if either `src` or `srcSet` is defined. */
+    img: string;
+    /** Styles applied to the fallback icon */
+    fallback: string;
+}
+export type AvatarClassKey = keyof AvatarClasses;
+export declare function getAvatarUtilityClass(slot: string): string;
+declare const avatarClasses: AvatarClasses;
+export default avatarClasses;

package/AvatarGroup/avatarGroupClasses.d.ts

@@ -1,10 +1,10 @@
-export interface AvatarGroupClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the avatar elements. */
-    avatar: string;
-}
-export type AvatarGroupClassKey = keyof AvatarGroupClasses;
-export declare function getAvatarGroupUtilityClass(slot: string): string;
-declare const avatarGroupClasses: AvatarGroupClasses;
-export default avatarGroupClasses;
+export interface AvatarGroupClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the avatar elements. */
+    avatar: string;
+}
+export type AvatarGroupClassKey = keyof AvatarGroupClasses;
+export declare function getAvatarGroupUtilityClass(slot: string): string;
+declare const avatarGroupClasses: AvatarGroupClasses;
+export default avatarGroupClasses;

package/Backdrop/backdropClasses.d.ts

@@ -1,10 +1,10 @@
-export interface BackdropClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `invisible={true}`. */
-    invisible: string;
-}
-export type BackdropClassKey = keyof BackdropClasses;
-export declare function getBackdropUtilityClass(slot: string): string;
-declare const backdropClasses: BackdropClasses;
-export default backdropClasses;
+export interface BackdropClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `invisible={true}`. */
+    invisible: string;
+}
+export type BackdropClassKey = keyof BackdropClasses;
+export declare function getBackdropUtilityClass(slot: string): string;
+declare const backdropClasses: BackdropClasses;
+export default backdropClasses;

package/Badge/badgeClasses.d.ts

@@ -1,56 +1,56 @@
-export interface BadgeClasses {
-    /** Class name applied to the root element. */
-    root: string;
-    /** Class name applied to the badge `span` element. */
-    badge: string;
-    /** Class name applied to the badge `span` element if `variant="dot"`. */
-    dot: string;
-    /** Class name applied to the badge `span` element if `variant="standard"`. */
-    standard: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-    /** State class applied to the badge `span` element if `invisible={true}`. */
-    invisible: string;
-    /** Styles applied to the badge `span` element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the badge `span` element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the badge `span` element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the badge `span` element if `color="info"`. */
-    colorInfo: string;
-    /** Styles applied to the badge `span` element if `color="success"`. */
-    colorSuccess: string;
-    /** Styles applied to the badge `span` element if `color="warning"`. */
-    colorWarning: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
-    anchorOriginTopRightRectangular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
-    anchorOriginBottomRightRectangular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
-    anchorOriginTopLeftRectangular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
-    anchorOriginBottomLeftRectangular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
-    anchorOriginTopRightCircular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
-    anchorOriginBottomRightCircular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
-    anchorOriginTopLeftCircular: string;
-    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
-    anchorOriginBottomLeftCircular: string;
-    /** Class name applied to the badge `span` element if `overlap="rectangular"`. */
-    overlapRectangular: string;
-    /** Class name applied to the badge `span` element if `overlap="circular"`. */
-    overlapCircular: string;
-}
-export type BadgeClassKey = keyof BadgeClasses;
-export declare function getBadgeUtilityClass(slot: string): string;
-declare const badgeClasses: BadgeClasses;
-export default badgeClasses;
+export interface BadgeClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the badge `span` element. */
+    badge: string;
+    /** Styles applied to the badge `span` element if `variant="dot"`. */
+    dot: string;
+    /** Styles applied to the badge `span` element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+    /** State class applied to the badge `span` element if `invisible={true}`. */
+    invisible: string;
+    /** Styles applied to the badge `span` element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the badge `span` element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the badge `span` element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the badge `span` element if `color="info"`. */
+    colorInfo: string;
+    /** Styles applied to the badge `span` element if `color="success"`. */
+    colorSuccess: string;
+    /** Styles applied to the badge `span` element if `color="warning"`. */
+    colorWarning: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
+    anchorOriginTopRightRectangular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
+    anchorOriginBottomRightRectangular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
+    anchorOriginTopLeftRectangular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
+    anchorOriginBottomLeftRectangular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
+    anchorOriginTopRightCircular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
+    anchorOriginBottomRightCircular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
+    anchorOriginTopLeftCircular: string;
+    /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
+    anchorOriginBottomLeftCircular: string;
+    /** Styles applied to the badge `span` element if `overlap="rectangular"`. */
+    overlapRectangular: string;
+    /** Styles applied to the badge `span` element if `overlap="circular"`. */
+    overlapCircular: string;
+}
+export type BadgeClassKey = keyof BadgeClasses;
+export declare function getBadgeUtilityClass(slot: string): string;
+declare const badgeClasses: BadgeClasses;
+export default badgeClasses;