@mui/material 5.4.0 → 5.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/AvatarGroup.d.ts +10 -0
  11. package/AvatarGroup/AvatarGroup.js +19 -7
  12. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  13. package/Badge/Badge.js +3 -2
  14. package/BottomNavigation/BottomNavigation.js +0 -0
  15. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  16. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/buttonClasses.d.ts +76 -76
  19. package/ButtonBase/ButtonBase.d.ts +5 -1
  20. package/ButtonBase/ButtonBase.js +15 -2
  21. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  22. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  23. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  24. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  25. package/CHANGELOG.md +100 -28
  26. package/Card/cardClasses.d.ts +8 -8
  27. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  28. package/CardActions/cardActionsClasses.d.ts +10 -10
  29. package/CardContent/cardContentClasses.d.ts +8 -8
  30. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  31. package/CardMedia/cardMediaClasses.d.ts +12 -12
  32. package/Checkbox/checkboxClasses.d.ts +18 -18
  33. package/Chip/chipClasses.d.ts +80 -80
  34. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  35. package/ClickAwayListener/index.d.ts +2 -2
  36. package/Collapse/collapseClasses.d.ts +18 -18
  37. package/Container/containerClasses.d.ts +22 -22
  38. package/Dialog/DialogContext.d.ts +6 -6
  39. package/Dialog/dialogClasses.d.ts +36 -36
  40. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  41. package/DialogContent/dialogContentClasses.d.ts +10 -10
  42. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  43. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  44. package/Divider/dividerClasses.d.ts +34 -34
  45. package/Drawer/drawerClasses.d.ts +30 -30
  46. package/Fab/Fab.d.ts +4 -1
  47. package/Fab/Fab.js +8 -20
  48. package/Fab/fabClasses.d.ts +26 -26
  49. package/Fab/fabClasses.js +1 -1
  50. package/FilledInput/filledInputClasses.d.ts +40 -40
  51. package/FormControl/formControlClasses.d.ts +14 -14
  52. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  53. package/FormGroup/formGroupClasses.d.ts +12 -12
  54. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  55. package/FormLabel/formLabelClasses.d.ts +22 -22
  56. package/Grid/gridClasses.d.ts +48 -48
  57. package/Icon/iconClasses.d.ts +24 -24
  58. package/IconButton/iconButtonClasses.d.ts +26 -26
  59. package/ImageList/ImageList.js +3 -1
  60. package/ImageList/imageListClasses.d.ts +16 -16
  61. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  62. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  63. package/Input/inputClasses.d.ts +34 -34
  64. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  65. package/InputBase/inputBaseClasses.d.ts +44 -44
  66. package/InputLabel/inputLabelClasses.d.ts +32 -32
  67. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  68. package/Link/linkClasses.d.ts +18 -18
  69. package/List/listClasses.d.ts +14 -14
  70. package/ListItem/listItemClasses.d.ts +30 -30
  71. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  72. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  73. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  74. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  75. package/ListItemText/listItemTextClasses.d.ts +18 -18
  76. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  77. package/Menu/menuClasses.d.ts +12 -12
  78. package/MenuItem/menuItemClasses.d.ts +20 -20
  79. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  80. package/Modal/Modal.js +1 -1
  81. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  82. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  83. package/Pagination/paginationClasses.d.ts +14 -14
  84. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  85. package/Paper/paperClasses.d.ts +39 -39
  86. package/Popover/popoverClasses.d.ts +10 -10
  87. package/Popper/Popper.d.ts +17 -17
  88. package/README.md +6 -6
  89. package/Radio/radioClasses.d.ts +16 -16
  90. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  91. package/RadioGroup/useRadioGroup.d.ts +4 -4
  92. package/Rating/Rating.js +1 -1
  93. package/Rating/ratingClasses.d.ts +40 -40
  94. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  95. package/Select/SelectInput.js +5 -1
  96. package/Select/selectClasses.d.ts +30 -30
  97. package/Skeleton/skeletonClasses.d.ts +24 -24
  98. package/Slider/Slider.js +3 -1
  99. package/Snackbar/Snackbar.js +4 -1
  100. package/Snackbar/snackbarClasses.d.ts +20 -20
  101. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  102. package/SpeedDial/speedDialClasses.d.ts +22 -22
  103. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  104. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  105. package/Step/stepClasses.d.ts +16 -16
  106. package/StepButton/stepButtonClasses.d.ts +14 -14
  107. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  108. package/StepContent/stepContentClasses.d.ts +12 -12
  109. package/StepIcon/stepIconClasses.d.ts +16 -16
  110. package/StepLabel/stepLabelClasses.d.ts +28 -28
  111. package/Stepper/stepperClasses.d.ts +14 -14
  112. package/SvgIcon/svgIconClasses.d.ts +24 -24
  113. package/Switch/switchClasses.d.ts +32 -32
  114. package/Tab/tabClasses.d.ts +26 -26
  115. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  116. package/Table/tableClasses.d.ts +10 -10
  117. package/TableBody/tableBodyClasses.d.ts +8 -8
  118. package/TableCell/tableCellClasses.d.ts +32 -32
  119. package/TableContainer/tableContainerClasses.d.ts +8 -8
  120. package/TableFooter/tableFooterClasses.d.ts +8 -8
  121. package/TableHead/tableHeadClasses.d.ts +8 -8
  122. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  123. package/TableRow/tableRowClasses.d.ts +16 -16
  124. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  125. package/Tabs/tabsClasses.d.ts +32 -32
  126. package/TextField/textFieldClasses.d.ts +8 -8
  127. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  128. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  129. package/Toolbar/toolbarClasses.d.ts +14 -14
  130. package/Tooltip/tooltipClasses.d.ts +30 -30
  131. package/Typography/typographyClasses.d.ts +50 -50
  132. package/darkScrollbar/index.d.ts +28 -28
  133. package/index.d.ts +1 -1
  134. package/index.js +1 -1
  135. package/internal/switchBaseClasses.d.ts +12 -12
  136. package/legacy/AvatarGroup/AvatarGroup.js +20 -7
  137. package/legacy/Badge/Badge.js +4 -2
  138. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  139. package/legacy/ButtonBase/ButtonBase.js +15 -2
  140. package/legacy/Fab/Fab.js +8 -20
  141. package/legacy/Fab/fabClasses.js +1 -1
  142. package/legacy/ImageList/ImageList.js +3 -1
  143. package/legacy/Modal/Modal.js +1 -1
  144. package/legacy/Rating/Rating.js +1 -1
  145. package/legacy/Select/SelectInput.js +5 -1
  146. package/legacy/Slider/Slider.js +3 -1
  147. package/legacy/Snackbar/Snackbar.js +4 -1
  148. package/legacy/index.js +1 -1
  149. package/legacy/styles/makeStyles.js +1 -1
  150. package/legacy/styles/withStyles.js +1 -1
  151. package/legacy/styles/withTheme.js +1 -1
  152. package/legacy/useMediaQuery/useMediaQuery.js +1 -1
  153. package/locale/index.d.ts +68 -68
  154. package/modern/AvatarGroup/AvatarGroup.js +17 -7
  155. package/modern/Badge/Badge.js +3 -2
  156. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  157. package/modern/ButtonBase/ButtonBase.js +15 -2
  158. package/modern/Fab/Fab.js +8 -20
  159. package/modern/Fab/fabClasses.js +1 -1
  160. package/modern/ImageList/ImageList.js +3 -1
  161. package/modern/Modal/Modal.js +1 -1
  162. package/modern/Rating/Rating.js +1 -1
  163. package/modern/Select/SelectInput.js +5 -1
  164. package/modern/Slider/Slider.js +3 -1
  165. package/modern/Snackbar/Snackbar.js +4 -1
  166. package/modern/index.js +1 -1
  167. package/modern/styles/makeStyles.js +1 -1
  168. package/modern/styles/withStyles.js +1 -1
  169. package/modern/styles/withTheme.js +1 -1
  170. package/modern/useMediaQuery/useMediaQuery.js +1 -1
  171. package/node/AvatarGroup/AvatarGroup.js +19 -7
  172. package/node/Badge/Badge.js +3 -2
  173. package/node/BottomNavigation/BottomNavigation.js +0 -0
  174. package/node/ButtonBase/ButtonBase.js +15 -2
  175. package/node/Fab/Fab.js +8 -20
  176. package/node/Fab/fabClasses.js +1 -1
  177. package/node/ImageList/ImageList.js +3 -1
  178. package/node/Modal/Modal.js +1 -1
  179. package/node/Rating/Rating.js +1 -1
  180. package/node/Select/SelectInput.js +5 -1
  181. package/node/Slider/Slider.js +3 -1
  182. package/node/Snackbar/Snackbar.js +4 -1
  183. package/node/index.js +1 -1
  184. package/node/styles/makeStyles.js +1 -1
  185. package/node/styles/withStyles.js +1 -1
  186. package/node/styles/withTheme.js +1 -1
  187. package/node/useMediaQuery/useMediaQuery.js +1 -1
  188. package/package.json +8 -8
  189. package/styles/makeStyles.js +1 -1
  190. package/styles/withStyles.js +1 -1
  191. package/styles/withTheme.js +1 -1
  192. package/transitions/index.d.ts +1 -1
  193. package/transitions/transition.d.ts +13 -13
  194. package/transitions/utils.d.ts +23 -23
  195. package/umd/material-ui.development.js +96 -50
  196. package/umd/material-ui.production.min.js +20 -20
  197. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  198. package/useMediaQuery/useMediaQuery.js +1 -1
  199. package/useTouchRipple/index.d.ts +1 -1
  200. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  201. package/utils/getScrollbarSize.d.ts +2 -2
  202. package/utils/ownerDocument.d.ts +2 -2
  203. package/utils/ownerWindow.d.ts +2 -2
  204. package/utils/setRef.d.ts +2 -2
