@mui/material 5.2.5 → 5.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) 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/Badge/Badge.d.ts +25 -0
  12. package/Badge/Badge.js +25 -8
  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 +57 -0
  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 +18 -18
  47. package/FormGroup/formGroupClasses.d.ts +10 -10
  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/README.md +15 -21
  81. package/Radio/radioClasses.d.ts +16 -16
  82. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  83. package/RadioGroup/useRadioGroup.d.ts +4 -4
  84. package/Rating/ratingClasses.d.ts +40 -40
  85. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  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/stepClasses.d.ts +16 -16
  94. package/StepButton/stepButtonClasses.d.ts +14 -14
  95. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  96. package/StepContent/stepContentClasses.d.ts +12 -12
  97. package/StepIcon/stepIconClasses.d.ts +16 -16
  98. package/StepLabel/stepLabelClasses.d.ts +28 -28
  99. package/Stepper/stepperClasses.d.ts +14 -14
  100. package/SvgIcon/svgIconClasses.d.ts +24 -24
  101. package/Switch/switchClasses.d.ts +32 -32
  102. package/Tab/tabClasses.d.ts +26 -26
  103. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  104. package/Table/tableClasses.d.ts +10 -10
  105. package/TableBody/tableBodyClasses.d.ts +8 -8
  106. package/TableCell/tableCellClasses.d.ts +32 -32
  107. package/TableContainer/tableContainerClasses.d.ts +8 -8
  108. package/TableFooter/tableFooterClasses.d.ts +8 -8
  109. package/TableHead/tableHeadClasses.d.ts +8 -8
  110. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  111. package/TableRow/tableRowClasses.d.ts +16 -16
  112. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  113. package/Tabs/tabsClasses.d.ts +32 -32
  114. package/TextField/textFieldClasses.d.ts +8 -8
  115. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  116. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  117. package/Toolbar/toolbarClasses.d.ts +14 -14
  118. package/Tooltip/tooltipClasses.d.ts +30 -30
  119. package/Typography/typographyClasses.d.ts +50 -50
  120. package/darkScrollbar/index.d.ts +28 -28
  121. package/index.js +1 -1
  122. package/internal/switchBaseClasses.d.ts +12 -12
  123. package/legacy/Badge/Badge.js +30 -9
  124. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  125. package/legacy/index.js +1 -1
  126. package/legacy/locale/index.js +141 -58
  127. package/locale/index.d.ts +68 -67
  128. package/locale/index.js +86 -6
  129. package/modern/Badge/Badge.js +25 -8
  130. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  131. package/modern/index.js +1 -1
  132. package/modern/locale/index.js +86 -6
  133. package/node/Badge/Badge.js +25 -8
  134. package/node/BottomNavigation/BottomNavigation.js +0 -0
  135. package/node/index.js +1 -1
  136. package/node/locale/index.js +88 -7
  137. package/package.json +3 -3
  138. package/transitions/index.d.ts +1 -1
  139. package/transitions/transition.d.ts +13 -13
  140. package/transitions/utils.d.ts +23 -23
  141. package/umd/material-ui.development.js +96 -55
  142. package/umd/material-ui.production.min.js +21 -21
  143. package/useMediaQuery/useMediaQuery.d.ts +27 -27
  144. package/useTouchRipple/index.d.ts +1 -1
  145. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  146. package/utils/getScrollbarSize.d.ts +2 -2
  147. package/utils/ownerDocument.d.ts +2 -2
  148. package/utils/ownerWindow.d.ts +2 -2
  149. 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="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
