@mui/material 5.8.4 → 5.8.7

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 (257) 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/Alert.js +19 -11
  6. package/Alert/alertClasses.d.ts +44 -44
  7. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  8. package/AppBar/AppBar.js +22 -5
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +2 -0
  11. package/Autocomplete/Autocomplete.js +12 -8
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/Avatar.js +7 -4
  14. package/Avatar/avatarClasses.d.ts +20 -20
  15. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  16. package/Backdrop/backdropClasses.d.ts +10 -10
  17. package/Badge/Badge.js +2 -2
  18. package/Badge/badgeClasses.d.ts +56 -56
  19. package/BottomNavigation/BottomNavigation.js +0 -0
  20. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  21. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  22. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  23. package/Button/buttonClasses.d.ts +100 -100
  24. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  25. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  26. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  27. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  28. package/CHANGELOG.md +185 -4
  29. package/Card/cardClasses.d.ts +8 -8
  30. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  31. package/CardActions/cardActionsClasses.d.ts +10 -10
  32. package/CardContent/cardContentClasses.d.ts +8 -8
  33. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  34. package/CardMedia/cardMediaClasses.d.ts +12 -12
  35. package/Checkbox/checkboxClasses.d.ts +18 -18
  36. package/Chip/Chip.js +31 -30
  37. package/Chip/chipClasses.d.ts +80 -80
  38. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  39. package/ClickAwayListener/index.d.ts +2 -2
  40. package/Collapse/collapseClasses.d.ts +18 -18
  41. package/Container/containerClasses.d.ts +6 -6
  42. package/Dialog/Dialog.js +11 -6
  43. package/Dialog/DialogContext.d.ts +6 -6
  44. package/Dialog/dialogClasses.d.ts +36 -36
  45. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  46. package/DialogContent/dialogContentClasses.d.ts +10 -10
  47. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  48. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  49. package/Divider/dividerClasses.d.ts +34 -34
  50. package/Drawer/drawerClasses.d.ts +30 -30
  51. package/Fab/fabClasses.d.ts +26 -26
  52. package/FilledInput/FilledInput.js +28 -13
  53. package/FilledInput/filledInputClasses.d.ts +40 -40
  54. package/FormControl/formControlClasses.d.ts +14 -14
  55. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  56. package/FormGroup/formGroupClasses.d.ts +12 -12
  57. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  58. package/FormLabel/formLabelClasses.d.ts +22 -22
  59. package/Grid/gridClasses.d.ts +48 -48
  60. package/Icon/iconClasses.d.ts +24 -24
  61. package/IconButton/iconButtonClasses.d.ts +26 -26
  62. package/ImageList/imageListClasses.d.ts +16 -16
  63. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  64. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  65. package/Input/Input.js +1 -1
  66. package/Input/inputClasses.d.ts +34 -34
  67. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  68. package/InputBase/InputBase.js +2 -2
  69. package/InputBase/inputBaseClasses.d.ts +44 -44
  70. package/InputLabel/inputLabelClasses.d.ts +32 -32
  71. package/LinearProgress/LinearProgress.js +6 -2
  72. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  73. package/Link/getTextDecoration.d.ts +15 -15
  74. package/Link/linkClasses.d.ts +18 -18
  75. package/List/listClasses.d.ts +14 -14
  76. package/ListItem/listItemClasses.d.ts +30 -30
  77. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  78. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  79. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  80. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  81. package/ListItemText/listItemTextClasses.d.ts +18 -18
  82. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  83. package/Menu/menuClasses.d.ts +12 -12
  84. package/MenuItem/menuItemClasses.d.ts +20 -20
  85. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  86. package/Modal/Modal.d.ts +2 -0
  87. package/Modal/Modal.js +25 -8
  88. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  89. package/OutlinedInput/OutlinedInput.js +40 -10
  90. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  91. package/Pagination/paginationClasses.d.ts +14 -14
  92. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  93. package/Paper/paperClasses.d.ts +39 -39
  94. package/Popover/popoverClasses.d.ts +10 -10
  95. package/Popper/Popper.d.ts +29 -29
  96. package/Radio/radioClasses.d.ts +16 -16
  97. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  98. package/RadioGroup/useRadioGroup.d.ts +4 -4
  99. package/Rating/ratingClasses.d.ts +40 -40
  100. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  101. package/Select/Select.d.ts +1 -1
  102. package/Select/Select.js +1 -1
  103. package/Select/selectClasses.d.ts +30 -30
  104. package/Skeleton/Skeleton.js +8 -3
  105. package/Skeleton/skeletonClasses.d.ts +24 -24
  106. package/Slider/Slider.js +21 -21
  107. package/Snackbar/snackbarClasses.d.ts +20 -20
  108. package/SnackbarContent/SnackbarContent.js +3 -3
  109. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  110. package/SpeedDial/speedDialClasses.d.ts +22 -22
  111. package/SpeedDialAction/SpeedDialAction.js +7 -7
  112. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  113. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  114. package/Step/StepContext.d.ts +20 -20
  115. package/Step/stepClasses.d.ts +16 -16
  116. package/StepButton/stepButtonClasses.d.ts +14 -14
  117. package/StepConnector/StepConnector.js +14 -11
  118. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  119. package/StepContent/StepContent.js +1 -1
  120. package/StepContent/stepContentClasses.d.ts +12 -12
  121. package/StepIcon/stepIconClasses.d.ts +16 -16
  122. package/StepLabel/stepLabelClasses.d.ts +28 -28
  123. package/Stepper/StepperContext.d.ts +18 -18
  124. package/Stepper/stepperClasses.d.ts +14 -14
  125. package/SvgIcon/svgIconClasses.d.ts +24 -24
  126. package/Switch/Switch.js +11 -11
  127. package/Switch/switchClasses.d.ts +32 -32
  128. package/Tab/tabClasses.d.ts +26 -26
  129. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  130. package/Table/tableClasses.d.ts +10 -10
  131. package/TableBody/tableBodyClasses.d.ts +8 -8
  132. package/TableCell/TableCell.js +5 -5
  133. package/TableCell/tableCellClasses.d.ts +32 -32
  134. package/TableContainer/tableContainerClasses.d.ts +8 -8
  135. package/TableFooter/tableFooterClasses.d.ts +8 -8
  136. package/TableHead/tableHeadClasses.d.ts +8 -8
  137. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  138. package/TableRow/tableRowClasses.d.ts +16 -16
  139. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  140. package/Tabs/Tabs.js +16 -18
  141. package/Tabs/tabsClasses.d.ts +32 -32
  142. package/TextField/textFieldClasses.d.ts +8 -8
  143. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  144. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  145. package/Toolbar/toolbarClasses.d.ts +14 -14
  146. package/Tooltip/Tooltip.js +1 -1
  147. package/Tooltip/tooltipClasses.d.ts +30 -30
  148. package/Typography/typographyClasses.d.ts +50 -50
  149. package/className/index.d.ts +1 -1
  150. package/darkScrollbar/index.d.ts +28 -28
  151. package/index.js +1 -1
  152. package/internal/switchBaseClasses.d.ts +12 -12
  153. package/legacy/Alert/Alert.js +19 -11
  154. package/legacy/AppBar/AppBar.js +23 -4
  155. package/legacy/Autocomplete/Autocomplete.js +12 -8
  156. package/legacy/Avatar/Avatar.js +7 -4
  157. package/legacy/Badge/Badge.js +2 -2
  158. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  159. package/legacy/Chip/Chip.js +31 -30
  160. package/legacy/Dialog/Dialog.js +11 -6
  161. package/legacy/FilledInput/FilledInput.js +28 -14
  162. package/legacy/Input/Input.js +1 -1
  163. package/legacy/InputBase/InputBase.js +2 -2
  164. package/legacy/LinearProgress/LinearProgress.js +6 -2
  165. package/legacy/Modal/Modal.js +23 -7
  166. package/legacy/OutlinedInput/OutlinedInput.js +36 -9
  167. package/legacy/Select/Select.js +1 -1
  168. package/legacy/Skeleton/Skeleton.js +2 -2
  169. package/legacy/Slider/Slider.js +21 -21
  170. package/legacy/SnackbarContent/SnackbarContent.js +3 -3
  171. package/legacy/SpeedDialAction/SpeedDialAction.js +7 -7
  172. package/legacy/StepConnector/StepConnector.js +2 -1
  173. package/legacy/StepContent/StepContent.js +1 -1
  174. package/legacy/Switch/Switch.js +11 -11
  175. package/legacy/TableCell/TableCell.js +5 -5
  176. package/legacy/Tabs/Tabs.js +16 -18
  177. package/legacy/Tooltip/Tooltip.js +1 -1
  178. package/legacy/index.js +1 -1
  179. package/legacy/styles/CssVarsProvider.js +10 -8
  180. package/legacy/styles/experimental_extendTheme.js +170 -19
  181. package/locale/index.d.ts +71 -71
  182. package/modern/Alert/Alert.js +19 -11
  183. package/modern/AppBar/AppBar.js +22 -5
  184. package/modern/Autocomplete/Autocomplete.js +11 -7
  185. package/modern/Avatar/Avatar.js +7 -4
  186. package/modern/Badge/Badge.js +2 -2
  187. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  188. package/modern/Chip/Chip.js +31 -30
  189. package/modern/Dialog/Dialog.js +11 -6
  190. package/modern/FilledInput/FilledInput.js +27 -12
  191. package/modern/Input/Input.js +1 -1
  192. package/modern/InputBase/InputBase.js +2 -2
  193. package/modern/LinearProgress/LinearProgress.js +6 -2
  194. package/modern/Modal/Modal.js +24 -7
  195. package/modern/OutlinedInput/OutlinedInput.js +40 -10
  196. package/modern/Select/Select.js +1 -1
  197. package/modern/Skeleton/Skeleton.js +7 -2
  198. package/modern/Slider/Slider.js +21 -21
  199. package/modern/SnackbarContent/SnackbarContent.js +3 -3
  200. package/modern/SpeedDialAction/SpeedDialAction.js +7 -7
  201. package/modern/StepConnector/StepConnector.js +14 -11
  202. package/modern/StepContent/StepContent.js +1 -1
  203. package/modern/Switch/Switch.js +11 -11
  204. package/modern/TableCell/TableCell.js +5 -5
  205. package/modern/Tabs/Tabs.js +16 -18
  206. package/modern/Tooltip/Tooltip.js +1 -1
  207. package/modern/index.js +1 -1
  208. package/modern/styles/CssVarsProvider.js +6 -6
  209. package/modern/styles/experimental_extendTheme.js +166 -20
  210. package/node/Alert/Alert.js +19 -11
  211. package/node/AppBar/AppBar.js +22 -5
  212. package/node/Autocomplete/Autocomplete.js +12 -8
  213. package/node/Avatar/Avatar.js +7 -4
  214. package/node/Badge/Badge.js +2 -2
  215. package/node/BottomNavigation/BottomNavigation.js +0 -0
  216. package/node/Chip/Chip.js +31 -30
  217. package/node/Dialog/Dialog.js +11 -6
  218. package/node/FilledInput/FilledInput.js +28 -13
  219. package/node/Input/Input.js +1 -1
  220. package/node/InputBase/InputBase.js +2 -2
  221. package/node/LinearProgress/LinearProgress.js +6 -2
  222. package/node/Modal/Modal.js +25 -8
  223. package/node/OutlinedInput/OutlinedInput.js +38 -10
  224. package/node/Select/Select.js +1 -1
  225. package/node/Skeleton/Skeleton.js +7 -2
  226. package/node/Slider/Slider.js +21 -21
  227. package/node/SnackbarContent/SnackbarContent.js +3 -3
  228. package/node/SpeedDialAction/SpeedDialAction.js +7 -7
  229. package/node/StepConnector/StepConnector.js +14 -11
  230. package/node/StepContent/StepContent.js +1 -1
  231. package/node/Switch/Switch.js +11 -11
  232. package/node/TableCell/TableCell.js +5 -5
  233. package/node/Tabs/Tabs.js +16 -18
  234. package/node/Tooltip/Tooltip.js +1 -1
  235. package/node/index.js +1 -1
  236. package/node/styles/CssVarsProvider.js +11 -6
  237. package/node/styles/experimental_extendTheme.js +167 -19
  238. package/package.json +7 -7
  239. package/styles/CssVarsProvider.d.ts +14 -28
  240. package/styles/CssVarsProvider.js +10 -6
  241. package/styles/createPalette.d.ts +0 -26
  242. package/styles/experimental_extendTheme.d.ts +238 -35
  243. package/styles/experimental_extendTheme.js +166 -20
  244. package/styles/index.d.ts +24 -1
  245. package/themeCssVarsAugmentation/index.d.ts +30 -0
  246. package/transitions/index.d.ts +1 -1
  247. package/transitions/transition.d.ts +13 -13
  248. package/transitions/utils.d.ts +23 -23
  249. package/umd/material-ui.development.js +954 -471
  250. package/umd/material-ui.production.min.js +27 -22
  251. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  252. package/useTouchRipple/index.d.ts +1 -1
  253. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  254. package/utils/getScrollbarSize.d.ts +2 -2
  255. package/utils/ownerDocument.d.ts +2 -2
  256. package/utils/ownerWindow.d.ts +2 -2
  257. package/utils/setRef.d.ts +2 -2
