@mui/material 5.6.1 → 5.6.4

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 (239) hide show
  1. package/Accordion/Accordion.js +6 -6
  2. package/Accordion/accordionClasses.d.ts +18 -18
  3. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  4. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  5. package/AccordionSummary/AccordionSummary.js +3 -3
  6. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/AppBar.d.ts +1 -1
  10. package/AppBar/appBarClasses.d.ts +28 -28
  11. package/Autocomplete/Autocomplete.js +2 -0
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/avatarClasses.d.ts +20 -20
  14. package/AvatarGroup/AvatarGroup.js +2 -2
  15. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  16. package/Backdrop/backdropClasses.d.ts +10 -10
  17. package/Badge/Badge.js +9 -7
  18. package/Badge/badgeClasses.d.ts +24 -24
  19. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  20. package/BottomNavigation/BottomNavigation.js +1 -1
  21. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  22. package/BottomNavigationAction/BottomNavigationAction.d.ts +1 -1
  23. package/BottomNavigationAction/BottomNavigationAction.js +6 -5
  24. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  25. package/Box/Box.d.ts +9 -28
  26. package/Box/Box.js +25 -4
  27. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  28. package/Button/Button.d.ts +1 -1
  29. package/Button/buttonClasses.d.ts +76 -76
  30. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  31. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  32. package/ButtonGroup/ButtonGroup.d.ts +1 -1
  33. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  34. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  35. package/CHANGELOG.md +185 -2
  36. package/Card/cardClasses.d.ts +8 -8
  37. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  38. package/CardActions/cardActionsClasses.d.ts +10 -10
  39. package/CardContent/cardContentClasses.d.ts +8 -8
  40. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  41. package/CardMedia/cardMediaClasses.d.ts +12 -12
  42. package/Checkbox/Checkbox.d.ts +1 -1
  43. package/Checkbox/checkboxClasses.d.ts +18 -18
  44. package/Chip/chipClasses.d.ts +80 -80
  45. package/CircularProgress/CircularProgress.js +1 -1
  46. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  47. package/ClickAwayListener/index.d.ts +2 -2
  48. package/Collapse/collapseClasses.d.ts +18 -18
  49. package/Container/containerClasses.d.ts +22 -22
  50. package/CssBaseline/CssBaseline.d.ts +1 -1
  51. package/Dialog/Dialog.d.ts +1 -0
  52. package/Dialog/Dialog.js +1 -0
  53. package/Dialog/DialogContext.d.ts +6 -6
  54. package/Dialog/dialogClasses.d.ts +36 -36
  55. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  56. package/DialogContent/dialogContentClasses.d.ts +10 -10
  57. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  58. package/DialogTitle/DialogTitle.d.ts +30 -15
  59. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  60. package/Divider/dividerClasses.d.ts +34 -34
  61. package/Drawer/drawerClasses.d.ts +30 -30
  62. package/Fab/Fab.d.ts +1 -1
  63. package/Fab/fabClasses.d.ts +26 -26
  64. package/FilledInput/FilledInput.d.ts +1 -1
  65. package/FilledInput/FilledInput.js +6 -2
  66. package/FilledInput/filledInputClasses.d.ts +40 -40
  67. package/FormControl/FormControl.d.ts +2 -2
  68. package/FormControl/formControlClasses.d.ts +14 -14
  69. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  70. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  71. package/FormGroup/formGroupClasses.d.ts +12 -12
  72. package/FormHelperText/FormHelperText.d.ts +1 -1
  73. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  74. package/FormLabel/FormLabel.d.ts +1 -1
  75. package/FormLabel/formLabelClasses.d.ts +22 -22
  76. package/GlobalStyles/GlobalStyles.d.ts +1 -1
  77. package/Grid/gridClasses.d.ts +48 -48
  78. package/Icon/Icon.d.ts +1 -1
  79. package/Icon/iconClasses.d.ts +24 -24
  80. package/IconButton/iconButtonClasses.d.ts +26 -26
  81. package/ImageList/ImageList.d.ts +1 -1
  82. package/ImageList/imageListClasses.d.ts +16 -16
  83. package/ImageListItem/ImageListItem.d.ts +1 -1
  84. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  85. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  86. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  87. package/Input/Input.d.ts +1 -1
  88. package/Input/Input.js +3 -1
  89. package/Input/inputClasses.d.ts +34 -34
  90. package/InputAdornment/InputAdornment.d.ts +1 -1
  91. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  92. package/InputBase/InputBase.d.ts +1 -1
  93. package/InputBase/inputBaseClasses.d.ts +44 -44
  94. package/InputLabel/InputLabel.d.ts +1 -1
  95. package/InputLabel/inputLabelClasses.d.ts +32 -32
  96. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  97. package/Link/linkClasses.d.ts +18 -18
  98. package/List/List.d.ts +1 -1
  99. package/List/listClasses.d.ts +14 -14
  100. package/ListItem/ListItem.d.ts +1 -1
  101. package/ListItem/listItemClasses.d.ts +30 -30
  102. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  103. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  104. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  105. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  106. package/ListItemText/listItemTextClasses.d.ts +18 -18
  107. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  108. package/Menu/Menu.d.ts +1 -1
  109. package/Menu/menuClasses.d.ts +12 -12
  110. package/MenuItem/menuItemClasses.d.ts +20 -20
  111. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  112. package/Modal/Modal.js +1 -0
  113. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  114. package/OutlinedInput/OutlinedInput.d.ts +1 -1
  115. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  116. package/Pagination/paginationClasses.d.ts +14 -14
  117. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  118. package/Paper/paperClasses.d.ts +39 -39
  119. package/Popover/popoverClasses.d.ts +10 -10
  120. package/Popper/Popper.d.ts +29 -29
  121. package/README.md +79 -33
  122. package/Radio/Radio.d.ts +1 -1
  123. package/Radio/radioClasses.d.ts +16 -16
  124. package/RadioGroup/RadioGroup.d.ts +1 -1
  125. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  126. package/RadioGroup/useRadioGroup.d.ts +4 -4
  127. package/Rating/ratingClasses.d.ts +40 -40
  128. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  129. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  130. package/Select/selectClasses.d.ts +30 -30
  131. package/Skeleton/skeletonClasses.d.ts +24 -24
  132. package/Snackbar/snackbarClasses.d.ts +20 -20
  133. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  134. package/SpeedDial/SpeedDial.d.ts +1 -1
  135. package/SpeedDial/speedDialClasses.d.ts +22 -22
  136. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  137. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  138. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  139. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  140. package/Step/StepContext.d.ts +20 -20
  141. package/Step/stepClasses.d.ts +16 -16
  142. package/StepButton/stepButtonClasses.d.ts +14 -14
  143. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  144. package/StepContent/StepContent.d.ts +3 -1
  145. package/StepContent/stepContentClasses.d.ts +12 -12
  146. package/StepIcon/stepIconClasses.d.ts +16 -16
  147. package/StepLabel/stepLabelClasses.d.ts +28 -28
  148. package/Stepper/stepperClasses.d.ts +14 -14
  149. package/SvgIcon/SvgIcon.d.ts +1 -1
  150. package/SvgIcon/svgIconClasses.d.ts +24 -24
  151. package/Switch/Switch.d.ts +1 -1
  152. package/Switch/switchClasses.d.ts +32 -32
  153. package/Tab/tabClasses.d.ts +26 -26
  154. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  155. package/Table/tableClasses.d.ts +10 -10
  156. package/TableBody/tableBodyClasses.d.ts +8 -8
  157. package/TableCell/tableCellClasses.d.ts +32 -32
  158. package/TableContainer/tableContainerClasses.d.ts +8 -8
  159. package/TableFooter/tableFooterClasses.d.ts +8 -8
  160. package/TableHead/tableHeadClasses.d.ts +8 -8
  161. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  162. package/TableRow/tableRowClasses.d.ts +16 -16
  163. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  164. package/Tabs/Tabs.d.ts +1 -1
  165. package/Tabs/tabsClasses.d.ts +32 -32
  166. package/TextField/TextField.d.ts +1 -1
  167. package/TextField/textFieldClasses.d.ts +8 -8
  168. package/ToggleButton/ToggleButton.d.ts +1 -1
  169. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  170. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  171. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  172. package/Toolbar/Toolbar.d.ts +1 -1
  173. package/Toolbar/toolbarClasses.d.ts +14 -14
  174. package/Tooltip/tooltipClasses.d.ts +30 -30
  175. package/Typography/typographyClasses.d.ts +50 -50
  176. package/className/index.d.ts +8 -8
  177. package/darkScrollbar/index.d.ts +28 -28
  178. package/index.js +1 -1
  179. package/internal/switchBaseClasses.d.ts +12 -12
  180. package/legacy/Accordion/Accordion.js +6 -6
  181. package/legacy/AccordionSummary/AccordionSummary.js +3 -3
  182. package/legacy/Autocomplete/Autocomplete.js +2 -0
  183. package/legacy/AvatarGroup/AvatarGroup.js +2 -2
  184. package/legacy/Badge/Badge.js +9 -7
  185. package/legacy/BottomNavigation/BottomNavigation.js +1 -1
  186. package/legacy/BottomNavigationAction/BottomNavigationAction.js +6 -5
  187. package/legacy/Box/Box.js +25 -4
  188. package/legacy/CircularProgress/CircularProgress.js +1 -1
  189. package/legacy/Dialog/Dialog.js +1 -0
  190. package/legacy/FilledInput/FilledInput.js +5 -3
  191. package/legacy/Input/Input.js +3 -1
  192. package/legacy/Modal/Modal.js +1 -0
  193. package/legacy/index.js +1 -1
  194. package/legacy/locale/index.js +1 -1
  195. package/locale/index.d.ts +71 -71
  196. package/locale/index.js +1 -1
  197. package/modern/Accordion/Accordion.js +6 -6
  198. package/modern/AccordionSummary/AccordionSummary.js +3 -3
  199. package/modern/Autocomplete/Autocomplete.js +2 -0
  200. package/modern/AvatarGroup/AvatarGroup.js +2 -2
  201. package/modern/Badge/Badge.js +9 -7
  202. package/modern/BottomNavigation/BottomNavigation.js +1 -1
  203. package/modern/BottomNavigationAction/BottomNavigationAction.js +6 -5
  204. package/modern/Box/Box.js +25 -4
  205. package/modern/CircularProgress/CircularProgress.js +1 -1
  206. package/modern/Dialog/Dialog.js +1 -0
  207. package/modern/FilledInput/FilledInput.js +4 -2
  208. package/modern/Input/Input.js +3 -1
  209. package/modern/Modal/Modal.js +1 -0
  210. package/modern/index.js +1 -1
  211. package/modern/locale/index.js +1 -1
  212. package/node/Accordion/Accordion.js +6 -6
  213. package/node/AccordionSummary/AccordionSummary.js +3 -3
  214. package/node/Autocomplete/Autocomplete.js +2 -0
  215. package/node/AvatarGroup/AvatarGroup.js +2 -2
  216. package/node/Badge/Badge.js +10 -7
  217. package/node/BottomNavigation/BottomNavigation.js +1 -1
  218. package/node/BottomNavigationAction/BottomNavigationAction.js +6 -5
  219. package/node/Box/Box.js +28 -4
  220. package/node/CircularProgress/CircularProgress.js +1 -1
  221. package/node/Dialog/Dialog.js +1 -0
  222. package/node/FilledInput/FilledInput.js +6 -2
  223. package/node/Input/Input.js +3 -1
  224. package/node/Modal/Modal.js +1 -0
  225. package/node/index.js +1 -1
  226. package/node/locale/index.js +1 -1
  227. package/package.json +4 -4
  228. package/transitions/index.d.ts +1 -1
  229. package/transitions/transition.d.ts +13 -13
  230. package/transitions/utils.d.ts +23 -23
  231. package/umd/material-ui.development.js +181 -156
  232. package/umd/material-ui.production.min.js +20 -20
  233. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  234. package/useTouchRipple/index.d.ts +1 -1
  235. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  236. package/utils/getScrollbarSize.d.ts +2 -2
  237. package/utils/ownerDocument.d.ts +2 -2
  238. package/utils/ownerWindow.d.ts +2 -2
  239. package/utils/setRef.d.ts +2 -2