- disabledElevation?: 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.2.6
4
+
5
+ <!-- generated comparing v5.2.5..master -->
6
+
7
+ _Dec 27, 2021_
8
+
9
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 📓 The Norwegian Bokmål (nb-NO) locale was added (#27520) @wogsland
12
+ - 🛠 Introduced a new `useBadge` hook in the `@mui/base` package (#30246) @mnajdova
13
+ - And more 🐛 bug fixes and 📚 documentation improvements.
14
+
15
+ ### `@mui/material@5.2.6`
16
+
17
+ - &#8203;<!-- 24 -->[ButtonGroup] Fix typo in ButtonGroupContext's interface (#30376) @kealjones-wk
18
+ - &#8203;<!-- 03 -->[l10n] Add Norwegian Bokmål (nb-NO) locale (#27520) @wogsland
19
+
20
+ ### `@mui/base@5.0.0-alpha.62`
21
+
22
+ - &#8203;<!-- 26 -->[BadgeUnstyled] Add useBadge hook (#30246) @mnajdova
23
+
24
+ ### `@mui/joy@5.0.0-alpha.8`
25
+
26
+ - &#8203;<!-- 04 -->[Joy] Button API (#29962) @siriwatknp
27
+
28
+ ### Docs
29
+
30
+ - &#8203;<!-- 27 -->[docs] Fix color coercion (#30319) @Janpot
31
+ - &#8203;<!-- 25 -->[blog] Fix file import conflict resolution (#30391) @oliviertassinari
32
+ - &#8203;<!-- 21 -->[docs] Fix crash on Safari because of unsupported lookahead feature (#30345) @cherniavskii
33
+ - &#8203;<!-- 20 -->[docs] Update to new website domain (#30396) @ryota-murakami
34
+ - &#8203;<!-- 19 -->[docs] Fix text from material-ui to @mui to reflect v5 name changes (#30393) @pupudu
35
+ - &#8203;<!-- 18 -->[docs] Fix a11y in Menu demos (#30378) @ZeeshanTamboli
36
+ - &#8203;<!-- 17 -->[docs] Document how to unmount transition child (#30382) @oliviertassinari
37
+ - &#8203;<!-- 16 -->[docs] The current standard for quotes is QUOTATION MARK @oliviertassinari
38
+ - &#8203;<!-- 15 -->[docs] Fix 404 links (#30380) @oliviertassinari
39
+ - &#8203;<!-- 14 -->[docs] Fix Breadcrumb description (#30307) @jamesmelzer
40
+ - &#8203;<!-- 13 -->[docs] Modify injection order for Gatsby and SSR examples (#30358) @ShuPink
41
+ - &#8203;<!-- 12 -->[docs] Improve the translation experience (#30373) @oliviertassinari
42
+ - &#8203;<!-- 11 -->[docs] Sync translations with Crowdin (#30176) @l10nbot
43
+ - &#8203;<!-- 10 -->[docs] Fix link to /size-snapshot (#30363) @oliviertassinari
44
+ - &#8203;<!-- 09 -->[docs] Fix incorrect aria label in SpeedDial demo (#30354) @chwallen
45
+ - &#8203;<!-- 08 -->[docs] Fix incorrect number of breakpoint helpers (#30353) @chwallen
46
+ - &#8203;<!-- 07 -->[docs] Update outdated links (#30260) @oliviertassinari
47
+ - &#8203;<!-- 06 -->[docs] Support redirects from old urls to /material/\* (#30286) @siriwatknp
48
+ - &#8203;<!-- 05 -->[examples] Fix CSS modules integration (#30381) @oliviertassinari
49
+ - &#8203;<!-- 02 -->[website] Fix SEO issues (#30372) @oliviertassinari
50
+ - &#8203;<!-- 01 -->[website] Sync sponsors (#30259) @oliviertassinari
51
+
52
+ ### Core
53
+
54
+ - &#8203;<!-- 28 -->[core] Rename Material-UI to MUI (#30338) @ZeeshanTamboli
55
+ - &#8203;<!-- 23 -->[core] Fix warning in dev mode (#30368) @oliviertassinari
56
+ - &#8203;<!-- 22 -->[core] Update `buildApi` script to support new structure (#30245) @siriwatknp
57
+
58
+ All contributors of this release in alphabetical order: @cherniavskii, @chwallen, @jamesmelzer, @Janpot, @kealjones-wk, @l10nbot, @mnajdova, @oliviertassinari, @pupudu, @ryota-murakami, @ShuPink, @siriwatknp, @wogsland, @ZeeshanTamboli
59
+
3
60
  ## 5.2.5
4
61
 
5
62
  <!-- generated comparing v5.2.4..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;