@@ -1,10 +1,10 @@
1
- export interface AvatarGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar elements. */
5
- avatar: string;
6
- }
7
- export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
8
- export declare function getAvatarGroupUtilityClass(slot: string): string;
9
- declare const avatarGroupClasses: AvatarGroupClasses;
10
- export default avatarGroupClasses;
1
+ export interface AvatarGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar elements. */
5
+ avatar: string;
6
+ }
7
+ export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
8
+ export declare function getAvatarGroupUtilityClass(slot: string): string;
9
+ declare const avatarGroupClasses: AvatarGroupClasses;
10
+ export default avatarGroupClasses;
@@ -1,10 +1,10 @@
1
- export interface BackdropClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `invisible={true}`. */
5
- invisible: string;
6
- }
7
- export declare type BackdropClassKey = keyof BackdropClasses;
8
- export declare function getBackdropUtilityClass(slot: string): string;
9
- declare const backdropClasses: BackdropClasses;
10
- export default backdropClasses;
1
+ export interface BackdropClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `invisible={true}`. */
5
+ invisible: string;
6
+ }
7
+ export declare type BackdropClassKey = keyof BackdropClasses;
8
+ export declare function getBackdropUtilityClass(slot: string): string;
9
+ declare const backdropClasses: BackdropClasses;
10
+ export default backdropClasses;
package/Badge/Badge.js CHANGED
@@ -323,8 +323,8 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
323
323
  * @default {}
