@mui/material 5.11.6 → 5.11.7

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 (193) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +86 -0
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/Checkbox.d.ts +3 -0
  30. package/Checkbox/Checkbox.js +3 -0
  31. package/Checkbox/checkboxClasses.d.ts +18 -18
  32. package/Chip/chipClasses.d.ts +96 -96
  33. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  34. package/ClickAwayListener/index.d.ts +2 -2
  35. package/Collapse/collapseClasses.d.ts +18 -18
  36. package/Container/containerClasses.d.ts +6 -6
  37. package/Dialog/DialogContext.d.ts +6 -6
  38. package/Dialog/dialogClasses.d.ts +36 -36
  39. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  40. package/DialogContent/dialogContentClasses.d.ts +10 -10
  41. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  42. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  43. package/Divider/dividerClasses.d.ts +34 -34
  44. package/Drawer/drawerClasses.d.ts +30 -30
  45. package/Fab/fabClasses.d.ts +26 -26
  46. package/FilledInput/filledInputClasses.d.ts +40 -40
  47. package/FormControl/FormControlContext.d.ts +17 -17
  48. package/FormControl/formControlClasses.d.ts +14 -14
  49. package/FormControl/useFormControl.d.ts +2 -2
  50. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  51. package/FormGroup/formGroupClasses.d.ts +12 -12
  52. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  53. package/FormLabel/FormLabel.d.ts +51 -45
  54. package/FormLabel/formLabelClasses.d.ts +22 -22
  55. package/Grid/gridClasses.d.ts +48 -48
  56. package/Icon/iconClasses.d.ts +24 -24
  57. package/IconButton/iconButtonClasses.d.ts +34 -34
  58. package/ImageList/imageListClasses.d.ts +16 -16
  59. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  60. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  61. package/Input/inputClasses.d.ts +34 -34
  62. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  63. package/InputBase/inputBaseClasses.d.ts +46 -46
  64. package/InputLabel/InputLabel.d.ts +70 -57
  65. package/InputLabel/inputLabelClasses.d.ts +32 -32
  66. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  67. package/Link/getTextDecoration.d.ts +15 -15
  68. package/Link/linkClasses.d.ts +18 -18
  69. package/List/listClasses.d.ts +14 -14
  70. package/ListItem/listItemClasses.d.ts +30 -30
  71. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  72. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  73. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  74. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  75. package/ListItemText/listItemTextClasses.d.ts +18 -18
  76. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  77. package/Menu/menuClasses.d.ts +12 -12
  78. package/MenuItem/menuItemClasses.d.ts +20 -20
  79. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  80. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  81. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  82. package/Pagination/paginationClasses.d.ts +14 -14
  83. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  84. package/Paper/paperClasses.d.ts +39 -39
  85. package/Popover/popoverClasses.d.ts +10 -10
  86. package/Popper/Popper.d.ts +37 -37
  87. package/Radio/Radio.js +2 -0
  88. package/Radio/radioClasses.d.ts +16 -16
  89. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  90. package/RadioGroup/useRadioGroup.d.ts +4 -4
  91. package/Rating/ratingClasses.d.ts +40 -40
  92. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  93. package/Select/selectClasses.d.ts +30 -30
  94. package/Skeleton/skeletonClasses.d.ts +26 -26
  95. package/Slider/SliderValueLabel.d.ts +15 -15
  96. package/Slider/SliderValueLabel.types.d.ts +24 -24
  97. package/Slider/sliderClasses.d.ts +58 -58
  98. package/Snackbar/snackbarClasses.d.ts +20 -20
  99. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  100. package/SpeedDial/speedDialClasses.d.ts +22 -22
  101. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  102. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  103. package/Step/StepContext.d.ts +20 -20
  104. package/Step/stepClasses.d.ts +16 -16
  105. package/StepButton/stepButtonClasses.d.ts +14 -14
  106. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  107. package/StepContent/stepContentClasses.d.ts +12 -12
  108. package/StepIcon/stepIconClasses.d.ts +16 -16
  109. package/StepLabel/stepLabelClasses.d.ts +28 -28
  110. package/Stepper/StepperContext.d.ts +18 -18
  111. package/Stepper/stepperClasses.d.ts +14 -14
  112. package/SvgIcon/svgIconClasses.d.ts +26 -26
  113. package/Switch/Switch.js +2 -0
  114. package/Switch/switchClasses.d.ts +32 -32
  115. package/Tab/tabClasses.d.ts +26 -26
  116. package/TabScrollButton/TabScrollButton.d.ts +1 -0
  117. package/TabScrollButton/TabScrollButton.js +1 -0
  118. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  119. package/Table/tableClasses.d.ts +10 -10
  120. package/TableBody/tableBodyClasses.d.ts +8 -8
  121. package/TableCell/tableCellClasses.d.ts +32 -32
  122. package/TableContainer/tableContainerClasses.d.ts +8 -8
  123. package/TableFooter/tableFooterClasses.d.ts +8 -8
  124. package/TableHead/tableHeadClasses.d.ts +8 -8
  125. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  126. package/TableRow/tableRowClasses.d.ts +16 -16
  127. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  128. package/Tabs/tabsClasses.d.ts +32 -32
  129. package/TextField/textFieldClasses.d.ts +8 -8
  130. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  131. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  132. package/Toolbar/toolbarClasses.d.ts +14 -14
  133. package/Tooltip/Tooltip.js +9 -9
  134. package/Tooltip/tooltipClasses.d.ts +30 -30
  135. package/Typography/typographyClasses.d.ts +50 -50
  136. package/Unstable_Grid2/Grid2.d.ts +4 -4
  137. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  138. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  139. package/Unstable_Grid2/index.d.ts +4 -4
  140. package/className/index.d.ts +1 -1
  141. package/darkScrollbar/index.d.ts +28 -28
  142. package/generateUtilityClass/index.d.ts +2 -2
  143. package/generateUtilityClasses/index.d.ts +1 -1
  144. package/index.js +1 -1
  145. package/internal/SwitchBase.d.ts +5 -0
  146. package/internal/SwitchBase.js +1 -1
  147. package/internal/switchBaseClasses.d.ts +12 -12
  148. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  149. package/legacy/Checkbox/Checkbox.js +3 -0
  150. package/legacy/Radio/Radio.js +2 -0
  151. package/legacy/Switch/Switch.js +2 -0
  152. package/legacy/TabScrollButton/TabScrollButton.js +1 -0
  153. package/legacy/Tooltip/Tooltip.js +9 -9
  154. package/legacy/index.js +1 -1
  155. package/legacy/internal/SwitchBase.js +2 -1
  156. package/legacy/styles/CssVarsProvider.js +3 -1
  157. package/locale/index.d.ts +75 -75
  158. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  159. package/modern/Checkbox/Checkbox.js +3 -0
  160. package/modern/Radio/Radio.js +2 -0
  161. package/modern/Switch/Switch.js +2 -0
  162. package/modern/TabScrollButton/TabScrollButton.js +1 -0
  163. package/modern/Tooltip/Tooltip.js +9 -9
  164. package/modern/index.js +1 -1
  165. package/modern/internal/SwitchBase.js +1 -1
  166. package/modern/styles/CssVarsProvider.js +3 -1
  167. package/node/BottomNavigation/BottomNavigation.js +0 -0
  168. package/node/Checkbox/Checkbox.js +3 -0
  169. package/node/Radio/Radio.js +2 -0
  170. package/node/Switch/Switch.js +2 -0
  171. package/node/TabScrollButton/TabScrollButton.js +1 -0
  172. package/node/Tooltip/Tooltip.js +9 -9
  173. package/node/index.js +1 -1
  174. package/node/internal/SwitchBase.js +1 -1
  175. package/node/styles/CssVarsProvider.js +3 -1
  176. package/package.json +5 -5
  177. package/styles/CssVarsProvider.d.ts +16 -16
  178. package/styles/CssVarsProvider.js +3 -1
  179. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  180. package/styles/getOverlayAlpha.d.ts +2 -2
  181. package/transitions/index.d.ts +1 -1
  182. package/transitions/transition.d.ts +13 -13
  183. package/transitions/utils.d.ts +23 -23
  184. package/types/OverridableComponentAugmentation.d.ts +31 -31
  185. package/umd/material-ui.development.js +59 -26
  186. package/umd/material-ui.production.min.js +4 -4
  187. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  188. package/useTouchRipple/index.d.ts +1 -1
  189. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  190. package/utils/getScrollbarSize.d.ts +2 -2
  191. package/utils/ownerDocument.d.ts +2 -2
  192. package/utils/ownerWindow.d.ts +2 -2
  193. 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 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 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 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 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 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 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 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 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 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 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 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 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,91 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.11.7
