@mui/material 5.10.11 → 5.10.12

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 (193) 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/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/TouchRipple.js +1 -1
  19. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  20. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  21. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  22. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  23. package/CHANGELOG.md +76 -0
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +18 -18
  31. package/Chip/Chip.js +8 -4
  32. package/Chip/chipClasses.d.ts +96 -96
  33. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  34. package/ClickAwayListener/index.d.ts +2 -2
  35. package/Collapse/collapseClasses.d.ts +18 -18
  36. package/Container/containerClasses.d.ts +6 -6
  37. package/Dialog/DialogContext.d.ts +6 -6
  38. package/Dialog/dialogClasses.d.ts +36 -36
  39. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  40. package/DialogContent/dialogContentClasses.d.ts +10 -10
  41. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  42. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  43. package/Divider/dividerClasses.d.ts +34 -34
  44. package/Drawer/drawerClasses.d.ts +30 -30
  45. package/Fab/fabClasses.d.ts +26 -26
  46. package/FilledInput/filledInputClasses.d.ts +40 -40
  47. package/FormControl/FormControl.js +29 -29
  48. package/FormControl/formControlClasses.d.ts +14 -14
  49. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  50. package/FormGroup/formGroupClasses.d.ts +12 -12
  51. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  52. package/FormLabel/formLabelClasses.d.ts +22 -22
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/iconButtonClasses.d.ts +26 -26
  56. package/ImageList/imageListClasses.d.ts +16 -16
  57. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  58. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  59. package/Input/inputClasses.d.ts +34 -34
  60. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  61. package/InputBase/inputBaseClasses.d.ts +46 -46
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/getTextDecoration.d.ts +15 -15
  65. package/Link/linkClasses.d.ts +18 -18
  66. package/List/listClasses.d.ts +14 -14
  67. package/ListItem/ListItem.js +2 -2
  68. package/ListItem/listItemClasses.d.ts +30 -30
  69. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  70. package/ListItemButton/ListItemButton.js +2 -2
  71. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  72. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  73. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  74. package/ListItemText/listItemTextClasses.d.ts +18 -18
  75. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  76. package/Menu/menuClasses.d.ts +12 -12
  77. package/MenuItem/MenuItem.js +2 -2
  78. package/MenuItem/menuItemClasses.d.ts +20 -20
  79. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  80. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  81. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  82. package/OverridableComponentAugmentation.d.ts +31 -31
  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 +37 -37
  88. package/Radio/Radio.js +2 -1
  89. package/Radio/radioClasses.d.ts +16 -16
  90. package/RadioGroup/RadioGroup.js +12 -12
  91. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  92. package/RadioGroup/useRadioGroup.d.ts +4 -4
  93. package/Rating/ratingClasses.d.ts +40 -40
  94. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  95. package/Select/selectClasses.d.ts +30 -30
  96. package/Skeleton/skeletonClasses.d.ts +26 -26
  97. package/Snackbar/snackbarClasses.d.ts +20 -20
  98. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  99. package/SpeedDial/speedDialClasses.d.ts +22 -22
  100. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  101. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  102. package/Step/StepContext.d.ts +20 -20
  103. package/Step/stepClasses.d.ts +16 -16
  104. package/StepButton/stepButtonClasses.d.ts +14 -14
  105. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  106. package/StepContent/stepContentClasses.d.ts +12 -12
  107. package/StepIcon/stepIconClasses.d.ts +16 -16
  108. package/StepLabel/stepLabelClasses.d.ts +28 -28
  109. package/Stepper/StepperContext.d.ts +18 -18
  110. package/Stepper/stepperClasses.d.ts +14 -14
  111. package/SvgIcon/svgIconClasses.d.ts +26 -26
  112. package/SwipeableDrawer/SwipeableDrawer.js +10 -2
  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/Tooltip.js +1 -1
  131. package/Tooltip/tooltipClasses.d.ts +30 -30
  132. package/Typography/typographyClasses.d.ts +50 -50
  133. package/Unstable_Grid2/Grid2.d.ts +4 -4
  134. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  135. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  136. package/Unstable_Grid2/index.d.ts +4 -4
  137. package/className/index.d.ts +1 -1
  138. package/darkScrollbar/index.d.ts +28 -28
  139. package/esm/BottomNavigation/BottomNavigation.js +0 -0
  140. package/esm/ButtonBase/TouchRipple.js +1 -1
  141. package/esm/Chip/Chip.js +8 -4
  142. package/esm/FormControl/FormControl.js +29 -29
  143. package/esm/ListItem/ListItem.js +2 -2
  144. package/esm/ListItemButton/ListItemButton.js +2 -2
  145. package/esm/MenuItem/MenuItem.js +2 -2
  146. package/esm/Radio/Radio.js +2 -1
  147. package/esm/RadioGroup/RadioGroup.js +12 -12
  148. package/esm/SwipeableDrawer/SwipeableDrawer.js +9 -2
  149. package/esm/Tooltip/Tooltip.js +1 -1
  150. package/generateUtilityClass/index.d.ts +2 -2
  151. package/generateUtilityClasses/index.d.ts +1 -1
  152. package/index.js +1 -1
  153. package/internal/switchBaseClasses.d.ts +12 -12
  154. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  155. package/legacy/ButtonBase/TouchRipple.js +1 -1
  156. package/legacy/Chip/Chip.js +8 -4
  157. package/legacy/FormControl/FormControl.js +29 -29
  158. package/legacy/ListItem/ListItem.js +7 -5
  159. package/legacy/ListItemButton/ListItemButton.js +7 -5
  160. package/legacy/MenuItem/MenuItem.js +6 -4
  161. package/legacy/Radio/Radio.js +2 -1
  162. package/legacy/RadioGroup/RadioGroup.js +14 -14
  163. package/legacy/SwipeableDrawer/SwipeableDrawer.js +9 -2
  164. package/legacy/Tooltip/Tooltip.js +1 -1
  165. package/legacy/index.js +1 -1
  166. package/locale/index.d.ts +72 -72
  167. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  168. package/modern/ButtonBase/TouchRipple.js +1 -1
  169. package/modern/Chip/Chip.js +8 -4
  170. package/modern/FormControl/FormControl.js +29 -29
  171. package/modern/ListItem/ListItem.js +2 -2
  172. package/modern/ListItemButton/ListItemButton.js +2 -2
  173. package/modern/MenuItem/MenuItem.js +2 -2
  174. package/modern/Radio/Radio.js +2 -1
  175. package/modern/RadioGroup/RadioGroup.js +12 -12
  176. package/modern/SwipeableDrawer/SwipeableDrawer.js +9 -2
  177. package/modern/Tooltip/Tooltip.js +1 -1
  178. package/modern/index.js +1 -1
  179. package/package.json +4 -4
  180. package/styles/CssVarsProvider.d.ts +14 -14
  181. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  182. package/transitions/index.d.ts +1 -1
  183. package/transitions/transition.d.ts +13 -13
  184. package/transitions/utils.d.ts +23 -23
  185. package/umd/material-ui.development.js +84 -70
  186. package/umd/material-ui.production.min.js +20 -20
  187. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  188. package/useTouchRipple/index.d.ts +1 -1
  189. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  190. package/utils/getScrollbarSize.d.ts +2 -2
  191. package/utils/ownerDocument.d.ts +2 -2
  192. package/utils/ownerWindow.d.ts +2 -2
  193. package/utils/setRef.d.ts +2 -2