324
324
  */
325
325
  componentsProps: PropTypes.shape({
326
- badge: PropTypes.object,
327
- root: PropTypes.object
326
+ badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
327
+ root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
328
328
  }),
329
329
 
330
330
  /**
@@ -1,56 +1,56 @@
1
- export interface BadgeClasses {
2
- /** Class name applied to the root element. */
3
- root: string;
4
- /** Class name applied to the badge `span` element. */
5
- badge: string;
6
- /** Class name applied to the badge `span` element if `variant="dot"`. */
7
- dot: string;
8
- /** Class name applied to the badge `span` element if `variant="standard"`. */
9
- standard: string;
10
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
11
- anchorOriginTopRight: string;
12
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
13
- anchorOriginBottomRight: string;
14
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
15
- anchorOriginTopLeft: string;
16
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
17
- anchorOriginBottomLeft: string;
18
- /** State class applied to the badge `span` element if `invisible={true}`. */
19
- invisible: string;
20
- /** Styles applied to the badge `span` element if `color="primary"`. */
21
- colorPrimary: string;
22
- /** Styles applied to the badge `span` element if `color="secondary"`. */
23
- colorSecondary: string;
24
- /** Styles applied to the badge `span` element if `color="error"`. */
25
- colorError: string;
26
- /** Styles applied to the badge `span` element if `color="info"`. */
27
- colorInfo: string;
28
- /** Styles applied to the badge `span` element if `color="success"`. */
29
- colorSuccess: string;
30
- /** Styles applied to the badge `span` element if `color="warning"`. */
31
- colorWarning: string;
32
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
33
- anchorOriginTopRightRectangular: string;
34
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
35
- anchorOriginBottomRightRectangular: string;
36
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
37
- anchorOriginTopLeftRectangular: string;
38
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
39
- anchorOriginBottomLeftRectangular: string;
40
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
41
- anchorOriginTopRightCircular: string;
42
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
43
- anchorOriginBottomRightCircular: string;
44
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
45
- anchorOriginTopLeftCircular: string;
46
- /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
47
- anchorOriginBottomLeftCircular: string;
48
- /** Class name applied to the badge `span` element if `overlap="rectangular"`. */
49
- overlapRectangular: string;
50
- /** Class name applied to the badge `span` element if `overlap="circular"`. */
51
- overlapCircular: string;
52
- }
53
- export declare type BadgeClassKey = keyof BadgeClasses;
54
- export declare function getBadgeUtilityClass(slot: string): string;
55
- declare const badgeClasses: BadgeClasses;
56
- export default badgeClasses;
1
+ export interface BadgeClasses {
2
+ /** Class name applied to the root element. */
3
+ root: string;
4
+ /** Class name applied to the badge `span` element. */
5
+ badge: string;
6
+ /** Class name applied to the badge `span` element if `variant="dot"`. */
7
+ dot: string;
8
+ /** Class name applied to the badge `span` element if `variant="standard"`. */
9
+ standard: string;
10
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
11
+ anchorOriginTopRight: string;
12
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
13
+ anchorOriginBottomRight: string;
14
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
15
+ anchorOriginTopLeft: string;
16
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
17
+ anchorOriginBottomLeft: string;
18
+ /** State class applied to the badge `span` element if `invisible={true}`. */
19
+ invisible: string;
20
+ /** Styles applied to the badge `span` element if `color="primary"`. */
21
+ colorPrimary: string;
22
+ /** Styles applied to the badge `span` element if `color="secondary"`. */
23
+ colorSecondary: string;
24
+ /** Styles applied to the badge `span` element if `color="error"`. */
25
+ colorError: string;
26
+ /** Styles applied to the badge `span` element if `color="info"`. */
27
+ colorInfo: string;
28
+ /** Styles applied to the badge `span` element if `color="success"`. */
29
+ colorSuccess: string;
30
+ /** Styles applied to the badge `span` element if `color="warning"`. */
31
+ colorWarning: string;
32
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
33
+ anchorOriginTopRightRectangular: string;
34
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
35
+ anchorOriginBottomRightRectangular: string;
36
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
37
+ anchorOriginTopLeftRectangular: string;
38
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
39
+ anchorOriginBottomLeftRectangular: string;
40
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
41
+ anchorOriginTopRightCircular: string;
42
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
43
+ anchorOriginBottomRightCircular: string;
44
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
45
+ anchorOriginTopLeftCircular: string;
46
+ /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
47
+ anchorOriginBottomLeftCircular: string;
48
+ /** Class name applied to the badge `span` element if `overlap="rectangular"`. */
49
+ overlapRectangular: string;
50
+ /** Class name applied to the badge `span` element if `overlap="circular"`. */
51
+ overlapCircular: string;
52
+ }
53
+ export declare type BadgeClassKey = keyof BadgeClasses;
54
+ export declare function getBadgeUtilityClass(slot: string): string;
55
+ declare const badgeClasses: BadgeClasses;
56
+ export default badgeClasses;
File without changes
@@ -1,8 +1,8 @@
1
- export interface BottomNavigationClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
- export declare function getBottomNavigationUtilityClass(slot: string): string;
7
- declare const bottomNavigationClasses: BottomNavigationClasses;
8
- export default bottomNavigationClasses;
1
+ export interface BottomNavigationClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
6
+ export declare function getBottomNavigationUtilityClass(slot: string): string;
7
+ declare const bottomNavigationClasses: BottomNavigationClasses;
8
+ export default bottomNavigationClasses;
@@ -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,100 +1,100 @@
1
- export interface ButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
- textInherit: string;
8
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
- textPrimary: string;
10
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
- textSecondary: string;
12
- /** Styles applied to the root element if `variant="text"` and `color="success"`. */
13
- textSuccess: string;
14
- /** Styles applied to the root element if `variant="text"` and `color="error"`. */
15
- textError: string;
16
- /** Styles applied to the root element if `variant="text"` and `color="info"`. */
17
- textInfo: string;
18
- /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
19
- textWarning: string;
20
- /** Styles applied to the root element if `variant="outlined"`. */
21
- outlined: string;
22
- /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
23
- outlinedInherit: string;
24
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
25
- outlinedPrimary: string;
26
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
27
- outlinedSecondary: string;
28
- /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
29
- outlinedSuccess: string;
30
- /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
31
- outlinedError: string;
32
- /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
33
- outlinedInfo: string;
34
- /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
35
- outlinedWarning: string;
36
- /** Styles applied to the root element if `variant="contained"`. */
37
- contained: string;
38
- /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
39
- containedInherit: string;
40
- /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
41
- containedPrimary: string;
42
- /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
43
- containedSecondary: string;
44
- /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
45
- containedSuccess: string;
46
- /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
47
- containedInfo: string;
48
- /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
49
- containedError: string;
50
- /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
51
- containedWarning: string;
52
- /** Styles applied to the root element if `disableElevation={true}`. */
53
- disableElevation: string;
54
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
55
- focusVisible: string;
56
- /** State class applied to the root element if `disabled={true}`. */
57
- disabled: string;
58
- /** Styles applied to the root element if `color="inherit"`. */
59
- colorInherit: string;
60
- /** Styles applied to the root element if `size="small"` and `variant="text"`. */
61
- textSizeSmall: string;
62
- /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
63
- textSizeMedium: string;
64
- /** Styles applied to the root element if `size="large"` and `variant="text"`. */
65
- textSizeLarge: string;
66
- /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
67
- outlinedSizeSmall: string;
68
- /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
69
- outlinedSizeMedium: string;
70
- /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
71
- outlinedSizeLarge: string;
72
- /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
73
- containedSizeSmall: string;
74
- /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
75
- containedSizeMedium: string;
76
- /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
77
- containedSizeLarge: string;
78
- /** Styles applied to the root element if `size="small"`. */
79
- sizeSmall: string;
80
- /** Styles applied to the root element if `size="medium"`. */
81
- sizeMedium: string;
82
- /** Styles applied to the root element if `size="large"`. */
83
- sizeLarge: string;
84
- /** Styles applied to the root element if `fullWidth={true}`. */
85
- fullWidth: string;
86
- /** Styles applied to the startIcon element if supplied. */
87
- startIcon: string;
88
- /** Styles applied to the endIcon element if supplied. */
89
- endIcon: string;
90
- /** Styles applied to the icon element if supplied and `size="small"`. */
91
- iconSizeSmall: string;
92
- /** Styles applied to the icon element if supplied and `size="medium"`. */
93
- iconSizeMedium: string;
94
- /** Styles applied to the icon element if supplied and `size="large"`. */
95
- iconSizeLarge: string;
96
- }
97
- export declare type ButtonClassKey = keyof ButtonClasses;
98
- export declare function getButtonUtilityClass(slot: string): string;
99
- declare const buttonClasses: ButtonClasses;
100
- export default buttonClasses;
1
+ export interface ButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
7
+ textInherit: string;
8
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
9
+ textPrimary: string;
10
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
11
+ textSecondary: string;
12
+ /** Styles applied to the root element if `variant="text"` and `color="success"`. */
13
+ textSuccess: string;
14
+ /** Styles applied to the root element if `variant="text"` and `color="error"`. */
15
+ textError: string;
16
+ /** Styles applied to the root element if `variant="text"` and `color="info"`. */
17
+ textInfo: string;
18
+ /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
19
+ textWarning: string;
20
+ /** Styles applied to the root element if `variant="outlined"`. */
21
+ outlined: string;
22
+ /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
23
+ outlinedInherit: string;
24
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
25
+ outlinedPrimary: string;
26
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
27
+ outlinedSecondary: string;
28
+ /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
29
+ outlinedSuccess: string;
30
+ /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
31
+ outlinedError: string;
32
+ /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
33
+ outlinedInfo: string;
34
+ /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
35
+ outlinedWarning: string;
36
+ /** Styles applied to the root element if `variant="contained"`. */
37
+ contained: string;
38
+ /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
39
+ containedInherit: string;
40
+ /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
41
+ containedPrimary: string;
42
+ /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
43
+ containedSecondary: string;
44
+ /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
45
+ containedSuccess: string;
46
+ /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
47
+ containedInfo: string;
48
+ /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
49
+ containedError: string;
50
+ /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
51
+ containedWarning: string;
52
+ /** Styles applied to the root element if `disableElevation={true}`. */
53
+ disableElevation: string;
54
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
55
+ focusVisible: string;
56
+ /** State class applied to the root element if `disabled={true}`. */
57
+ disabled: string;
58
+ /** Styles applied to the root element if `color="inherit"`. */
59
+ colorInherit: string;
60
+ /** Styles applied to the root element if `size="small"` and `variant="text"`. */
61
+ textSizeSmall: string;
62
+ /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
63
+ textSizeMedium: string;
64
+ /** Styles applied to the root element if `size="large"` and `variant="text"`. */
65
+ textSizeLarge: string;
66
+ /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
67
+ outlinedSizeSmall: string;
68
+ /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
69
+ outlinedSizeMedium: string;
70
+ /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
71
+ outlinedSizeLarge: string;
72
+ /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
73
+ containedSizeSmall: string;
74
+ /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
75
+ containedSizeMedium: string;
76
+ /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
77
+ containedSizeLarge: string;
78
+ /** Styles applied to the root element if `size="small"`. */
79
+ sizeSmall: string;
80
+ /** Styles applied to the root element if `size="medium"`. */
81
+ sizeMedium: string;
82
+ /** Styles applied to the root element if `size="large"`. */
83
+ sizeLarge: string;
84
+ /** Styles applied to the root element if `fullWidth={true}`. */
85
+ fullWidth: string;
86
+ /** Styles applied to the startIcon element if supplied. */
87
+ startIcon: string;
88
+ /** Styles applied to the endIcon element if supplied. */
89
+ endIcon: string;
90
+ /** Styles applied to the icon element if supplied and `size="small"`. */
91
+ iconSizeSmall: string;
92
+ /** Styles applied to the icon element if supplied and `size="medium"`. */
93
+ iconSizeMedium: string;
94
+ /** Styles applied to the icon element if supplied and `size="large"`. */
95
+ iconSizeLarge: string;
96
+ }
97
+ export declare type ButtonClassKey = keyof ButtonClasses;
98
+ export declare function getButtonUtilityClass(slot: string): string;
99
+ declare const buttonClasses: ButtonClasses;
100
+ export default buttonClasses;
@@ -1,12 +1,12 @@
1
- export interface ButtonBaseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if keyboard focused. */
7
- focusVisible: string;
8
- }
9
- export 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;