4
+
5
+ <!-- generated comparing v5.11.6..master -->
6
+
7
+ _Jan 31, 2023_
8
+
9
+ A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - @siriwatknp added `Table` component to Joy UI (#35872)
12
+ - many other 🐛 bug fixes and 📚 documentation improvements
13
+
14
+ ### `@mui/material@5.11.7`
15
+
16
+ - &#8203;<!-- 30 -->[Autocomplete] Prevent reset scroll position when new options are added (#35735) @sai6855
17
+ - &#8203;<!-- 24 -->[CssVarsProvider] Skip `unstable_sxConfig` variables (#35932) @siriwatknp
18
+ - &#8203;<!-- 10 -->[InputLabel] Add missing `component` type (#35852) @sai6855
19
+ - &#8203;<!-- 05 -->[Tooltip] Fix tooltip position (#35909) @marktoman
20
+
21
+ ### `@mui/base@5.0.0-alpha.116`
22
+
23
+ - &#8203;<!-- 29 -->[ListboxUnstyled] Fix option state highlighted to prevent unnecessary focus (#35838) @SaidMarar
24
+
25
+ ### `@mui/joy@5.0.0-alpha.65`
26
+
27
+ #### Breaking changes
28
+
29
+ - &#8203;<!-- 05 -->[Joy] Replace `Joy[Component]` classname with `Mui[Component]` classname for all slots of components (#35718) @hbjORbj
30
+
31
+ - Renames the classname prefix of all Joy UI components from `'Joy'` to `'Mui'`.
32
+
33
+ ```diff
34
+ <Button
35
+ -sx={{ '& .JoyButton-root': { '& .JoyButton-button': {} } }}
36
+ +sx={{ '& .MuiButton-root': { '& .MuiButton-button': {} } }}
37
+ />
38
+ ```
39
+
40
+ You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-classname-prefix) to help with the migration.
41
+
42
+ - &#8203;<!-- 04 -->[Joy] Replace `row` prop with `orientation` prop in all Joy UI components (#35721) @hbjORbj
43
+
44
+ - Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGroup` components in Joy UI.
45
+
46
+ ```diff
47
+ <Card
48
+ -row
49
+ +orientation={"horizontal"}
50
+ />
51
+ ```
52
+
53
+ You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-row-prop) to help with the migration.
54
+
55
+ #### Changes
56
+
57
+ - &#8203;<!-- 26 -->[Joy][Checkbox] Display correct icon in checkbox (#35943) @sai6855
58
+ - &#8203;<!-- 09 -->[Joy] Add `Table` component (#35872) @siriwatknp
59
+ - &#8203;<!-- 08 -->[Joy] Miscellaneous fixes (#35953) @siriwatknp
60
+
61
+ ### Docs
62
+
63
+ - &#8203;<!-- 28 -->[blog] Add RSS feed (#35777) @gorjiali
64
+ - &#8203;<!-- 27 -->[blog] Prevent horizontal scroll on blog posts (#35948) @oliviertassinari
65
+ - &#8203;<!-- 23 -->[docs] Add to codemod README about an added script (#35999) @hbjORbj
66
+ - &#8203;<!-- 22 -->[docs] Add a warning about to clear the local storage when `defaultMode` changes (#35937) @ArthurPedroti
67
+ - &#8203;<!-- 21 -->[docs] Fix Joy UI variables playground (#35950) @siriwatknp
68
+ - &#8203;<!-- 20 -->[docs] Fix typos in base components docs (#35985) @HeVictor
69
+ - &#8203;<!-- 19 -->[docs] Fix event's label reported to GA (#35930) @oliviertassinari
70
+ - &#8203;<!-- 18 -->[docs] Standardize "no longer" / "not documented" callouts in Material UI docs (#35957) @samuelsycamore
71
+ - &#8203;<!-- 17 -->[docs] Revise and expand Joy UI Checkbox doc (#35817) @samuelsycamore
72
+ - &#8203;<!-- 16 -->[docs] Add docs notification to Date and Time Pickers revamped (#35935) @joserodolfofreitas
73
+ - &#8203;<!-- 15 -->[docs] Update community theme builder to forked updated one (#35928) @idebeijer
74
+ - &#8203;<!-- 14 -->[docs] Add Joy default theme viewer (#35554) @siriwatknp
75
+ - &#8203;<!-- 13 -->[docs][joy] Fixed a typo in `Using icon libraries` page (#35989) @badalsaibo
76
+ - &#8203;<!-- 12 -->[docs][joy] Removed Badge info from Chip docs (#35955) @Vivek-Prajapatii
77
+ - &#8203;<!-- 11 -->[docs][system] Fix border color of Boxes in demos of `Configure the sx prop` page in dark mode (#35961) @ZeeshanTamboli
78
+
79
+ ### Core
80
+
81
+ - &#8203;<!-- 25 -->[core] Boolean props always have a default value of `false` in API docs (#35913) @hbjORbj
82
+ - &#8203;<!-- 04 -->[core] Improve types for usePreviousProps (#35833) @sai6855
83
+ - &#8203;<!-- 03 -->[website] Fix 404 link to store (#35973) @oliviertassinari
84
+ - &#8203;<!-- 02 -->[website] Fix 302 of diamond sponsor link @oliviertassinari
85
+ - &#8203;<!-- 01 -->[website] Fix outdated YouTube link @oliviertassinari
86
+
87
+ All contributors of this release in alphabetical order: @ArthurPedroti, @badalsaibo, @gorjiali, @hbjORbj, @HeVictor, @idebeijer, @joserodolfofreitas, @marktoman, @oliviertassinari, @sai6855, @SaidMarar, @samuelsycamore, @siriwatknp, @Vivek-Prajapatii, @ZeeshanTamboli
88
+
3
89
  ## 5.11.6
4
90
 
5
91
  <!-- generated comparing v5.11.5..master -->
@@ -1,8 +1,8 @@
1
- export interface CardClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export 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 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 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 type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
+ export declare function getCardActionAreaUtilityClass(slot: string): string;
11
+ declare const cardActionAreaClasses: CardActionAreaClasses;
12
+ export default cardActionAreaClasses;