@mui/material 5.11.8 → 5.11.10

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 (199) 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/AppBar.js +1 -1
  8. package/AppBar/appBarClasses.d.ts +28 -28
  9. package/Autocomplete/Autocomplete.js +14 -0
  10. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  11. package/Avatar/Avatar.js +1 -0
  12. package/Avatar/avatarClasses.d.ts +20 -20
  13. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  14. package/Backdrop/Backdrop.d.ts +8 -0
  15. package/Backdrop/Backdrop.js +10 -5
  16. package/Backdrop/backdropClasses.d.ts +10 -10
  17. package/Badge/Badge.d.ts +0 -1
  18. package/Badge/Badge.js +47 -47
  19. package/Badge/badgeClasses.d.ts +56 -56
  20. package/BottomNavigation/BottomNavigation.js +0 -0
  21. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  22. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  23. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  24. package/Button/buttonClasses.d.ts +100 -100
  25. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  26. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  27. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  28. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  29. package/CHANGELOG.md +120 -2
  30. package/Card/cardClasses.d.ts +8 -8
  31. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  32. package/CardActions/cardActionsClasses.d.ts +10 -10
  33. package/CardContent/cardContentClasses.d.ts +8 -8
  34. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  35. package/CardMedia/cardMediaClasses.d.ts +12 -12
  36. package/Checkbox/checkboxClasses.d.ts +18 -18
  37. package/Chip/chipClasses.d.ts +96 -96
  38. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  39. package/ClickAwayListener/index.d.ts +2 -2
  40. package/Collapse/collapseClasses.d.ts +18 -18
  41. package/Container/containerClasses.d.ts +6 -6
  42. package/Dialog/DialogContext.d.ts +6 -6
  43. package/Dialog/DialogContext.js +2 -2
  44. package/Dialog/dialogClasses.d.ts +36 -36
  45. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  46. package/DialogContent/dialogContentClasses.d.ts +10 -10
  47. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  48. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  49. package/Divider/dividerClasses.d.ts +34 -34
  50. package/Drawer/drawerClasses.d.ts +30 -30
  51. package/Fab/fabClasses.d.ts +26 -26
  52. package/FilledInput/filledInputClasses.d.ts +40 -40
  53. package/FormControl/FormControlContext.d.ts +17 -17
  54. package/FormControl/formControlClasses.d.ts +14 -14
  55. package/FormControl/useFormControl.d.ts +2 -2
  56. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  57. package/FormGroup/formGroupClasses.d.ts +12 -12
  58. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  59. package/FormLabel/formLabelClasses.d.ts +22 -22
  60. package/Grid/gridClasses.d.ts +48 -48
  61. package/Icon/iconClasses.d.ts +24 -24
  62. package/IconButton/iconButtonClasses.d.ts +34 -34
  63. package/ImageList/imageListClasses.d.ts +16 -16
  64. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  65. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  66. package/Input/inputClasses.d.ts +34 -34
  67. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  68. package/InputBase/inputBaseClasses.d.ts +46 -46
  69. package/InputLabel/inputLabelClasses.d.ts +32 -32
  70. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  71. package/Link/getTextDecoration.d.ts +15 -15
  72. package/Link/linkClasses.d.ts +18 -18
  73. package/List/listClasses.d.ts +14 -14
  74. package/ListItem/listItemClasses.d.ts +30 -30
  75. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  76. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  77. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  78. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  79. package/ListItemText/listItemTextClasses.d.ts +18 -18
  80. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  81. package/Menu/menuClasses.d.ts +12 -12
  82. package/MenuItem/menuItemClasses.d.ts +20 -20
  83. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  84. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  85. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  86. package/Pagination/paginationClasses.d.ts +14 -14
  87. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  88. package/Paper/paperClasses.d.ts +39 -39
  89. package/Popover/popoverClasses.d.ts +10 -10
  90. package/Popper/Popper.d.ts +55 -55
  91. package/Radio/radioClasses.d.ts +16 -16
  92. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  93. package/RadioGroup/useRadioGroup.d.ts +4 -4
  94. package/Rating/ratingClasses.d.ts +40 -40
  95. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  96. package/Select/selectClasses.d.ts +30 -30
  97. package/Skeleton/skeletonClasses.d.ts +26 -26
  98. package/Slider/SliderValueLabel.d.ts +15 -15
  99. package/Slider/SliderValueLabel.types.d.ts +24 -24
  100. package/Slider/sliderClasses.d.ts +58 -58
  101. package/Snackbar/snackbarClasses.d.ts +20 -20
  102. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  103. package/SpeedDial/speedDialClasses.d.ts +22 -22
  104. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  105. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  106. package/Step/StepContext.d.ts +20 -20
  107. package/Step/stepClasses.d.ts +16 -16
  108. package/StepButton/stepButtonClasses.d.ts +14 -14
  109. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  110. package/StepContent/stepContentClasses.d.ts +12 -12
  111. package/StepIcon/stepIconClasses.d.ts +16 -16
  112. package/StepLabel/stepLabelClasses.d.ts +28 -28
  113. package/Stepper/StepperContext.d.ts +18 -18
  114. package/Stepper/stepperClasses.d.ts +14 -14
  115. package/SvgIcon/svgIconClasses.d.ts +26 -26
  116. package/SwipeableDrawer/SwipeableDrawer.js +3 -3
  117. package/Switch/switchClasses.d.ts +32 -32
  118. package/Tab/tabClasses.d.ts +26 -26
  119. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  120. package/Table/tableClasses.d.ts +10 -10
  121. package/TableBody/tableBodyClasses.d.ts +8 -8
  122. package/TableCell/tableCellClasses.d.ts +32 -32
  123. package/TableContainer/tableContainerClasses.d.ts +8 -8
  124. package/TableFooter/tableFooterClasses.d.ts +8 -8
  125. package/TableHead/tableHeadClasses.d.ts +8 -8
  126. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  127. package/TableRow/tableRowClasses.d.ts +16 -16
  128. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  129. package/Tabs/tabsClasses.d.ts +32 -32
  130. package/TextField/textFieldClasses.d.ts +8 -8
  131. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  132. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  133. package/Toolbar/toolbarClasses.d.ts +14 -14
  134. package/Tooltip/tooltipClasses.d.ts +30 -30
  135. package/Typography/typographyClasses.d.ts +50 -50
  136. package/Unstable_Grid2/Grid2.d.ts +4 -4
  137. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  138. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  139. package/Unstable_Grid2/index.d.ts +4 -4
  140. package/className/index.d.ts +1 -1
  141. package/darkScrollbar/index.d.ts +28 -28
  142. package/generateUtilityClass/index.d.ts +2 -2
  143. package/generateUtilityClasses/index.d.ts +1 -1
  144. package/index.js +1 -1
  145. package/internal/SwitchBase.js +1 -1
  146. package/internal/switchBaseClasses.d.ts +12 -12
  147. package/legacy/AppBar/AppBar.js +1 -1
  148. package/legacy/Autocomplete/Autocomplete.js +10 -1
  149. package/legacy/Avatar/Avatar.js +1 -0
  150. package/legacy/Backdrop/Backdrop.js +9 -3
  151. package/legacy/Badge/Badge.js +48 -48
  152. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  153. package/legacy/Dialog/DialogContext.js +2 -2
  154. package/legacy/SwipeableDrawer/SwipeableDrawer.js +3 -3
  155. package/legacy/index.js +1 -1
  156. package/legacy/internal/SwitchBase.js +1 -1
  157. package/legacy/useMediaQuery/useMediaQuery.js +12 -7
  158. package/locale/index.d.ts +75 -75
  159. package/modern/AppBar/AppBar.js +1 -1
  160. package/modern/Autocomplete/Autocomplete.js +14 -0
  161. package/modern/Avatar/Avatar.js +1 -0
  162. package/modern/Backdrop/Backdrop.js +10 -5
  163. package/modern/Badge/Badge.js +47 -47
  164. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  165. package/modern/Dialog/DialogContext.js +2 -2
  166. package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -3
  167. package/modern/index.js +1 -1
  168. package/modern/internal/SwitchBase.js +1 -1
  169. package/modern/useMediaQuery/useMediaQuery.js +9 -7
  170. package/node/AppBar/AppBar.js +1 -1
  171. package/node/Autocomplete/Autocomplete.js +14 -0
  172. package/node/Avatar/Avatar.js +1 -0
  173. package/node/Backdrop/Backdrop.js +10 -5
  174. package/node/Badge/Badge.js +46 -47
  175. package/node/BottomNavigation/BottomNavigation.js +0 -0
  176. package/node/Dialog/DialogContext.js +4 -2
  177. package/node/SwipeableDrawer/SwipeableDrawer.js +3 -3
  178. package/node/index.js +1 -1
  179. package/node/internal/SwitchBase.js +1 -1
  180. package/node/useMediaQuery/useMediaQuery.js +9 -7
  181. package/package.json +6 -6
  182. package/styles/CssVarsProvider.d.ts +16 -16
  183. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  184. package/styles/getOverlayAlpha.d.ts +2 -2
  185. package/styles/props.d.ts +2 -2
  186. package/transitions/index.d.ts +1 -1
  187. package/transitions/transition.d.ts +13 -13
  188. package/transitions/utils.d.ts +23 -23
  189. package/types/OverridableComponentAugmentation.d.ts +31 -31
  190. package/umd/material-ui.development.js +163 -248
  191. package/umd/material-ui.production.min.js +20 -20
  192. package/useMediaQuery/useMediaQuery.d.ts +46 -31
  193. package/useMediaQuery/useMediaQuery.js +9 -7
  194. package/useTouchRipple/index.d.ts +1 -1
  195. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  196. package/utils/getScrollbarSize.d.ts +2 -2
  197. package/utils/ownerDocument.d.ts +2 -2
  198. package/utils/ownerWindow.d.ts +2 -2
  199. 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 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 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 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 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 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 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 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 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 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 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 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 type AlertTitleClassKey = keyof AlertTitleClasses;