@@ -1,18 +1,18 @@
1
- export interface AccordionClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `square={true}`. */
5
- rounded: string;
6
- /** State class applied to the root element if `expanded={true}`. */
7
- expanded: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element unless `disableGutters={true}`. */
11
- gutters: string;
12
- /** Styles applied to the region element, the container of the children. */
13
- region: string;
14
- }
15
- export declare type AccordionClassKey = keyof AccordionClasses;
16
- export declare function getAccordionUtilityClass(slot: string): string;
17
- declare const accordionClasses: AccordionClasses;
18
- export default accordionClasses;
1
+ export interface AccordionClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `square={true}`. */
5
+ rounded: string;
6
+ /** State class applied to the root element if `expanded={true}`. */
7
+ expanded: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element unless `disableGutters={true}`. */
11
+ gutters: string;
12
+ /** Styles applied to the region element, the container of the children. */
13
+ region: string;
14
+ }
15
+ export declare type AccordionClassKey = keyof AccordionClasses;
16
+ export declare function getAccordionUtilityClass(slot: string): string;
17
+ declare const accordionClasses: AccordionClasses;
18
+ export default accordionClasses;
@@ -1,10 +1,10 @@
1
- export interface AccordionActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export declare type AccordionActionsClassKey = keyof AccordionActionsClasses;
8
- export declare function getAccordionActionsUtilityClass(slot: string): string;
9
- declare const accordionActionsClasses: AccordionActionsClasses;
10
- export default accordionActionsClasses;
1
+ export interface AccordionActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export declare type AccordionActionsClassKey = keyof AccordionActionsClasses;
8
+ export declare function getAccordionActionsUtilityClass(slot: string): string;
9
+ declare const accordionActionsClasses: AccordionActionsClasses;
10
+ export default accordionActionsClasses;
@@ -1,8 +1,8 @@
1
- export interface AccordionDetailsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
6
- export declare function getAccordionDetailsUtilityClass(slot: string): string;
7
- declare const accordionDetailsClasses: AccordionDetailsClasses;
8
- export default accordionDetailsClasses;
1
+ export interface AccordionDetailsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
6
+ export declare function getAccordionDetailsUtilityClass(slot: string): string;
7
+ declare const accordionDetailsClasses: AccordionDetailsClasses;
8
+ export default accordionDetailsClasses;
@@ -1,22 +1,22 @@
1
- export interface AccordionSummaryClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
5
- expanded: string;
6
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
7
- focusVisible: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element unless `disableGutters={true}`. */
11
- gutters: string;
12
- /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
13
- contentGutters: string;
14
- /** Styles applied to the children wrapper element. */
15
- content: string;
16
- /** Styles applied to the `expandIcon`'s wrapper element. */
17
- expandIconWrapper: string;
18
- }
19
- export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
20
- export declare function getAccordionSummaryUtilityClass(slot: string): string;
21
- declare const accordionSummaryClasses: AccordionSummaryClasses;
22
- export default accordionSummaryClasses;
1
+ export interface AccordionSummaryClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
5
+ expanded: string;
6
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
7
+ focusVisible: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element unless `disableGutters={true}`. */
11
+ gutters: string;
12
+ /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
13
+ contentGutters: string;
14
+ /** Styles applied to the children wrapper element. */
15
+ content: string;
16
+ /** Styles applied to the `expandIcon`'s wrapper element. */
17
+ expandIconWrapper: string;
18
+ }
19
+ export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
20
+ export declare function getAccordionSummaryUtilityClass(slot: string): string;
21
+ declare const accordionSummaryClasses: AccordionSummaryClasses;
22
+ export default accordionSummaryClasses;
@@ -1,44 +1,44 @@
1
- export interface AlertClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="filled"`. */
5
- filled: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="standard"`. */
9
- standard: string;
10
- /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
11
- standardSuccess: string;
12
- /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
13
- standardInfo: string;
14
- /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
15
- standardWarning: string;
16
- /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
17
- standardError: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
19
- outlinedSuccess: string;
20
- /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
21
- outlinedInfo: string;
22
- /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
23
- outlinedWarning: string;
24
- /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
25
- outlinedError: string;
26
- /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
27
- filledSuccess: string;
28
- /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
29
- filledInfo: string;
30
- /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
31
- filledWarning: string;
32
- /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
33
- filledError: string;
34
- /** Styles applied to the icon wrapper element. */
35
- icon: string;
36
- /** Styles applied to the message wrapper element. */
37
- message: string;
38
- /** Styles applied to the action wrapper element if `action` is provided. */
39
- action: string;
40
- }
41
- export declare type AlertClassKey = keyof AlertClasses;
42
- export declare function getAlertUtilityClass(slot: string): string;
43
- declare const alertClasses: AlertClasses;
44
- export default alertClasses;
1
+ export interface AlertClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="filled"`. */
5
+ filled: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="standard"`. */
9
+ standard: string;
10
+ /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
11
+ standardSuccess: string;
12
+ /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
13
+ standardInfo: string;
14
+ /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
15
+ standardWarning: string;
16
+ /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
17
+ standardError: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
19
+ outlinedSuccess: string;
20
+ /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
21
+ outlinedInfo: string;
22
+ /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
23
+ outlinedWarning: string;
24
+ /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
25
+ outlinedError: string;
26
+ /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
27
+ filledSuccess: string;
28
+ /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
29
+ filledInfo: string;
30
+ /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
31
+ filledWarning: string;
32
+ /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
33
+ filledError: string;
34
+ /** Styles applied to the icon wrapper element. */
35
+ icon: string;
36
+ /** Styles applied to the message wrapper element. */
37
+ message: string;
38
+ /** Styles applied to the action wrapper element if `action` is provided. */
39
+ action: string;
40
+ }
41
+ export declare type AlertClassKey = keyof AlertClasses;
42
+ export declare function getAlertUtilityClass(slot: string): string;
43
+ declare const alertClasses: AlertClasses;
44
+ export default alertClasses;
@@ -1,8 +1,8 @@
1
- export interface AlertTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type AlertTitleClassKey = keyof AlertTitleClasses;
6
- export declare function getAlertTitleUtilityClass(slot: string): string;
7
- declare const alertTitleClasses: AlertTitleClasses;
8
- export default alertTitleClasses;
1
+ export interface AlertTitleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type AlertTitleClassKey = keyof AlertTitleClasses;
6
+ export declare function getAlertTitleUtilityClass(slot: string): string;
7
+ declare const alertTitleClasses: AlertTitleClasses;
8
+ export default alertTitleClasses;
@@ -1,28 +1,28 @@
1
- export interface AppBarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="fixed"`. */
5
- positionFixed: string;
6
- /** Styles applied to the root element if `position="absolute"`. */
7
- positionAbsolute: string;
8
- /** Styles applied to the root element if `position="sticky"`. */
9
- positionSticky: string;
10
- /** Styles applied to the root element if `position="static"`. */
11
- positionStatic: string;
12
- /** Styles applied to the root element if `position="relative"`. */
13
- positionRelative: string;
14
- /** Styles applied to the root element if `color="default"`. */
15
- colorDefault: string;
16
- /** Styles applied to the root element if `color="primary"`. */
17
- colorPrimary: string;
18
- /** Styles applied to the root element if `color="secondary"`. */
19
- colorSecondary: string;
20
- /** Styles applied to the root element if `color="inherit"`. */
21
- colorInherit: string;
22
- /** Styles applied to the root element if `color="transparent"`. */
23
- colorTransparent: string;
24
- }
25
- export declare type AppBarClassKey = keyof AppBarClasses;
26
- export declare function getAppBarUtilityClass(slot: string): string;
27
- declare const appBarClasses: AppBarClasses;
28
- export default appBarClasses;
1
+ export interface AppBarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `position="fixed"`. */
5
+ positionFixed: string;
6
+ /** Styles applied to the root element if `position="absolute"`. */
7
+ positionAbsolute: string;
8
+ /** Styles applied to the root element if `position="sticky"`. */
9
+ positionSticky: string;
10
+ /** Styles applied to the root element if `position="static"`. */
11
+ positionStatic: string;
12
+ /** Styles applied to the root element if `position="relative"`. */
13
+ positionRelative: string;
14
+ /** Styles applied to the root element if `color="default"`. */
15
+ colorDefault: string;
16
+ /** Styles applied to the root element if `color="primary"`. */
17
+ colorPrimary: string;
18
+ /** Styles applied to the root element if `color="secondary"`. */
19
+ colorSecondary: string;
20
+ /** Styles applied to the root element if `color="inherit"`. */
21
+ colorInherit: string;
22
+ /** Styles applied to the root element if `color="transparent"`. */
23
+ colorTransparent: string;
24
+ }
25
+ export declare type AppBarClassKey = keyof AppBarClasses;
26
+ export declare function getAppBarUtilityClass(slot: string): string;
27
+ declare const appBarClasses: AppBarClasses;
28
+ export default appBarClasses;
@@ -1,54 +1,54 @@
1
- export interface AutocompleteClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `fullWidth={true}`. */
5
- fullWidth: string;
6
- /** State class applied to the root element if focused. */
7
- focused: string;
8
- /** Styles applied to the tag elements, e.g. the chips. */
9
- tag: string;
10
- /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
11
- tagSizeSmall: string;
12
- /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
13
- tagSizeMedium: string;
14
- /** Styles applied when the popup icon is rendered. */
15
- hasPopupIcon: string;
16
- /** Styles applied when the clear icon is rendered. */
17
- hasClearIcon: string;
18
- /** Styles applied to the Input element. */
19
- inputRoot: string;
20
- /** Styles applied to the input element. */
21
- input: string;
22
- /** Styles applied to the input element if tag focused. */
23
- inputFocused: string;
24
- /** Styles applied to the endAdornment element. */
25
- endAdornment: string;
26
- /** Styles applied to the clear indicator. */
27
- clearIndicator: string;
28
- /** Styles applied to the popup indicator. */
29
- popupIndicator: string;
30
- /** Styles applied to the popup indicator if the popup is open. */
31
- popupIndicatorOpen: string;
32
- /** Styles applied to the popper element. */
33
- popper: string;
34
- /** Styles applied to the popper element if `disablePortal={true}`. */
35
- popperDisablePortal: string;
36
- /** Styles applied to the Paper component. */
37
- paper: string;
38
- /** Styles applied to the listbox component. */
39
- listbox: string;
40
- /** Styles applied to the loading wrapper. */
41
- loading: string;
42
- /** Styles applied to the no option wrapper. */
43
- noOptions: string;
44
- /** Styles applied to the option elements. */
45
- option: string;
46
- /** Styles applied to the group's label elements. */
47
- groupLabel: string;
48
- /** Styles applied to the group's ul elements. */
49
- groupUl: string;
50
- }
51
- export declare type AutocompleteClassKey = keyof AutocompleteClasses;
52
- export declare function getAutocompleteUtilityClass(slot: string): string;
53
- declare const autocompleteClasses: AutocompleteClasses;
54
- export default autocompleteClasses;
1
+ export interface AutocompleteClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `fullWidth={true}`. */
5
+ fullWidth: string;
6
+ /** State class applied to the root element if focused. */
7
+ focused: string;
8
+ /** Styles applied to the tag elements, e.g. the chips. */
9
+ tag: string;
10
+ /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
11
+ tagSizeSmall: string;
12
+ /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
13
+ tagSizeMedium: string;
14
+ /** Styles applied when the popup icon is rendered. */
15
+ hasPopupIcon: string;
16
+ /** Styles applied when the clear icon is rendered. */
17
+ hasClearIcon: string;
18
+ /** Styles applied to the Input element. */
19
+ inputRoot: string;
20
+ /** Styles applied to the input element. */
21
+ input: string;
22
+ /** Styles applied to the input element if tag focused. */
23
+ inputFocused: string;
24
+ /** Styles applied to the endAdornment element. */
25
+ endAdornment: string;
26
+ /** Styles applied to the clear indicator. */
27
+ clearIndicator: string;
28
+ /** Styles applied to the popup indicator. */
29
+ popupIndicator: string;
30
+ /** Styles applied to the popup indicator if the popup is open. */
31
+ popupIndicatorOpen: string;
32
+ /** Styles applied to the popper element. */
33
+ popper: string;
34
+ /** Styles applied to the popper element if `disablePortal={true}`. */
35
+ popperDisablePortal: string;
36
+ /** Styles applied to the Paper component. */
37
+ paper: string;
38
+ /** Styles applied to the listbox component. */
39
+ listbox: string;
40
+ /** Styles applied to the loading wrapper. */
41
+ loading: string;
42
+ /** Styles applied to the no option wrapper. */
43
+ noOptions: string;
44
+ /** Styles applied to the option elements. */
45
+ option: string;
46
+ /** Styles applied to the group's label elements. */
47
+ groupLabel: string;
48
+ /** Styles applied to the group's ul elements. */
49
+ groupUl: string;
50
+ }
51
+ export declare type AutocompleteClassKey = keyof AutocompleteClasses;
52
+ export declare function getAutocompleteUtilityClass(slot: string): string;
53
+ declare const autocompleteClasses: AutocompleteClasses;
54
+ export default autocompleteClasses;
@@ -1,20 +1,20 @@
1
- export interface AvatarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if not `src` or `srcSet`. */
5
- colorDefault: string;
6
- /** Styles applied to the root element if `variant="circular"`. */
7
- circular: string;
8
- /** Styles applied to the root element if `variant="rounded"`. */
9
- rounded: string;
10
- /** Styles applied to the root element if `variant="square"`. */
11
- square: string;
12
- /** Styles applied to the img element if either `src` or `srcSet` is defined. */
13
- img: string;
14
- /** Styles applied to the fallback icon */
15
- fallback: string;
16
- }
17
- export declare type AvatarClassKey = keyof AvatarClasses;
18
- export declare function getAvatarUtilityClass(slot: string): string;
19
- declare const avatarClasses: AvatarClasses;
20
- export default avatarClasses;
1
+ export interface AvatarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if not `src` or `srcSet`. */
5
+ colorDefault: string;
6
+ /** Styles applied to the root element if `variant="circular"`. */
7
+ circular: string;
8
+ /** Styles applied to the root element if `variant="rounded"`. */
9
+ rounded: string;
10
+ /** Styles applied to the root element if `variant="square"`. */
11
+ square: string;
12
+ /** Styles applied to the img element if either `src` or `srcSet` is defined. */
13
+ img: string;
14
+ /** Styles applied to the fallback icon */
15
+ fallback: string;
16
+ }
17
+ export declare type AvatarClassKey = keyof AvatarClasses;
18
+ export declare function getAvatarUtilityClass(slot: string): string;
19
+ declare const avatarClasses: AvatarClasses;
20
+ export default avatarClasses;
@@ -3,9 +3,11 @@ import { InternalStandardProps as StandardProps, Theme } from '@mui/material';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
4
  import { SxProps } from '@mui/system';
5
5
  import { AvatarGroupClasses } from './avatarGroupClasses';
6
+ import Avatar from '../Avatar';
6
7
 
7
8
  export interface AvatarGroupPropsVariantOverrides {}
8
9
 
10
+ export interface AvatarGroupComponentsPropsOverrides {}
9
11
  export interface AvatarGroupProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
10
12
  /**
11
13
  * The avatars to stack.
@@ -15,6 +17,14 @@ export interface AvatarGroupProps extends StandardProps<React.HTMLAttributes<HTM
15
17
  * Override or extend the styles applied to the component.
16
18
  */
17
19
  classes?: Partial<AvatarGroupClasses>;
20
+ /**
21
+ * The props used for each slot inside the AvatarGroup.
22
+ * @default {}
23
+ */
24
+ componentsProps?: {
25
+ additionalAvatar?: React.ComponentPropsWithRef<typeof Avatar> &
26
+ AvatarGroupComponentsPropsOverrides;
27
+ };
18
28
  /**
19
29
  * Max avatars to show before +x.
20
30
  * @default 5
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
2
  import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["children", "className", "max", "spacing", "total", "variant"];
3
+ const _excluded = ["children", "className", "componentsProps", "max", "spacing", "total", "variant"];
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { isFragment } from 'react-is';
@@ -63,6 +63,8 @@ const AvatarGroupAvatar = styled(Avatar, {
63
63
  }
64
64
  }));
65
65
  const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, ref) {
66
+ var _componentsProps$addi, _componentsProps$addi2;
67
+
66
68
  const props = useThemeProps({
67
69
  props: inProps,
68
70
  name: 'MuiAvatarGroup'
@@ -71,6 +73,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
71
73
  const {
72
74
  children: childrenProp,
73
75
  className,
76
+ componentsProps = {},
74
77
  max = 5,
75
78
  spacing = 'medium',
76
79
  total,
@@ -111,15 +114,16 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
111
114
  className: clsx(classes.root, className),
112
115
  ref: ref
113
116
  }, other, {
114
- children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, {
117
+ children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _extends({
115
118
  ownerState: ownerState,
116
- className: classes.avatar,
117
- style: {
119
+ variant: variant
120
+ }, componentsProps.additionalAvatar, {
121
+ className: clsx(classes.avatar, (_componentsProps$addi = componentsProps.additionalAvatar) == null ? void 0 : _componentsProps$addi.className),
122
+ style: _extends({
118
123
  marginLeft
119
- },
120
- variant: variant,
124
+ }, (_componentsProps$addi2 = componentsProps.additionalAvatar) == null ? void 0 : _componentsProps$addi2.style),
121
125
  children: ["+", extraAvatars]
122
- }) : null, children.slice(0, maxAvatars).reverse().map(child => {
126
+ })) : null, children.slice(0, maxAvatars).reverse().map(child => {
123
127
  return /*#__PURE__*/React.cloneElement(child, {
124
128
  className: clsx(child.props.className, classes.avatar),
125
129
  style: _extends({
@@ -153,6 +157,14 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
153
157
  */
154
158
  className: PropTypes.string,
155
159
 
160
+ /**
161
+ * The props used for each slot inside the AvatarGroup.
162
+ * @default {}
163
+ */
164
+ componentsProps: PropTypes.shape({
165
+ additionalAvatar: PropTypes.object
166
+ }),
167
+
156
168
  /**
157
169
  * Max avatars to show before +x.
158
170
  * @default 5
@@ -1,10 +1,10 @@
1
- export interface AvatarGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar elements. */
5
- avatar: string;
6
- }
7
- export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
8
- export declare function getAvatarGroupUtilityClass(slot: string): string;
9
- declare const avatarGroupClasses: AvatarGroupClasses;
10
- export default avatarGroupClasses;
1
+ export interface AvatarGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar elements. */
5
+ avatar: string;
6
+ }
7
+ export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
8
+ export declare function getAvatarGroupUtilityClass(slot: string): string;
9
+ declare const avatarGroupClasses: AvatarGroupClasses;
10
+ export default avatarGroupClasses;
package/Badge/Badge.js CHANGED
@@ -171,7 +171,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
171
171
  componentsProps = {},
172
172
  overlap: overlapProp = 'rectangular',
173
173
  color: colorProp = 'default',
174
- invisible: invisibleProp,
174
+ invisible: invisibleProp = false,
175
175
  badgeContent: badgeContentProp,
176
176
  showZero = false,
177
177
  variant: variantProp = 'standard'
@@ -185,7 +185,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
185
185
  });
186
186
  let invisible = invisibleProp;
187
187
 
188
- if (invisibleProp == null && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
188
+ if (invisibleProp === false && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
189
189
  invisible = true;
190
190
  }
191
191
 
@@ -303,6 +303,7 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
303
303
 
304
304
  /**
305
305
  * If `true`, the badge is invisible.
306
+ * @default false
306
307
  */
307
308
  invisible: PropTypes.bool,
308
309
 
File without changes
@@ -1,8 +1,8 @@
1
- export interface BottomNavigationClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
- export declare function getBottomNavigationUtilityClass(slot: string): string;
7
- declare const bottomNavigationClasses: BottomNavigationClasses;
8
- export default bottomNavigationClasses;
1
+ export interface BottomNavigationClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
+ export declare function getBottomNavigationUtilityClass(slot: string): string;
7
+ declare const bottomNavigationClasses: BottomNavigationClasses;
8
+ export default bottomNavigationClasses;
@@ -1,14 +1,14 @@
1
- export interface BottomNavigationActionClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if selected. */
5
- selected: string;
6
- /** State class applied to the root element if `showLabel={false}` and not selected. */
7
- iconOnly: string;
8
- /** Styles applied to the label's span element. */
9
- label: string;
10
- }
11
- export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
12
- export declare function getBottomNavigationActionUtilityClass(slot: string): string;
13
- declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
14
- export default bottomNavigationActionClasses;
1
+ export interface BottomNavigationActionClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if selected. */
5
+ selected: string;
6
+ /** State class applied to the root element if `showLabel={false}` and not selected. */
7
+ iconOnly: string;
8
+ /** Styles applied to the label's span element. */
9
+ label: string;
10
+ }
11
+ export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
12
+ export declare function getBottomNavigationActionUtilityClass(slot: string): string;
13
+ declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
14
+ export default bottomNavigationActionClasses;