@mui/material 5.2.8 → 5.3.0

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 (171) 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/Autocomplete.d.ts +2 -0
  9. package/Autocomplete/Autocomplete.js +8 -6
  10. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  11. package/Avatar/avatarClasses.d.ts +20 -20
  12. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  13. package/Badge/Badge.js +2 -6
  14. package/BottomNavigation/BottomNavigation.js +0 -0
  15. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  16. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/buttonClasses.d.ts +76 -76
  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 +73 -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 +80 -80
  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 +22 -22
  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 +40 -40
  46. package/FormControl/formControlClasses.d.ts +14 -14
  47. package/FormControlLabel/formControlLabelClasses.d.ts +18 -18
  48. package/FormGroup/formGroupClasses.d.ts +10 -10
  49. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  50. package/FormLabel/formLabelClasses.d.ts +22 -22
  51. package/Grid/gridClasses.d.ts +48 -48
  52. package/Icon/iconClasses.d.ts +24 -24
  53. package/IconButton/iconButtonClasses.d.ts +26 -26
  54. package/ImageList/imageListClasses.d.ts +16 -16
  55. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  56. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  57. package/Input/inputClasses.d.ts +34 -34
  58. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  59. package/InputBase/inputBaseClasses.d.ts +44 -44
  60. package/InputLabel/inputLabelClasses.d.ts +32 -32
  61. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  62. package/Link/linkClasses.d.ts +18 -18
  63. package/List/listClasses.d.ts +14 -14
  64. package/ListItem/listItemClasses.d.ts +30 -30
  65. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  66. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  67. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  68. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  69. package/ListItemText/listItemTextClasses.d.ts +18 -18
  70. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  71. package/Menu/menuClasses.d.ts +12 -12
  72. package/MenuItem/menuItemClasses.d.ts +20 -20
  73. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  74. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  75. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  76. package/Pagination/paginationClasses.d.ts +14 -14
  77. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  78. package/Paper/paperClasses.d.ts +39 -39
  79. package/Popover/popoverClasses.d.ts +10 -10
  80. package/Popper/Popper.d.ts +17 -17
  81. package/README.md +3 -3
  82. package/Radio/radioClasses.d.ts +16 -16
  83. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  84. package/RadioGroup/useRadioGroup.d.ts +4 -4
  85. package/Rating/ratingClasses.d.ts +40 -40
  86. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  87. package/Select/Select.d.ts +9 -1
  88. package/Select/Select.js +10 -1
  89. package/Select/SelectInput.d.ts +1 -0
  90. package/Select/SelectInput.js +25 -4
  91. package/Select/selectClasses.d.ts +30 -30
  92. package/Skeleton/skeletonClasses.d.ts +24 -24
  93. package/Slider/Slider.js +109 -54
  94. package/Snackbar/snackbarClasses.d.ts +20 -20
  95. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  96. package/SpeedDial/speedDialClasses.d.ts +22 -22
  97. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  98. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  99. package/Step/stepClasses.d.ts +16 -16
  100. package/StepButton/stepButtonClasses.d.ts +14 -14
  101. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  102. package/StepContent/stepContentClasses.d.ts +12 -12
  103. package/StepIcon/stepIconClasses.d.ts +16 -16
  104. package/StepLabel/stepLabelClasses.d.ts +28 -28
  105. package/Stepper/stepperClasses.d.ts +14 -14
  106. package/SvgIcon/svgIconClasses.d.ts +24 -24
  107. package/Switch/switchClasses.d.ts +32 -32
  108. package/Tab/tabClasses.d.ts +26 -26
  109. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  110. package/Table/tableClasses.d.ts +10 -10
  111. package/TableBody/tableBodyClasses.d.ts +8 -8
  112. package/TableCell/tableCellClasses.d.ts +32 -32
  113. package/TableContainer/tableContainerClasses.d.ts +8 -8
  114. package/TableFooter/tableFooterClasses.d.ts +8 -8
  115. package/TableHead/tableHeadClasses.d.ts +8 -8
  116. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  117. package/TableRow/tableRowClasses.d.ts +16 -16
  118. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  119. package/Tabs/tabsClasses.d.ts +32 -32
  120. package/TextField/textFieldClasses.d.ts +8 -8
  121. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  122. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  123. package/Toolbar/toolbarClasses.d.ts +14 -14
  124. package/Tooltip/tooltipClasses.d.ts +30 -30
  125. package/Typography/typographyClasses.d.ts +50 -50
  126. package/darkScrollbar/index.d.ts +28 -28
  127. package/index.js +1 -1
  128. package/internal/switchBaseClasses.d.ts +12 -12
  129. package/legacy/Autocomplete/Autocomplete.js +8 -6
  130. package/legacy/Badge/Badge.js +2 -6
  131. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  132. package/legacy/Select/Select.js +11 -1
  133. package/legacy/Select/SelectInput.js +29 -7
  134. package/legacy/Slider/Slider.js +110 -55
  135. package/legacy/index.js +1 -1
  136. package/legacy/utils/shouldSpreadAdditionalProps.js +7 -0
  137. package/locale/index.d.ts +68 -68
  138. package/modern/Autocomplete/Autocomplete.js +7 -5
  139. package/modern/Badge/Badge.js +2 -6
  140. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  141. package/modern/Select/Select.js +10 -1
  142. package/modern/Select/SelectInput.js +25 -4
  143. package/modern/Slider/Slider.js +109 -54
  144. package/modern/index.js +1 -1
  145. package/modern/utils/shouldSpreadAdditionalProps.js +7 -0
  146. package/node/Autocomplete/Autocomplete.js +8 -6
  147. package/node/Badge/Badge.js +4 -7
  148. package/node/BottomNavigation/BottomNavigation.js +0 -0
  149. package/node/Select/Select.js +10 -1
  150. package/node/Select/SelectInput.js +25 -4
  151. package/node/Slider/Slider.js +95 -46
  152. package/node/index.js +1 -1
  153. package/node/utils/shouldSpreadAdditionalProps.js +15 -0
  154. package/package.json +7 -7
  155. package/styles/components.d.ts +452 -113
  156. package/styles/createTheme.d.ts +12 -6
  157. package/styles/overrides.d.ts +16 -4
  158. package/styles/useThemeProps.d.ts +2 -1
  159. package/transitions/index.d.ts +1 -1
  160. package/transitions/transition.d.ts +13 -13
  161. package/transitions/utils.d.ts +23 -23
  162. package/umd/material-ui.development.js +464 -255
  163. package/umd/material-ui.production.min.js +21 -21
  164. package/useMediaQuery/useMediaQuery.d.ts +27 -27
  165. package/useTouchRipple/index.d.ts +1 -1
  166. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  167. package/utils/getScrollbarSize.d.ts +2 -2
  168. package/utils/ownerDocument.d.ts +2 -2
  169. package/utils/ownerWindow.d.ts +2 -2
  170. package/utils/setRef.d.ts +2 -2
  171. package/utils/shouldSpreadAdditionalProps.js +7 -0
