@mui/material 5.6.1 → 5.6.2

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 (207) 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/AppBar.d.ts +1 -1
  8. package/AppBar/appBarClasses.d.ts +28 -28
  9. package/Autocomplete/Autocomplete.js +2 -0
  10. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  11. package/Avatar/avatarClasses.d.ts +20 -20
  12. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  13. package/Backdrop/backdropClasses.d.ts +10 -10
  14. package/Badge/Badge.js +7 -5
  15. package/Badge/badgeClasses.d.ts +24 -24
  16. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  17. package/BottomNavigation/BottomNavigation.js +0 -0
  18. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  19. package/BottomNavigationAction/BottomNavigationAction.d.ts +1 -1
  20. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  21. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  22. package/Button/Button.d.ts +1 -1
  23. package/Button/buttonClasses.d.ts +76 -76
  24. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  25. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  26. package/ButtonGroup/ButtonGroup.d.ts +1 -1
  27. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  28. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  29. package/CHANGELOG.md +61 -2
  30. package/Card/cardClasses.d.ts +8 -8
  31. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  32. package/CardActions/cardActionsClasses.d.ts +10 -10
  33. package/CardContent/cardContentClasses.d.ts +8 -8
  34. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  35. package/CardMedia/cardMediaClasses.d.ts +12 -12
  36. package/Checkbox/Checkbox.d.ts +1 -1
  37. package/Checkbox/checkboxClasses.d.ts +18 -18
  38. package/Chip/chipClasses.d.ts +80 -80
  39. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  40. package/ClickAwayListener/index.d.ts +2 -2
  41. package/Collapse/collapseClasses.d.ts +18 -18
  42. package/Container/containerClasses.d.ts +22 -22
  43. package/CssBaseline/CssBaseline.d.ts +1 -1
  44. package/Dialog/Dialog.d.ts +1 -0
  45. package/Dialog/Dialog.js +1 -0
  46. package/Dialog/DialogContext.d.ts +6 -6
  47. package/Dialog/dialogClasses.d.ts +36 -36
  48. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  49. package/DialogContent/dialogContentClasses.d.ts +10 -10
  50. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  51. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  52. package/Divider/dividerClasses.d.ts +34 -34
  53. package/Drawer/drawerClasses.d.ts +30 -30
  54. package/Fab/Fab.d.ts +1 -1
  55. package/Fab/fabClasses.d.ts +26 -26
  56. package/FilledInput/FilledInput.d.ts +1 -1
  57. package/FilledInput/FilledInput.js +3 -1
  58. package/FilledInput/filledInputClasses.d.ts +40 -40
  59. package/FormControl/FormControl.d.ts +2 -2
  60. package/FormControl/formControlClasses.d.ts +14 -14
  61. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  62. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  63. package/FormGroup/formGroupClasses.d.ts +12 -12
  64. package/FormHelperText/FormHelperText.d.ts +1 -1
  65. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  66. package/FormLabel/FormLabel.d.ts +1 -1
  67. package/FormLabel/formLabelClasses.d.ts +22 -22
  68. package/GlobalStyles/GlobalStyles.d.ts +1 -1
  69. package/Grid/gridClasses.d.ts +48 -48
  70. package/Icon/Icon.d.ts +1 -1
  71. package/Icon/iconClasses.d.ts +24 -24
  72. package/IconButton/iconButtonClasses.d.ts +26 -26
  73. package/ImageList/ImageList.d.ts +1 -1
  74. package/ImageList/imageListClasses.d.ts +16 -16
  75. package/ImageListItem/ImageListItem.d.ts +1 -1
  76. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  77. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  78. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  79. package/Input/Input.d.ts +1 -1
  80. package/Input/Input.js +3 -1
  81. package/Input/inputClasses.d.ts +34 -34
  82. package/InputAdornment/InputAdornment.d.ts +1 -1
  83. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  84. package/InputBase/InputBase.d.ts +1 -1
  85. package/InputBase/inputBaseClasses.d.ts +44 -44
  86. package/InputLabel/InputLabel.d.ts +1 -1
  87. package/InputLabel/inputLabelClasses.d.ts +32 -32
  88. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  89. package/Link/linkClasses.d.ts +18 -18
  90. package/List/List.d.ts +1 -1
  91. package/List/listClasses.d.ts +14 -14
  92. package/ListItem/ListItem.d.ts +1 -1
  93. package/ListItem/listItemClasses.d.ts +30 -30
  94. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  95. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  96. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  97. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  98. package/ListItemText/listItemTextClasses.d.ts +18 -18
  99. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  100. package/Menu/Menu.d.ts +1 -1
  101. package/Menu/menuClasses.d.ts +12 -12
  102. package/MenuItem/menuItemClasses.d.ts +20 -20
  103. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  104. package/Modal/Modal.js +1 -0
  105. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  106. package/OutlinedInput/OutlinedInput.d.ts +1 -1
  107. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  108. package/Pagination/paginationClasses.d.ts +14 -14
  109. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  110. package/Paper/paperClasses.d.ts +39 -39
  111. package/Popover/popoverClasses.d.ts +10 -10
  112. package/Popper/Popper.d.ts +29 -29
  113. package/README.md +0 -1
  114. package/Radio/Radio.d.ts +1 -1
  115. package/Radio/radioClasses.d.ts +16 -16
  116. package/RadioGroup/RadioGroup.d.ts +1 -1
  117. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  118. package/RadioGroup/useRadioGroup.d.ts +4 -4
  119. package/Rating/ratingClasses.d.ts +40 -40
  120. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  121. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  122. package/Select/selectClasses.d.ts +30 -30
  123. package/Skeleton/skeletonClasses.d.ts +24 -24
  124. package/Snackbar/snackbarClasses.d.ts +20 -20
  125. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  126. package/SpeedDial/SpeedDial.d.ts +1 -1
  127. package/SpeedDial/speedDialClasses.d.ts +22 -22
  128. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  129. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  130. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  131. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  132. package/Step/StepContext.d.ts +20 -20
  133. package/Step/stepClasses.d.ts +16 -16
  134. package/StepButton/stepButtonClasses.d.ts +14 -14
  135. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  136. package/StepContent/stepContentClasses.d.ts +12 -12
  137. package/StepIcon/stepIconClasses.d.ts +16 -16
  138. package/StepLabel/stepLabelClasses.d.ts +28 -28
  139. package/Stepper/stepperClasses.d.ts +14 -14
  140. package/SvgIcon/SvgIcon.d.ts +1 -1
  141. package/SvgIcon/svgIconClasses.d.ts +24 -24
  142. package/Switch/Switch.d.ts +1 -1
  143. package/Switch/switchClasses.d.ts +32 -32
  144. package/Tab/tabClasses.d.ts +26 -26
  145. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  146. package/Table/tableClasses.d.ts +10 -10
  147. package/TableBody/tableBodyClasses.d.ts +8 -8
  148. package/TableCell/tableCellClasses.d.ts +32 -32
  149. package/TableContainer/tableContainerClasses.d.ts +8 -8
  150. package/TableFooter/tableFooterClasses.d.ts +8 -8
  151. package/TableHead/tableHeadClasses.d.ts +8 -8
  152. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  153. package/TableRow/tableRowClasses.d.ts +16 -16
  154. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  155. package/Tabs/tabsClasses.d.ts +32 -32
  156. package/TextField/TextField.d.ts +1 -1
  157. package/TextField/textFieldClasses.d.ts +8 -8
  158. package/ToggleButton/ToggleButton.d.ts +1 -1
  159. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  160. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  161. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  162. package/Toolbar/Toolbar.d.ts +1 -1
  163. package/Toolbar/toolbarClasses.d.ts +14 -14
  164. package/Tooltip/tooltipClasses.d.ts +30 -30
  165. package/Typography/typographyClasses.d.ts +50 -50
  166. package/className/index.d.ts +8 -8
  167. package/darkScrollbar/index.d.ts +28 -28
  168. package/index.js +1 -1
  169. package/internal/switchBaseClasses.d.ts +12 -12
  170. package/legacy/Autocomplete/Autocomplete.js +2 -0
  171. package/legacy/Badge/Badge.js +7 -5
  172. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  173. package/legacy/Dialog/Dialog.js +1 -0
  174. package/legacy/FilledInput/FilledInput.js +3 -1
  175. package/legacy/Input/Input.js +3 -1
  176. package/legacy/Modal/Modal.js +1 -0
  177. package/legacy/index.js +1 -1
  178. package/locale/index.d.ts +71 -71
  179. package/modern/Autocomplete/Autocomplete.js +2 -0
  180. package/modern/Badge/Badge.js +7 -5
  181. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  182. package/modern/Dialog/Dialog.js +1 -0
  183. package/modern/FilledInput/FilledInput.js +3 -1
  184. package/modern/Input/Input.js +3 -1
  185. package/modern/Modal/Modal.js +1 -0
  186. package/modern/index.js +1 -1
  187. package/node/Autocomplete/Autocomplete.js +2 -0
  188. package/node/Badge/Badge.js +8 -5
  189. package/node/BottomNavigation/BottomNavigation.js +0 -0
  190. package/node/Dialog/Dialog.js +1 -0
  191. package/node/FilledInput/FilledInput.js +3 -1
  192. package/node/Input/Input.js +3 -1
  193. package/node/Modal/Modal.js +1 -0
  194. package/node/index.js +1 -1
  195. package/package.json +4 -4
  196. package/transitions/index.d.ts +1 -1
  197. package/transitions/transition.d.ts +13 -13
  198. package/transitions/utils.d.ts +23 -23
  199. package/umd/material-ui.development.js +76 -57
  200. package/umd/material-ui.production.min.js +4 -4
  201. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  202. package/useTouchRipple/index.d.ts +1 -1
  203. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  204. package/utils/getScrollbarSize.d.ts +2 -2
  205. package/utils/ownerDocument.d.ts +2 -2
  206. package/utils/ownerWindow.d.ts +2 -2
  207. package/utils/setRef.d.ts +2 -2