@@ -1,10 +1,10 @@
1
- export interface CardActionsClasses {
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 CardActionsClassKey = keyof CardActionsClasses;
8
- export declare function getCardActionsUtilityClass(slot: string): string;
9
- declare const cardActionsClasses: CardActionsClasses;
10
- export default cardActionsClasses;
1
+ export interface CardActionsClasses {
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 CardActionsClassKey = keyof CardActionsClasses;
8
+ export declare function getCardActionsUtilityClass(slot: string): string;
9
+ declare const cardActionsClasses: CardActionsClasses;
10
+ export default cardActionsClasses;
@@ -1,8 +1,8 @@
1
- export interface CardContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardContentClassKey = keyof CardContentClasses;
6
- export declare function getCardContentUtilityClass(slot: string): string;
7
- declare const cardContentClasses: CardContentClasses;
8
- export default cardContentClasses;
1
+ export interface CardContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardContentClassKey = keyof CardContentClasses;
6
+ export declare function getCardContentUtilityClass(slot: string): string;
7
+ declare const cardContentClasses: CardContentClasses;
8
+ export default cardContentClasses;
@@ -1,18 +1,18 @@
1
- export interface CardHeaderClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar element. */
5
- avatar: string;
6
- /** Styles applied to the action element. */
7
- action: string;
8
- /** Styles applied to the content wrapper element. */
9
- content: string;
10
- /** Styles applied to the title Typography element. */
11
- title: string;
12
- /** Styles applied to the subheader Typography element. */
13
- subheader: string;
14
- }
15
- export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
- export declare function getCardHeaderUtilityClass(slot: string): string;
17
- declare const cardHeaderClasses: CardHeaderClasses;
18
- export default cardHeaderClasses;
1
+ export interface CardHeaderClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar element. */
5
+ avatar: string;
6
+ /** Styles applied to the action element. */
7
+ action: string;
8
+ /** Styles applied to the content wrapper element. */
9
+ content: string;
10
+ /** Styles applied to the title Typography element. */
11
+ title: string;
12
+ /** Styles applied to the subheader Typography element. */
13
+ subheader: string;
14
+ }
15
+ export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
+ export declare function getCardHeaderUtilityClass(slot: string): string;
17
+ declare const cardHeaderClasses: CardHeaderClasses;
18
+ export default cardHeaderClasses;
@@ -1,12 +1,12 @@
1
- export interface CardMediaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
- media: string;
6
- /** Styles applied to the root element if `component="picture or img"`. */
7
- img: string;
8
- }
9
- export declare type CardMediaClassKey = keyof CardMediaClasses;
10
- export declare function getCardMediaUtilityClass(slot: string): string;
11
- declare const cardMediaClasses: CardMediaClasses;
12
- export default cardMediaClasses;
1
+ export interface CardMediaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
+ media: string;
6
+ /** Styles applied to the root element if `component="picture or img"`. */
7
+ img: string;
8
+ }
9
+ export declare type CardMediaClassKey = keyof CardMediaClasses;
10
+ export declare function getCardMediaUtilityClass(slot: string): string;
11
+ declare const cardMediaClasses: CardMediaClasses;
12
+ export default cardMediaClasses;
@@ -1,18 +1,18 @@
1
- export interface CheckboxClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** State class applied to the root element if `indeterminate={true}`. */
9
- indeterminate: string;
10
- /** Styles applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- }
15
- export declare type CheckboxClassKey = keyof CheckboxClasses;
16
- export declare function getCheckboxUtilityClass(slot: string): string;
17
- declare const checkboxClasses: CheckboxClasses;
18
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** State class applied to the root element if `indeterminate={true}`. */
9
+ indeterminate: string;
10
+ /** Styles applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ }
15
+ export declare type CheckboxClassKey = keyof CheckboxClasses;
16
+ export declare function getCheckboxUtilityClass(slot: string): string;
17
+ declare const checkboxClasses: CheckboxClasses;
18
+ export default checkboxClasses;
package/Chip/Chip.js CHANGED
@@ -51,6 +51,7 @@ const useUtilityClasses = ownerState => {
51
51
  disabled,
52
52
  size,
53
53
  color,
54
+ iconColor,
54
55
  onDelete,
55
56
  clickable,
56
57
  variant
@@ -59,7 +60,7 @@ const useUtilityClasses = ownerState => {
59
60
  root: ['root', variant, disabled && 'disabled', `size${(0, _capitalize.default)(size)}`, `color${(0, _capitalize.default)(color)}`, clickable && 'clickable', clickable && `clickableColor${(0, _capitalize.default)(color)}`, onDelete && 'deletable', onDelete && `deletableColor${(0, _capitalize.default)(color)}`, `${variant}${(0, _capitalize.default)(color)}`],
60
61
  label: ['label', `label${(0, _capitalize.default)(size)}`],
61
62
  avatar: ['avatar', `avatar${(0, _capitalize.default)(size)}`, `avatarColor${(0, _capitalize.default)(color)}`],
62
- icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(color)}`],
63
+ icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(iconColor)}`],
63
64
  deleteIcon: ['deleteIcon', `deleteIcon${(0, _capitalize.default)(size)}`, `deleteIconColor${(0, _capitalize.default)(color)}`, `deleteIcon${(0, _capitalize.default)(variant)}Color${(0, _capitalize.default)(color)}`]
64
65
  };
65
66
  return (0, _base.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
@@ -74,6 +75,7 @@ const ChipRoot = (0, _styled.default)('div', {
74
75
  } = props;
75
76
  const {
76
77
  color,
78
+ iconColor,
77
79
  clickable,
78
80
  onDelete,
79
81
  size,
@@ -90,7 +92,7 @@ const ChipRoot = (0, _styled.default)('div', {
90
92
  }, {
91
93
  [`& .${_chipClasses.default.icon}`]: styles[`icon${(0, _capitalize.default)(size)}`]
92
94
  }, {
93
- [`& .${_chipClasses.default.icon}`]: styles[`iconColor${(0, _capitalize.default)(color)}`]
95
+ [`& .${_chipClasses.default.icon}`]: styles[`iconColor${(0, _capitalize.default)(iconColor)}`]
94
96
  }, {
95
97
  [`& .${_chipClasses.default.deleteIcon}`]: styles.deleteIcon
96
98
  }, {
@@ -159,16 +161,17 @@ const ChipRoot = (0, _styled.default)('div', {
159
161
  fontSize: theme.typography.pxToRem(10)
160
162
  },
161
163
  [`& .${_chipClasses.default.icon}`]: (0, _extends2.default)({
162
- color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor,
163
164
  marginLeft: 5,
164
165
  marginRight: -6
165
166
  }, ownerState.size === 'small' && {
166
167
  fontSize: 18,
167
168
  marginLeft: 4,
168
169
  marginRight: -4
170
+ }, ownerState.iconColor === ownerState.color && (0, _extends2.default)({
171
+ color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
169
172
  }, ownerState.color !== 'default' && {
170
173
  color: 'inherit'
171
- }),
174
+ })),
172
175
  [`& .${_chipClasses.default.deleteIcon}`]: (0, _extends2.default)({
173
176
  WebkitTapHighlightColor: 'transparent',
174
177
  color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.26)` : deleteIconColor,
@@ -371,6 +374,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
371
374
  disabled,
372
375
  size,
373
376
  color,
377
+ iconColor: /*#__PURE__*/React.isValidElement(iconProp) ? iconProp.props.color || color : color,
374
378
  onDelete: !!onDelete,