6
+ export declare function getAlertTitleUtilityClass(slot: string): string;
7
+ declare const alertTitleClasses: AlertTitleClasses;
8
+ export default alertTitleClasses;
package/AppBar/AppBar.js CHANGED
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
25
25
 
26
26
  // var2 is the fallback.
27
27
  // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
28
- const joinVars = (var1, var2) => `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})`;
28
+ const joinVars = (var1, var2) => var1 ? `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})` : var2;
29
29
  const AppBarRoot = styled(Paper, {
30
30
  name: 'MuiAppBar',
31
31
  slot: 'Root',
@@ -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 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 type AppBarClassKey = keyof AppBarClasses;
26
+ export declare function getAppBarUtilityClass(slot: string): string;
27
+ declare const appBarClasses: AppBarClasses;
28
+ export default appBarClasses;
@@ -178,6 +178,20 @@ const AutocompleteRoot = styled('div', {
178
178
  [`& .${inputBaseClasses.hiddenLabel}`]: {
179
179
  paddingTop: 8
180
180
  },
181
+ [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}`]: {
182
+ paddingTop: 0,
183
+ paddingBottom: 0,
184
+ [`& .${autocompleteClasses.input}`]: {
185
+ paddingTop: 16,
186
+ paddingBottom: 17
187
+ }
188
+ },
189
+ [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}.${inputBaseClasses.sizeSmall}`]: {
190
+ [`& .${autocompleteClasses.input}`]: {
191
+ paddingTop: 8,
192
+ paddingBottom: 9
193
+ }
194
+ },
181
195
  [`& .${autocompleteClasses.input}`]: _extends({
182
196
  flexGrow: 1,
183
197
  textOverflow: 'ellipsis',
@@ -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 the input is 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 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 the input is 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 type AutocompleteClassKey = keyof AutocompleteClasses;
52
+ export declare function getAutocompleteUtilityClass(slot: string): string;
53
+ declare const autocompleteClasses: AutocompleteClasses;
54
+ export default autocompleteClasses;
package/Avatar/Avatar.js CHANGED
@@ -168,6 +168,7 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
168
168
  children = alt[0];
169
169
  } else {
170
170
  children = /*#__PURE__*/_jsx(AvatarFallback, {
171
+ ownerState: ownerState,
171
172
  className: classes.fallback
172
173
  });
173
174
  }
@@ -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 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 type AvatarClassKey = keyof AvatarClasses;
18
+ export declare function getAvatarUtilityClass(slot: string): string;
19
+ declare const avatarClasses: AvatarClasses;
20
+ export default avatarClasses;
@@ -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 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 type AvatarGroupClassKey = keyof AvatarGroupClasses;
8
+ export declare function getAvatarGroupUtilityClass(slot: string): string;
9
+ declare const avatarGroupClasses: AvatarGroupClasses;
10
+ export default avatarGroupClasses;
@@ -83,6 +83,14 @@ export interface BackdropTypeMap<P = {}, D extends React.ElementType = 'div'> {
83
83
  * You may specify a single timeout for all transitions, or individually with an object.
84
84
  */
85
85
  transitionDuration?: TransitionProps['timeout'];
86
+ /**
87
+ * The component used for the transition.
88
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
89
+ * @default Fade
90
+ */
91
+ TransitionComponent?: React.JSXElementConstructor<
92
+ TransitionProps & { children: React.ReactElement<any, any> }
93
+ >;
86
94
  };
87
95
  defaultComponent: D;
88
96
  }
@@ -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", "component", "components", "componentsProps", "className", "invisible", "open", "slotProps", "slots", "transitionDuration", "TransitionComponent"];
3
+ const _excluded = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
@@ -53,17 +53,16 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
53
53
  });
54
54
  const {
55
55
  children,
56
+ className,
56
57
  component = 'div',
57
58
  components = {},
58
59
  componentsProps = {},
59
- className,
60
60
  invisible = false,
61
61
  open,
62
62
  slotProps = {},
63
63
  slots = {},
64
- transitionDuration,
65
- // eslint-disable-next-line react/prop-types
66
- TransitionComponent = Fade
64
+ TransitionComponent = Fade,
65
+ transitionDuration
67
66
  } = props,
68
67
  other = _objectWithoutPropertiesLoose(props, _excluded);
69
68
  const ownerState = _extends({}, props, {
@@ -168,6 +167,12 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
168
167
  * The system prop that allows defining system overrides as well as additional CSS styles.
169
168
  */
170
169
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
170
+ /**
171
+ * The component used for the transition.
172
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
173
+ * @default Fade
174
+ */
175
+ TransitionComponent: PropTypes.elementType,
171
176
  /**
172
177
  * The duration for the transition, in milliseconds.
173
178
  * You may specify a single timeout for all transitions, or individually with an object.
@@ -1,10 +1,10 @@
1
- export interface BackdropClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `invisible={true}`. */
5
- invisible: string;
6
- }
7
- export type BackdropClassKey = keyof BackdropClasses;
8
- export declare function getBackdropUtilityClass(slot: string): string;
9
- declare const backdropClasses: BackdropClasses;
10
- export default backdropClasses;
1
+ export interface BackdropClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `invisible={true}`. */
5
+ invisible: string;
6
+ }
7
+ export type BackdropClassKey = keyof BackdropClasses;
8
+ export declare function getBackdropUtilityClass(slot: string): string;
9
+ declare const backdropClasses: BackdropClasses;
10
+ export default backdropClasses;
package/Badge/Badge.d.ts CHANGED
@@ -102,7 +102,6 @@ export declare const BadgeMark: React.FC<BadgeBadgeProps>;
102
102
  * API:
103
103
  *
104
104
  * - [Badge API](https://mui.com/material-ui/api/badge/)
105
- * - inherits [BadgeUnstyled API](https://mui.com/base/api/badge-unstyled/)
106
105
  */
107
106
  declare const Badge: OverridableComponent<BadgeTypeMap>;
108
107