@mui/material 5.10.12 → 5.10.13

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 (240) 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/Alert.d.ts +34 -3
  6. package/Alert/Alert.js +46 -9
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +10 -0
  11. package/Autocomplete/Autocomplete.js +27 -11
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/avatarClasses.d.ts +20 -20
  14. package/AvatarGroup/AvatarGroup.d.ts +18 -1
  15. package/AvatarGroup/AvatarGroup.js +25 -6
  16. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  17. package/Backdrop/Backdrop.d.ts +33 -3
  18. package/Backdrop/Backdrop.js +46 -11
  19. package/Backdrop/backdropClasses.d.ts +10 -10
  20. package/Badge/Badge.d.ts +11 -3
  21. package/Badge/Badge.js +11 -3
  22. package/Badge/badgeClasses.d.ts +56 -56
  23. package/BottomNavigation/BottomNavigation.js +0 -0
  24. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  25. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  26. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  27. package/Button/buttonClasses.d.ts +100 -100
  28. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  29. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  30. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  31. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  32. package/CHANGELOG.md +58 -0
  33. package/Card/cardClasses.d.ts +8 -8
  34. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  35. package/CardActions/cardActionsClasses.d.ts +10 -10
  36. package/CardContent/cardContentClasses.d.ts +8 -8
  37. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  38. package/CardMedia/cardMediaClasses.d.ts +12 -12
  39. package/Checkbox/checkboxClasses.d.ts +18 -18
  40. package/Chip/chipClasses.d.ts +96 -96
  41. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  42. package/ClickAwayListener/index.d.ts +2 -2
  43. package/Collapse/collapseClasses.d.ts +18 -18
  44. package/Container/containerClasses.d.ts +6 -6
  45. package/Dialog/DialogContext.d.ts +6 -6
  46. package/Dialog/dialogClasses.d.ts +36 -36
  47. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  48. package/DialogContent/dialogContentClasses.d.ts +10 -10
  49. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  50. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  51. package/Divider/dividerClasses.d.ts +34 -34
  52. package/Drawer/drawerClasses.d.ts +30 -30
  53. package/Fab/fabClasses.d.ts +26 -26
  54. package/FilledInput/FilledInput.js +48 -9
  55. package/FilledInput/filledInputClasses.d.ts +40 -40
  56. package/FormControl/formControlClasses.d.ts +14 -14
  57. package/FormControlLabel/FormControlLabel.d.ts +12 -0
  58. package/FormControlLabel/FormControlLabel.js +17 -5
  59. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  60. package/FormGroup/formGroupClasses.d.ts +12 -12
  61. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  62. package/FormLabel/formLabelClasses.d.ts +22 -22
  63. package/Grid/gridClasses.d.ts +48 -48
  64. package/Icon/iconClasses.d.ts +24 -24
  65. package/IconButton/iconButtonClasses.d.ts +26 -26
  66. package/ImageList/imageListClasses.d.ts +16 -16
  67. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  68. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  69. package/Input/Input.js +49 -10
  70. package/Input/inputClasses.d.ts +34 -34
  71. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  72. package/InputBase/InputBase.d.ts +34 -3
  73. package/InputBase/InputBase.js +45 -8
  74. package/InputBase/inputBaseClasses.d.ts +46 -46
  75. package/InputLabel/inputLabelClasses.d.ts +32 -32
  76. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  77. package/Link/getTextDecoration.d.ts +15 -15
  78. package/Link/linkClasses.d.ts +18 -18
  79. package/List/listClasses.d.ts +14 -14
  80. package/ListItem/ListItem.d.ts +32 -3
  81. package/ListItem/ListItem.js +41 -9
  82. package/ListItem/listItemClasses.d.ts +30 -30
  83. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  84. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  85. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  86. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  87. package/ListItemText/listItemTextClasses.d.ts +18 -18
  88. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  89. package/Menu/menuClasses.d.ts +12 -12
  90. package/MenuItem/menuItemClasses.d.ts +20 -20
  91. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  92. package/Modal/Modal.d.ts +11 -3
  93. package/Modal/Modal.js +11 -3
  94. package/NativeSelect/NativeSelectInput.js +11 -9
  95. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  96. package/OutlinedInput/OutlinedInput.js +26 -8
  97. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  98. package/OverridableComponentAugmentation.d.ts +31 -31
  99. package/Pagination/paginationClasses.d.ts +14 -14
  100. package/PaginationItem/PaginationItem.d.ts +19 -7
  101. package/PaginationItem/PaginationItem.js +31 -22
  102. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  103. package/Paper/paperClasses.d.ts +39 -39
  104. package/Popover/popoverClasses.d.ts +10 -10
  105. package/Popper/Popper.d.ts +37 -37
  106. package/README.md +1 -0
  107. package/Radio/radioClasses.d.ts +16 -16
  108. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  109. package/RadioGroup/useRadioGroup.d.ts +4 -4
  110. package/Rating/ratingClasses.d.ts +40 -40
  111. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  112. package/Select/Select.d.ts +3 -3
  113. package/Select/Select.js +3 -3
  114. package/Select/selectClasses.d.ts +30 -30
  115. package/Skeleton/skeletonClasses.d.ts +26 -26
  116. package/Slider/Slider.d.ts +14 -2
  117. package/Slider/Slider.js +12 -3
  118. package/Snackbar/snackbarClasses.d.ts +20 -20
  119. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  120. package/SpeedDial/speedDialClasses.d.ts +22 -22
  121. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  122. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  123. package/Step/StepContext.d.ts +20 -20
  124. package/Step/stepClasses.d.ts +16 -16
  125. package/StepButton/stepButtonClasses.d.ts +14 -14
  126. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  127. package/StepContent/stepContentClasses.d.ts +12 -12
  128. package/StepIcon/stepIconClasses.d.ts +16 -16
  129. package/StepLabel/StepLabel.d.ts +11 -0
  130. package/StepLabel/StepLabel.js +15 -3
  131. package/StepLabel/stepLabelClasses.d.ts +28 -28
  132. package/Stepper/StepperContext.d.ts +18 -18
  133. package/Stepper/stepperClasses.d.ts +14 -14
  134. package/SvgIcon/svgIconClasses.d.ts +26 -26
  135. package/Switch/switchClasses.d.ts +32 -32
  136. package/Tab/tabClasses.d.ts +26 -26
  137. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  138. package/Table/tableClasses.d.ts +10 -10
  139. package/TableBody/tableBodyClasses.d.ts +8 -8
  140. package/TableCell/tableCellClasses.d.ts +32 -32
  141. package/TableContainer/tableContainerClasses.d.ts +8 -8
  142. package/TableFooter/tableFooterClasses.d.ts +8 -8
  143. package/TableHead/tableHeadClasses.d.ts +8 -8
  144. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  145. package/TableRow/tableRowClasses.d.ts +16 -16
  146. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  147. package/Tabs/tabsClasses.d.ts +32 -32
  148. package/TextField/textFieldClasses.d.ts +8 -8
  149. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  150. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  151. package/Toolbar/toolbarClasses.d.ts +14 -14
  152. package/Tooltip/Tooltip.d.ts +43 -6
  153. package/Tooltip/Tooltip.js +68 -31
  154. package/Tooltip/tooltipClasses.d.ts +30 -30
  155. package/Typography/typographyClasses.d.ts +50 -50
  156. package/Unstable_Grid2/Grid2.d.ts +4 -4
  157. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  158. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  159. package/Unstable_Grid2/index.d.ts +4 -4
  160. package/className/index.d.ts +1 -1
  161. package/darkScrollbar/index.d.ts +28 -28
  162. package/esm/Alert/Alert.js +46 -9
  163. package/esm/Autocomplete/Autocomplete.js +27 -11
  164. package/esm/AvatarGroup/AvatarGroup.js +25 -6
  165. package/esm/Backdrop/Backdrop.js +46 -11
  166. package/esm/Badge/Badge.js +11 -3
  167. package/esm/BottomNavigation/BottomNavigation.js +0 -0
  168. package/esm/FilledInput/FilledInput.js +48 -9
  169. package/esm/FormControlLabel/FormControlLabel.js +17 -5
  170. package/esm/Input/Input.js +49 -10
  171. package/esm/InputBase/InputBase.js +45 -8
  172. package/esm/ListItem/ListItem.js +41 -9
  173. package/esm/Modal/Modal.js +11 -3
  174. package/esm/NativeSelect/NativeSelectInput.js +11 -9
  175. package/esm/OutlinedInput/OutlinedInput.js +26 -8
  176. package/esm/PaginationItem/PaginationItem.js +31 -22
  177. package/esm/Select/Select.js +3 -3
  178. package/esm/Slider/Slider.js +12 -3
  179. package/esm/StepLabel/StepLabel.js +15 -3
  180. package/esm/Tooltip/Tooltip.js +68 -31
  181. package/generateUtilityClass/index.d.ts +2 -2
  182. package/generateUtilityClasses/index.d.ts +1 -1
  183. package/index.js +1 -1
  184. package/internal/switchBaseClasses.d.ts +12 -12
  185. package/legacy/Alert/Alert.js +48 -9
  186. package/legacy/Autocomplete/Autocomplete.js +27 -10
  187. package/legacy/AvatarGroup/AvatarGroup.js +26 -6
  188. package/legacy/Backdrop/Backdrop.js +48 -11
  189. package/legacy/Badge/Badge.js +11 -3
  190. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  191. package/legacy/FilledInput/FilledInput.js +49 -9
  192. package/legacy/FormControlLabel/FormControlLabel.js +17 -4
  193. package/legacy/Input/Input.js +50 -10
  194. package/legacy/InputBase/InputBase.js +47 -8
  195. package/legacy/ListItem/ListItem.js +42 -8
  196. package/legacy/Modal/Modal.js +11 -3
  197. package/legacy/NativeSelect/NativeSelectInput.js +11 -9
  198. package/legacy/OutlinedInput/OutlinedInput.js +27 -8
  199. package/legacy/PaginationItem/PaginationItem.js +32 -22
  200. package/legacy/Select/Select.js +3 -3
  201. package/legacy/Slider/Slider.js +12 -3
  202. package/legacy/StepLabel/StepLabel.js +16 -3
  203. package/legacy/Tooltip/Tooltip.js +63 -22
  204. package/legacy/index.js +1 -1
  205. package/locale/index.d.ts +72 -72
  206. package/modern/Alert/Alert.js +45 -8
  207. package/modern/Autocomplete/Autocomplete.js +26 -10
  208. package/modern/AvatarGroup/AvatarGroup.js +24 -5
  209. package/modern/Backdrop/Backdrop.js +45 -10
  210. package/modern/Badge/Badge.js +11 -3
  211. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  212. package/modern/FilledInput/FilledInput.js +46 -9
  213. package/modern/FormControlLabel/FormControlLabel.js +15 -5
  214. package/modern/Input/Input.js +47 -10
  215. package/modern/InputBase/InputBase.js +43 -8
  216. package/modern/ListItem/ListItem.js +41 -9
  217. package/modern/Modal/Modal.js +11 -3
  218. package/modern/NativeSelect/NativeSelectInput.js +11 -9
  219. package/modern/OutlinedInput/OutlinedInput.js +25 -7
  220. package/modern/PaginationItem/PaginationItem.js +31 -22
  221. package/modern/Select/Select.js +3 -3
  222. package/modern/Slider/Slider.js +12 -3
  223. package/modern/StepLabel/StepLabel.js +13 -3
  224. package/modern/Tooltip/Tooltip.js +58 -17
  225. package/modern/index.js +1 -1
  226. package/package.json +4 -4
  227. package/styles/CssVarsProvider.d.ts +14 -14
  228. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  229. package/transitions/index.d.ts +1 -1
  230. package/transitions/transition.d.ts +13 -13
  231. package/transitions/utils.d.ts +23 -23
  232. package/umd/material-ui.development.js +534 -165
  233. package/umd/material-ui.production.min.js +14 -14
  234. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  235. package/useTouchRipple/index.d.ts +1 -1
  236. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  237. package/utils/getScrollbarSize.d.ts +2 -2
  238. package/utils/ownerDocument.d.ts +2 -2
  239. package/utils/ownerWindow.d.ts +2 -2
  240. package/utils/setRef.d.ts +2 -2