@@ -1,76 +1,76 @@
1
- export interface ButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
- textInherit: string;
8
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
- textPrimary: string;
10
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
- textSecondary: string;
12
- /** Styles applied to the root element if `variant="outlined"`. */
13
- outlined: string;
14
- /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
- outlinedInherit: string;
16
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
- outlinedPrimary: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
- outlinedSecondary: string;
20
- /** Styles applied to the root element if `variant="contained"`. */
21
- contained: string;
22
- /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
- containedInherit: string;
24
- /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
- containedPrimary: string;
26
- /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
- containedSecondary: string;
28
- /** Styles applied to the root element if `disableElevation={true}`. */
29
- disableElevation: string;
30
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** Styles applied to the root element if `color="inherit"`. */
35
- colorInherit: string;
36
- /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
- textSizeSmall: string;
38
- /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
- textSizeMedium: string;
40
- /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
- textSizeLarge: string;
42
- /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
- outlinedSizeSmall: string;
44
- /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
- outlinedSizeMedium: string;
46
- /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
- outlinedSizeLarge: string;
48
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
- containedSizeSmall: string;
50
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
51
- containedSizeMedium: string;
52
- /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
- containedSizeLarge: string;
54
- /** Styles applied to the root element if `size="small"`. */
55
- sizeSmall: string;
56
- /** Styles applied to the root element if `size="medium"`. */
57
- sizeMedium: string;
58
- /** Styles applied to the root element if `size="large"`. */
59
- sizeLarge: string;
60
- /** Styles applied to the root element if `fullWidth={true}`. */
61
- fullWidth: string;
62
- /** Styles applied to the startIcon element if supplied. */
63
- startIcon: string;
64
- /** Styles applied to the endIcon element if supplied. */
65
- endIcon: string;
66
- /** Styles applied to the icon element if supplied and `size="small"`. */
67
- iconSizeSmall: string;
68
- /** Styles applied to the icon element if supplied and `size="medium"`. */
69
- iconSizeMedium: string;
70
- /** Styles applied to the icon element if supplied and `size="large"`. */
71
- iconSizeLarge: string;
72
- }
73
- export declare type ButtonClassKey = keyof ButtonClasses;
74
- export declare function getButtonUtilityClass(slot: string): string;
75
- declare const buttonClasses: ButtonClasses;
76
- export default buttonClasses;
1
+ export interface ButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
+ textInherit: string;
8
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
+ textPrimary: string;
10
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
+ textSecondary: string;
12
+ /** Styles applied to the root element if `variant="outlined"`. */
13
+ outlined: string;
14
+ /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
+ outlinedInherit: string;
16
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
+ outlinedPrimary: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
+ outlinedSecondary: string;
20
+ /** Styles applied to the root element if `variant="contained"`. */
21
+ contained: string;
22
+ /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
+ containedInherit: string;
24
+ /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
+ containedPrimary: string;
26
+ /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
+ containedSecondary: string;
28
+ /** Styles applied to the root element if `disableElevation={true}`. */
29
+ disableElevation: string;
30
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** Styles applied to the root element if `color="inherit"`. */
35
+ colorInherit: string;
36
+ /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
+ textSizeSmall: string;
38
+ /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
+ textSizeMedium: string;
40
+ /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
+ textSizeLarge: string;
42
+ /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
+ outlinedSizeSmall: string;
44
+ /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
+ outlinedSizeMedium: string;
46
+ /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
+ outlinedSizeLarge: string;
48
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
+ containedSizeSmall: string;
50
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
51
+ containedSizeMedium: string;
52
+ /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
+ containedSizeLarge: string;
54
+ /** Styles applied to the root element if `size="small"`. */
55
+ sizeSmall: string;
56
+ /** Styles applied to the root element if `size="medium"`. */
57
+ sizeMedium: string;
58
+ /** Styles applied to the root element if `size="large"`. */
59
+ sizeLarge: string;
60
+ /** Styles applied to the root element if `fullWidth={true}`. */
61
+ fullWidth: string;
62
+ /** Styles applied to the startIcon element if supplied. */
63
+ startIcon: string;
64
+ /** Styles applied to the endIcon element if supplied. */
65
+ endIcon: string;
66
+ /** Styles applied to the icon element if supplied and `size="small"`. */
67
+ iconSizeSmall: string;
68
+ /** Styles applied to the icon element if supplied and `size="medium"`. */
69
+ iconSizeMedium: string;
70
+ /** Styles applied to the icon element if supplied and `size="large"`. */
71
+ iconSizeLarge: string;
72
+ }
73
+ export declare type ButtonClassKey = keyof ButtonClasses;
74
+ export declare function getButtonUtilityClass(slot: string): string;
75
+ declare const buttonClasses: ButtonClasses;
76
+ export default buttonClasses;
@@ -1,12 +1,12 @@
1
- export interface ButtonBaseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if keyboard focused. */
7
- focusVisible: string;
8
- }
9
- export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
- export declare function getButtonBaseUtilityClass(slot: string): string;
11
- declare const buttonBaseClasses: ButtonBaseClasses;
12
- export default buttonBaseClasses;
1
+ export interface ButtonBaseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `disabled={true}`. */
5
+ disabled: string;
6
+ /** State class applied to the root element if keyboard focused. */
7
+ focusVisible: string;
8
+ }
9
+ export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
+ export declare function getButtonBaseUtilityClass(slot: string): string;
11
+ declare const buttonBaseClasses: ButtonBaseClasses;
12
+ export default buttonBaseClasses;
@@ -1,20 +1,20 @@
1
- export interface TouchRippleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the internal `Ripple` components `ripple` class. */
5
- ripple: string;
6
- /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
- rippleVisible: string;
8
- /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
- ripplePulsate: string;
10
- /** Styles applied to the internal `Ripple` components `child` class. */
11
- child: string;
12
- /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
- childLeaving: string;
14
- /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
- childPulsate: string;
16
- }
17
- export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
- export declare function getTouchRippleUtilityClass(slot: string): string;
19
- declare const touchRippleClasses: TouchRippleClasses;
20
- export default touchRippleClasses;
1
+ export interface TouchRippleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the internal `Ripple` components `ripple` class. */
5
+ ripple: string;
6
+ /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
+ rippleVisible: string;
8
+ /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
+ ripplePulsate: string;
10
+ /** Styles applied to the internal `Ripple` components `child` class. */
11
+ child: string;
12
+ /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
+ childLeaving: string;
14
+ /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
+ childPulsate: string;
16
+ }
17
+ export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
+ export declare function getTouchRippleUtilityClass(slot: string): string;
19
+ declare const touchRippleClasses: TouchRippleClasses;
20
+ export default touchRippleClasses;
@@ -1,18 +1,18 @@
1
- import * as React from 'react';
2
- import type { ButtonGroupProps } from './ButtonGroup';
3
- interface IButtonGroupContext {
4
- className?: string;
5
- color?: ButtonGroupProps['color'];
6
- disabled?: boolean;
7
- disableElevation?: boolean;
8
- disableFocusRipple?: boolean;
9
- disableRipple?: boolean;
10
- fullWidth?: boolean;
11
- size?: ButtonGroupProps['size'];
12
- variant?: ButtonGroupProps['variant'];
13
- }
14
- /**
15
- * @ignore - internal component.
16
- */
17
- declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
- export default ButtonGroupContext;
1
+ import * as React from 'react';
2
+ import type { ButtonGroupProps } from './ButtonGroup';
3
+ interface IButtonGroupContext {
4
+ className?: string;
5
+ color?: ButtonGroupProps['color'];
6
+ disabled?: boolean;
7
+ disableElevation?: boolean;
8
+ disableFocusRipple?: boolean;
9
+ disableRipple?: boolean;
10
+ fullWidth?: boolean;
11
+ size?: ButtonGroupProps['size'];
12
+ variant?: ButtonGroupProps['variant'];
13
+ }
14
+ /**
15
+ * @ignore - internal component.
16
+ */
17
+ declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
+ export default ButtonGroupContext;
@@ -1,58 +1,58 @@
1
- export interface ButtonGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="contained"`. */
5
- contained: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="text"`. */
9
- text: string;
10
- /** Styles applied to the root element if `disableElevation={true}`. */
11
- disableElevation: string;
12
- /** State class applied to the child elements if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `fullWidth={true}`. */
15
- fullWidth: string;
16
- /** Styles applied to the root element if `orientation="vertical"`. */
17
- vertical: string;
18
- /** Styles applied to the children. */
19
- grouped: string;
20
- /** Styles applied to the children if `orientation="horizontal"`. */
21
- groupedHorizontal: string;
22
- /** Styles applied to the children if `orientation="vertical"`. */
23
- groupedVertical: string;
24
- /** Styles applied to the children if `variant="text"`. */
25
- groupedText: string;
26
- /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
- groupedTextHorizontal: string;
28
- /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
- groupedTextVertical: string;
30
- /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
- groupedTextPrimary: string;
32
- /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
- groupedTextSecondary: string;
34
- /** Styles applied to the children if `variant="outlined"`. */
35
- groupedOutlined: string;
36
- /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
- groupedOutlinedHorizontal: string;
38
- /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
- groupedOutlinedVertical: string;
40
- /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
- groupedOutlinedPrimary: string;
42
- /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
- groupedOutlinedSecondary: string;
44
- /** Styles applied to the children if `variant="contained"`. */
45
- groupedContained: string;
46
- /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
- groupedContainedHorizontal: string;
48
- /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
- groupedContainedVertical: string;
50
- /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
- groupedContainedPrimary: string;
52
- /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
- groupedContainedSecondary: string;
54
- }
55
- export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
- export declare function getButtonGroupUtilityClass(slot: string): string;
57
- declare const buttonGroupClasses: ButtonGroupClasses;
58
- export default buttonGroupClasses;
1
+ export interface ButtonGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="contained"`. */
5
+ contained: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="text"`. */
9
+ text: string;
10
+ /** Styles applied to the root element if `disableElevation={true}`. */
11
+ disableElevation: string;
12
+ /** State class applied to the child elements if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `fullWidth={true}`. */
15
+ fullWidth: string;
16
+ /** Styles applied to the root element if `orientation="vertical"`. */
17
+ vertical: string;
18
+ /** Styles applied to the children. */
19
+ grouped: string;
20
+ /** Styles applied to the children if `orientation="horizontal"`. */
21
+ groupedHorizontal: string;
22
+ /** Styles applied to the children if `orientation="vertical"`. */
23
+ groupedVertical: string;
24
+ /** Styles applied to the children if `variant="text"`. */
25
+ groupedText: string;
26
+ /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
+ groupedTextHorizontal: string;
28
+ /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
+ groupedTextVertical: string;
30
+ /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
+ groupedTextPrimary: string;
32
+ /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
+ groupedTextSecondary: string;
34
+ /** Styles applied to the children if `variant="outlined"`. */
35
+ groupedOutlined: string;
36
+ /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
+ groupedOutlinedHorizontal: string;
38
+ /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
+ groupedOutlinedVertical: string;
40
+ /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
+ groupedOutlinedPrimary: string;
42
+ /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
+ groupedOutlinedSecondary: string;
44
+ /** Styles applied to the children if `variant="contained"`. */
45
+ groupedContained: string;
46
+ /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
+ groupedContainedHorizontal: string;
48
+ /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
+ groupedContainedVertical: string;
50
+ /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
+ groupedContainedPrimary: string;
52
+ /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
+ groupedContainedSecondary: string;
54
+ }
55
+ export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
+ export declare function getButtonGroupUtilityClass(slot: string): string;
57
+ declare const buttonGroupClasses: ButtonGroupClasses;
58
+ export default buttonGroupClasses;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,78 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.3.0
4
+
5
+ <!-- generated comparing v5.2.8..master -->
6
+
7
+ _Jan 17, 2022_
8
+
9
+ A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🛠 @siriwatknp added support for callbacks in styleOverrides (#30524)
12
+ - 🧩 @ZeeshanTamboli and @VicHofs improved customization of components (#30515, #30212)
13
+ - 🛠 @hbjORbj fixed the use of ResizeObserver in Masonry component (#29896)
14
+ - 📄 @danilo-leal and @siriwatknp created our own blog home page (#30121)
15
+
16
+ ### `@mui/material@5.3.0`
17
+
18
+ - [Autocomplete] Add ability to pass props to `Paper` component (#30515) @ZeeshanTamboli
19
+ - [Select] Add defaultOpen prop (#30212) @VicHofs
20
+
21
+ ### `@mui/system@5.3.0`
22
+
23
+ - [system][box, grid, typography] `textTransform` prop should work directly on component (#30437) @hbjORbj
24
+ - [system] Support callback value in `styleOverrides` slot (#30524) @siriwatknp
25
+
26
+ ### `@mui/lab@5.0.0-alpha.65`
27
+
28
+ - [Masonry] Observe every masonry child to trigger computation when needed (#29896) @hbjORbj
29
+ - [MobileDatePicker] Fix calling onOpen when readOnly is true (#30561) @alisasanib
30
+
31
+ ### `@mui/codemod@5.3.0`
32
+
33
+ - [codemod] Bump `jscodeshift` to remove `colors` dependency (#30578) @siriwatknp
34
+
35
+ ### `@mui/styled-engine-sc@5.3.0`
36
+
37
+ - [styled-engine-sc] Add the withConfig API to enable using the babel plugin for styled-comonents (#30589) @mnajdova
38
+
39
+ ### `@mui/joy@5.0.0-alpha.11`
40
+
41
+ - [Joy] Add `SvgIcon` component (#30570) @hbjORbj
42
+
43
+ ### `@mui/base@5.0.0-alpha.65`
44
+
45
+ - [SliderUnstyled] Add useSlider hook and polish (#30094) @mnajdova
46
+
47
+ ### Docs
48
+
49
+ - [docs] End code block in test/README.md (#30531) @yaboi
50
+ - [docs] Remove redundant grouping in /components/radio-buttons/ (#30065) @eps1lon
51
+ - [docs] Update migration scripts and e2e tests (#30583) @siriwatknp
52
+ - [docs] Fix migration guides for versions older than v4 (#30595) @kkirsche
53
+ - [docs] Inform about specific files for DataGrid locales (#30411) @alexfauquette
54
+ - [docs] jss-to-tss migration advise to drop clsx in favor of cx (#30527) @garronej
55
+ - [docs] Fix integration with MUI X (#30593) @oliviertassinari
56
+ - [docs] Adding peer dependencies explanation on @mui/lab README.md (#30532) @glaucoheitor
57
+ - [docs] Add missing quote in migration docs (#30587) @Atralbus
58
+ - [docs] Update link to Doit sponsor (#30586) @oliviertassinari
59
+ - [docs] Add products identifier and drawer (#30283) @siriwatknp
60
+ - [website] Fix code button with installation command (#30622) @danilo-leal
61
+ - [website] Add a Blog index page (#30121) @danilo-leal
62
+ - [website] Migrate Twitter from @MaterialUI to @MUI_hq @oliviertassinari
63
+ - [website] Add Andrii to the About Us page (#30581) @cherniavskii
64
+
65
+ ### Core
66
+
67
+ - [core] Revert changes to peer dependencies (#30662) @oliviertassinari
68
+ - [core] Renovate should not try to update node (#30659) @oliviertassinari
69
+ - [core] Remove dead files (#30663) @oliviertassinari
70
+ - [core] Fix outdated TypeScript template (#30596) @oliviertassinari
71
+ - [core] Remove extra `</p>` from header of README.md (#30530) @yaboi
72
+ - [core] Fix `docs:api` script for Windows OS (#30533) @ZeeshanTamboli
73
+
74
+ All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @Atralbus, @cherniavskii, @danilo-leal, @eps1lon, @garronej, @glaucoheitor, @hbjORbj, @kkirsche, @mnajdova, @oliviertassinari, @siriwatknp, @VicHofs, @yaboi, @ZeeshanTamboli
75
+
3
76
  ## 5.2.8
4
77
 
5
78
  <!-- generated comparing v5.2.7..master -->
@@ -1,8 +1,8 @@
1
- export interface CardClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardClassKey = keyof CardClasses;
6
- export declare function getCardUtilityClass(slot: string): string;
7
- declare const cardClasses: CardClasses;
8
- export default cardClasses;
1
+ export interface CardClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardClassKey = keyof CardClasses;
6
+ export declare function getCardUtilityClass(slot: string): string;
7
+ declare const cardClasses: CardClasses;
8
+ export default cardClasses;
@@ -1,12 +1,12 @@
1
- export interface CardActionAreaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
- focusVisible: string;
6
- /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
- focusHighlight: string;
8
- }
9
- export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
- export declare function getCardActionAreaUtilityClass(slot: string): string;
11
- declare const cardActionAreaClasses: CardActionAreaClasses;
12
- export default cardActionAreaClasses;
1
+ export interface CardActionAreaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
+ focusVisible: string;
6
+ /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
+ focusHighlight: string;
8
+ }
9
+ export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
+ export declare function getCardActionAreaUtilityClass(slot: string): string;
11
+ declare const cardActionAreaClasses: CardActionAreaClasses;
12
+ export default cardActionAreaClasses;
@@ -1,10 +1,10 @@
1
- export interface CardActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export declare type CardActionsClassKey = keyof CardActionsClasses;
8
- export declare function getCardActionsUtilityClass(slot: string): string;
9
- declare const cardActionsClasses: CardActionsClasses;
10
- export default cardActionsClasses;
1
+ export interface CardActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export declare type CardActionsClassKey = keyof CardActionsClasses;
8
+ export declare function getCardActionsUtilityClass(slot: string): string;
9
+ declare const cardActionsClasses: CardActionsClasses;
10
+ export default cardActionsClasses;
@@ -1,8 +1,8 @@
1
- export interface CardContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardContentClassKey = keyof CardContentClasses;
6
- export declare function getCardContentUtilityClass(slot: string): string;
7
- declare const cardContentClasses: CardContentClasses;
8
- export default cardContentClasses;
1
+ export interface CardContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardContentClassKey = keyof CardContentClasses;
6
+ export declare function getCardContentUtilityClass(slot: string): string;
7
+ declare const cardContentClasses: CardContentClasses;
8
+ export default cardContentClasses;
@@ -1,18 +1,18 @@
1
- export interface CardHeaderClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar element. */
5
- avatar: string;
6
- /** Styles applied to the action element. */
7
- action: string;
8
- /** Styles applied to the content wrapper element. */
9
- content: string;
10
- /** Styles applied to the title Typography element. */
11
- title: string;
12
- /** Styles applied to the subheader Typography element. */
13
- subheader: string;
14
- }
15
- export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
- export declare function getCardHeaderUtilityClass(slot: string): string;
17
- declare const cardHeaderClasses: CardHeaderClasses;
18
- export default cardHeaderClasses;
1
+ export interface CardHeaderClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar element. */
5
+ avatar: string;
6
+ /** Styles applied to the action element. */
7
+ action: string;
8
+ /** Styles applied to the content wrapper element. */
9
+ content: string;
10
+ /** Styles applied to the title Typography element. */
11
+ title: string;
12
+ /** Styles applied to the subheader Typography element. */
13
+ subheader: string;
14
+ }
15
+ export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
+ export declare function getCardHeaderUtilityClass(slot: string): string;
17
+ declare const cardHeaderClasses: CardHeaderClasses;
18
+ export default cardHeaderClasses;
@@ -1,12 +1,12 @@
1
- export interface CardMediaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
- media: string;
6
- /** Styles applied to the root element if `component="picture or img"`. */
7
- img: string;
8
- }
9
- export declare type CardMediaClassKey = keyof CardMediaClasses;
10
- export declare function getCardMediaUtilityClass(slot: string): string;
11
- declare const cardMediaClasses: CardMediaClasses;
12
- export default cardMediaClasses;
1
+ export interface CardMediaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
+ media: string;
6
+ /** Styles applied to the root element if `component="picture or img"`. */
7
+ img: string;
8
+ }
9
+ export declare type CardMediaClassKey = keyof CardMediaClasses;
10
+ export declare function getCardMediaUtilityClass(slot: string): string;
11
+ declare const cardMediaClasses: CardMediaClasses;
12
+ export default cardMediaClasses;
@@ -1,18 +1,18 @@
1
- export interface CheckboxClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** State class applied to the root element if `indeterminate={true}`. */
9
- indeterminate: string;
10
- /** Styles applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- }
15
- export declare type CheckboxClassKey = keyof CheckboxClasses;
16
- export declare function getCheckboxUtilityClass(slot: string): string;
17
- declare const checkboxClasses: CheckboxClasses;
18
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** State class applied to the root element if `indeterminate={true}`. */
9
+ indeterminate: string;
10
+ /** Styles applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ }
15
+ export declare type CheckboxClassKey = keyof CheckboxClasses;
16
+ export declare function getCheckboxUtilityClass(slot: string): string;
17
+ declare const checkboxClasses: CheckboxClasses;
18
+ export default checkboxClasses;