@mui/material 5.14.4 → 5.14.6

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 (206) 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 +58 -58
  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/Badge.d.ts +135 -67
  13. package/Badge/badgeClasses.d.ts +56 -56
  14. package/BottomNavigation/BottomNavigation.js +0 -0
  15. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  16. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/buttonClasses.d.ts +100 -100
  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 +195 -7
  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 +22 -22
  31. package/Chip/chipClasses.d.ts +96 -96
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +1 -1
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/Drawer.d.ts +2 -0
  44. package/Drawer/Drawer.js +2 -0
  45. package/Drawer/drawerClasses.d.ts +30 -30
  46. package/Fab/fabClasses.d.ts +26 -26
  47. package/FilledInput/filledInputClasses.d.ts +42 -42
  48. package/FormControl/FormControlContext.d.ts +17 -17
  49. package/FormControl/formControlClasses.d.ts +14 -14
  50. package/FormControl/useFormControl.d.ts +2 -2
  51. package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
  52. package/FormGroup/formGroupClasses.d.ts +12 -12
  53. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  54. package/FormLabel/formLabelClasses.d.ts +22 -22
  55. package/Grid/gridClasses.d.ts +48 -48
  56. package/Icon/iconClasses.d.ts +24 -24
  57. package/IconButton/iconButtonClasses.d.ts +34 -34
  58. package/ImageList/imageListClasses.d.ts +16 -16
  59. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  60. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  61. package/Input/inputClasses.d.ts +38 -38
  62. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  63. package/InputBase/InputBase.js +1 -1
  64. package/InputBase/inputBaseClasses.d.ts +46 -46
  65. package/InputLabel/inputLabelClasses.d.ts +32 -32
  66. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  67. package/Link/getTextDecoration.d.ts +15 -15
  68. package/Link/linkClasses.d.ts +18 -18
  69. package/List/listClasses.d.ts +14 -14
  70. package/ListItem/listItemClasses.d.ts +30 -30
  71. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  72. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  73. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  74. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  75. package/ListItemText/listItemTextClasses.d.ts +18 -18
  76. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  77. package/Menu/menuClasses.d.ts +12 -12
  78. package/MenuItem/menuItemClasses.d.ts +20 -20
  79. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  80. package/Modal/Modal.d.ts +117 -12
  81. package/Modal/Modal.js +97 -36
  82. package/Modal/index.d.ts +4 -1
  83. package/Modal/index.js +3 -2
  84. package/Modal/modalClasses.d.ts +12 -0
  85. package/Modal/modalClasses.js +7 -0
  86. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  87. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  88. package/Pagination/paginationClasses.d.ts +14 -14
  89. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  90. package/Paper/paperClasses.d.ts +39 -39
  91. package/Popover/popoverClasses.d.ts +10 -10
  92. package/Popper/Popper.d.ts +65 -65
  93. package/README.md +2 -3
  94. package/Radio/radioClasses.d.ts +16 -16
  95. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  96. package/RadioGroup/useRadioGroup.d.ts +4 -4
  97. package/Rating/ratingClasses.d.ts +40 -40
  98. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  99. package/Select/Select.js +5 -3
  100. package/Select/selectClasses.d.ts +34 -32
  101. package/Select/selectClasses.js +1 -1
  102. package/Skeleton/Skeleton.js +2 -2
  103. package/Skeleton/skeletonClasses.d.ts +26 -26
  104. package/Slider/SliderValueLabel.d.ts +10 -10
  105. package/Slider/SliderValueLabel.types.d.ts +24 -24
  106. package/Slider/sliderClasses.d.ts +58 -58
  107. package/Snackbar/snackbarClasses.d.ts +20 -20
  108. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  109. package/SpeedDial/speedDialClasses.d.ts +22 -22
  110. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  111. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  112. package/Stack/stackClasses.d.ts +6 -6
  113. package/Step/StepContext.d.ts +20 -20
  114. package/Step/stepClasses.d.ts +16 -16
  115. package/StepButton/stepButtonClasses.d.ts +14 -14
  116. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  117. package/StepContent/stepContentClasses.d.ts +12 -12
  118. package/StepIcon/stepIconClasses.d.ts +16 -16
  119. package/StepLabel/stepLabelClasses.d.ts +28 -28
  120. package/Stepper/StepperContext.d.ts +18 -18
  121. package/Stepper/stepperClasses.d.ts +14 -14
  122. package/SvgIcon/svgIconClasses.d.ts +26 -26
  123. package/Switch/switchClasses.d.ts +32 -32
  124. package/Tab/tabClasses.d.ts +26 -26
  125. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  126. package/Table/tableClasses.d.ts +10 -10
  127. package/TableBody/tableBodyClasses.d.ts +8 -8
  128. package/TableCell/tableCellClasses.d.ts +32 -32
  129. package/TableContainer/tableContainerClasses.d.ts +8 -8
  130. package/TableFooter/tableFooterClasses.d.ts +8 -8
  131. package/TableHead/tableHeadClasses.d.ts +8 -8
  132. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  133. package/TableRow/tableRowClasses.d.ts +16 -16
  134. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  135. package/Tabs/tabsClasses.d.ts +32 -32
  136. package/TextField/TextField.d.ts +0 -4
  137. package/TextField/TextField.js +1 -7
  138. package/TextField/textFieldClasses.d.ts +8 -8
  139. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  140. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  141. package/Toolbar/toolbarClasses.d.ts +14 -14
  142. package/Tooltip/tooltipClasses.d.ts +30 -30
  143. package/Typography/typographyClasses.d.ts +50 -50
  144. package/Unstable_Grid2/Grid2.d.ts +4 -4
  145. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  146. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  147. package/Unstable_Grid2/index.d.ts +4 -4
  148. package/className/index.d.ts +1 -1
  149. package/darkScrollbar/index.d.ts +28 -28
  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/Drawer/Drawer.js +2 -0
  156. package/legacy/InputBase/InputBase.js +1 -1
  157. package/legacy/Modal/Modal.js +93 -43
  158. package/legacy/Modal/index.js +3 -2
  159. package/legacy/Modal/modalClasses.js +7 -0
  160. package/legacy/Select/Select.js +4 -2
  161. package/legacy/Select/selectClasses.js +1 -1
  162. package/legacy/Skeleton/Skeleton.js +2 -2
  163. package/legacy/TextField/TextField.js +1 -7
  164. package/legacy/index.js +1 -1
  165. package/locale/index.d.ts +80 -80
  166. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  167. package/modern/Drawer/Drawer.js +2 -0
  168. package/modern/InputBase/InputBase.js +1 -1
  169. package/modern/Modal/Modal.js +97 -36
  170. package/modern/Modal/index.js +3 -2
  171. package/modern/Modal/modalClasses.js +7 -0
  172. package/modern/Select/Select.js +5 -3
  173. package/modern/Select/selectClasses.js +1 -1
  174. package/modern/Skeleton/Skeleton.js +2 -2
  175. package/modern/TextField/TextField.js +1 -7
  176. package/modern/index.js +1 -1
  177. package/node/BottomNavigation/BottomNavigation.js +0 -0
  178. package/node/Drawer/Drawer.js +2 -0
  179. package/node/InputBase/InputBase.js +1 -1
  180. package/node/Modal/Modal.js +100 -41
  181. package/node/Modal/index.js +17 -8
  182. package/node/Modal/modalClasses.js +16 -0
  183. package/node/Select/Select.js +5 -3
  184. package/node/Select/selectClasses.js +1 -1
  185. package/node/Skeleton/Skeleton.js +2 -2
  186. package/node/TextField/TextField.js +1 -7
  187. package/node/index.js +1 -1
  188. package/package.json +6 -6
  189. package/styles/CssVarsProvider.d.ts +20 -20
  190. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  191. package/styles/getOverlayAlpha.d.ts +2 -2
  192. package/styles/identifier.d.ts +2 -2
  193. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  194. package/transitions/index.d.ts +1 -1
  195. package/transitions/transition.d.ts +13 -13
  196. package/transitions/utils.d.ts +23 -23
  197. package/types/OverridableComponentAugmentation.d.ts +31 -31
  198. package/umd/material-ui.development.js +527 -652
  199. package/umd/material-ui.production.min.js +22 -22
  200. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  201. package/useTouchRipple/index.d.ts +1 -1
  202. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  203. package/utils/getScrollbarSize.d.ts +2 -2
  204. package/utils/ownerDocument.d.ts +2 -2
  205. package/utils/ownerWindow.d.ts +2 -2
  206. package/utils/setRef.d.ts +2 -2
