@mui/material 5.13.5 → 5.13.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +58 -58
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/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/TouchRipple.js +4 -2
  19. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  20. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  21. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  22. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  23. package/CHANGELOG.md +83 -0
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +18 -18
  31. package/Chip/chipClasses.d.ts +96 -96
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +2 -2
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/drawerClasses.d.ts +30 -30
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +42 -42
  46. package/FormControl/FormControlContext.d.ts +17 -17
  47. package/FormControl/formControlClasses.d.ts +14 -14
  48. package/FormControl/useFormControl.d.ts +2 -2
  49. package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
  50. package/FormGroup/formGroupClasses.d.ts +12 -12
  51. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  52. package/FormLabel/formLabelClasses.d.ts +22 -22
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/iconButtonClasses.d.ts +34 -34
  56. package/ImageList/imageListClasses.d.ts +16 -16
  57. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  58. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  59. package/Input/inputClasses.d.ts +38 -38
  60. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  61. package/InputBase/inputBaseClasses.d.ts +46 -46
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/getTextDecoration.d.ts +15 -15
  65. package/Link/linkClasses.d.ts +18 -18
  66. package/List/listClasses.d.ts +14 -14
  67. package/ListItem/listItemClasses.d.ts +30 -30
  68. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  69. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  70. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  71. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  72. package/ListItemText/listItemTextClasses.d.ts +18 -18
  73. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  74. package/Menu/menuClasses.d.ts +12 -12
  75. package/MenuItem/menuItemClasses.d.ts +20 -20
  76. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  77. package/Modal/Modal.js +8 -0
  78. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  79. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  80. package/Pagination/paginationClasses.d.ts +14 -14
  81. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  82. package/Paper/paperClasses.d.ts +39 -39
  83. package/Popover/popoverClasses.d.ts +10 -10
  84. package/Popper/Popper.d.ts +65 -65
  85. package/Radio/radioClasses.d.ts +16 -16
  86. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  87. package/RadioGroup/useRadioGroup.d.ts +4 -4
  88. package/Rating/ratingClasses.d.ts +40 -40
  89. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  90. package/Select/selectClasses.d.ts +32 -32
  91. package/Skeleton/skeletonClasses.d.ts +26 -26
  92. package/Slider/SliderValueLabel.d.ts +15 -15
  93. package/Slider/SliderValueLabel.types.d.ts +24 -24
  94. package/Slider/sliderClasses.d.ts +58 -58
  95. package/Snackbar/snackbarClasses.d.ts +20 -20
  96. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  97. package/SpeedDial/speedDialClasses.d.ts +22 -22
  98. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  99. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  100. package/Stack/stackClasses.d.ts +6 -6
  101. package/Step/StepContext.d.ts +20 -20
  102. package/Step/stepClasses.d.ts +16 -16
  103. package/StepButton/stepButtonClasses.d.ts +14 -14
  104. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  105. package/StepContent/stepContentClasses.d.ts +12 -12
  106. package/StepIcon/stepIconClasses.d.ts +16 -16
  107. package/StepLabel/stepLabelClasses.d.ts +28 -28
  108. package/Stepper/StepperContext.d.ts +18 -18
  109. package/Stepper/stepperClasses.d.ts +14 -14
  110. package/SvgIcon/SvgIcon.js +8 -4
  111. package/SvgIcon/svgIconClasses.d.ts +26 -26
  112. package/Switch/switchClasses.d.ts +32 -32
  113. package/Tab/tabClasses.d.ts +26 -26
  114. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  115. package/Table/tableClasses.d.ts +10 -10
  116. package/TableBody/tableBodyClasses.d.ts +8 -8
  117. package/TableCell/tableCellClasses.d.ts +32 -32
  118. package/TableContainer/tableContainerClasses.d.ts +8 -8
  119. package/TableFooter/tableFooterClasses.d.ts +8 -8
  120. package/TableHead/tableHeadClasses.d.ts +8 -8
  121. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  122. package/TableRow/tableRowClasses.d.ts +16 -16
  123. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  124. package/Tabs/tabsClasses.d.ts +32 -32
  125. package/TextField/textFieldClasses.d.ts +8 -8
  126. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  127. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  128. package/Toolbar/toolbarClasses.d.ts +14 -14
  129. package/Tooltip/Tooltip.d.ts +2 -2
  130. package/Tooltip/Tooltip.js +6 -1
  131. package/Tooltip/tooltipClasses.d.ts +30 -30
  132. package/Typography/typographyClasses.d.ts +50 -50
  133. package/Unstable_Grid2/Grid2.d.ts +4 -4
  134. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  135. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  136. package/Unstable_Grid2/index.d.ts +4 -4
  137. package/className/index.d.ts +1 -1
  138. package/darkScrollbar/index.d.ts +28 -28
  139. package/generateUtilityClass/index.d.ts +2 -2
  140. package/generateUtilityClasses/index.d.ts +1 -1
  141. package/index.js +1 -1
  142. package/internal/switchBaseClasses.d.ts +12 -12
  143. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  144. package/legacy/ButtonBase/TouchRipple.js +4 -2
  145. package/legacy/Modal/Modal.js +8 -0
  146. package/legacy/SvgIcon/SvgIcon.js +8 -4
  147. package/legacy/Tooltip/Tooltip.js +5 -2
  148. package/legacy/index.js +1 -1
  149. package/locale/index.d.ts +80 -80
  150. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  151. package/modern/ButtonBase/TouchRipple.js +4 -2
  152. package/modern/Modal/Modal.js +8 -0
  153. package/modern/SvgIcon/SvgIcon.js +8 -4
  154. package/modern/Tooltip/Tooltip.js +6 -1
  155. package/modern/index.js +1 -1
  156. package/node/BottomNavigation/BottomNavigation.js +0 -0
  157. package/node/ButtonBase/TouchRipple.js +4 -2
  158. package/node/Modal/Modal.js +8 -0
  159. package/node/SvgIcon/SvgIcon.js +8 -4
  160. package/node/Tooltip/Tooltip.js +6 -1
  161. package/node/index.js +1 -1
  162. package/package.json +5 -5
  163. package/styles/CssVarsProvider.d.ts +20 -20
  164. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  165. package/styles/experimental_extendTheme.d.ts +1 -0
  166. package/styles/getOverlayAlpha.d.ts +2 -2
  167. package/styles/identifier.d.ts +2 -2
  168. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  169. package/transitions/index.d.ts +1 -1
  170. package/transitions/transition.d.ts +13 -13
  171. package/transitions/utils.d.ts +23 -23
  172. package/types/OverridableComponentAugmentation.d.ts +31 -31
  173. package/umd/material-ui.development.js +51 -19
  174. package/umd/material-ui.production.min.js +4 -4
  175. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  176. package/useTouchRipple/index.d.ts +1 -1
  177. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  178. package/utils/getScrollbarSize.d.ts +2 -2
  179. package/utils/ownerDocument.d.ts +2 -2
  180. package/utils/ownerWindow.d.ts +2 -2
  181. 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;