@@ -1,8 +1,8 @@
1
- export interface BottomNavigationClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
- export declare function getBottomNavigationUtilityClass(slot: string): string;
7
- declare const bottomNavigationClasses: BottomNavigationClasses;
8
- export default bottomNavigationClasses;
1
+ export interface BottomNavigationClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
+ export declare function getBottomNavigationUtilityClass(slot: string): string;
7
+ declare const bottomNavigationClasses: BottomNavigationClasses;
8
+ export default bottomNavigationClasses;
@@ -1,14 +1,14 @@
1
- export interface BottomNavigationActionClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if selected. */
5
- selected: string;
6
- /** State class applied to the root element if `showLabel={false}` and not selected. */
7
- iconOnly: string;
8
- /** Styles applied to the label's span element. */
9
- label: string;
10
- }
11
- export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
12
- export declare function getBottomNavigationActionUtilityClass(slot: string): string;
13
- declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
14
- export default bottomNavigationActionClasses;
1
+ export interface BottomNavigationActionClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if selected. */
5
+ selected: string;
6
+ /** State class applied to the root element if `showLabel={false}` and not selected. */
7
+ iconOnly: string;
8
+ /** Styles applied to the label's span element. */
9
+ label: string;
10
+ }
11
+ export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
12
+ export declare function getBottomNavigationActionUtilityClass(slot: string): string;
13
+ declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
14
+ export default bottomNavigationActionClasses;
@@ -1,14 +1,14 @@
1
- export interface BreadcrumbsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the ol element. */
5
- ol: string;
6
- /** Styles applied to the li element. */
7
- li: string;
8
- /** Styles applied to the separator element. */
9
- separator: string;
10
- }
11
- export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
12
- export declare function getBreadcrumbsUtilityClass(slot: string): string;
13
- declare const breadcrumbsClasses: BreadcrumbsClasses;
14
- export default breadcrumbsClasses;
1
+ export interface BreadcrumbsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the ol element. */
5
+ ol: string;
6
+ /** Styles applied to the li element. */
7
+ li: string;
8
+ /** Styles applied to the separator element. */
9
+ separator: string;
10
+ }
11
+ export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
12
+ export declare function getBreadcrumbsUtilityClass(slot: string): string;
13
+ declare const breadcrumbsClasses: BreadcrumbsClasses;
14
+ export default breadcrumbsClasses;
@@ -1,100 +1,100 @@
1
- export interface ButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
- textInherit: string;
8
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
- textPrimary: string;
10
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
- textSecondary: string;
12
- /** Styles applied to the root element if `variant="text"` and `color="success"`. */
13
- textSuccess: string;
14
- /** Styles applied to the root element if `variant="text"` and `color="error"`. */
15
- textError: string;
16
- /** Styles applied to the root element if `variant="text"` and `color="info"`. */
17
- textInfo: string;
18
- /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
19
- textWarning: string;
20
- /** Styles applied to the root element if `variant="outlined"`. */
21
- outlined: string;
22
- /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
23
- outlinedInherit: string;
24
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
25
- outlinedPrimary: string;
26
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
27
- outlinedSecondary: string;
28
- /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
29
- outlinedSuccess: string;
30
- /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
31
- outlinedError: string;
32
- /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
33
- outlinedInfo: string;
34
- /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
35
- outlinedWarning: string;
36
- /** Styles applied to the root element if `variant="contained"`. */
37
- contained: string;
38
- /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
39
- containedInherit: string;
40
- /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
41
- containedPrimary: string;
42
- /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
43
- containedSecondary: string;
44
- /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
45
- containedSuccess: string;
46
- /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
47
- containedInfo: string;
48
- /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
49
- containedError: string;
50
- /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
51
- containedWarning: string;
52
- /** Styles applied to the root element if `disableElevation={true}`. */
53
- disableElevation: string;
54
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
55
- focusVisible: string;
56
- /** State class applied to the root element if `disabled={true}`. */
57
- disabled: string;
58
- /** Styles applied to the root element if `color="inherit"`. */
59
- colorInherit: string;
60
- /** Styles applied to the root element if `size="small"` and `variant="text"`. */
61
- textSizeSmall: string;
62
- /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
63
- textSizeMedium: string;
64
- /** Styles applied to the root element if `size="large"` and `variant="text"`. */
65
- textSizeLarge: string;
66
- /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
67
- outlinedSizeSmall: string;
68
- /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
69
- outlinedSizeMedium: string;
70
- /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
71
- outlinedSizeLarge: string;
72
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
73
- containedSizeSmall: string;
74
- /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
75
- containedSizeMedium: string;
76
- /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
77
- containedSizeLarge: string;
78
- /** Styles applied to the root element if `size="small"`. */
79
- sizeSmall: string;
80
- /** Styles applied to the root element if `size="medium"`. */
81
- sizeMedium: string;
82
- /** Styles applied to the root element if `size="large"`. */
83
- sizeLarge: string;
84
- /** Styles applied to the root element if `fullWidth={true}`. */
85
- fullWidth: string;
86
- /** Styles applied to the startIcon element if supplied. */
87
- startIcon: string;
88
- /** Styles applied to the endIcon element if supplied. */
89
- endIcon: string;
90
- /** Styles applied to the icon element if supplied and `size="small"`. */
91
- iconSizeSmall: string;
92
- /** Styles applied to the icon element if supplied and `size="medium"`. */
93
- iconSizeMedium: string;
94
- /** Styles applied to the icon element if supplied and `size="large"`. */
95
- iconSizeLarge: string;
96
- }
97
- export declare type ButtonClassKey = keyof ButtonClasses;
98
- export declare function getButtonUtilityClass(slot: string): string;
99
- declare const buttonClasses: ButtonClasses;
100
- export default buttonClasses;
1
+ export interface ButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
+ textInherit: string;
8
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
+ textPrimary: string;
10
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
+ textSecondary: string;
12
+ /** Styles applied to the root element if `variant="text"` and `color="success"`. */
13
+ textSuccess: string;
14
+ /** Styles applied to the root element if `variant="text"` and `color="error"`. */
15
+ textError: string;
16
+ /** Styles applied to the root element if `variant="text"` and `color="info"`. */
17
+ textInfo: string;
18
+ /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
19
+ textWarning: string;
20
+ /** Styles applied to the root element if `variant="outlined"`. */
21
+ outlined: string;
22
+ /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
23
+ outlinedInherit: string;
24
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
25
+ outlinedPrimary: string;
26
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
27
+ outlinedSecondary: string;
28
+ /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
29
+ outlinedSuccess: string;
30
+ /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
31
+ outlinedError: string;
32
+ /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
33
+ outlinedInfo: string;
34
+ /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
35
+ outlinedWarning: string;
36
+ /** Styles applied to the root element if `variant="contained"`. */
37
+ contained: string;
38
+ /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
39
+ containedInherit: string;
40
+ /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
41
+ containedPrimary: string;
42
+ /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
43
+ containedSecondary: string;
44
+ /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
45
+ containedSuccess: string;
46
+ /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
47
+ containedInfo: string;
48
+ /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
49
+ containedError: string;
50
+ /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
51
+ containedWarning: string;
52
+ /** Styles applied to the root element if `disableElevation={true}`. */
53
+ disableElevation: string;
54
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
55
+ focusVisible: string;
56
+ /** State class applied to the root element if `disabled={true}`. */
57
+ disabled: string;
58
+ /** Styles applied to the root element if `color="inherit"`. */
59
+ colorInherit: string;
60
+ /** Styles applied to the root element if `size="small"` and `variant="text"`. */
61
+ textSizeSmall: string;
62
+ /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
63
+ textSizeMedium: string;
64
+ /** Styles applied to the root element if `size="large"` and `variant="text"`. */
65
+ textSizeLarge: string;
66
+ /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
67
+ outlinedSizeSmall: string;
68
+ /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
69
+ outlinedSizeMedium: string;
70
+ /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
71
+ outlinedSizeLarge: string;
72
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
73
+ containedSizeSmall: string;
74
+ /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
75
+ containedSizeMedium: string;
76
+ /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
77
+ containedSizeLarge: string;
78
+ /** Styles applied to the root element if `size="small"`. */
79
+ sizeSmall: string;
80
+ /** Styles applied to the root element if `size="medium"`. */
81
+ sizeMedium: string;
82
+ /** Styles applied to the root element if `size="large"`. */
83
+ sizeLarge: string;
84
+ /** Styles applied to the root element if `fullWidth={true}`. */
85
+ fullWidth: string;
86
+ /** Styles applied to the startIcon element if supplied. */
87
+ startIcon: string;
88
+ /** Styles applied to the endIcon element if supplied. */
89
+ endIcon: string;
90
+ /** Styles applied to the icon element if supplied and `size="small"`. */
91
+ iconSizeSmall: string;
92
+ /** Styles applied to the icon element if supplied and `size="medium"`. */
93
+ iconSizeMedium: string;
94
+ /** Styles applied to the icon element if supplied and `size="large"`. */
95
+ iconSizeLarge: string;
96
+ }
97
+ export declare type ButtonClassKey = keyof ButtonClasses;
98
+ export declare function getButtonUtilityClass(slot: string): string;
99
+ declare const buttonClasses: ButtonClasses;
100
+ export default buttonClasses;
@@ -1,12 +1,12 @@
1
- export interface ButtonBaseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if keyboard focused. */
7
- focusVisible: string;
8
- }
9
- export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
- export declare function getButtonBaseUtilityClass(slot: string): string;
11
- declare const buttonBaseClasses: ButtonBaseClasses;
12
- export default buttonBaseClasses;
1
+ export interface ButtonBaseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `disabled={true}`. */
5
+ disabled: string;
6
+ /** State class applied to the root element if keyboard focused. */
7
+ focusVisible: string;
8
+ }
9
+ export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
+ export declare function getButtonBaseUtilityClass(slot: string): string;
11
+ declare const buttonBaseClasses: ButtonBaseClasses;
12
+ export default buttonBaseClasses;
@@ -1,20 +1,20 @@
1
- export interface TouchRippleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the internal `Ripple` components `ripple` class. */
5
- ripple: string;
6
- /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
- rippleVisible: string;
8
- /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
- ripplePulsate: string;
10
- /** Styles applied to the internal `Ripple` components `child` class. */
11
- child: string;
12
- /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
- childLeaving: string;
14
- /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
- childPulsate: string;
16
- }
17
- export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
- export declare function getTouchRippleUtilityClass(slot: string): string;
19
- declare const touchRippleClasses: TouchRippleClasses;
20
- export default touchRippleClasses;
1
+ export interface TouchRippleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the internal `Ripple` components `ripple` class. */
5
+ ripple: string;
6
+ /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
+ rippleVisible: string;
8
+ /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
+ ripplePulsate: string;
10
+ /** Styles applied to the internal `Ripple` components `child` class. */
11
+ child: string;
12
+ /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
+ childLeaving: string;
14
+ /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
+ childPulsate: string;
16
+ }
17
+ export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
+ export declare function getTouchRippleUtilityClass(slot: string): string;
19
+ declare const touchRippleClasses: TouchRippleClasses;
20
+ export default touchRippleClasses;
@@ -1,18 +1,18 @@
1
- import * as React from 'react';
2
- import type { ButtonGroupProps } from './ButtonGroup';
3
- interface IButtonGroupContext {
4
- className?: string;
5
- color?: ButtonGroupProps['color'];
6
- disabled?: boolean;
7
- disableElevation?: boolean;
8
- disableFocusRipple?: boolean;
9
- disableRipple?: boolean;
10
- fullWidth?: boolean;
11
- size?: ButtonGroupProps['size'];
12
- variant?: ButtonGroupProps['variant'];
13
- }
14
- /**
15
- * @ignore - internal component.
16
- */
17
- declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
- export default ButtonGroupContext;
1
+ import * as React from 'react';
2
+ import type { ButtonGroupProps } from './ButtonGroup';
3
+ interface IButtonGroupContext {
4
+ className?: string;
5
+ color?: ButtonGroupProps['color'];
6
+ disabled?: boolean;
7
+ disableElevation?: boolean;
8
+ disableFocusRipple?: boolean;
9
+ disableRipple?: boolean;
10
+ fullWidth?: boolean;
11
+ size?: ButtonGroupProps['size'];
12
+ variant?: ButtonGroupProps['variant'];
13
+ }
14
+ /**
15
+ * @ignore - internal component.
16
+ */
17
+ declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
+ export default ButtonGroupContext;
@@ -1,58 +1,58 @@
1
- export interface ButtonGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="contained"`. */
5
- contained: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="text"`. */
9
- text: string;
10
- /** Styles applied to the root element if `disableElevation={true}`. */
11
- disableElevation: string;
12
- /** State class applied to the child elements if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `fullWidth={true}`. */
15
- fullWidth: string;
16
- /** Styles applied to the root element if `orientation="vertical"`. */
17
- vertical: string;
18
- /** Styles applied to the children. */
19
- grouped: string;
20
- /** Styles applied to the children if `orientation="horizontal"`. */
21
- groupedHorizontal: string;
22
- /** Styles applied to the children if `orientation="vertical"`. */
23
- groupedVertical: string;
24
- /** Styles applied to the children if `variant="text"`. */
25
- groupedText: string;
26
- /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
- groupedTextHorizontal: string;
28
- /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
- groupedTextVertical: string;
30
- /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
- groupedTextPrimary: string;
32
- /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
- groupedTextSecondary: string;
34
- /** Styles applied to the children if `variant="outlined"`. */
35
- groupedOutlined: string;
36
- /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
- groupedOutlinedHorizontal: string;
38
- /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
- groupedOutlinedVertical: string;
40
- /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
- groupedOutlinedPrimary: string;
42
- /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
- groupedOutlinedSecondary: string;
44
- /** Styles applied to the children if `variant="contained"`. */
45
- groupedContained: string;
46
- /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
- groupedContainedHorizontal: string;
48
- /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
- groupedContainedVertical: string;
50
- /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
- groupedContainedPrimary: string;
52
- /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
- groupedContainedSecondary: string;
54
- }
55
- export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
- export declare function getButtonGroupUtilityClass(slot: string): string;
57
- declare const buttonGroupClasses: ButtonGroupClasses;
58
- export default buttonGroupClasses;
1
+ export interface ButtonGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="contained"`. */
5
+ contained: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="text"`. */
9
+ text: string;
10
+ /** Styles applied to the root element if `disableElevation={true}`. */
11
+ disableElevation: string;
12
+ /** State class applied to the child elements if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `fullWidth={true}`. */
15
+ fullWidth: string;
16
+ /** Styles applied to the root element if `orientation="vertical"`. */
17
+ vertical: string;
18
+ /** Styles applied to the children. */
19
+ grouped: string;
20
+ /** Styles applied to the children if `orientation="horizontal"`. */
21
+ groupedHorizontal: string;
22
+ /** Styles applied to the children if `orientation="vertical"`. */
23
+ groupedVertical: string;
24
+ /** Styles applied to the children if `variant="text"`. */
25
+ groupedText: string;
26
+ /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
+ groupedTextHorizontal: string;
28
+ /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
+ groupedTextVertical: string;
30
+ /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
+ groupedTextPrimary: string;
32
+ /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
+ groupedTextSecondary: string;
34
+ /** Styles applied to the children if `variant="outlined"`. */
35
+ groupedOutlined: string;
36
+ /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
+ groupedOutlinedHorizontal: string;
38
+ /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
+ groupedOutlinedVertical: string;
40
+ /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
+ groupedOutlinedPrimary: string;
42
+ /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
+ groupedOutlinedSecondary: string;
44
+ /** Styles applied to the children if `variant="contained"`. */
45
+ groupedContained: string;
46
+ /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
+ groupedContainedHorizontal: string;
48
+ /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
+ groupedContainedVertical: string;
50
+ /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
+ groupedContainedPrimary: string;
52
+ /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
+ groupedContainedSecondary: string;
54
+ }
55
+ export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
+ export declare function getButtonGroupUtilityClass(slot: string): string;
57
+ declare const buttonGroupClasses: ButtonGroupClasses;
58
+ export default buttonGroupClasses;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,63 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v5.10.13
4
+
5
+ <!-- generated comparing v5.10.12..master -->
6
+
7
+ _Nov 7, 2022_
8
+
9
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 The slots API has been introduced to the Material UI package by @michaldudak (#34873).
12
+ - 🔥 Live editting of demos is stabilized by @oliviertassinari (#34870).
13
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
14
+
15
+ ### `@mui/material@5.10.13`
16
+
17
+ - &#8203;<!-- 08 -->[material-ui] Introduce the slots API (#34873) @michaldudak
18
+ - &#8203;<!-- 07 -->[NativeSelectInput] Support CSS theme variables (#34975) @siriwatknp
19
+
20
+ ### `@mui/system@5.10.13`
21
+
22
+ - &#8203;<!-- 05 -->[system] Add a missing key attribute in getInitColorScheme to fix key issue (#34992) @akshaya-venkatesh8
23
+
24
+ ### `@mui/base@5.0.0-alpha.105`
25
+
26
+ - &#8203;<!-- 26 -->[base] Avoid calling setState during renders (#34916) @Janpot
27
+
28
+ ### `@mui/joy@5.0.0-alpha.53`
29
+
30
+ - &#8203;<!-- 06 -->[Select] Fix custom options menu not opening on Avatar click (#34648) @shivam1646
31
+
32
+ ### Docs
33
+
34
+ - &#8203;<!-- 20 -->[docs] Add a guide for setting dark mode by default (#34839) @siriwatknp
35
+ - &#8203;<!-- 19 -->[docs] Improve code font family (#35027) @oliviertassinari
36
+ - &#8203;<!-- 18 -->[docs] Revise and expand Joy UI "Alert" page (#34838) @samuelsycamore
37
+ - &#8203;<!-- 17 -->[docs] Live demos v2 (#34870) @oliviertassinari
38
+ - &#8203;<!-- 16 -->[docs] Fix 301 links in the docs @oliviertassinari
39
+ - &#8203;<!-- 15 -->[docs] Fix code display in RTL (#34951) @oliviertassinari
40
+ - &#8203;<!-- 14 -->[docs] New API design rule disabled > disable (#34972) @oliviertassinari
41
+ - &#8203;<!-- 13 -->[docs] Explain the usage of Select's onOpen/onClose in the uncontrolled mode (#34755) @michaldudak
42
+ - &#8203;<!-- 12 -->[docs] Add a new gold sponsor (#34984) @hbjORbj
43
+ - &#8203;<!-- 11 -->[docs] Add author and published_time meta tags (#34382) @alexfauquette
44
+ - &#8203;<!-- 10 -->[examples] Next.js examples v13 - fonts (#34971) @PetroSilenius
45
+ - &#8203;<!-- 09 -->[examples] Next.js examples v13 - links (#34970) @PetroSilenius
46
+ - &#8203;<!-- 04 -->[website] Update IPinfo.AI name @oliviertassinari
47
+ - &#8203;<!-- 03 -->[website] Remove date-io from the docs dependencies (#34748) @michaldudak
48
+ - &#8203;<!-- 02 -->[website] Migrate Design-kits page to use CSS theme variables (#34920) @jesrodri
49
+ - &#8203;<!-- 01 -->[website] Migrate Pricing page to use CSS theme variables (#34917) @trizotti
50
+
51
+ ### Core
52
+
53
+ - &#8203;<!-- 25 -->[core] Remove default access to GitHub action scopes @oliviertassinari
54
+ - &#8203;<!-- 24 -->[core] Fix Pinned-Dependencies @oliviertassinari
55
+ - &#8203;<!-- 23 -->[core] Fix typos in the component name @oliviertassinari
56
+ - &#8203;<!-- 22 -->[core] Fix scorecard regression @oliviertassinari
57
+ - &#8203;<!-- 21 -->[core] Create the docs theme once (#34954) @oliviertassinari
58
+
59
+ All contributors of this release in alphabetical order: @akshaya-venkatesh8, @alexfauquette, @hbjORbj, @Janpot, @jesrodri, @michaldudak, @oliviertassinari, @PetroSilenius, @samuelsycamore, @shivam1646, @siriwatknp, @trizotti
60
+
3
61
  ## v5.10.12
4
62
 
5
63
  <!-- generated comparing v5.10.11..master -->
@@ -1,8 +1,8 @@
1
- export interface CardClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardClassKey = keyof CardClasses;
6
- export declare function getCardUtilityClass(slot: string): string;
7
- declare const cardClasses: CardClasses;
8
- export default cardClasses;
1
+ export interface CardClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardClassKey = keyof CardClasses;
6
+ export declare function getCardUtilityClass(slot: string): string;
7
+ declare const cardClasses: CardClasses;
8
+ export default cardClasses;
@@ -1,12 +1,12 @@
1
- export interface CardActionAreaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
- focusVisible: string;
6
- /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
- focusHighlight: string;
8
- }
9
- export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
- export declare function getCardActionAreaUtilityClass(slot: string): string;
11
- declare const cardActionAreaClasses: CardActionAreaClasses;
12
- export default cardActionAreaClasses;
1
+ export interface CardActionAreaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
+ focusVisible: string;
6
+ /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
+ focusHighlight: string;
8
+ }
9
+ export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
+ export declare function getCardActionAreaUtilityClass(slot: string): string;
11
+ declare const cardActionAreaClasses: CardActionAreaClasses;
12
+ export default cardActionAreaClasses;
@@ -1,10 +1,10 @@
1
- export interface CardActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export declare type CardActionsClassKey = keyof CardActionsClasses;
8
- export declare function getCardActionsUtilityClass(slot: string): string;
9
- declare const cardActionsClasses: CardActionsClasses;
10
- export default cardActionsClasses;
1
+ export interface CardActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export declare type CardActionsClassKey = keyof CardActionsClasses;
8
+ export declare function getCardActionsUtilityClass(slot: string): string;
9
+ declare const cardActionsClasses: CardActionsClasses;
10
+ export default cardActionsClasses;