@@ -1,80 +1,80 @@
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="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
15
- clickable: string;
16
- /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
17
- clickableColorPrimary: string;
18
- /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
19
- clickableColorSecondary: string;
20
- /** Styles applied to the root element if `onDelete` is defined. */
21
- deletable: string;
22
- /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
23
- deletableColorPrimary: string;
24
- /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
25
- deletableColorSecondary: string;
26
- /** Styles applied to the root element if `variant="outlined"`. */
27
- outlined: string;
28
- /** Styles applied to the root element if `variant="filled"`. */
29
- filled: string;
30
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
31
- outlinedPrimary: string;
32
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
33
- outlinedSecondary: string;
34
- /** Styles applied to the avatar element. */
35
- avatar: string;
36
- /** Styles applied to the avatar element if `size="small"`. */
37
- avatarSmall: string;
38
- /** Styles applied to the avatar element if `size="medium"`. */
39
- avatarMedium: string;
40
- /** Styles applied to the avatar element if `color="primary"`. */
41
- avatarColorPrimary: string;
42
- /** Styles applied to the avatar element if `color="secondary"`. */
43
- avatarColorSecondary: string;
44
- /** Styles applied to the icon element. */
45
- icon: string;
46
- /** Styles applied to the icon element if `size="small"`. */
47
- iconSmall: string;
48
- /** Styles applied to the icon element if `size="medium"`. */
49
- iconMedium: string;
50
- /** Styles applied to the icon element if `color="primary"`. */
51
- iconColorPrimary: string;
52
- /** Styles applied to the icon element if `color="secondary"`. */
53
- iconColorSecondary: string;
54
- /** Styles applied to the label `span` element. */
55
- label: string;
56
- /** Styles applied to the label `span` element if `size="small"`. */
57
- labelSmall: string;
58
- /** Styles applied to the label `span` element if `size="medium"`. */
59
- labelMedium: string;
60
- /** Styles applied to the deleteIcon element. */
61
- deleteIcon: string;
62
- /** Styles applied to the deleteIcon element if `size="small"`. */
63
- deleteIconSmall: string;
64
- /** Styles applied to the deleteIcon element if `size="medium"`. */
65
- deleteIconMedium: string;
66
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
67
- deleteIconColorPrimary: string;
68
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
69
- deleteIconColorSecondary: string;
70
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
71
- deleteIconOutlinedColorPrimary: string;
72
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
73
- deleteIconOutlinedColorSecondary: string;
74
- /** State class applied to the root element if keyboard focused. */
75
- focusVisible: string;
76
- }
77
- export declare type ChipClassKey = keyof ChipClasses;
78
- export declare function getChipUtilityClass(slot: string): string;
79
- declare const chipClasses: ChipClasses;
80
- 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="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
15
+ clickable: string;
16
+ /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
17
+ clickableColorPrimary: string;
18
+ /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
19
+ clickableColorSecondary: string;
20
+ /** Styles applied to the root element if `onDelete` is defined. */
21
+ deletable: string;
22
+ /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
23
+ deletableColorPrimary: string;
24
+ /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
25
+ deletableColorSecondary: string;
26
+ /** Styles applied to the root element if `variant="outlined"`. */
27
+ outlined: string;
28
+ /** Styles applied to the root element if `variant="filled"`. */
29
+ filled: string;
30
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
31
+ outlinedPrimary: string;
32
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
33
+ outlinedSecondary: string;
34
+ /** Styles applied to the avatar element. */
35
+ avatar: string;
36
+ /** Styles applied to the avatar element if `size="small"`. */
37
+ avatarSmall: string;
38
+ /** Styles applied to the avatar element if `size="medium"`. */
39
+ avatarMedium: string;
40
+ /** Styles applied to the avatar element if `color="primary"`. */
41
+ avatarColorPrimary: string;
42
+ /** Styles applied to the avatar element if `color="secondary"`. */
43
+ avatarColorSecondary: string;
44
+ /** Styles applied to the icon element. */
45
+ icon: string;
46
+ /** Styles applied to the icon element if `size="small"`. */
47
+ iconSmall: string;
48
+ /** Styles applied to the icon element if `size="medium"`. */
49
+ iconMedium: string;
50
+ /** Styles applied to the icon element if `color="primary"`. */
51
+ iconColorPrimary: string;
52
+ /** Styles applied to the icon element if `color="secondary"`. */
53
+ iconColorSecondary: string;
54
+ /** Styles applied to the label `span` element. */
55
+ label: string;
56
+ /** Styles applied to the label `span` element if `size="small"`. */
57
+ labelSmall: string;
58
+ /** Styles applied to the label `span` element if `size="medium"`. */
59
+ labelMedium: string;
60
+ /** Styles applied to the deleteIcon element. */
61
+ deleteIcon: string;
62
+ /** Styles applied to the deleteIcon element if `size="small"`. */
63
+ deleteIconSmall: string;
64
+ /** Styles applied to the deleteIcon element if `size="medium"`. */
65
+ deleteIconMedium: string;
66
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
67
+ deleteIconColorPrimary: string;
68
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
69
+ deleteIconColorSecondary: string;
70
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
71
+ deleteIconOutlinedColorPrimary: string;
72
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
73
+ deleteIconOutlinedColorSecondary: string;
74
+ /** State class applied to the root element if keyboard focused. */
75
+ focusVisible: string;
76
+ }
77
+ export declare type ChipClassKey = keyof ChipClasses;
78
+ export declare function getChipUtilityClass(slot: string): string;
79
+ declare const chipClasses: ChipClasses;
80
+ export default chipClasses;
@@ -78,7 +78,7 @@ const CircularProgressRoot = styled('span', {
78
78
  }, ownerState.variant === 'determinate' && {
79
79
  transition: theme.transitions.create('transform')
80
80
  }, ownerState.color !== 'inherit' && {
81
- color: theme.palette[ownerState.color].main
81
+ color: (theme.vars || theme).palette[ownerState.color].main
82
82
  }), ({
83
83
  ownerState
84
84
  }) => ownerState.variant === 'indeterminate' && css(_t3 || (_t3 = _`
@@ -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,22 +1,22 @@
1
- export interface ContainerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `disableGutters={true}`. */
5
- disableGutters: string;
6
- /** Styles applied to the root element if `fixed={true}`. */
7
- fixed: string;
8
- /** Styles applied to the root element if `maxWidth="xs"`. */
9
- maxWidthXs: string;
10
- /** Styles applied to the root element if `maxWidth="sm"`. */
11
- maxWidthSm: string;
12
- /** Styles applied to the root element if `maxWidth="md"`. */
13
- maxWidthMd: string;
14
- /** Styles applied to the root element if `maxWidth="lg"`. */
15
- maxWidthLg: string;
16
- /** Styles applied to the root element if `maxWidth="xl"`. */
17
- maxWidthXl: string;
18
- }
19
- export declare type ContainerClassKey = keyof ContainerClasses;
20
- export declare function getContainerUtilityClass(slot: string): string;
21
- declare const containerClasses: ContainerClasses;
22
- export default containerClasses;
1
+ export interface ContainerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `disableGutters={true}`. */
5
+ disableGutters: string;
6
+ /** Styles applied to the root element if `fixed={true}`. */
7
+ fixed: string;
8
+ /** Styles applied to the root element if `maxWidth="xs"`. */
9
+ maxWidthXs: string;
10
+ /** Styles applied to the root element if `maxWidth="sm"`. */
11
+ maxWidthSm: string;
12
+ /** Styles applied to the root element if `maxWidth="md"`. */
13
+ maxWidthMd: string;
14
+ /** Styles applied to the root element if `maxWidth="lg"`. */
15
+ maxWidthLg: string;
16
+ /** Styles applied to the root element if `maxWidth="xl"`. */
17
+ maxWidthXl: string;
18
+ }
19
+ export declare type ContainerClassKey = keyof ContainerClasses;
20
+ export declare function getContainerUtilityClass(slot: string): string;
21
+ declare const containerClasses: ContainerClasses;
22
+ export default containerClasses;
@@ -20,7 +20,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
20
20
  *
21
21
  * Demos:
22
22
  *
23
- * - [Css Baseline](https://mui.com/material-ui/react-css-baseline/)
23
+ * - [Css baseline](https://mui.com/material-ui/react-css-baseline/)
24
24
  *
25
25
  * API:
26
26
  *
@@ -49,6 +49,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
49
49
  maxWidth?: Breakpoint | false;
50
50
  /**
51
51
  * Callback fired when the backdrop is clicked.
52
+ * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
52
53
  */
53
54
  onBackdropClick?: ModalProps['onBackdropClick'];
54
55
  /**
package/Dialog/Dialog.js CHANGED
@@ -351,6 +351,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
351
351
 
352
352
  /**
353
353
  * Callback fired when the backdrop is clicked.
354
+ * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
354
355
  */
355
356
  onBackdropClick: PropTypes.func,
356
357
 
@@ -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;
@@ -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 declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
6
+ export declare function getDialogContentTextUtilityClass(slot: string): string;
7
+ declare const dialogContentTextClasses: DialogContentTextClasses;
8
+ export default dialogContentTextClasses;
@@ -1,21 +1,29 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from '..';
3
+ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
4
+ import { Theme } from '../styles';
5
+ import { TypographyTypeMap } from '../Typography';
4
6
  import { DialogTitleClasses } from './dialogTitleClasses';
5
7
 
6
- export interface DialogTitleProps extends StandardProps<React.HTMLAttributes<HTMLHeadingElement>> {
7
- /**
8
- * The content of the component.
9
- */
10
- children?: React.ReactNode;
11
- /**
12
- * Override or extend the styles applied to the component.
13
- */
14
- classes?: Partial<DialogTitleClasses>;
15
- /**
16
- * The system prop that allows defining system overrides as well as additional CSS styles.
17
- */
18
- sx?: SxProps<Theme>;
8
+ export interface DialogTitleTypeMap<
9
+ P = {},
10
+ D extends React.ElementType = TypographyTypeMap['defaultComponent'],
11
+ > {
12
+ props: P & {
13
+ /**
14
+ * The content of the component.
15
+ */
16
+ children?: React.ReactNode;
17
+ /**
18
+ * Override or extend the styles applied to the component.
19
+ */
20
+ classes?: Partial<DialogTitleClasses>;
21
+ /**
22
+ * The system prop that allows defining system overrides as well as additional CSS styles.
23
+ */
24
+ sx?: SxProps<Theme>;
25
+ } & Omit<TypographyTypeMap['props'], 'classes'>;
26
+ defaultComponent: D;
19
27
  }
20
28
 
21
29
  /**
@@ -28,4 +36,11 @@ export interface DialogTitleProps extends StandardProps<React.HTMLAttributes<HTM
28
36
  *
29
37
  * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
30
38
  */
31
- export default function DialogTitle(props: DialogTitleProps): JSX.Element;
39
+ declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
40
+
41
+ export type DialogTitleProps<
42
+ D extends React.ElementType = DialogTitleTypeMap['defaultComponent'],
43
+ P = { component?: React.ElementType },
44
+ > = OverrideProps<DialogTitleTypeMap<P, D>, D>;
45
+
46
+ export default DialogTitle;
@@ -1,8 +1,8 @@
1
- export interface DialogTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare 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 declare 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 declare 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 declare type DividerClassKey = keyof DividerClasses;
32
+ export declare function getDividerUtilityClass(slot: string): string;
33
+ declare const dividerClasses: DividerClasses;
34
+ export default dividerClasses;