@mui/material 5.11.5 β†’ 5.11.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 (188) 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/Box/Box.d.ts +3 -2
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/Button.js +0 -2
  19. package/Button/buttonClasses.d.ts +100 -100
  20. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  21. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  22. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  23. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  24. package/CHANGELOG.md +74 -0
  25. package/Card/cardClasses.d.ts +8 -8
  26. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  27. package/CardActions/cardActionsClasses.d.ts +10 -10
  28. package/CardContent/cardContentClasses.d.ts +8 -8
  29. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  30. package/CardMedia/cardMediaClasses.d.ts +12 -12
  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/formLabelClasses.d.ts +22 -22
  54. package/Grid/gridClasses.d.ts +48 -48
  55. package/Icon/iconClasses.d.ts +24 -24
  56. package/IconButton/iconButtonClasses.d.ts +34 -34
  57. package/ImageList/imageListClasses.d.ts +16 -16
  58. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  59. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  60. package/Input/inputClasses.d.ts +34 -34
  61. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  62. package/InputBase/inputBaseClasses.d.ts +46 -46
  63. package/InputLabel/inputLabelClasses.d.ts +32 -32
  64. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  65. package/Link/getTextDecoration.d.ts +15 -15
  66. package/Link/linkClasses.d.ts +18 -18
  67. package/List/listClasses.d.ts +14 -14
  68. package/ListItem/listItemClasses.d.ts +30 -30
  69. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  70. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  71. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  72. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  73. package/ListItemText/listItemTextClasses.d.ts +18 -18
  74. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  75. package/Menu/menuClasses.d.ts +12 -12
  76. package/MenuItem/menuItemClasses.d.ts +20 -20
  77. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  78. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  79. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  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 +37 -37
  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 +30 -30
  91. package/Skeleton/skeletonClasses.d.ts +26 -26
  92. package/Slider/Slider.d.ts +215 -35
  93. package/Slider/Slider.js +7 -7
  94. package/Slider/SliderValueLabel.d.ts +15 -15
  95. package/Slider/SliderValueLabel.js +3 -0
  96. package/Slider/SliderValueLabel.types.d.ts +24 -24
  97. package/Slider/index.d.ts +2 -0
  98. package/Slider/index.js +2 -1
  99. package/Slider/sliderClasses.d.ts +58 -29
  100. package/Slider/sliderClasses.js +5 -3
  101. package/Snackbar/snackbarClasses.d.ts +20 -20
  102. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  103. package/SpeedDial/speedDialClasses.d.ts +22 -22
  104. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  105. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  106. package/Step/StepContext.d.ts +20 -20
  107. package/Step/stepClasses.d.ts +16 -16
  108. package/StepButton/stepButtonClasses.d.ts +14 -14
  109. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  110. package/StepContent/stepContentClasses.d.ts +12 -12
  111. package/StepIcon/stepIconClasses.d.ts +16 -16
  112. package/StepLabel/stepLabelClasses.d.ts +28 -28
  113. package/Stepper/StepperContext.d.ts +18 -18
  114. package/Stepper/stepperClasses.d.ts +14 -14
  115. package/SvgIcon/svgIconClasses.d.ts +26 -26
  116. package/SwipeableDrawer/SwipeableDrawer.d.ts +15 -0
  117. package/SwipeableDrawer/SwipeableDrawer.js +48 -17
  118. package/Switch/switchClasses.d.ts +32 -32
  119. package/Tab/tabClasses.d.ts +26 -26
  120. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  121. package/Table/tableClasses.d.ts +10 -10
  122. package/TableBody/tableBodyClasses.d.ts +8 -8
  123. package/TableCell/tableCellClasses.d.ts +32 -32
  124. package/TableContainer/tableContainerClasses.d.ts +8 -8
  125. package/TableFooter/tableFooterClasses.d.ts +8 -8
  126. package/TableHead/tableHeadClasses.d.ts +8 -8
  127. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  128. package/TableRow/tableRowClasses.d.ts +16 -16
  129. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  130. package/Tabs/tabsClasses.d.ts +32 -32
  131. package/TextField/textFieldClasses.d.ts +8 -8
  132. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  133. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  134. package/Toolbar/toolbarClasses.d.ts +14 -14
  135. package/Tooltip/tooltipClasses.d.ts +30 -30
  136. package/Typography/typographyClasses.d.ts +50 -50
  137. package/Unstable_Grid2/Grid2.d.ts +4 -4
  138. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  139. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  140. package/Unstable_Grid2/index.d.ts +4 -4
  141. package/className/index.d.ts +1 -1
  142. package/darkScrollbar/index.d.ts +28 -28
  143. package/generateUtilityClass/index.d.ts +2 -2
  144. package/generateUtilityClasses/index.d.ts +1 -1
  145. package/index.js +1 -1
  146. package/internal/switchBaseClasses.d.ts +12 -12
  147. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  148. package/legacy/Button/Button.js +0 -2
  149. package/legacy/Slider/Slider.js +7 -7
  150. package/legacy/Slider/SliderValueLabel.js +3 -0
  151. package/legacy/Slider/index.js +2 -1
  152. package/legacy/Slider/sliderClasses.js +5 -3
  153. package/legacy/SwipeableDrawer/SwipeableDrawer.js +50 -17
  154. package/legacy/index.js +1 -1
  155. package/locale/index.d.ts +75 -75
  156. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  157. package/modern/Button/Button.js +0 -2
  158. package/modern/Slider/Slider.js +7 -7
  159. package/modern/Slider/SliderValueLabel.js +3 -0
  160. package/modern/Slider/index.js +2 -1
  161. package/modern/Slider/sliderClasses.js +5 -3
  162. package/modern/SwipeableDrawer/SwipeableDrawer.js +47 -17
  163. package/modern/index.js +1 -1
  164. package/node/BottomNavigation/BottomNavigation.js +0 -0
  165. package/node/Button/Button.js +0 -2
  166. package/node/Slider/Slider.js +6 -6
  167. package/node/Slider/SliderValueLabel.js +3 -0
  168. package/node/Slider/index.js +12 -2
  169. package/node/Slider/sliderClasses.js +6 -3
  170. package/node/SwipeableDrawer/SwipeableDrawer.js +48 -17
  171. package/node/index.js +1 -1
  172. package/package.json +3 -3
  173. package/styles/CssVarsProvider.d.ts +16 -16
  174. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  175. package/styles/getOverlayAlpha.d.ts +2 -2
  176. package/transitions/index.d.ts +1 -1
  177. package/transitions/transition.d.ts +13 -13
  178. package/transitions/utils.d.ts +23 -23
  179. package/types/OverridableComponentAugmentation.d.ts +31 -31
  180. package/umd/material-ui.development.js +63 -33
  181. package/umd/material-ui.production.min.js +20 -20
  182. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  183. package/useTouchRipple/index.d.ts +1 -1
  184. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  185. package/utils/getScrollbarSize.d.ts +2 -2
  186. package/utils/ownerDocument.d.ts +2 -2
  187. package/utils/ownerWindow.d.ts +2 -2
  188. 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;