@@ -1,22 +1,22 @@
1
- export interface CheckboxClasses {
2
- /** Class name 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
- /** State class applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** State class applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- /** State class applied to the root element if `size="small"`. */
15
- sizeSmall: string;
16
- /** State class applied to the root element if `size="medium"`. */
17
- sizeMedium: string;
18
- }
19
- export type CheckboxClassKey = keyof CheckboxClasses;
20
- export declare function getCheckboxUtilityClass(slot: string): string;
21
- declare const checkboxClasses: CheckboxClasses;
22
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
2
+ /** Class name 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
+ /** State class applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** State class applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ /** State class applied to the root element if `size="small"`. */
15
+ sizeSmall: string;
16
+ /** State class applied to the root element if `size="medium"`. */
17
+ sizeMedium: string;
18
+ }
19
+ export type CheckboxClassKey = keyof CheckboxClasses;
20
+ export declare function getCheckboxUtilityClass(slot: string): string;
21
+ declare const checkboxClasses: CheckboxClasses;
22
+ export default checkboxClasses;
@@ -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 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 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 +1 @@
1
- export { ClickAwayListener as default, type ClickAwayListenerProps, } from '@mui/base/ClickAwayListener';
1
+ export { ClickAwayListener as default, type ClickAwayListenerProps, } 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 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
- import * as React from 'react';
2
- interface DialogContextValue {
3
- titleId?: string;
4
- }
5
- declare const DialogContext: React.Context<DialogContextValue>;
6
- export default DialogContext;
1
+ import * as React from 'react';
2
+ interface DialogContextValue {
3
+ titleId?: string;
4
+ }
5
+ declare const DialogContext: 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 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 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 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 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;
@@ -1,8 +1,8 @@
1
- export interface DialogTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type DialogTitleClassKey = keyof DialogTitleClasses;
6
- export declare function getDialogTitleUtilityClass(slot: string): string;
7
- declare const dialogTitleClasses: DialogTitleClasses;
8
- export default dialogTitleClasses;
1
+ export interface DialogTitleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type DialogTitleClassKey = keyof DialogTitleClasses;
6
+ export declare function getDialogTitleUtilityClass(slot: string): string;
7
+ declare const dialogTitleClasses: DialogTitleClasses;
8
+ export default dialogTitleClasses;
@@ -1,34 +1,34 @@
1
- export interface DividerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `absolute={true}`. */
5
- absolute: string;
6
- /** Styles applied to the root element if `variant="inset"`. */
7
- inset: string;
8
- /** Styles applied to the root element if `variant="fullWidth"`. */
9
- fullWidth: string;
10
- /** Styles applied to the root element if `light={true}`. */
11
- light: string;
12
- /** Styles applied to the root element if `variant="middle"`. */
13
- middle: string;
14
- /** Styles applied to the root element if `orientation="vertical"`. */
15
- vertical: string;
16
- /** Styles applied to the root element if `flexItem={true}`. */
17
- flexItem: string;
18
- /** Styles applied to the root element if divider have text. */
19
- withChildren: string;
20
- /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
- withChildrenVertical: string;
22
- /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
- textAlignRight: string;
24
- /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
- textAlignLeft: string;
26
- /** Styles applied to the span children element if `orientation="horizontal"`. */
27
- wrapper: string;
28
- /** Styles applied to the span children element if `orientation="vertical"`. */
29
- wrapperVertical: string;
30
- }
31
- export type DividerClassKey = keyof DividerClasses;
32
- export declare function getDividerUtilityClass(slot: string): string;
33
- declare const dividerClasses: DividerClasses;
34
- export default dividerClasses;
1
+ export interface DividerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `absolute={true}`. */
5
+ absolute: string;
6
+ /** Styles applied to the root element if `variant="inset"`. */
7
+ inset: string;
8
+ /** Styles applied to the root element if `variant="fullWidth"`. */
9
+ fullWidth: string;
10
+ /** Styles applied to the root element if `light={true}`. */
11
+ light: string;
12
+ /** Styles applied to the root element if `variant="middle"`. */
13
+ middle: string;
14
+ /** Styles applied to the root element if `orientation="vertical"`. */
15
+ vertical: string;
16
+ /** Styles applied to the root element if `flexItem={true}`. */
17
+ flexItem: string;
18
+ /** Styles applied to the root element if divider have text. */
19
+ withChildren: string;
20
+ /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
+ withChildrenVertical: string;
22
+ /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
+ textAlignRight: string;
24
+ /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
+ textAlignLeft: string;
26
+ /** Styles applied to the span children element if `orientation="horizontal"`. */
27
+ wrapper: string;
28
+ /** Styles applied to the span children element if `orientation="vertical"`. */
29
+ wrapperVertical: string;
30
+ }
31
+ export type DividerClassKey = keyof DividerClasses;
32
+ export declare function getDividerUtilityClass(slot: string): string;
33
+ declare const dividerClasses: DividerClasses;
34
+ export default dividerClasses;
@@ -33,8 +33,10 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
33
33
  ModalProps?: Partial<ModalProps>;
34
34
  /**
35
35
  * Callback fired when the component requests to be closed.
36
+ * The `reason` parameter can optionally be used to control the response to `onClose`.
36
37
  *
37
38
  * @param {object} event The event source of the callback.
39
+ * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
38
40
  */
39
41
  onClose?: ModalProps['onClose'];
40
42
  /**
package/Drawer/Drawer.js CHANGED
@@ -268,8 +268,10 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
268
268
  ModalProps: PropTypes.object,
269
269
  /**
270
270
  * Callback fired when the component requests to be closed.
271
+ * The `reason` parameter can optionally be used to control the response to `onClose`.
271
272
  *
272
273
  * @param {object} event The event source of the callback.
274
+ * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
273
275
  */
274
276
  onClose: PropTypes.func,
275
277
  /**