375
379
  clickable,
376
380
  variant
@@ -1,96 +1,96 @@
1
- export interface ChipClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `color="error"`. */
9
- colorError: string;
10
- /** Styles applied to the root element if `color="info"`. */
11
- colorInfo: string;
12
- /** Styles applied to the root element if `color="primary"`. */
13
- colorPrimary: string;
14
- /** Styles applied to the root element if `color="secondary"`. */
15
- colorSecondary: string;
16
- /** Styles applied to the root element if `color="success"`. */
17
- colorSuccess: string;
18
- /** Styles applied to the root element if `color="warning"`. */
19
- colorWarning: string;
20
- /** State class applied to the root element if `disabled={true}`. */
21
- disabled: string;
22
- /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
23
- clickable: string;
24
- /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
25
- clickableColorPrimary: string;
26
- /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
27
- clickableColorSecondary: string;
28
- /** Styles applied to the root element if `onDelete` is defined. */
29
- deletable: string;
30
- /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
31
- deletableColorPrimary: string;
32
- /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
33
- deletableColorSecondary: string;
34
- /** Styles applied to the root element if `variant="outlined"`. */
35
- outlined: string;
36
- /** Styles applied to the root element if `variant="filled"`. */
37
- filled: string;
38
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
39
- outlinedPrimary: string;
40
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
41
- outlinedSecondary: string;
42
- /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
43
- filledPrimary: string;
44
- /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
45
- filledSecondary: string;
46
- /** Styles applied to the avatar element. */
47
- avatar: string;
48
- /** Styles applied to the avatar element if `size="small"`. */
49
- avatarSmall: string;
50
- /** Styles applied to the avatar element if `size="medium"`. */
51
- avatarMedium: string;
52
- /** Styles applied to the avatar element if `color="primary"`. */
53
- avatarColorPrimary: string;
54
- /** Styles applied to the avatar element if `color="secondary"`. */
55
- avatarColorSecondary: string;
56
- /** Styles applied to the icon element. */
57
- icon: string;
58
- /** Styles applied to the icon element if `size="small"`. */
59
- iconSmall: string;
60
- /** Styles applied to the icon element if `size="medium"`. */
61
- iconMedium: string;
62
- /** Styles applied to the icon element if `color="primary"`. */
63
- iconColorPrimary: string;
64
- /** Styles applied to the icon element if `color="secondary"`. */
65
- iconColorSecondary: string;
66
- /** Styles applied to the label `span` element. */
67
- label: string;
68
- /** Styles applied to the label `span` element if `size="small"`. */
69
- labelSmall: string;
70
- /** Styles applied to the label `span` element if `size="medium"`. */
71
- labelMedium: string;
72
- /** Styles applied to the deleteIcon element. */
73
- deleteIcon: string;
74
- /** Styles applied to the deleteIcon element if `size="small"`. */
75
- deleteIconSmall: string;
76
- /** Styles applied to the deleteIcon element if `size="medium"`. */
77
- deleteIconMedium: string;
78
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
79
- deleteIconColorPrimary: string;
80
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
81
- deleteIconColorSecondary: string;
82
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
83
- deleteIconOutlinedColorPrimary: string;
84
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
85
- deleteIconOutlinedColorSecondary: string;
86
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
87
- deleteIconFilledColorPrimary: string;
88
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
89
- deleteIconFilledColorSecondary: string;
90
- /** State class applied to the root element if keyboard focused. */
91
- focusVisible: string;
92
- }
93
- export declare type ChipClassKey = keyof ChipClasses;
94
- export declare function getChipUtilityClass(slot: string): string;
95
- declare const chipClasses: ChipClasses;
96
- export default chipClasses;
1
+ export interface ChipClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `color="error"`. */
9
+ colorError: string;
10
+ /** Styles applied to the root element if `color="info"`. */
11
+ colorInfo: string;
12
+ /** Styles applied to the root element if `color="primary"`. */
13
+ colorPrimary: string;
14
+ /** Styles applied to the root element if `color="secondary"`. */
15
+ colorSecondary: string;
16
+ /** Styles applied to the root element if `color="success"`. */
17
+ colorSuccess: string;
18
+ /** Styles applied to the root element if `color="warning"`. */
19
+ colorWarning: string;
20
+ /** State class applied to the root element if `disabled={true}`. */
21
+ disabled: string;
22
+ /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
23
+ clickable: string;
24
+ /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
25
+ clickableColorPrimary: string;
26
+ /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
27
+ clickableColorSecondary: string;
28
+ /** Styles applied to the root element if `onDelete` is defined. */
29
+ deletable: string;
30
+ /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
31
+ deletableColorPrimary: string;
32
+ /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
33
+ deletableColorSecondary: string;
34
+ /** Styles applied to the root element if `variant="outlined"`. */
35
+ outlined: string;
36
+ /** Styles applied to the root element if `variant="filled"`. */
37
+ filled: string;
38
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
39
+ outlinedPrimary: string;
40
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
41
+ outlinedSecondary: string;
42
+ /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
43
+ filledPrimary: string;
44
+ /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
45
+ filledSecondary: string;
46
+ /** Styles applied to the avatar element. */
47
+ avatar: string;
48
+ /** Styles applied to the avatar element if `size="small"`. */
49
+ avatarSmall: string;
50
+ /** Styles applied to the avatar element if `size="medium"`. */
51
+ avatarMedium: string;
52
+ /** Styles applied to the avatar element if `color="primary"`. */
53
+ avatarColorPrimary: string;
54
+ /** Styles applied to the avatar element if `color="secondary"`. */
55
+ avatarColorSecondary: string;
56
+ /** Styles applied to the icon element. */
57
+ icon: string;
58
+ /** Styles applied to the icon element if `size="small"`. */
59
+ iconSmall: string;
60
+ /** Styles applied to the icon element if `size="medium"`. */
61
+ iconMedium: string;
62
+ /** Styles applied to the icon element if `color="primary"`. */
63
+ iconColorPrimary: string;
64
+ /** Styles applied to the icon element if `color="secondary"`. */
65
+ iconColorSecondary: string;
66
+ /** Styles applied to the label `span` element. */
67
+ label: string;
68
+ /** Styles applied to the label `span` element if `size="small"`. */
69
+ labelSmall: string;
70
+ /** Styles applied to the label `span` element if `size="medium"`. */
71
+ labelMedium: string;
72
+ /** Styles applied to the deleteIcon element. */
73
+ deleteIcon: string;
74
+ /** Styles applied to the deleteIcon element if `size="small"`. */
75
+ deleteIconSmall: string;
76
+ /** Styles applied to the deleteIcon element if `size="medium"`. */
77
+ deleteIconMedium: string;
78
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
79
+ deleteIconColorPrimary: string;
80
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
81
+ deleteIconColorSecondary: string;
82
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
83
+ deleteIconOutlinedColorPrimary: string;
84
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
85
+ deleteIconOutlinedColorSecondary: string;
86
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
87
+ deleteIconFilledColorPrimary: string;
88
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
89
+ deleteIconFilledColorSecondary: string;
90
+ /** State class applied to the root element if keyboard focused. */
91
+ focusVisible: string;
92
+ }
93
+ export declare type ChipClassKey = keyof ChipClasses;
94
+ export declare function getChipUtilityClass(slot: string): string;
95
+ declare const chipClasses: ChipClasses;
96
+ export default chipClasses;
@@ -1,26 +1,26 @@
1
- export interface CircularProgressClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="determinate"`. */
5
- determinate: string;
6
- /** Styles applied to the root element if `variant="indeterminate"`. */
7
- indeterminate: string;
8
- /** Styles applied to the root element if `color="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- /** Styles applied to the svg element. */
13
- svg: string;
14
- /** Styles applied to the `circle` svg path. */
15
- circle: string;
16
- /** Styles applied to the `circle` svg path if `variant="determinate"`. */
17
- circleDeterminate: string;
18
- /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
19
- circleIndeterminate: string;
20
- /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
21
- circleDisableShrink: string;
22
- }
23
- export declare type CircularProgressClassKey = keyof CircularProgressClasses;
24
- export declare function getCircularProgressUtilityClass(slot: string): string;
25
- declare const circularProgressClasses: CircularProgressClasses;
26
- export default circularProgressClasses;
1
+ export interface CircularProgressClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="determinate"`. */
5
+ determinate: string;
6
+ /** Styles applied to the root element if `variant="indeterminate"`. */
7
+ indeterminate: string;
8
+ /** Styles applied to the root element if `color="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ /** Styles applied to the svg element. */
13
+ svg: string;
14
+ /** Styles applied to the `circle` svg path. */
15
+ circle: string;
16
+ /** Styles applied to the `circle` svg path if `variant="determinate"`. */
17
+ circleDeterminate: string;
18
+ /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
19
+ circleIndeterminate: string;
20
+ /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
21
+ circleDisableShrink: string;
22
+ }
23
+ export declare type CircularProgressClassKey = keyof CircularProgressClasses;
24
+ export declare function getCircularProgressUtilityClass(slot: string): string;
25
+ declare const circularProgressClasses: CircularProgressClasses;
26
+ export default circularProgressClasses;
@@ -1,2 +1,2 @@
1
- export { default } from '@mui/base/ClickAwayListener';
2
- export * from '@mui/base/ClickAwayListener';
1
+ export { default } from '@mui/base/ClickAwayListener';
2
+ export * from '@mui/base/ClickAwayListener';
@@ -1,18 +1,18 @@
1
- export interface CollapseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element when the transition has entered. */
7
- entered: string;
8
- /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
9
- hidden: string;
10
- /** Styles applied to the outer wrapper element. */
11
- wrapper: string;
12
- /** Styles applied to the inner wrapper element. */
13
- wrapperInner: string;
14
- }
15
- export declare type CollapseClassKey = keyof CollapseClasses;
16
- export declare function getCollapseUtilityClass(slot: string): string;
17
- declare const collapseClasses: CollapseClasses;
18
- export default collapseClasses;
1
+ export interface CollapseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element when the transition has entered. */
7
+ entered: string;
8
+ /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
9
+ hidden: string;
10
+ /** Styles applied to the outer wrapper element. */
11
+ wrapper: string;
12
+ /** Styles applied to the inner wrapper element. */
13
+ wrapperInner: string;
14
+ }
15
+ export declare type CollapseClassKey = keyof CollapseClasses;
16
+ export declare function getCollapseUtilityClass(slot: string): string;
17
+ declare const collapseClasses: CollapseClasses;
18
+ export default collapseClasses;
@@ -1,6 +1,6 @@
1
- import { ContainerClasses } from '@mui/system';
2
- export type { ContainerClassKey } from '@mui/system';
3
- export type { ContainerClasses };
4
- export declare function getContainerUtilityClass(slot: string): string;
5
- declare const containerClasses: ContainerClasses;
6
- export default containerClasses;
1
+ import { ContainerClasses } from '@mui/system';
2
+ export type { ContainerClassKey } from '@mui/system';
3
+ export type { ContainerClasses };
4
+ export declare function getContainerUtilityClass(slot: string): string;
5
+ declare const containerClasses: ContainerClasses;
6
+ export default containerClasses;
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- interface DialogContextValue {
3
- titleId?: string;
4
- }
5
- declare const DialogContext: import("react").Context<DialogContextValue>;
6
- export default DialogContext;
1
+ /// <reference types="react" />
2
+ interface DialogContextValue {
3
+ titleId?: string;
4
+ }
5
+ declare const DialogContext: import("react").Context<DialogContextValue>;
6
+ export default DialogContext;
@@ -1,36 +1,36 @@
1
- export interface DialogClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the container element if `scroll="paper"`. */
5
- scrollPaper: string;
6
- /** Styles applied to the container element if `scroll="body"`. */
7
- scrollBody: string;
8
- /** Styles applied to the container element. */
9
- container: string;
10
- /** Styles applied to the Paper component. */
11
- paper: string;
12
- /** Styles applied to the Paper component if `scroll="paper"`. */
13
- paperScrollPaper: string;
14
- /** Styles applied to the Paper component if `scroll="body"`. */
15
- paperScrollBody: string;
16
- /** Styles applied to the Paper component if `maxWidth=false`. */
17
- paperWidthFalse: string;
18
- /** Styles applied to the Paper component if `maxWidth="xs"`. */
19
- paperWidthXs: string;
20
- /** Styles applied to the Paper component if `maxWidth="sm"`. */
21
- paperWidthSm: string;
22
- /** Styles applied to the Paper component if `maxWidth="md"`. */
23
- paperWidthMd: string;
24
- /** Styles applied to the Paper component if `maxWidth="lg"`. */
25
- paperWidthLg: string;
26
- /** Styles applied to the Paper component if `maxWidth="xl"`. */
27
- paperWidthXl: string;
28
- /** Styles applied to the Paper component if `fullWidth={true}`. */
29
- paperFullWidth: string;
30
- /** Styles applied to the Paper component if `fullScreen={true}`. */
31
- paperFullScreen: string;
32
- }
33
- export declare type DialogClassKey = keyof DialogClasses;
34
- export declare function getDialogUtilityClass(slot: string): string;
35
- declare const dialogClasses: DialogClasses;
36
- export default dialogClasses;
1
+ export interface DialogClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the container element if `scroll="paper"`. */
5
+ scrollPaper: string;
6
+ /** Styles applied to the container element if `scroll="body"`. */
7
+ scrollBody: string;
8
+ /** Styles applied to the container element. */
9
+ container: string;
10
+ /** Styles applied to the Paper component. */
11
+ paper: string;
12
+ /** Styles applied to the Paper component if `scroll="paper"`. */
13
+ paperScrollPaper: string;
14
+ /** Styles applied to the Paper component if `scroll="body"`. */
15
+ paperScrollBody: string;
16
+ /** Styles applied to the Paper component if `maxWidth=false`. */
17
+ paperWidthFalse: string;
18
+ /** Styles applied to the Paper component if `maxWidth="xs"`. */
19
+ paperWidthXs: string;
20
+ /** Styles applied to the Paper component if `maxWidth="sm"`. */
21
+ paperWidthSm: string;
22
+ /** Styles applied to the Paper component if `maxWidth="md"`. */
23
+ paperWidthMd: string;
24
+ /** Styles applied to the Paper component if `maxWidth="lg"`. */
25
+ paperWidthLg: string;
26
+ /** Styles applied to the Paper component if `maxWidth="xl"`. */
27
+ paperWidthXl: string;
28
+ /** Styles applied to the Paper component if `fullWidth={true}`. */
29
+ paperFullWidth: string;
30
+ /** Styles applied to the Paper component if `fullScreen={true}`. */
31
+ paperFullScreen: string;
32
+ }
33
+ export declare type DialogClassKey = keyof DialogClasses;
34
+ export declare function getDialogUtilityClass(slot: string): string;
35
+ declare const dialogClasses: DialogClasses;
36
+ export default dialogClasses;
@@ -1,10 +1,10 @@
1
- export interface DialogActionsClasses {
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 DialogActionsClassKey = keyof DialogActionsClasses;
8
- export declare function getDialogActionsUtilityClass(slot: string): string;
9
- declare const dialogActionsClasses: DialogActionsClasses;
10
- export default dialogActionsClasses;
1
+ export interface DialogActionsClasses {
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 DialogActionsClassKey = keyof DialogActionsClasses;
8
+ export declare function getDialogActionsUtilityClass(slot: string): string;
9
+ declare const dialogActionsClasses: DialogActionsClasses;
10
+ export default dialogActionsClasses;
@@ -1,10 +1,10 @@
1
- export interface DialogContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `dividers={true}`. */
5
- dividers: string;
6
- }
7
- export declare type DialogContentClassKey = keyof DialogContentClasses;
8
- export declare function getDialogContentUtilityClass(slot: string): string;
9
- declare const dialogContentClasses: DialogContentClasses;
10
- export default dialogContentClasses;
1
+ export interface DialogContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `dividers={true}`. */
5
+ dividers: string;
6
+ }
7
+ export declare type DialogContentClassKey = keyof DialogContentClasses;
8
+ export declare function getDialogContentUtilityClass(slot: string): string;
9
+ declare const dialogContentClasses: DialogContentClasses;
10
+ export default dialogContentClasses;