@@ -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;
@@ -112,7 +112,7 @@ export type ExtendButton<M extends OverridableTypeMap> = ((
112
112
  *
113
113
  * Demos:
114
114
  *
115
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
115
+ * - [Button group](https://mui.com/material-ui/react-button-group/)
116
116
  * - [Buttons](https://mui.com/material-ui/react-button/)
117
117
  *
118
118
  * API:
@@ -1,76 +1,76 @@
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="outlined"`. */
13
- outlined: string;
14
- /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
- outlinedInherit: string;
16
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
- outlinedPrimary: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
- outlinedSecondary: string;
20
- /** Styles applied to the root element if `variant="contained"`. */
21
- contained: string;
22
- /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
- containedInherit: string;
24
- /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
- containedPrimary: string;
26
- /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
- containedSecondary: string;
28
- /** Styles applied to the root element if `disableElevation={true}`. */
29
- disableElevation: string;
30
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** Styles applied to the root element if `color="inherit"`. */
35
- colorInherit: string;
36
- /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
- textSizeSmall: string;
38
- /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
- textSizeMedium: string;
40
- /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
- textSizeLarge: string;
42
- /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
- outlinedSizeSmall: string;
44
- /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
- outlinedSizeMedium: string;
46
- /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
- outlinedSizeLarge: string;
48
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
- containedSizeSmall: string;
50
- /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
51
- containedSizeMedium: string;
52
- /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
- containedSizeLarge: string;
54
- /** Styles applied to the root element if `size="small"`. */
55
- sizeSmall: string;
56
- /** Styles applied to the root element if `size="medium"`. */
57
- sizeMedium: string;
58
- /** Styles applied to the root element if `size="large"`. */
59
- sizeLarge: string;
60
- /** Styles applied to the root element if `fullWidth={true}`. */
61
- fullWidth: string;
62
- /** Styles applied to the startIcon element if supplied. */
63
- startIcon: string;
64
- /** Styles applied to the endIcon element if supplied. */
65
- endIcon: string;
66
- /** Styles applied to the icon element if supplied and `size="small"`. */
67
- iconSizeSmall: string;
68
- /** Styles applied to the icon element if supplied and `size="medium"`. */
69
- iconSizeMedium: string;
70
- /** Styles applied to the icon element if supplied and `size="large"`. */
71
- iconSizeLarge: string;
72
- }
73
- export declare type ButtonClassKey = keyof ButtonClasses;
74
- export declare function getButtonUtilityClass(slot: string): string;
75
- declare const buttonClasses: ButtonClasses;
76
- 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="outlined"`. */
13
+ outlined: string;
14
+ /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
+ outlinedInherit: string;
16
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
+ outlinedPrimary: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
+ outlinedSecondary: string;
20
+ /** Styles applied to the root element if `variant="contained"`. */
21
+ contained: string;
22
+ /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
+ containedInherit: string;
24
+ /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
+ containedPrimary: string;
26
+ /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
+ containedSecondary: string;
28
+ /** Styles applied to the root element if `disableElevation={true}`. */
29
+ disableElevation: string;
30
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** Styles applied to the root element if `color="inherit"`. */
35
+ colorInherit: string;
36
+ /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
+ textSizeSmall: string;
38
+ /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
+ textSizeMedium: string;
40
+ /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
+ textSizeLarge: string;
42
+ /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
+ outlinedSizeSmall: string;
44
+ /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
+ outlinedSizeMedium: string;
46
+ /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
+ outlinedSizeLarge: string;
48
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
+ containedSizeSmall: string;
50
+ /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
51
+ containedSizeMedium: string;
52
+ /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
+ containedSizeLarge: string;
54
+ /** Styles applied to the root element if `size="small"`. */
55
+ sizeSmall: string;
56
+ /** Styles applied to the root element if `size="medium"`. */
57
+ sizeMedium: string;
58
+ /** Styles applied to the root element if `size="large"`. */
59
+ sizeLarge: string;
60
+ /** Styles applied to the root element if `fullWidth={true}`. */
61
+ fullWidth: string;
62
+ /** Styles applied to the startIcon element if supplied. */
63
+ startIcon: string;
64
+ /** Styles applied to the endIcon element if supplied. */
65
+ endIcon: string;
66
+ /** Styles applied to the icon element if supplied and `size="small"`. */
67
+ iconSizeSmall: string;
68
+ /** Styles applied to the icon element if supplied and `size="medium"`. */
69
+ iconSizeMedium: string;
70
+ /** Styles applied to the icon element if supplied and `size="large"`. */
71
+ iconSizeLarge: string;
72
+ }
73
+ export declare type ButtonClassKey = keyof ButtonClasses;
74
+ export declare function getButtonUtilityClass(slot: string): string;
75
+ declare const buttonClasses: ButtonClasses;
76
+ 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;
@@ -85,7 +85,7 @@ export interface ButtonGroupTypeMap<P = {}, D extends React.ElementType = 'div'>
85
85
  *
86
86
  * Demos:
87
87
  *
88
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
88
+ * - [Button group](https://mui.com/material-ui/react-button-group/)
89
89
  *
90
90
  * API:
91
91
  *
@@ -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,64 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.6.2
4
+
5
+ <!-- generated comparing v5.6.1..master -->
6
+
7
+ _Apr 18, 2022_
8
+
9
+ A big thanks to the 11 contributors who made this release possible. This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
10
+
11
+ ### `@mui/material@5.6.2`
12
+
13
+ - &#8203;<!-- 29 -->[Autocomplete] Explain how to use getOptionLabel in free solo mode and update getOptionLabel type (#32165) @michaldudak
14
+ - &#8203;<!-- 28 -->[Badge] Fix customization of classes (#32185) @michaldudak
15
+ - &#8203;<!-- 03 -->[TextField] Add a workaround for Safari CSS transition scale bug (#32188) @igordanchenko
16
+
17
+ ### `@mui/system@5.6.2`
18
+
19
+ - &#8203;<!-- 05 -->[system] Update style function to use vars automatically if available (#32244) @mnajdova
20
+
21
+ ### `@mui/base@5.0.0-alpha.77`
22
+
23
+ - &#8203;<!-- 08 -->[FormControlUnstyled] Revise API (#32134) @michaldudak
24
+
25
+ ### `@mui/joy@5.0.0-alpha.24`
26
+
27
+ - &#8203;<!-- 07 -->[Joy] Add `Badge` component (#31401) @hbjORbj
28
+ - &#8203;<!-- 06 -->[Joy] Fix misuse variable in `Input` (#32268) @siriwatknp
29
+
30
+ ### Docs
31
+
32
+ - &#8203;<!-- 27 -->[blog] Fix images for the docs separation post (#32257) @danilo-leal
33
+ - &#8203;<!-- 25 -->[docs] Base Form Control style revisions and final review (#32309) @samuelsycamore
34
+ - &#8203;<!-- 24 -->[docs] Base TablePagination style revisions and final review (#32178) @samuelsycamore
35
+ - &#8203;<!-- 23 -->[docs] Revise the dark mode article (#32179) @danilo-leal
36
+ - &#8203;<!-- 22 -->[docs] Add `aria-label` for `IconButton` (#32276) @SiarheiBobryk
37
+ - &#8203;<!-- 21 -->[docs] Fix `borderRadius` in the docs example (#32347) @ZeeshanTamboli
38
+ - &#8203;<!-- 20 -->[docs] Fix 404 link in the code (#32323) @oliviertassinari
39
+ - &#8203;<!-- 19 -->[docs] Sync h1 with side nav label (#32235) @oliviertassinari
40
+ - &#8203;<!-- 18 -->[docs] Fix SEO issues (#32282) @oliviertassinari
41
+ - &#8203;<!-- 17 -->[docs] Fix broken link in the test contributing guide (#32283) @sirartemis
42
+ - &#8203;<!-- 16 -->[docs] Update "How to customize" page anchor links #32315 @abaker93
43
+ - &#8203;<!-- 15 -->[docs] Mark `onBackdropClick` prop as deprecated in `Dialog`, `Modal` and `ModalUnstyled` components (#32297) @ZeeshanTamboli
44
+ - &#8203;<!-- 14 -->[docs] Link to advanced components page (#32290) @siriwatknp
45
+ - &#8203;<!-- 13 -->[docs] Sync package description with the docs (#32211) @oliviertassinari
46
+ - &#8203;<!-- 12 -->[docs] Revise "Component theming" and "How to customize" guides (#31997) @danilo-leal
47
+ - &#8203;<!-- 11 -->[docs] Add note in the Contributing guide about linking issues to a PR (#32174) @danilo-leal
48
+ - &#8203;<!-- 10 -->[docs] Update RTL guide (#32242) @michaldudak
49
+ - &#8203;<!-- 09 -->[docs] Uniformize capitalization (#32238) @oliviertassinari
50
+ - &#8203;<!-- 02 -->[website] Improve new role template @oliviertassinari
51
+ - &#8203;<!-- 01 -->[website] Remove a gold sponsor (#32261) @hbjORbj
52
+ - &#8203;<!-- 24 -->[website] Mark DataGrid Column spanning done on Pricing page (#32305) @cherniavskii
53
+
54
+ ### Core
55
+
56
+ - &#8203;<!-- 31 -->[core] Remove unecessary div (#32237) @oliviertassinari
57
+ - &#8203;<!-- 30 -->[core] Revert #32229 (#32262) @michaldudak
58
+ - &#8203;<!-- 04 -->[test] Fix running unit tests on Windows (#32260) @michaldudak
59
+
60
+ All contributors of this release in alphabetical order: @abaker93, @cherniavskii, @danilo-leal, @hbjORbj, @igordanchenko, @michaldudak, @mnajdova, @oliviertassinari, @samuelsycamore, @SiarheiBobryk, @sirartemis, @siriwatknp, @ZeeshanTamboli
61
+
3
62
  ## 5.6.1
4
63
 
5
64
  <!-- generated comparing v5.6.0..master -->
@@ -3575,7 +3634,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
3575
3634
  - &#8203;<!-- 28 -->[docs] Fix broken overrides link on API pages (#26244) @mnajdova
3576
3635
  - &#8203;<!-- 27 -->[docs] Improve documentation for Buttons (#26184) @arpitBhalla
3577
3636
  - &#8203;<!-- 24 -->[docs] Emphasize on props for screen readers (#26222) @atisheyJain03
3578
- - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom Navigation (#26190) @arpitBhalla
3637
+ - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom navigation (#26190) @arpitBhalla
3579
3638
  - &#8203;<!-- 22 -->[docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova
3580
3639
  - &#8203;<!-- 20 -->[docs] Add accessibility section to Badges (#26009) @likitarai1
3581
3640
  - &#8203;<!-- 15 -->[docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova
@@ -4587,7 +4646,7 @@ The prop didn't solve any important problem better than any of its alternatives
4587
4646
 
4588
4647
  ### Docs
4589
4648
 
4590
- - &#8203;<!-- 22 -->[docs] Migrate Bottom Navigation demos to emotion (#25180) @vicasas
4649
+ - &#8203;<!-- 22 -->[docs] Migrate Bottom navigation demos to emotion (#25180) @vicasas
4591
4650
  - &#8203;<!-- 09 -->[docs] Migrate Button demos to emotion (#25138) @vicasas
4592
4651
  - &#8203;<!-- 17 -->[docs] Migrate Divider demos to emotion (#25145) @vicasas
4593
4652
  - &#8203;<!-- 24 -->[docs] Migrate Pagination demos to emotion (#25183) @vicasas
@@ -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;
@@ -1,8 +1,8 @@
1
- export interface CardContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardContentClassKey = keyof CardContentClasses;
6
- export declare function getCardContentUtilityClass(slot: string): string;
7
- declare const cardContentClasses: CardContentClasses;
8
- export default cardContentClasses;
1
+ export interface CardContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardContentClassKey = keyof CardContentClasses;
6
+ export declare function getCardContentUtilityClass(slot: string): string;
7
+ declare const cardContentClasses: CardContentClasses;
8
+ export default cardContentClasses;