@mui/material 5.3.1 → 5.4.0

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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare type AppBarClassKey = keyof AppBarClasses;
+export declare function getAppBarUtilityClass(slot: string): string;
+declare const appBarClasses: AppBarClasses;
+export default appBarClasses;

package/Autocomplete/Autocomplete.d.ts

@@ -189,6 +189,11 @@ export interface AutocompleteProps<
    * @default <ArrowDropDownIcon />
    */
   popupIcon?: React.ReactNode;
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly?: boolean;
   /**
    * Render the group.
    *

package/Autocomplete/Autocomplete.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
 var _ClearIcon, _ArrowDropDownIcon;
 
-const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "value"];
+const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -404,6 +404,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     PaperComponent = Paper,
     PopperComponent = Popper,
     popupIcon = _ArrowDropDownIcon || (_ArrowDropDownIcon = /*#__PURE__*/_jsx(ArrowDropDownIcon, {})),
+    readOnly = false,
     renderGroup: renderGroupProp,
     renderInput,
     renderOption: renderOptionProp,
@@ -437,7 +438,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   } = useAutocomplete(_extends({}, props, {
     componentName: 'Autocomplete'
   }));
-  const hasClearIcon = !disableClearable && !disabled && dirty;
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
   const hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;
 
   const ownerState = _extends({}, props, {
@@ -556,7 +557,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
         },
         inputProps: _extends({
           className: clsx(classes.input),
-          disabled
+          disabled,
+          readOnly
         }, getInputProps())
       })
     })), popupOpen && anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, {
@@ -997,6 +999,12 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
    */
   popupIcon: PropTypes.node,
 
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Render the group.
    *

package/Autocomplete/autocompleteClasses.d.ts

@@ -1,54 +1,54 @@
-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 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 tag 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 declare 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 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 tag 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 declare 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 declare 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 declare 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 declare 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 declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
+export declare function getAvatarGroupUtilityClass(slot: string): string;
+declare const avatarGroupClasses: AvatarGroupClasses;
+export default avatarGroupClasses;

package/BottomNavigation/bottomNavigationClasses.d.ts

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

package/BottomNavigationAction/bottomNavigationActionClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BottomNavigationActionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if selected. */
-    selected: string;
-    /** State class applied to the root element if `showLabel={false}` and not selected. */
-    iconOnly: string;
-    /** Styles applied to the label's span element. */
-    label: string;
-}
-export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
-export declare function getBottomNavigationActionUtilityClass(slot: string): string;
-declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
-export default bottomNavigationActionClasses;
+export interface BottomNavigationActionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if selected. */
+    selected: string;
+    /** State class applied to the root element if `showLabel={false}` and not selected. */
+    iconOnly: string;
+    /** Styles applied to the label's span element. */
+    label: string;
+}
+export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
+export declare function getBottomNavigationActionUtilityClass(slot: string): string;
+declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
+export default bottomNavigationActionClasses;

package/Breadcrumbs/BreadcrumbCollapsed.js

@@ -6,9 +6,7 @@ import styled from '../styles/styled';
 import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
 import ButtonBase from '../ButtonBase';
 import { jsx as _jsx } from "react/jsx-runtime";
-const BreadcrumbCollapsedButton = styled(ButtonBase, {
-  skipSx: true
-})(({
+const BreadcrumbCollapsedButton = styled(ButtonBase)(({
   theme
 }) => _extends({
   display: 'flex',

package/Breadcrumbs/breadcrumbsClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BreadcrumbsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the ol element. */
-    ol: string;
-    /** Styles applied to the li element. */
-    li: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-}
-export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
-export declare function getBreadcrumbsUtilityClass(slot: string): string;
-declare const breadcrumbsClasses: BreadcrumbsClasses;
-export default breadcrumbsClasses;
+export interface BreadcrumbsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the ol element. */
+    ol: string;
+    /** Styles applied to the li element. */
+    li: string;
+    /** Styles applied to the separator element. */
+    separator: string;
+}
+export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
+export declare function getBreadcrumbsUtilityClass(slot: string): string;
+declare const breadcrumbsClasses: BreadcrumbsClasses;
+export default breadcrumbsClasses;