@mui/material 5.4.4 → 5.5.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 (168) 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/AvatarGroup.js +4 -2
  11. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  12. package/BottomNavigation/BottomNavigation.js +0 -0
  13. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  14. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  15. package/Box/Box.js +1 -1
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +76 -76
  18. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +84 -2
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/checkboxClasses.d.ts +18 -18
  30. package/Chip/chipClasses.d.ts +80 -80
  31. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  32. package/ClickAwayListener/index.d.ts +2 -2
  33. package/Collapse/collapseClasses.d.ts +18 -18
  34. package/Container/containerClasses.d.ts +22 -22
  35. package/Dialog/DialogContext.d.ts +6 -6
  36. package/Dialog/dialogClasses.d.ts +36 -36
  37. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  38. package/DialogContent/dialogContentClasses.d.ts +10 -10
  39. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  40. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  41. package/Divider/dividerClasses.d.ts +34 -34
  42. package/Drawer/drawerClasses.d.ts +30 -30
  43. package/Fab/fabClasses.d.ts +26 -26
  44. package/FilledInput/filledInputClasses.d.ts +40 -40
  45. package/FormControl/formControlClasses.d.ts +14 -14
  46. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  47. package/FormGroup/formGroupClasses.d.ts +12 -12
  48. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  49. package/FormLabel/formLabelClasses.d.ts +22 -22
  50. package/Grid/gridClasses.d.ts +48 -48
  51. package/Icon/iconClasses.d.ts +24 -24
  52. package/IconButton/iconButtonClasses.d.ts +26 -26
  53. package/ImageList/imageListClasses.d.ts +16 -16
  54. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  55. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  56. package/Input/inputClasses.d.ts +34 -34
  57. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  58. package/InputBase/inputBaseClasses.d.ts +44 -44
  59. package/InputLabel/inputLabelClasses.d.ts +32 -32
  60. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  61. package/Link/linkClasses.d.ts +18 -18
  62. package/List/listClasses.d.ts +14 -14
  63. package/ListItem/listItemClasses.d.ts +30 -30
  64. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  65. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  66. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  67. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  68. package/ListItemText/listItemTextClasses.d.ts +18 -18
  69. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  70. package/Menu/menuClasses.d.ts +12 -12
  71. package/MenuItem/menuItemClasses.d.ts +20 -20
  72. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  73. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  74. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  75. package/Pagination/paginationClasses.d.ts +14 -14
  76. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  77. package/Paper/paperClasses.d.ts +39 -39
  78. package/Popover/popoverClasses.d.ts +10 -10
  79. package/Popper/Popper.d.ts +17 -17
  80. package/Radio/radioClasses.d.ts +16 -16
  81. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  82. package/RadioGroup/useRadioGroup.d.ts +4 -4
  83. package/Rating/ratingClasses.d.ts +40 -40
  84. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  85. package/Select/Select.d.ts +2 -0
  86. package/Select/selectClasses.d.ts +30 -30
  87. package/Skeleton/skeletonClasses.d.ts +24 -24
  88. package/Snackbar/snackbarClasses.d.ts +20 -20
  89. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  90. package/SpeedDial/speedDialClasses.d.ts +22 -22
  91. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  92. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  93. package/Step/StepContext.d.ts +20 -20
  94. package/Step/stepClasses.d.ts +16 -16
  95. package/StepButton/stepButtonClasses.d.ts +14 -14
  96. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  97. package/StepContent/stepContentClasses.d.ts +12 -12
  98. package/StepIcon/stepIconClasses.d.ts +16 -16
  99. package/StepLabel/stepLabelClasses.d.ts +28 -28
  100. package/Stepper/stepperClasses.d.ts +14 -14
  101. package/SvgIcon/SvgIcon.js +1 -0
  102. package/SvgIcon/svgIconClasses.d.ts +24 -24
  103. package/Switch/switchClasses.d.ts +32 -32
  104. package/Tab/tabClasses.d.ts +26 -26
  105. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  106. package/Table/tableClasses.d.ts +10 -10
  107. package/TableBody/tableBodyClasses.d.ts +8 -8
  108. package/TableCell/tableCellClasses.d.ts +32 -32
  109. package/TableContainer/tableContainerClasses.d.ts +8 -8
  110. package/TableFooter/tableFooterClasses.d.ts +8 -8
  111. package/TableHead/tableHeadClasses.d.ts +8 -8
  112. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  113. package/TableRow/tableRowClasses.d.ts +16 -16
  114. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  115. package/Tabs/tabsClasses.d.ts +32 -32
  116. package/TextField/textFieldClasses.d.ts +8 -8
  117. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  118. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  119. package/Toolbar/toolbarClasses.d.ts +14 -14
  120. package/Tooltip/tooltipClasses.d.ts +30 -30
  121. package/Typography/typographyClasses.d.ts +50 -50
  122. package/className/index.d.ts +8 -0
  123. package/className/index.js +9 -0
  124. package/className/package.json +6 -0
  125. package/darkScrollbar/index.d.ts +28 -28
  126. package/index.js +1 -1
  127. package/internal/switchBaseClasses.d.ts +12 -12
  128. package/legacy/AvatarGroup/AvatarGroup.js +4 -2
  129. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  130. package/legacy/Box/Box.js +1 -1
  131. package/legacy/SvgIcon/SvgIcon.js +1 -0
  132. package/legacy/className/index.js +9 -0
  133. package/legacy/index.js +1 -1
  134. package/legacy/locale/index.js +262 -80
  135. package/legacy/utils/index.js +10 -2
  136. package/locale/index.d.ts +70 -68
  137. package/locale/index.js +180 -0
  138. package/modern/AvatarGroup/AvatarGroup.js +4 -2
  139. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  140. package/modern/Box/Box.js +1 -1
  141. package/modern/SvgIcon/SvgIcon.js +1 -0
  142. package/modern/className/index.js +9 -0
  143. package/modern/index.js +1 -1
  144. package/modern/locale/index.js +180 -0
  145. package/modern/utils/index.js +10 -2
  146. package/node/AvatarGroup/AvatarGroup.js +4 -2
  147. package/node/BottomNavigation/BottomNavigation.js +0 -0
  148. package/node/Box/Box.js +2 -2
  149. package/node/SvgIcon/SvgIcon.js +1 -0
  150. package/node/className/index.js +13 -0
  151. package/node/index.js +1 -1
  152. package/node/locale/index.js +185 -3
  153. package/node/utils/index.js +13 -7
  154. package/package.json +4 -4
  155. package/transitions/index.d.ts +1 -1
  156. package/transitions/transition.d.ts +13 -13
  157. package/transitions/utils.d.ts +23 -23
  158. package/umd/material-ui.development.js +2806 -2686
  159. package/umd/material-ui.production.min.js +21 -21
  160. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  161. package/useTouchRipple/index.d.ts +1 -1
  162. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  163. package/utils/getScrollbarSize.d.ts +2 -2
  164. package/utils/index.d.ts +1 -1
  165. package/utils/index.js +10 -2
  166. package/utils/ownerDocument.d.ts +2 -2
  167. package/utils/ownerWindow.d.ts +2 -2
  168. package/utils/setRef.d.ts +2 -2
