@mui/material 5.10.15 → 5.10.16

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 (175) 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/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +47 -1
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/checkboxClasses.d.ts +18 -18
  30. package/Chip/Chip.d.ts +10 -0
  31. package/Chip/Chip.js +15 -2
  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/FormControlContext.d.ts +17 -0
  48. package/FormControl/FormControlContext.js +1 -1
  49. package/FormControl/formControlClasses.d.ts +14 -14
  50. package/FormControl/index.d.ts +3 -1
  51. package/FormControl/useFormControl.d.ts +2 -25
  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 +34 -26
  59. package/IconButton/iconButtonClasses.js +1 -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 +46 -46
  66. package/InputLabel/inputLabelClasses.d.ts +32 -32
  67. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  68. package/Link/getTextDecoration.d.ts +15 -15
  69. package/Link/linkClasses.d.ts +18 -18
  70. package/List/listClasses.d.ts +14 -14
  71. package/ListItem/listItemClasses.d.ts +30 -30
  72. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  73. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  74. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  75. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  76. package/ListItemText/listItemTextClasses.d.ts +18 -18
  77. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  78. package/Menu/menuClasses.d.ts +12 -12
  79. package/MenuItem/menuItemClasses.d.ts +20 -20
  80. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  81. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  82. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  83. package/OverridableComponentAugmentation.d.ts +31 -31
  84. package/Pagination/paginationClasses.d.ts +14 -14
  85. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  86. package/Paper/paperClasses.d.ts +39 -39
  87. package/Popover/popoverClasses.d.ts +10 -10
  88. package/Popper/Popper.d.ts +37 -37
  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/ratingClasses.d.ts +40 -40
  93. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  94. package/Select/selectClasses.d.ts +30 -30
  95. package/Skeleton/skeletonClasses.d.ts +26 -26
  96. package/Snackbar/snackbarClasses.d.ts +20 -20
  97. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  98. package/SpeedDial/speedDialClasses.d.ts +22 -22
  99. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  100. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  101. package/Step/StepContext.d.ts +20 -20
  102. package/Step/stepClasses.d.ts +16 -16
  103. package/StepButton/stepButtonClasses.d.ts +14 -14
  104. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  105. package/StepContent/stepContentClasses.d.ts +12 -12
  106. package/StepIcon/stepIconClasses.d.ts +16 -16
  107. package/StepLabel/stepLabelClasses.d.ts +28 -28
  108. package/Stepper/StepperContext.d.ts +18 -18
  109. package/Stepper/stepperClasses.d.ts +14 -14
  110. package/SvgIcon/svgIconClasses.d.ts +26 -26
  111. package/SwipeableDrawer/SwipeableDrawer.js +3 -1
  112. package/Switch/switchClasses.d.ts +32 -32
  113. package/Tab/tabClasses.d.ts +26 -26
  114. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  115. package/Table/tableClasses.d.ts +10 -10
  116. package/TableBody/tableBodyClasses.d.ts +8 -8
  117. package/TableCell/tableCellClasses.d.ts +32 -32
  118. package/TableContainer/tableContainerClasses.d.ts +8 -8
  119. package/TableFooter/tableFooterClasses.d.ts +8 -8
  120. package/TableHead/tableHeadClasses.d.ts +8 -8
  121. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  122. package/TableRow/tableRowClasses.d.ts +16 -16
  123. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  124. package/Tabs/tabsClasses.d.ts +32 -32
  125. package/TextField/textFieldClasses.d.ts +8 -8
  126. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  127. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  128. package/Toolbar/toolbarClasses.d.ts +14 -14
  129. package/Tooltip/tooltipClasses.d.ts +30 -30
  130. package/Typography/typographyClasses.d.ts +50 -50
  131. package/Unstable_Grid2/Grid2.d.ts +4 -4
  132. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  133. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  134. package/Unstable_Grid2/index.d.ts +4 -4
  135. package/className/index.d.ts +1 -1
  136. package/darkScrollbar/index.d.ts +28 -28
  137. package/esm/BottomNavigation/BottomNavigation.js +0 -0
  138. package/esm/Chip/Chip.js +15 -2
  139. package/esm/FormControl/FormControlContext.js +1 -2
  140. package/esm/IconButton/iconButtonClasses.js +1 -1
  141. package/esm/SwipeableDrawer/SwipeableDrawer.js +3 -1
  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/switchBaseClasses.d.ts +12 -12
  146. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  147. package/legacy/Chip/Chip.js +15 -1
  148. package/legacy/FormControl/FormControlContext.js +1 -2
  149. package/legacy/IconButton/iconButtonClasses.js +1 -1
  150. package/legacy/SwipeableDrawer/SwipeableDrawer.js +3 -1
  151. package/legacy/index.js +1 -1
  152. package/locale/index.d.ts +73 -73
  153. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  154. package/modern/Chip/Chip.js +15 -2
  155. package/modern/FormControl/FormControlContext.js +1 -2
  156. package/modern/IconButton/iconButtonClasses.js +1 -1
  157. package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -1
  158. package/modern/index.js +1 -1
  159. package/package.json +6 -6
  160. package/styles/CssVarsProvider.d.ts +14 -14
  161. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  162. package/styles/getOverlayAlpha.d.ts +2 -2
  163. package/styles/responsiveFontSizes.d.ts +2 -2
  164. package/transitions/index.d.ts +1 -1
  165. package/transitions/transition.d.ts +13 -13
  166. package/transitions/utils.d.ts +23 -23
  167. package/umd/material-ui.development.js +32 -24
  168. package/umd/material-ui.production.min.js +20 -20
  169. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  170. package/useTouchRipple/index.d.ts +1 -1
  171. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  172. package/utils/getScrollbarSize.d.ts +2 -2
  173. package/utils/ownerDocument.d.ts +2 -2
  174. package/utils/ownerWindow.d.ts +2 -2
  175. package/utils/setRef.d.ts +2 -2
