@mui/material 5.8.1 → 5.8.2

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 (153) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +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 +61 -4
  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 +6 -6
  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/Grow/Grow.js +4 -3
  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/InputLabel.d.ts +5 -0
  61. package/InputLabel/InputLabel.js +6 -0
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/linkClasses.d.ts +18 -18
  65. package/List/listClasses.d.ts +14 -14
  66. package/ListItem/listItemClasses.d.ts +30 -30
  67. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  68. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  69. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  70. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  71. package/ListItemText/listItemTextClasses.d.ts +18 -18
  72. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  73. package/Menu/menuClasses.d.ts +12 -12
  74. package/MenuItem/menuItemClasses.d.ts +20 -20
  75. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  76. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  77. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  78. package/Pagination/paginationClasses.d.ts +14 -14
  79. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  80. package/Paper/paperClasses.d.ts +39 -39
  81. package/Popover/popoverClasses.d.ts +10 -10
  82. package/Popper/Popper.d.ts +29 -29
  83. package/Radio/radioClasses.d.ts +16 -16
  84. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  85. package/RadioGroup/useRadioGroup.d.ts +4 -4
  86. package/Rating/ratingClasses.d.ts +40 -40
  87. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  88. package/Select/selectClasses.d.ts +30 -30
  89. package/Skeleton/skeletonClasses.d.ts +24 -24
  90. package/Snackbar/snackbarClasses.d.ts +20 -20
  91. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  92. package/SpeedDial/speedDialClasses.d.ts +22 -22
  93. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  94. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  95. package/Step/StepContext.d.ts +20 -20
  96. package/Step/stepClasses.d.ts +16 -16
  97. package/StepButton/stepButtonClasses.d.ts +14 -14
  98. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  99. package/StepContent/stepContentClasses.d.ts +12 -12
  100. package/StepIcon/stepIconClasses.d.ts +16 -16
  101. package/StepLabel/stepLabelClasses.d.ts +28 -28
  102. package/Stepper/StepperContext.d.ts +18 -18
  103. package/Stepper/stepperClasses.d.ts +14 -14
  104. package/SvgIcon/svgIconClasses.d.ts +24 -24
  105. package/Switch/switchClasses.d.ts +32 -32
  106. package/Tab/tabClasses.d.ts +26 -26
  107. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  108. package/Table/tableClasses.d.ts +10 -10
  109. package/TableBody/tableBodyClasses.d.ts +8 -8
  110. package/TableCell/tableCellClasses.d.ts +32 -32
  111. package/TableContainer/tableContainerClasses.d.ts +8 -8
  112. package/TableFooter/tableFooterClasses.d.ts +8 -8
  113. package/TableHead/tableHeadClasses.d.ts +8 -8
  114. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  115. package/TableRow/tableRowClasses.d.ts +16 -16
  116. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  117. package/Tabs/tabsClasses.d.ts +32 -32
  118. package/TextField/textFieldClasses.d.ts +8 -8
  119. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  120. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  121. package/Toolbar/toolbarClasses.d.ts +14 -14
  122. package/Tooltip/tooltipClasses.d.ts +30 -30
  123. package/Typography/typographyClasses.d.ts +50 -50
  124. package/className/index.d.ts +1 -1
  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/BottomNavigation/BottomNavigation.js +0 -0
  129. package/legacy/Grow/Grow.js +4 -3
  130. package/legacy/InputLabel/InputLabel.js +6 -0
  131. package/legacy/index.js +1 -1
  132. package/locale/index.d.ts +71 -71
  133. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  134. package/modern/Grow/Grow.js +4 -3
  135. package/modern/InputLabel/InputLabel.js +6 -0
  136. package/modern/index.js +1 -1
  137. package/node/BottomNavigation/BottomNavigation.js +0 -0
  138. package/node/Grow/Grow.js +4 -3
  139. package/node/InputLabel/InputLabel.js +6 -0
  140. package/node/index.js +1 -1
  141. package/package.json +4 -4
  142. package/transitions/index.d.ts +1 -1
  143. package/transitions/transition.d.ts +13 -13
  144. package/transitions/utils.d.ts +23 -23
  145. package/umd/material-ui.development.js +56 -37
  146. package/umd/material-ui.production.min.js +2 -2
  147. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  148. package/useTouchRipple/index.d.ts +1 -1
  149. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  150. package/utils/getScrollbarSize.d.ts +2 -2
  151. package/utils/ownerDocument.d.ts +2 -2
  152. package/utils/ownerWindow.d.ts +2 -2
  153. 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 declare 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 declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