package/Box/Box.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { createBox, BoxTypeMap } from '@mui/system';
1
+ import { BoxTypeMap } from '@mui/system';
2
+ import { OverridableComponent } from '@mui/types';
2
3
  import { OverrideProps } from '../OverridableComponent';
3
4
  import { Theme as MaterialTheme } from '../styles';
4
5
 
@@ -12,7 +13,7 @@ import { Theme as MaterialTheme } from '../styles';
12
13
  *
13
14
  * - [Box API](https://mui.com/material-ui/api/box/)
14
15
  */
15
- declare const Box: ReturnType<typeof createBox<MaterialTheme>>;
16
+ declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
16
17
 
17
18
  export type BoxProps<
18
19
  D extends React.ElementType = BoxTypeMap['defaultComponent'],
@@ -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;
package/Button/Button.js CHANGED
@@ -113,8 +113,6 @@ const ButtonRoot = styled(ButtonBase, {
113
113
  color: (theme.vars || theme).palette.action.disabled
114
114
  }, ownerState.variant === 'outlined' && {
115
115
  border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
116
- }, ownerState.variant === 'outlined' && ownerState.color === 'secondary' && {
117
- border: `1px solid ${(theme.vars || theme).palette.action.disabled}`
118
116
  }, ownerState.variant === 'contained' && {
119
117
  color: (theme.vars || theme).palette.action.disabled,
120
118
  boxShadow: (theme.vars || theme).shadows[0],
@@ -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,79 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.11.6
4
+
5
+ <!-- generated comparing v5.11.5..master -->
6
+
7
+ _Jan 23, 2023_
8
+
9
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - @ZeeshanTamboli improved the logic for handling the value label in the `SliderUnstyled` (#35805)
12
+ - many other πŸ› bug fixes and πŸ“š documentation improvements
13
+
14
+ ### `@mui/material@5.11.6`
15
+
16
+ - &#8203;<!-- 15 -->[Box] Fix usage of not supported features in TypeScript 3.5 (#35877) @mnajdova
17
+ - &#8203;<!-- 14 -->[Button] Fix border color for secondary disabled button (#35866) @SaidMarar
18
+ - &#8203;<!-- 03 -->[SwipeableDrawer] Add callback to customise touchstart ignore for swipeable drawer (#30759) @tech-meppem
19
+
20
+ ### `@mui/base@5.0.0-alpha.115`
21
+
22
+ #### Breaking changes
23
+
24
+ - &#8203;<!-- 04 -->[SliderUnstyled] Improved logic for displaying the value label (#35805) @ZeeshanTamboli
25
+
26
+ - The `valueLabelDisplay` prop is removed from `SliderUnstyled`. The prop was not working as intended in `SliderUnstyled` (See #35398). You can instead provide a `valueLabel` slot with the `slots` prop API to show the value label:
27
+
28
+ ```diff
29
+ - <SliderUnstyled valueLabelDisplay="on" />
30
+ + <SliderUnstyled slots={{ valueLabel: SliderValueLabel }} />
31
+ ```
32
+
33
+ The following demo shows how to show a value label when it is hovered over with the thumb: https://mui.com/base/react-slider/#value-label
34
+
35
+ - The following classes are removed from `sliderUnstyledClasses` since they are not needed for the value label:
36
+
37
+ ```diff
38
+ - valueLabel
39
+ - valueLabelOpen
40
+ - valueLabelCircle
41
+ - valueLabelLabel
42
+ ```
43
+
44
+ In the custom value label component, you can define your own classNames and target them with CSS.
45
+
46
+ - The `SliderValueLabelUnstyled` component is removed from SliderUnstyled. You should provide your own custom component for the value label.
47
+
48
+ - To avoid using `React.cloneElement` API in value label, the component hierarchy structure of the value label is changed.Β The value label is now inside the Thumb slot - `Thumb` -> `Input`, `ValueLabel`.
49
+
50
+ #### Changes
51
+
52
+ - &#8203;<!-- 05 -->[InputUnstyled] Fix externally provided `inputRef` is ignored (#35807) @sai6855
53
+
54
+ ### `@mui/joy@5.0.0-alpha.64`
55
+
56
+ - &#8203;<!-- 17 -->[Avatar][joy] Remove `imgProps` prop and add Codemod script for migration (#35859) @hbjORbj
57
+
58
+ ### Docs
59
+
60
+ - &#8203;<!-- 16 -->[blog] Date and time pickers revamped (#35486) @joserodolfofreitas
61
+ - &#8203;<!-- 10 -->[docs] Fix incorrect breakpoint use (#34948) @rosita-dmello
62
+ - &#8203;<!-- 09 -->[docs] Replace react-virtualized with react-virtuoso in Table (#35700) @petyosi
63
+ - &#8203;<!-- 08 -->[docs] Fix account menu demo not closing with keyboard. (#35870) @mj12albert
64
+ - &#8203;<!-- 07 -->[docs] Fix typos in the docs of Joy UI (#35876) @HeVictor
65
+ - &#8203;<!-- 06 -->[docs] Fix wording in `Color` page (#35873) @oliv37
66
+
67
+ ### Core
68
+
69
+ - &#8203;<!-- 13 -->[core] Fix release changelog to handle commits with empty author field (#35921) @mnajdova
70
+ - &#8203;<!-- 12 -->[core] Revert `docs-utilities` migration to TypeScript and fix type (#35881) @ZeeshanTamboli
71
+ - &#8203;<!-- 11 -->[core] Migrate internal `docs-utilities` package to TypeScript (#35846) @ZeeshanTamboli
72
+ - &#8203;<!-- 02 -->[website] Designer don't spend their time writing code @oliviertassinari
73
+ - &#8203;<!-- 01 -->[website] Emphasis the technical background need for this role @oliviertassinari
74
+
75
+ All contributors of this release in alphabetical order: @HeVictor, @hbjORbj, @joserodolfofreitas, @mj12albert, @mnajdova, @oliv37, @oliviertassinari, @petyosi, @rosita-dmello, @sai6855, @SaidMarar, @tech-meppem, @ZeeshanTamboli
76
+
3
77
  ## 5.11.5
4
78
 
5
79
  <!-- generated comparing v5.11.4..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;