@@ -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 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 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 type CheckboxClassKey = keyof CheckboxClasses;
16
+ export declare function getCheckboxUtilityClass(slot: string): string;
17
+ declare const checkboxClasses: CheckboxClasses;
18
+ export default checkboxClasses;
package/Chip/Chip.d.ts CHANGED
@@ -72,10 +72,20 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
72
72
  * @default 'medium'
73
73
  */
74
74
  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
75
+ /**
76
+ * If `true`, allows the disabled chip to escape focus.
77
+ * If `false`, allows the disabled chip to receive focus.
78
+ * @default false
79
+ */
80
+ skipFocusWhenDisabled?: boolean;
75
81
  /**
76
82
  * The system prop that allows defining system overrides as well as additional CSS styles.
77
83
  */
78
84
  sx?: SxProps<Theme>;
85
+ /**
86
+ * @ignore
87
+ */
88
+ tabIndex?: number;
79
89
  /**
80
90
  * The variant to use.
81
91
  * @default 'filled'
package/Chip/Chip.js CHANGED
@@ -21,7 +21,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
21
21
  var _styled = _interopRequireDefault(require("../styles/styled"));
22
22
  var _chipClasses = _interopRequireWildcard(require("./chipClasses"));
23
23
  var _jsxRuntime = require("react/jsx-runtime");
24
- const _excluded = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant"];
24
+ const _excluded = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
25
25
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
  const useUtilityClasses = ownerState => {
@@ -300,7 +300,9 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
300
300
  onKeyDown,
301
301
  onKeyUp,
302
302
  size = 'medium',
303
- variant = 'filled'
303
+ variant = 'filled',
304
+ tabIndex,
305
+ skipFocusWhenDisabled = false
304
306
  } = props,
305
307
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
306
308
  const chipRef = React.useRef(null);
@@ -390,6 +392,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
390
392
  onKeyDown: handleKeyDown,
391
393
  onKeyUp: handleKeyUp,
392
394
  ref: handleRef,
395
+ tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
393
396
  ownerState: ownerState
394
397
  }, moreProps, other, {
395
398
  children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipLabel, {
@@ -481,10 +484,20 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
481
484
  * @default 'medium'
482
485
  */
483
486
  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
487
+ /**
488
+ * If `true`, allows the disabled chip to escape focus.
489
+ * If `false`, allows the disabled chip to receive focus.
490
+ * @default false
491
+ */
492
+ skipFocusWhenDisabled: _propTypes.default.bool,
484
493
  /**
485
494
  * The system prop that allows defining system overrides as well as additional CSS styles.
486
495
  */
487
496
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
497
+ /**
498
+ * @ignore
499
+ */
500
+ tabIndex: _propTypes.default.number,
488
501
  /**
489
502
  * The variant to use.
490
503
  * @default 'filled'
@@ -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 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 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 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 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 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 type DialogContentClassKey = keyof DialogContentClasses;
8
+ export declare function getDialogContentUtilityClass(slot: string): string;
9
+ declare const dialogContentClasses: DialogContentClasses;
10
+ export default dialogContentClasses;
@@ -1,8 +1,8 @@
1
- export interface DialogContentTextClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
6
- export declare function getDialogContentTextUtilityClass(slot: string): string;
7
- declare const dialogContentTextClasses: DialogContentTextClasses;
8
- export default dialogContentTextClasses;
1
+ export interface DialogContentTextClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type DialogContentTextClassKey = keyof DialogContentTextClasses;
6
+ export declare function getDialogContentTextUtilityClass(slot: string): string;
7
+ declare const dialogContentTextClasses: DialogContentTextClasses;
8
+ export default dialogContentTextClasses;