@mui/material 5.9.3 → 5.10.2

package/CHANGELOG.md

@@ -1,5 +1,180 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.10.2
+
+<!-- generated comparing v5.10.1..master -->
+
+_Aug 22, 2022_
+
+A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ @michaldudak synced the Material Icons set with the latest from Google (#33988).  
+  A couple of icons changed their appearance. See the difference [on this Argos build](https://app.argos-ci.com/mui/material-ui/builds/4428]).
+
+### `@mui/material@5.10.2`
+
+- &#8203;<!-- 16 -->[Autocomplete] Fix `keepMounted` Popper prop not working (#33957) @ZeeshanTamboli
+- &#8203;<!-- 10 -->[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
+- &#8203;<!-- 07 -->[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
+- &#8203;<!-- 05 -->[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
+- &#8203;<!-- 03 -->[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli
+
+### `@mui/system@5.10.2`
+
+- &#8203;<!-- 06 -->[system] catch localStorage errors (#34027) @jsakas
+
+### `@mui/joy@5.0.0-alpha.42`
+
+- &#8203;<!-- 08 -->[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny
+
+### `@mui/icons-material@5.8.5`
+
+- &#8203;<!-- 09 -->[icons] Sync the Material Icons (#33988) @michaldudak
+
+### Docs
+
+- &#8203;<!-- 21 -->[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
+- &#8203;<!-- 20 -->[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
+- &#8203;<!-- 19 -->[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
+- &#8203;<!-- 15 -->[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
+- &#8203;<!-- 14 -->[docs] Fix typos in `test` folder's README (#33976) @ropereraLK
+- &#8203;<!-- 13 -->[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
+- &#8203;<!-- 12 -->[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
+- &#8203;<!-- 11 -->[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016
+
+### Core
+
+- &#8203;<!-- 18 -->[website] Optimize meta description length (#34006) @oliviertassinari
+- &#8203;<!-- 17 -->Revert "[core] Replace `getInitialProps` with `getStaticProps`" (#33991) @mnajdova
+- &#8203;<!-- 02 -->[website] Move the React Engineer - X to next roles (#34030) @mnajdova
+- &#8203;<!-- 01 -->[website] Add Icons8 gold sponsor (#33978) @michaldudak
+
+All contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli
+
+## 5.10.1
+
+<!-- generated comparing v5.10.0..master -->
+
+_Aug 15, 2022_
+
+A big thanks to the 18 contributors who made this release possible. This release was mostly around 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.10.1`
+
+- &#8203;<!-- 04 -->[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup
+
+### `@mui/system@5.10.1`
+
+- &#8203;<!-- 05 -->[system] Fix `ContainerProps` export (#33923) @bugzpodder
+
+### `@mui/base@5.0.0-alpha.93`
+
+- &#8203;<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
+- &#8203;<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
+- &#8203;<!-- 06 -->[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak
+
+### `@mui/joy@5.0.0-alpha.41`
+
+- &#8203;<!-- 07 -->[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty
+
+### Docs
+
+- &#8203;<!-- 23 -->[docs] Expand on a11y section for Material UI `Link` component (#32839) @TKrishnasamy
+- &#8203;<!-- 22 -->[docs] Fix typo in Joy UI's `AspectRatio` docs (#33895) @IsaacInsoll
+- &#8203;<!-- 21 -->[docs] Improve the Base Usage page (#33272) @samuelsycamore
+- &#8203;<!-- 20 -->[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
+- &#8203;<!-- 19 -->[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
+- &#8203;<!-- 18 -->[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
+- &#8203;<!-- 17 -->[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
+- &#8203;<!-- 24 -->[docs] Fix a few link issues (#33909) @oliviertassinari
+- &#8203;<!-- 16 -->[docs] Explain the icons package dependencies (#33592) @michaldudak
+- &#8203;<!-- 15 -->[docs] Fix reported SEO issues (#33818) @oliviertassinari
+- &#8203;<!-- 14 -->[docs] Add permanent notifications back (#33843) @oliviertassinari
+- &#8203;<!-- 13 -->[docs] Enforce description for all pages (#33698) @oliviertassinari
+- &#8203;<!-- 12 -->[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
+- &#8203;<!-- 11 -->[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
+- &#8203;<!-- 10 -->[docs] Adding missing accessibility labels (#33782) @PunitSoniME
+- &#8203;<!-- 09 -->[docs] Fix `/system/getting-started/advanced/` does not exist (#33867) @MonstraG
+- &#8203;<!-- 32 -->[docs] New Crowdin updates (#32213) @l10nbot
+- &#8203;<!-- 08 -->[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
+- &#8203;<!-- 02 -->[website] Add new FAQ to pricing page (#33553) @oliviertassinari
+- &#8203;<!-- 03 -->[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal
+
+### Core
+
+- &#8203;<!-- 29 -->[core] Add the download tracker package (#33899) @michaldudak
+- &#8203;<!-- 28 -->[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
+- &#8203;<!-- 27 -->[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
+- &#8203;<!-- 26 -->[core] Clear yarn installation warning (#33776) @michaldudak
+- &#8203;<!-- 25 -->[core] Bump yarn to 1.22.19 (#33656) @michaldudak
+- &#8203;<!-- 24 -->[core] Remove outdated Next.js options (#33845) @oliviertassinari
+- &#8203;<!-- 34 -->[core] Add the download tracker build script (#33941) @michaldudak
+- &#8203;<!-- 01 -->[website] Allow /r/store- redirection pattern @oliviertassinari
+
+All contributors of this release in alphabetical order: @arjunvijayanathakurup, @bugzpodder, @cherewaty, @cherniavskii, @cmdcolin, @danilo-leal, @EthanStandel, @hayawata3626, @IsaacInsoll, @l10nbot, @michaldudak, @mmostafavi, @MonstraG, @oliviertassinari, @PunitSoniME, @samuelsycamore, @TKrishnasamy, @ZeeshanTamboli
+
+## 5.10.0
+
+<!-- generated comparing v5.9.3..master -->
+
+_Aug 8, 2022_
+
+A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ [Stack](https://mui.com/system/react-stack/) component is added to MUI System and Joy UI #33760 #33800 @mnajdova
+- ✨ [Breadcrumbs](https://mui.com/joy-ui/react-breadcrumbs/) component is added to Joy UI (#32697) @hbjORbj
+- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
+
+### `@mui/material@5.10.0`
+
+- [Grid] Prevent crash if spacing is set to zero in theme (#33777) @PunitSoniME
+- [Grid] Export interface `RegularBreakpoints` to fix type error (#33751) @ZeeshanTamboli
+- [Skeleton] Add `rounded` variant (#33687) @siriwatknp
+- [Stepper] Fix classes for icon container (#33734) @pratikkarad
+- [TableCell] Enable size prop overrides via module augmentation (#33816) @brentertz
+- [Tooltip] Fix tooltip arrow css var background (#33753) @TimoWilhelm
+- [useScrollTrigger] Add passive flag to scroll trigger event listener #32437 (#33749) @Dsalazar1685
+
+### `@mui/system@5.10.0`
+
+- Fix unnecessary styles created from `sx` (#33752) @siriwatknp
+- Fix duplicated styles in Box (#33774) @iamxukai
+- Don't spread props to DOM for string tags (#33761) @siriwatknp
+- Add `Stack` component (#33760) @mnajdova
+
+### `@mui/joy@5.0.0-alpha.40`
+
+- [Stack] Add new component (#33800) @mnajdova
+- [Breadcrumbs] Add `Breadcrumbs` component (#32697) @hbjORbj
+- [Card] Fix wrong api description for `size` prop (#33862) @hbjORbj
+- Miscellaneous fixes (#33796, #33750) @siriwatknp
+
+### Docs
+
+- [docs] Create, revise, and expand System "Getting started" docs (#33503) @samuelsycamore
+- [docs] Test new image best practice @oliviertassinari
+- [docs] Fix typo in the ClickAwayListerner name (#33813) @pawelsmigielski
+- [docs] Fix link to `Basics` section in `Trap Focus` docs (#33772) @ZeeshanTamboli
+- [docs] z-index added in popper when used by split button (#33763) @PunitSoniME
+- [docs] Improve the guide for using @mui/base with Tailwind CSS (#33670) @mnajdova
+- [docs] Fix warnings related to Next.js' links (#33693) @mnajdova
+- [docs] Add notification to aggregation blogpost (#33745) @joserodolfofreitas
+- [docs] Add Grid version 2 docs (#33554) @siriwatknp
+- [examples] Fix `NextLinkComposedProps` type error (#33842) @adham618
+
+### Core
+
+- [blog] Add social card to Tenerife retreat post (#33764)
+- [blog] Fix blue outline bug (#33707) @oliviertassinari
+- [blog] Improve the width of the layout (#33706) @oliviertassinari@samuelsycamore
+- [core] Remove unnecessary packageName attribute from pages (#33488) @cherniavskii
+- [core] Remove duplicated CODE_OF_CONDUCT (#33702) @oliviertassinari
+- [core] Update Playwright packages together (#33737) @michaldudak
+- [website] Fix notifications not being marked as read in production (#33756) @cherniavskii
+
+All contributors of this release in alphabetical order: @adham618, @brentertz, @cherniavskii, @Dsalazar1685, @hbjORbj, @iamxukai, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @pawelsmigielski, @pratikkarad, @PunitSoniME, @siriwatknp, @TimoWilhelm, @ZeeshanTamboli
+
 ## 5.9.3
 
 <!-- generated comparing v5.9.2..master -->
@@ -6880,7 +7055,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
 
   While the source code is currently hosted in the [main repository](https://github.com/mui/material-ui), we might move it to the [x repository](https://github.com/mui/mui-x) in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.
 
-- 📚 Revamp the documentation for [the system](https://mui.com/system/basics/). The System contains CSS utilities. The documentation now promotes the use of the `sx` prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.
+- 📚 Revamp the documentation for [the system](https://mui.com/system/getting-started/overview/). The System contains CSS utilities. The documentation now promotes the use of the `sx` prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.
 - 👩‍🎨 Upgrade emotion to v11 (#23007) @mnajdova.
 - And many more 🐛 bug fixes and 📚 improvements.
 
@@ -7282,7 +7457,7 @@ Here are some highlights ✨:
   If you target IE11, you need to use the new bundle (`legacy`). We are treating IE11 as a second class-citizen, which is a continuation of the direction taken in #22873.
 
 - 🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova.
-  This was a prerequisite step to improve the [system](https://mui.com/system/basics/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
+  This was a prerequisite step to improve the [system](https://mui.com/system/getting-started/overview/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
 - ✏️ A new blog post: [Q3 2020 Update](https://mui.com/blog/2020-q3-update/) (#23055) @oliviertassinari.
 - 🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
 - And many more 🐛 bug fixes and 📚 improvements.
@@ -7623,7 +7798,7 @@ Here are some highlights ✨:
 
   The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
 
-  Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)).
+  Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/getting-started/overview/)).
 
   This change has been in our roadmap for more than a year.
   We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
@@ -8876,7 +9051,7 @@ A big thanks to the 33 contributors who made this release possible. Here are som
   />
   ```
 
-- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/basics/) (#21413) @mnajdova.
+- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/overview/) (#21413) @mnajdova.
 
   ```diff
   -import Typography from '@material-ui/core/Typography';

package/Card/cardClasses.d.ts

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

package/CardActionArea/cardActionAreaClasses.d.ts

@@ -1,12 +1,12 @@
-export interface CardActionAreaClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
-    focusHighlight: string;
-}
-export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
-export declare function getCardActionAreaUtilityClass(slot: string): string;
-declare const cardActionAreaClasses: CardActionAreaClasses;
-export default cardActionAreaClasses;
+export interface CardActionAreaClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
+    focusHighlight: string;
+}
+export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
+export declare function getCardActionAreaUtilityClass(slot: string): string;
+declare const cardActionAreaClasses: CardActionAreaClasses;
+export default cardActionAreaClasses;

package/CardActions/cardActionsClasses.d.ts

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

package/CardContent/cardContentClasses.d.ts

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

package/CardHeader/cardHeaderClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CardHeaderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the action element. */
-    action: string;
-    /** Styles applied to the content wrapper element. */
-    content: string;
-    /** Styles applied to the title Typography element. */
-    title: string;
-    /** Styles applied to the subheader Typography element. */
-    subheader: string;
-}
-export declare type CardHeaderClassKey = keyof CardHeaderClasses;
-export declare function getCardHeaderUtilityClass(slot: string): string;
-declare const cardHeaderClasses: CardHeaderClasses;
-export default cardHeaderClasses;
+export interface CardHeaderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the action element. */
+    action: string;
+    /** Styles applied to the content wrapper element. */
+    content: string;
+    /** Styles applied to the title Typography element. */
+    title: string;
+    /** Styles applied to the subheader Typography element. */
+    subheader: string;
+}
+export declare type CardHeaderClassKey = keyof CardHeaderClasses;
+export declare function getCardHeaderUtilityClass(slot: string): string;
+declare const cardHeaderClasses: CardHeaderClasses;
+export default cardHeaderClasses;

package/CardMedia/cardMediaClasses.d.ts

@@ -1,12 +1,12 @@
-export interface CardMediaClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
-    media: string;
-    /** Styles applied to the root element if `component="picture or img"`. */
-    img: string;
-}
-export declare type CardMediaClassKey = keyof CardMediaClasses;
-export declare function getCardMediaUtilityClass(slot: string): string;
-declare const cardMediaClasses: CardMediaClasses;
-export default cardMediaClasses;
+export interface CardMediaClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
+    media: string;
+    /** Styles applied to the root element if `component="picture or img"`. */
+    img: string;
+}
+export declare type CardMediaClassKey = keyof CardMediaClasses;
+export declare function getCardMediaUtilityClass(slot: string): string;
+declare const cardMediaClasses: CardMediaClasses;
+export default cardMediaClasses;

package/Checkbox/checkboxClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CheckboxClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `checked={true}`. */
-    checked: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `indeterminate={true}`. */
-    indeterminate: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-}
-export declare type CheckboxClassKey = keyof CheckboxClasses;
-export declare function getCheckboxUtilityClass(slot: string): string;
-declare const checkboxClasses: CheckboxClasses;
-export default checkboxClasses;
+export interface CheckboxClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `checked={true}`. */
+    checked: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `indeterminate={true}`. */
+    indeterminate: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+}
+export declare type CheckboxClassKey = keyof CheckboxClasses;
+export declare function getCheckboxUtilityClass(slot: string): string;
+declare const checkboxClasses: CheckboxClasses;
+export default checkboxClasses;

package/Chip/chipClasses.d.ts

@@ -1,88 +1,88 @@
-export interface ChipClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
-    clickable: string;
-    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
-    clickableColorPrimary: string;
-    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
-    clickableColorSecondary: string;
-    /** Styles applied to the root element if `onDelete` is defined. */
-    deletable: string;
-    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
-    deletableColorPrimary: string;
-    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
-    deletableColorSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
-    outlinedSecondary: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
-    filledPrimary: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
-    filledSecondary: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the avatar element if `size="small"`. */
-    avatarSmall: string;
-    /** Styles applied to the avatar element if `size="medium"`. */
-    avatarMedium: string;
-    /** Styles applied to the avatar element if `color="primary"`. */
-    avatarColorPrimary: string;
-    /** Styles applied to the avatar element if `color="secondary"`. */
-    avatarColorSecondary: string;
-    /** Styles applied to the icon element. */
-    icon: string;
-    /** Styles applied to the icon element if `size="small"`. */
-    iconSmall: string;
-    /** Styles applied to the icon element if `size="medium"`. */
-    iconMedium: string;
-    /** Styles applied to the icon element if `color="primary"`. */
-    iconColorPrimary: string;
-    /** Styles applied to the icon element if `color="secondary"`. */
-    iconColorSecondary: string;
-    /** Styles applied to the label `span` element. */
-    label: string;
-    /** Styles applied to the label `span` element if `size="small"`. */
-    labelSmall: string;
-    /** Styles applied to the label `span` element if `size="medium"`. */
-    labelMedium: string;
-    /** Styles applied to the deleteIcon element. */
-    deleteIcon: string;
-    /** Styles applied to the deleteIcon element if `size="small"`. */
-    deleteIconSmall: string;
-    /** Styles applied to the deleteIcon element if `size="medium"`. */
-    deleteIconMedium: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
-    deleteIconColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
-    deleteIconColorSecondary: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorSecondary: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
-    deleteIconFilledColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
-    deleteIconFilledColorSecondary: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export declare type ChipClassKey = keyof ChipClasses;
-export declare function getChipUtilityClass(slot: string): string;
-declare const chipClasses: ChipClasses;
-export default chipClasses;
+export interface ChipClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
+    clickable: string;
+    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
+    clickableColorPrimary: string;
+    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
+    clickableColorSecondary: string;
+    /** Styles applied to the root element if `onDelete` is defined. */
+    deletable: string;
+    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
+    deletableColorPrimary: string;
+    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
+    deletableColorSecondary: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    outlinedSecondary: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
+    filledPrimary: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
+    filledSecondary: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the avatar element if `size="small"`. */
+    avatarSmall: string;
+    /** Styles applied to the avatar element if `size="medium"`. */
+    avatarMedium: string;
+    /** Styles applied to the avatar element if `color="primary"`. */
+    avatarColorPrimary: string;
+    /** Styles applied to the avatar element if `color="secondary"`. */
+    avatarColorSecondary: string;
+    /** Styles applied to the icon element. */
+    icon: string;
+    /** Styles applied to the icon element if `size="small"`. */
+    iconSmall: string;
+    /** Styles applied to the icon element if `size="medium"`. */
+    iconMedium: string;
+    /** Styles applied to the icon element if `color="primary"`. */
+    iconColorPrimary: string;
+    /** Styles applied to the icon element if `color="secondary"`. */
+    iconColorSecondary: string;
+    /** Styles applied to the label `span` element. */
+    label: string;
+    /** Styles applied to the label `span` element if `size="small"`. */
+    labelSmall: string;
+    /** Styles applied to the label `span` element if `size="medium"`. */
+    labelMedium: string;
+    /** Styles applied to the deleteIcon element. */
+    deleteIcon: string;
+    /** Styles applied to the deleteIcon element if `size="small"`. */
+    deleteIconSmall: string;
+    /** Styles applied to the deleteIcon element if `size="medium"`. */
+    deleteIconMedium: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
+    deleteIconColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
+    deleteIconColorSecondary: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorSecondary: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
+    deleteIconFilledColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
+    deleteIconFilledColorSecondary: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export declare type ChipClassKey = keyof ChipClasses;
+export declare function getChipUtilityClass(slot: string): string;
+declare const chipClasses: ChipClasses;
+export default chipClasses;

package/CircularProgress/circularProgressClasses.d.ts

@@ -1,26 +1,26 @@
-export interface CircularProgressClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="determinate"`. */
-    determinate: string;
-    /** Styles applied to the root element if `variant="indeterminate"`. */
-    indeterminate: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the svg element. */
-    svg: string;
-    /** Styles applied to the `circle` svg path. */
-    circle: string;
-    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
-    circleDeterminate: string;
-    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
-    circleIndeterminate: string;
-    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
-    circleDisableShrink: string;
-}
-export declare type CircularProgressClassKey = keyof CircularProgressClasses;
-export declare function getCircularProgressUtilityClass(slot: string): string;
-declare const circularProgressClasses: CircularProgressClasses;
-export default circularProgressClasses;
+export interface CircularProgressClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="determinate"`. */
+    determinate: string;
+    /** Styles applied to the root element if `variant="indeterminate"`. */
+    indeterminate: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the svg element. */
+    svg: string;
+    /** Styles applied to the `circle` svg path. */
+    circle: string;
+    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
+    circleDeterminate: string;
+    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
+    circleIndeterminate: string;
+    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
+    circleDisableShrink: string;
+}
+export declare type CircularProgressClassKey = keyof CircularProgressClasses;
+export declare function getCircularProgressUtilityClass(slot: string): string;
+declare const circularProgressClasses: CircularProgressClasses;
+export default circularProgressClasses;

package/ClickAwayListener/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from '@mui/base/ClickAwayListener';
-export * from '@mui/base/ClickAwayListener';
+export { default } from '@mui/base/ClickAwayListener';
+export * from '@mui/base/ClickAwayListener';