@@ -154,14 +154,16 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
154
154
  const ignoringMouseDown = React.useRef(false);
155
155
  // We use a timer in order to only show the ripples for touch "click" like events.
156
156
  // We don't want to display the ripple for touch scroll events.
157
- const startTimer = React.useRef(null);
157
+ const startTimer = React.useRef(0);
158
158
 
159
159
  // This is the hook called once the previous timeout is ready.
160
160
  const startTimerCommit = React.useRef(null);
161
161
  const container = React.useRef(null);
162
162
  React.useEffect(() => {
163
163
  return () => {
164
- clearTimeout(startTimer.current);
164
+ if (startTimer.current) {
165
+ clearTimeout(startTimer.current);
166
+ }
165
167
  };
166
168
  }, []);
167
169
  const startCommit = React.useCallback(params => {
@@ -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,7 +1,90 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.13.6
4
+
5
+ _Jun 21, 2023_
6
+
7
+ A big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:
8
+
9
+ - 💫 Added [Slider](https://mui.com/material-ui/react-slider/#material-you-version) component using the new Material You design language (#37520) @DiegoAndai.
10
+ - 📚 Added [examples](https://github.com/mui/material-ui/tree/master/examples/material-next-app-router-ts) showcasing how you can use Material UI with next.js's app directory (#37315) @smo043
11
+
12
+ ### `@mui/material@5.13.6`
13
+
14
+ - &#8203;<!-- 45 -->[Autocomplete] Fixed autocomplete's existing option selection (#37012) @bencevoros
15
+ - &#8203;<!-- 44 -->[Autocomplete] Add hint demos to Material UI and Joy UI docs (#37496) @sai6855
16
+ - &#8203;<!-- 13 -->[Masonry] Fix ResizeObserver loop limit exceeded error (#37208) @hbjORbj
17
+ - &#8203;<!-- 11 -->[Tooltip][material] Improve warning when Tooltip receives string child (#37530) @DiegoAndai
18
+ - &#8203;<!-- 10 -->[Modal] Add missing members to ModalOwnProps (#37568) @ivp-dev
19
+ - &#8203;<!-- 09 -->[Slider] Arrow keys control does not work with float numbers (#37071) @gitstart
20
+ - &#8203;<!-- 08 -->[SvgIcon] allow `svg` as a child (#37231) @siriwatknp
21
+ - &#8203;<!-- 07 -->[Timeline] Add alternate reverse position (#37311) @abhinavkmrru
22
+ - &#8203;<!-- 06 -->[Tooltip] Fix type of sx prop in `slotProps` (#37550) @SuperKXT
23
+ - &#8203;<!-- 05 -->[TouchRipple] perf: avoid calling `clearTimeout()` (#37512) @romgrk
24
+
25
+ ### `@mui/material-next@6.0.0-alpha.90`
26
+
27
+ - &#8203;<!-- 12 -->[Material You] Add Slider component with Material You design (#37520) @DiegoAndai
28
+
29
+ ### `@mui/joy@5.0.0-alpha.85`
30
+
31
+ - &#8203;<!-- 37 -->[ButtonGroup][joy] Missing border when spacing is more than zero (#37577) @siriwatknp
32
+ - &#8203;<!-- 36 -->[CardActions][joy] Add `CardActions` component (#37441) @siriwatknp
33
+ - &#8203;<!-- 14 -->[Menu][joy] Fix closing of `Menu` in demos (#36917) @sai6855
34
+
35
+ ### `@mui/base@5.0.0-beta.5`
36
+
37
+ - &#8203;<!-- 39 -->[Menu][base] Add the resetHighlight action (#37392) @michaldudak
38
+ - &#8203;<!-- 38 -->[Select][base] Expose the `areOptionsEqual` prop (#37615) @michaldudak
39
+
40
+ ### `@mui/utils@5.13.2`
41
+
42
+ - &#8203;<!-- 04 -->[utils] Allow nested imports in @mui/utils to speed up build (#37586) @flaviendelangle
43
+
44
+ ### Docs
45
+
46
+ - &#8203;<!-- 43 -->[docs][base] Improve Base UI all components images (#37590) @danilo-leal
47
+ - &#8203;<!-- 42 -->[docs][base] Add pages for coming soon components (#37575) @danilo-leal
48
+ - &#8203;<!-- 41 -->[docs][base] Add a Snackbar introduction demo (#37602) @danilo-leal
49
+ - &#8203;<!-- 40 -->[docs][base] Add page for all Base UI components (#37536) @danilo-leal
50
+ - &#8203;<!-- 33 -->[docs] Fix scrollbar on snackbar page (#37657) @oliviertassinari
51
+ - &#8203;<!-- 32 -->[docs] Switch order of snackbar buttons in demos (#37389) @Primajin
52
+ - &#8203;<!-- 31 -->[docs] Add support for Tailwind CSS and plain CSS demos (#37319) @mnajdova
53
+ - &#8203;<!-- 30 -->[docs] Tree view color fix for dark mode in Gmail example (#37051) @PunitSoniME
54
+ - &#8203;<!-- 29 -->[docs] Inline the Base UI demo (#37603) @oliviertassinari
55
+ - &#8203;<!-- 28 -->[docs] Fix typo in themed components page (#37598) @vinayr
56
+ - &#8203;<!-- 27 -->[docs] Fix render inline code in CSS description generation (#37448) @alexfauquette
57
+ - &#8203;<!-- 26 -->[docs] Add styles to styled argument list (#37558) @DiegoAndai
58
+ - &#8203;<!-- 25 -->[docs] Improve awkward wording in READMEs of example projects (#37110) @DIWAKARKASHYAP
59
+ - &#8203;<!-- 24 -->[docs] Fix small base -> base-ui migration issue (#37594) @oliviertassinari
60
+ - &#8203;<!-- 23 -->[docs] Fix GitHub typo (#37578) @oliviertassinari
61
+ - &#8203;<!-- 22 -->[docs] Improve release guide (#37547) @DiegoAndai
62
+ - &#8203;<!-- 21 -->[docs] Review fixes to the Material UI's "Example projects" page (#37444) @danilo-leal
63
+ - &#8203;<!-- 17 -->[docs][joy] Add a messages template (#37546) @sernstberger
64
+ - &#8203;<!-- 16 -->[docs][joy] Add pages for coming soon Joy UI components (#36920) @danilo-leal
65
+ - &#8203;<!-- 15 -->[docs][joy] Add design and consistency tweaks to the Playground (#37580) @danilo-leal
66
+ - &#8203;<!-- 37 -->[docs] Add and revise Base UI + Create React App examples (#36825) @samuelsycamore
67
+ - &#8203;<!-- 20 -->[docs-infra] Fix demos border radius (#37658) @oliviertassinari
68
+ - &#8203;<!-- 19 -->[docs-infra] Add analyticsTags to Algolia (#37600) @Janpot
69
+ - &#8203;<!-- 18 -->[docs-infra] Simplify product id handling (#37593) @oliviertassinari
70
+ - &#8203;<!-- 35 -->[CHANGELOG] Add missing release date for v5.13.5 @oliviertassinari
71
+ - &#8203;<!-- 16 -->[examples] Shell command fix in the readme file of material-next-app-router-ts example (#37675) @bablukpik
72
+ - &#8203;<!-- 15 -->[examples] Next.js v13 app router with Material UI (#37315) @smo043
73
+
74
+ ### Core
75
+
76
+ - &#8203;<!-- 34 -->[core] Update to Node.js v18 for `test-dev` CI (#37604) @ZeeshanTamboli
77
+ - &#8203;<!-- 39 -->[core] Add priority support issue template (#37671) @DanailH
78
+ - &#8203;<!-- 03 -->[website] Update roadmap page (#37587) @cherniavskii
79
+ - &#8203;<!-- 02 -->[website] Add CSP to limit iframes to self @oliviertassinari
80
+ - &#8203;<!-- 01 -->[website] Link mui-x Stack Overflow in footer link (#37509) @richbustos
81
+
82
+ All contributors of this release in alphabetical order: @abhinavkmrru, @alexfauquette, @bencevoros, @cherniavskii, @danilo-leal, @DiegoAndai, @DIWAKARKASHYAP, @flaviendelangle, @gitstart, @hbjORbj, @ivp-dev, @Janpot, @michaldudak, @mnajdova, @oliviertassinari, @Primajin, @PunitSoniME, @richbustos, @romgrk, @sai6855, @sernstberger, @siriwatknp, @SuperKXT, @vinayr, @ZeeshanTamboli
83
+
3
84
  ## 5.13.5
4
85
 
86
+ _Jun 12, 2023_
87
+
5
88
  A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
6
89
 
7
90
  - 💫 Added `ButtonGroup` component in Joy UI (#37407) @siriwatknp.
@@ -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;