12
+ export declare function getBottomNavigationActionUtilityClass(slot: string): string;
13
+ declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
14
+ export default bottomNavigationActionClasses;
@@ -1,14 +1,14 @@
1
- export interface BreadcrumbsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the ol element. */
5
- ol: string;
6
- /** Styles applied to the li element. */
7
- li: string;
8
- /** Styles applied to the separator element. */
9
- separator: string;
10
- }
11
- export declare 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 declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
12
+ export declare function getBreadcrumbsUtilityClass(slot: string): string;
13
+ declare const breadcrumbsClasses: BreadcrumbsClasses;
14
+ export default breadcrumbsClasses;
@@ -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,62 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.8.2
4
+
5
+ <!-- generated comparing v5.8.1..master -->
6
+
7
+ _May 30, 2022_
8
+
9
+ A big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🐛 bug fixes and 📚 documentation improvements.
12
+
13
+ ### `@mui/system@5.8.2`
14
+
15
+ - &#8203;<!-- 04 -->[system] Add `getColorSchemeSelector` util (#32868) @siriwatknp
16
+
17
+ ### `@mui/lab@5.0.0-alpha.84`
18
+
19
+ - &#8203;<!-- 07 -->[Masonry] Place items to the left when there are less objects than specified in `column` prop (#32873) @hbjORbj
20
+
21
+ ### `@mui/base@5.0.0-alpha.83`
22
+
23
+ - &#8203;<!-- 24 -->[BadgeUnstyled] Define ownerState and slot props' types (#32750) @michaldudak
24
+ - &#8203;<!-- 06 -->[SliderUnstyled] Define ownerState and slot props' types (#32739) @michaldudak
25
+ - &#8203;<!-- 05 -->[SwitchUnstyled] Define ownerState and slot props' types (#32573) @michaldudak
26
+ - &#8203;<!-- 03 -->[TabsUnstyled] Define ownerState and slot props' types (#32918) @michaldudak
27
+ - &#8203;<!-- 02 -->[TabUnstyled] Define ownerState and slot props' types (#32915) @michaldudak
28
+
29
+ ### `@mui/joy@5.0.0-alpha.30`
30
+
31
+ - &#8203;<!-- 13 -->[Joy] use `textColor` prop for Typography and Link (#32938) @siriwatknp
32
+ - &#8203;<!-- 12 -->[Joy] Make variants for more flexible (#32931) @siriwatknp
33
+ - &#8203;<!-- 11 -->[Joy] Improve automatic adjustment (#32923) @siriwatknp
34
+ - &#8203;<!-- 10 -->[Joy] Add `Chip` doc (#32819) @hbjORbj
35
+ - &#8203;<!-- 09 -->[Joy] Add `AspectRatio` demos (#32848) @siriwatknp
36
+ - &#8203;<!-- 08 -->[Joy] Fix wrong urls (#32883) @siriwatknp
37
+
38
+ ### Docs
39
+
40
+ - &#8203;<!-- 24 -->[docs] Iterate on the job ad for React engineer in Core (#32900) @mnajdova
41
+ - &#8203;<!-- 23 -->[blog] Fix avatar image resolution (#32890) @oliviertassinari
42
+ - &#8203;<!-- 19 -->[docs] Link the first page of the product (#32943) @oliviertassinari
43
+ - &#8203;<!-- 18 -->[docs] Batch small changes (#32170) @michaldudak
44
+ - &#8203;<!-- 17 -->[docs] Allow function prop to return undefined (#32766) @m4theushw
45
+ - &#8203;<!-- 16 -->[docs] Fix wrong link to Material Icons (#32847) @oliviertassinari
46
+ - &#8203;<!-- 15 -->[docs] Fix ClassNameGenerator content (#32800) @siriwatknp
47
+ - &#8203;<!-- 14 -->[docs] Fix navigation links (#32851) @oliviertassinari
48
+ - &#8203;<!-- 14 -->[docs] Document the `size` prop for InputLabel (#32936) @romelperez
49
+ - &#8203;<!-- 21 -->[docs] Add note about transparent background on the outlined Alert variant (#32810) @aaarichter
50
+ - &#8203;<!-- 01 -->[website] Update the careers's page with the new roles (#32535) @oliviertassinari
51
+
52
+ ### Core
53
+
54
+ - &#8203;<!-- 22 -->[core] Improve the incomplete issues workflow (#32878) @mnajdova
55
+ - &#8203;<!-- 21 -->[core] Add CI check that the PR has label (#32886) @mnajdova
56
+ - &#8203;<!-- 20 -->[core] Avoid leaking @babel/runtime (#32874) @oliviertassinari
57
+
58
+ All contributors of this release in alphabetical order: @aaarichter, @hbjORbj, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @romelperez, @siriwatknp
59
+
3
60
  ## 5.8.1