@@ -1,76 +1,76 @@
1
- export interface ButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
- textInherit: string;
8
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
- textPrimary: string;
10
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
- textSecondary: string;
12
- /** Styles applied to the root element if `variant="outlined"`. */
13
- outlined: string;
14
- /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
- outlinedInherit: string;
16
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
- outlinedPrimary: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
- outlinedSecondary: string;
20
- /** Styles applied to the root element if `variant="contained"`. */
21
- contained: string;
22
- /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
- containedInherit: string;
24
- /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
- containedPrimary: string;
26
- /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
- containedSecondary: string;
28
- /** Styles applied to the root element if `disableElevation={true}`. */
29
- disableElevation: string;
30
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** Styles applied to the root element if `color="inherit"`. */
35
- colorInherit: string;
36
- /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
- textSizeSmall: string;
38
- /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
- textSizeMedium: string;
40
- /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
- textSizeLarge: string;
42
- /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
- outlinedSizeSmall: string;
44
- /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
- outlinedSizeMedium: string;
46
- /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
- outlinedSizeLarge: string;
48
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
- containedSizeSmall: string;
50
- /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
51
- containedSizeMedium: string;
52
- /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
- containedSizeLarge: string;
54
- /** Styles applied to the root element if `size="small"`. */
55
- sizeSmall: string;
56
- /** Styles applied to the root element if `size="medium"`. */
57
- sizeMedium: string;
58
- /** Styles applied to the root element if `size="large"`. */
59
- sizeLarge: string;
60
- /** Styles applied to the root element if `fullWidth={true}`. */
61
- fullWidth: string;
62
- /** Styles applied to the startIcon element if supplied. */
63
- startIcon: string;
64
- /** Styles applied to the endIcon element if supplied. */
65
- endIcon: string;
66
- /** Styles applied to the icon element if supplied and `size="small"`. */
67
- iconSizeSmall: string;
68
- /** Styles applied to the icon element if supplied and `size="medium"`. */
69
- iconSizeMedium: string;
70
- /** Styles applied to the icon element if supplied and `size="large"`. */
71
- iconSizeLarge: string;
72
- }
73
- export declare type ButtonClassKey = keyof ButtonClasses;
74
- export declare function getButtonUtilityClass(slot: string): string;
75
- declare const buttonClasses: ButtonClasses;
76
- export default buttonClasses;
1
+ export interface ButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
+ textInherit: string;
8
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
+ textPrimary: string;
10
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
+ textSecondary: string;
12
+ /** Styles applied to the root element if `variant="outlined"`. */
13
+ outlined: string;
14
+ /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
15
+ outlinedInherit: string;
16
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
17
+ outlinedPrimary: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
19
+ outlinedSecondary: string;
20
+ /** Styles applied to the root element if `variant="contained"`. */
21
+ contained: string;
22
+ /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
23
+ containedInherit: string;
24
+ /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
25
+ containedPrimary: string;
26
+ /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
27
+ containedSecondary: string;
28
+ /** Styles applied to the root element if `disableElevation={true}`. */
29
+ disableElevation: string;
30
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** Styles applied to the root element if `color="inherit"`. */
35
+ colorInherit: string;
36
+ /** Styles applied to the root element if `size="small"` and `variant="text"`. */
37
+ textSizeSmall: string;
38
+ /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
39
+ textSizeMedium: string;
40
+ /** Styles applied to the root element if `size="large"` and `variant="text"`. */
41
+ textSizeLarge: string;
42
+ /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
43
+ outlinedSizeSmall: string;
44
+ /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
45
+ outlinedSizeMedium: string;
46
+ /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
47
+ outlinedSizeLarge: string;
48
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
49
+ containedSizeSmall: string;
50
+ /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
51
+ containedSizeMedium: string;
52
+ /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
53
+ containedSizeLarge: string;
54
+ /** Styles applied to the root element if `size="small"`. */
55
+ sizeSmall: string;
56
+ /** Styles applied to the root element if `size="medium"`. */
57
+ sizeMedium: string;
58
+ /** Styles applied to the root element if `size="large"`. */
59
+ sizeLarge: string;
60
+ /** Styles applied to the root element if `fullWidth={true}`. */
61
+ fullWidth: string;
62
+ /** Styles applied to the startIcon element if supplied. */
63
+ startIcon: string;
64
+ /** Styles applied to the endIcon element if supplied. */
65
+ endIcon: string;
66
+ /** Styles applied to the icon element if supplied and `size="small"`. */
67
+ iconSizeSmall: string;
68
+ /** Styles applied to the icon element if supplied and `size="medium"`. */
69
+ iconSizeMedium: string;
70
+ /** Styles applied to the icon element if supplied and `size="large"`. */
71
+ iconSizeLarge: string;
72
+ }
73
+ export declare type ButtonClassKey = keyof ButtonClasses;
74
+ export declare function getButtonUtilityClass(slot: string): string;
75
+ declare const buttonClasses: ButtonClasses;
76
+ export default buttonClasses;
@@ -1,12 +1,12 @@
1
- export interface ButtonBaseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if keyboard focused. */
7
- focusVisible: string;
8
- }
9
- export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
- export declare function getButtonBaseUtilityClass(slot: string): string;
11
- declare const buttonBaseClasses: ButtonBaseClasses;
12
- export default buttonBaseClasses;
1
+ export interface ButtonBaseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `disabled={true}`. */
5
+ disabled: string;
6
+ /** State class applied to the root element if keyboard focused. */
7
+ focusVisible: string;
8
+ }
9
+ export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
+ export declare function getButtonBaseUtilityClass(slot: string): string;
11
+ declare const buttonBaseClasses: ButtonBaseClasses;
12
+ export default buttonBaseClasses;
@@ -1,20 +1,20 @@
1
- export interface TouchRippleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the internal `Ripple` components `ripple` class. */
5
- ripple: string;
6
- /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
- rippleVisible: string;
8
- /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
- ripplePulsate: string;
10
- /** Styles applied to the internal `Ripple` components `child` class. */
11
- child: string;
12
- /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
- childLeaving: string;
14
- /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
- childPulsate: string;
16
- }
17
- export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
- export declare function getTouchRippleUtilityClass(slot: string): string;
19
- declare const touchRippleClasses: TouchRippleClasses;
20
- export default touchRippleClasses;
1
+ export interface TouchRippleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the internal `Ripple` components `ripple` class. */
5
+ ripple: string;
6
+ /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
+ rippleVisible: string;
8
+ /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
+ ripplePulsate: string;
10
+ /** Styles applied to the internal `Ripple` components `child` class. */
11
+ child: string;
12
+ /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
+ childLeaving: string;
14
+ /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
+ childPulsate: string;
16
+ }
17
+ export declare type TouchRippleClassKey = keyof TouchRippleClasses;
18
+ export declare function getTouchRippleUtilityClass(slot: string): string;
19
+ declare const touchRippleClasses: TouchRippleClasses;
20
+ export default touchRippleClasses;
@@ -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,87 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.5.0
4
+
5
+ <!-- generated comparing v5.4.4..master -->
6
+
7
+ _Mar 7, 2022_
8
+
9
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - ♿️ made the `Autocomplete` conform to [ARIA 1.2 combobox](https://www.w3.org/TR/wai-aria-1.2/#combobox) (#30601) @EdmundMai
12
+ - Several 🐛 bug fixes and 📚 documentation improvements
13
+
14
+ ### `@mui/material@5.5.0`
15
+
16
+ #### Breaking change
17
+
18
+ - &#8203;<!-- 24 -->[ClassNameGenerator] Prevent all `base` imports (#31297) @siriwatknp
19
+
20
+ `unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below:
21
+
22
+ ```diff
23
+ - import { unstable_ClassNameGenerator } from '@mui/material/utils';
24
+ + import { unstable_ClassNameGenerator } from '@mui/material/className';
25
+ ```
26
+
27
+ #### Changes
28
+
29
+ - &#8203;<!-- 28 -->[Autocomplete] Fix failing unit tests (#31302) @michaldudak
30
+ - &#8203;<!-- 27 -->[Autocomplete] Have the screen reader announce when autocomplete is open and closed (#30601) @EdmundMai
31
+ - &#8203;<!-- 26 -->[AvatarGroup] Fix misalignment with non-default spacing (#31165) @sjdemartini
32
+ - &#8203;<!-- 15 -->[Drawer] Adjustments to the mini variant to improve UI/UX (#31267) @siriwatknp
33
+ - &#8203;<!-- 04 -->[Select] Add extending `OutlinedInputProps` by SelectProps (#31209) @jrozbicki
34
+
35
+ ### `@mui/icons-material@5.5.0`
36
+
37
+ - &#8203;<!-- 13 -->[icons] Sync new Google Material Icons (#30766) @simonecervini
38
+
39
+ ### `@mui/codemod@5.5.0`
40
+
41
+ - &#8203;<!-- 23 -->[codemod] Fix top level imports codemod (#31308) @mnajdova
42
+
43
+ ### `@mui/lab@5.0.0-alpha.72`
44
+
45
+ - &#8203;<!-- 07 -->[LoadingButton] Fix padding of loading icon in small button (#31113) @PunitSoniME
46
+
47
+ ### `@mui/base@5.0.0-alpha.71`
48
+
49
+ - &#8203;<!-- 05 -->[MenuUnstyled] Create MenuUnstyled and useMenu (#30961) @michaldudak
50
+ - &#8203;<!-- 03 -->[SelectUnstyled] Prevent window scrolling after opening (#31237) @michaldudak
51
+
52
+ ### `@mui/joy@5.0.0-alpha.18`
53
+
54
+ - &#8203;<!-- 12 -->[Joy] Make Icon `fontSize` adaptable to its parent (#31268) @siriwatknp
55
+ - &#8203;<!-- 11 -->[Joy] Add `Link` component (#31175) @hbjORbj
56
+ - &#8203;<!-- 10 -->[Joy] Improve `Sheet` tests (#31241) @hbjORbj
57
+ - &#8203;<!-- 09 -->[Joy] Improve SvgIcon tests (#31242) @hbjORbj
58
+
59
+ ### `@mui/material-next@6.0.0-alpha.26`
60
+
61
+ - &#8203;<!-- 06 -->[material-next] Mark @mui/material as a dependency (#31270) @siriwatknp
62
+
63
+ ### Docs
64
+
65
+ - &#8203;<!-- 21 -->[docs] Remove career pages from translation (#31346) @oliviertassinari
66
+ - &#8203;<!-- 20 -->[docs] Fix JS files overloading (#31341) @oliviertassinari
67
+ - &#8203;<!-- 19 -->[docs] Add banner in solidarity of Ukraine (#31275) @danilo-leal
68
+ - &#8203;<!-- 18 -->[docs] Fix maxWidth of scrollable Tabs demos (#31285) @danilo-leal
69
+ - &#8203;<!-- 17 -->[docs] Fix icon linking implementation concurrent safe (#30428) @Janpot
70
+ - &#8203;<!-- 16 -->[docs] Follow up new doc space issues (#31251) @siriwatknp
71
+ - &#8203;<!-- 29 -->[examples] Add `@types/node` to nextjs typescript starter (#30918) @Daggy1234
72
+ - &#8203;<!-- 14 -->[examples] Fix import ThemeProvider from correct package in remix-wit… (#30981) @nnecec
73
+ - &#8203;<!-- 25 -->[blog] Simplify the labels (#30921) @oliviertassinari
74
+ - &#8203;<!-- 08 -->[l10n] Add Croatian (hr-HR) and Serbian (sr-RS) translation (#30906) @m14d3n
75
+
76
+ ### Core
77
+
78
+ - &#8203;<!-- 23 -->[core] Fix running markdownlint on Windows (#31352) @michaldudak
79
+ - &#8203;<!-- 22 -->[core] Fix the stylelint script on Windows (#31281) @mnajdova
80
+ - &#8203;<!-- 02 -->[test] Fix buildApiUtils tests on Windows (#31304) @michaldudak
81
+ - &#8203;<!-- 01 -->[test] Remove legacyRoot option from test renderer (#31284) @eps1lon
82
+
83
+ All contributors of this release in alphabetical order: @Daggy1234, @danilo-leal, @EdmundMai, @eps1lon, @hbjORbj, @Janpot, @jrozbicki, @m14d3n, @michaldudak, @mnajdova, @nnecec, @oliviertassinari, @PunitSoniME, @simonecervini, @siriwatknp, @sjdemartini
84
+
3
85
  ## 5.4.4
4
86
 
5
87
  <!-- generated comparing v5.4.3..master -->
@@ -232,7 +314,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
232
314
  - &#8203;<!-- 20 -->[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari
233
315
  - &#8203;<!-- 19 -->[docs] Remove migration from the releases page (#30863) @mnajdova
234
316
  - &#8203;<!-- 18 -->[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra
235
- - &#8203;<!-- 17 -->[docs] Hotfix notification <b> (#30862) @siriwatknp
317
+ - &#8203;<!-- 17 -->[docs] Hotfix notification (#30862) @siriwatknp
236
318
  - &#8203;<!-- 04 -->[website] Sample GA to avoid hit limit (#30919) @oliviertassinari
237
319
  - &#8203;<!-- 03 -->[website] Hide scrollbars of hero containers (#29474) @theiliad
238
320
  - &#8203;<!-- 02 -->[website] Polishing spacing and other small things (#30828) @danilo-leal
@@ -3641,7 +3723,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
3641
3723
  - &#8203;<!-- 53 -->[DateTimePicker] `date` is nullable in `onChange` (#25981) @eps1lon
3642
3724
  - &#8203;<!-- 39 -->[internal][pickers] Remove unused TView type argument (#25936) @eps1lon
3643
3725
  - &#8203;<!-- 48 -->[internal][pickers] Inline some BasePickerProps usages (#25971) @eps1lon
3644
- - &#8203;<!-- 44 -->[internal][pickers] Entangle what *Props vs All*Props means (#25938) @eps1lon
3726
+ - &#8203;<!-- 44 -->[internal][pickers] Entangle what Props vs AllProps means (#25938) @eps1lon
3645
3727
  - &#8203;<!-- 19 -->[lab] Update slot components to use overridesResolver (#25906) @mnajdova
3646
3728
  - &#8203;<!-- 40 -->[Timeline] Remove use of nth-child in favor of nth-of-type (#25915) @wellwellmissesanderson
3647
3729
  - &#8203;<!-- 06 -->[Timeline] Migrate Timeline to emotion (#25838) @siriwatknp
@@ -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;