4
61
 
5
62
  <!-- generated comparing v5.8.0..master -->
@@ -991,7 +1048,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
991
1048
  - [docs] Fix force redirection to a different locale (#30967) @oliviertassinari
992
1049
  - [docs] Add live Tailwind CSS demo (#30966) @oliviertassinari
993
1050
  - [website] Add banner for promoting priority open roles (#31076) @danilo-leal
994
- - [website] Open Full-stack Engineer role for studio (#31038) @newguy-123
1051
+ - [website] Open Full-stack Engineer role for studio (#31038) @prakhargupta1
995
1052
  - [website] Minor security improvements (#31062) @oliviertassinari
996
1053
  - [website] Improve title of open roles (#30963) @DanailH
997
1054
  - [website] Add BIMI avatar (#30444) @oliviertassinari
@@ -1006,7 +1063,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
1006
1063
  - [test] Test if certain Base members are exported from Material UI (#31067) @michaldudak
1007
1064
  - [core] Remove dead code (#31064) @oliviertassinari
1008
1065
 
1009
- All contributors of this release in alphabetical order: @agauravdev, @alisasanib, @DanailH, @danilo-leal, @huyenltnguyen, @l10nbot, @liradb2000, @mbrookes, @michaldudak, @mnajdova, @newguy-123, @oliviertassinari, @ryohey, @samuelsycamore, @siriwatknp, @sydneyjodon-wk
1066
+ All contributors of this release in alphabetical order: @agauravdev, @alisasanib, @DanailH, @danilo-leal, @huyenltnguyen, @l10nbot, @liradb2000, @mbrookes, @michaldudak, @mnajdova, @prakhargupta1, @oliviertassinari, @ryohey, @samuelsycamore, @siriwatknp, @sydneyjodon-wk
1010
1067
 
1011
1068
  ## 5.4.1
1012
1069
 
@@ -1716,14 +1773,14 @@ This is an early release to fix `export 'useId' (imported as 'React') was not fo
1716
1773
  - &#8203;<!-- 9 -->[core] Fix PR run detection in test_bundle_size_monitor (#29879) @eps1lon
1717
1774
  - &#8203;<!-- 8 -->[core] Move bundle size monitoring to CircleCI (#29876) @eps1lon
1718
1775
  - &#8203;<!-- 7 -->[docs] Add keys to Responsive AppBar demo (#29884) @mbrookes
1719
- - &#8203;<!-- 6 -->[docs] MUI's 2021 Developer survey (#29765) @newguy-123
1776
+ - &#8203;<!-- 6 -->[docs] MUI's 2021 Developer survey (#29765) @prakhargupta1
1720
1777
  - &#8203;<!-- 5 -->[docs] Smoother image loading UX (#29858) @oliviertassinari
1721
1778
  - &#8203;<!-- 4 -->[Select] Fix select display value with React Nodes (#29836) @kegi
1722
1779
  - &#8203;<!-- 3 -->[system] Add `experimental_sx` utility (#29833) @mnajdova
1723
1780
  - &#8203;<!-- 2 -->[test] Ignore "detected multiple renderers" warning for now (#29854) @eps1lon
1724
1781
  - &#8203;<!-- 1 -->[useMediaQuery][utils] Remove usage of React 18 APIs (#29870) @eps1lon
1725
1782
 
1726
- All contributors of this release in alphabetical order: @eps1lon, @karakib2k18, @kegi, @mbrookes, @mnajdova, @newguy-123, @oliviertassinari
1783
+ All contributors of this release in alphabetical order: @eps1lon, @karakib2k18, @kegi, @mbrookes, @mnajdova, @prakhargupta1, @oliviertassinari
1727
1784
 
1728
1785
  ## 5.2.0
1729
1786
 
@@ -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;