@mui/material 5.10.12 → 5.10.13

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 (240) 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.d.ts +34 -3
  6. package/Alert/Alert.js +46 -9
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +10 -0
  11. package/Autocomplete/Autocomplete.js +27 -11
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/avatarClasses.d.ts +20 -20
  14. package/AvatarGroup/AvatarGroup.d.ts +18 -1
  15. package/AvatarGroup/AvatarGroup.js +25 -6
  16. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  17. package/Backdrop/Backdrop.d.ts +33 -3
  18. package/Backdrop/Backdrop.js +46 -11
  19. package/Backdrop/backdropClasses.d.ts +10 -10
  20. package/Badge/Badge.d.ts +11 -3
  21. package/Badge/Badge.js +11 -3
  22. package/Badge/badgeClasses.d.ts +56 -56
  23. package/BottomNavigation/BottomNavigation.js +0 -0
  24. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  25. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  26. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  27. package/Button/buttonClasses.d.ts +100 -100
  28. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  29. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  30. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  31. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  32. package/CHANGELOG.md +58 -0
  33. package/Card/cardClasses.d.ts +8 -8
  34. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  35. package/CardActions/cardActionsClasses.d.ts +10 -10
  36. package/CardContent/cardContentClasses.d.ts +8 -8
  37. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  38. package/CardMedia/cardMediaClasses.d.ts +12 -12
  39. package/Checkbox/checkboxClasses.d.ts +18 -18
  40. package/Chip/chipClasses.d.ts +96 -96
  41. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  42. package/ClickAwayListener/index.d.ts +2 -2
  43. package/Collapse/collapseClasses.d.ts +18 -18
  44. package/Container/containerClasses.d.ts +6 -6
  45. package/Dialog/DialogContext.d.ts +6 -6
  46. package/Dialog/dialogClasses.d.ts +36 -36
  47. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  48. package/DialogContent/dialogContentClasses.d.ts +10 -10
  49. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  50. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  51. package/Divider/dividerClasses.d.ts +34 -34
  52. package/Drawer/drawerClasses.d.ts +30 -30
  53. package/Fab/fabClasses.d.ts +26 -26
  54. package/FilledInput/FilledInput.js +48 -9
  55. package/FilledInput/filledInputClasses.d.ts +40 -40
  56. package/FormControl/formControlClasses.d.ts +14 -14
  57. package/FormControlLabel/FormControlLabel.d.ts +12 -0
  58. package/FormControlLabel/FormControlLabel.js +17 -5
  59. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  60. package/FormGroup/formGroupClasses.d.ts +12 -12
  61. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  62. package/FormLabel/formLabelClasses.d.ts +22 -22
  63. package/Grid/gridClasses.d.ts +48 -48
  64. package/Icon/iconClasses.d.ts +24 -24
  65. package/IconButton/iconButtonClasses.d.ts +26 -26
  66. package/ImageList/imageListClasses.d.ts +16 -16
  67. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  68. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  69. package/Input/Input.js +49 -10
  70. package/Input/inputClasses.d.ts +34 -34
  71. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  72. package/InputBase/InputBase.d.ts +34 -3
  73. package/InputBase/InputBase.js +45 -8
  74. package/InputBase/inputBaseClasses.d.ts +46 -46
  75. package/InputLabel/inputLabelClasses.d.ts +32 -32
  76. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  77. package/Link/getTextDecoration.d.ts +15 -15
  78. package/Link/linkClasses.d.ts +18 -18
  79. package/List/listClasses.d.ts +14 -14
  80. package/ListItem/ListItem.d.ts +32 -3
  81. package/ListItem/ListItem.js +41 -9
  82. package/ListItem/listItemClasses.d.ts +30 -30
  83. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  84. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  85. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  86. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  87. package/ListItemText/listItemTextClasses.d.ts +18 -18
  88. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  89. package/Menu/menuClasses.d.ts +12 -12
  90. package/MenuItem/menuItemClasses.d.ts +20 -20
  91. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  92. package/Modal/Modal.d.ts +11 -3
  93. package/Modal/Modal.js +11 -3
  94. package/NativeSelect/NativeSelectInput.js +11 -9
  95. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  96. package/OutlinedInput/OutlinedInput.js +26 -8
  97. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  98. package/OverridableComponentAugmentation.d.ts +31 -31
  99. package/Pagination/paginationClasses.d.ts +14 -14
  100. package/PaginationItem/PaginationItem.d.ts +19 -7
  101. package/PaginationItem/PaginationItem.js +31 -22
  102. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  103. package/Paper/paperClasses.d.ts +39 -39
  104. package/Popover/popoverClasses.d.ts +10 -10
  105. package/Popper/Popper.d.ts +37 -37
  106. package/README.md +1 -0
  107. package/Radio/radioClasses.d.ts +16 -16
  108. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  109. package/RadioGroup/useRadioGroup.d.ts +4 -4
  110. package/Rating/ratingClasses.d.ts +40 -40
  111. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  112. package/Select/Select.d.ts +3 -3
  113. package/Select/Select.js +3 -3
  114. package/Select/selectClasses.d.ts +30 -30
  115. package/Skeleton/skeletonClasses.d.ts +26 -26
  116. package/Slider/Slider.d.ts +14 -2
  117. package/Slider/Slider.js +12 -3
  118. package/Snackbar/snackbarClasses.d.ts +20 -20
  119. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  120. package/SpeedDial/speedDialClasses.d.ts +22 -22
  121. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  122. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  123. package/Step/StepContext.d.ts +20 -20
  124. package/Step/stepClasses.d.ts +16 -16
  125. package/StepButton/stepButtonClasses.d.ts +14 -14
  126. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  127. package/StepContent/stepContentClasses.d.ts +12 -12
  128. package/StepIcon/stepIconClasses.d.ts +16 -16
  129. package/StepLabel/StepLabel.d.ts +11 -0
  130. package/StepLabel/StepLabel.js +15 -3
  131. package/StepLabel/stepLabelClasses.d.ts +28 -28
  132. package/Stepper/StepperContext.d.ts +18 -18
  133. package/Stepper/stepperClasses.d.ts +14 -14
  134. package/SvgIcon/svgIconClasses.d.ts +26 -26
  135. package/Switch/switchClasses.d.ts +32 -32
  136. package/Tab/tabClasses.d.ts +26 -26
  137. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  138. package/Table/tableClasses.d.ts +10 -10
  139. package/TableBody/tableBodyClasses.d.ts +8 -8
  140. package/TableCell/tableCellClasses.d.ts +32 -32
  141. package/TableContainer/tableContainerClasses.d.ts +8 -8
  142. package/TableFooter/tableFooterClasses.d.ts +8 -8
  143. package/TableHead/tableHeadClasses.d.ts +8 -8
  144. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  145. package/TableRow/tableRowClasses.d.ts +16 -16
  146. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  147. package/Tabs/tabsClasses.d.ts +32 -32
  148. package/TextField/textFieldClasses.d.ts +8 -8
  149. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  150. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  151. package/Toolbar/toolbarClasses.d.ts +14 -14
  152. package/Tooltip/Tooltip.d.ts +43 -6
  153. package/Tooltip/Tooltip.js +68 -31
  154. package/Tooltip/tooltipClasses.d.ts +30 -30
  155. package/Typography/typographyClasses.d.ts +50 -50
  156. package/Unstable_Grid2/Grid2.d.ts +4 -4
  157. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  158. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  159. package/Unstable_Grid2/index.d.ts +4 -4
  160. package/className/index.d.ts +1 -1
  161. package/darkScrollbar/index.d.ts +28 -28
  162. package/esm/Alert/Alert.js +46 -9
  163. package/esm/Autocomplete/Autocomplete.js +27 -11
  164. package/esm/AvatarGroup/AvatarGroup.js +25 -6
  165. package/esm/Backdrop/Backdrop.js +46 -11
  166. package/esm/Badge/Badge.js +11 -3
  167. package/esm/BottomNavigation/BottomNavigation.js +0 -0
  168. package/esm/FilledInput/FilledInput.js +48 -9
  169. package/esm/FormControlLabel/FormControlLabel.js +17 -5
  170. package/esm/Input/Input.js +49 -10
  171. package/esm/InputBase/InputBase.js +45 -8
  172. package/esm/ListItem/ListItem.js +41 -9
  173. package/esm/Modal/Modal.js +11 -3
  174. package/esm/NativeSelect/NativeSelectInput.js +11 -9
  175. package/esm/OutlinedInput/OutlinedInput.js +26 -8
  176. package/esm/PaginationItem/PaginationItem.js +31 -22
  177. package/esm/Select/Select.js +3 -3
  178. package/esm/Slider/Slider.js +12 -3
  179. package/esm/StepLabel/StepLabel.js +15 -3
  180. package/esm/Tooltip/Tooltip.js +68 -31
  181. package/generateUtilityClass/index.d.ts +2 -2
  182. package/generateUtilityClasses/index.d.ts +1 -1
  183. package/index.js +1 -1
  184. package/internal/switchBaseClasses.d.ts +12 -12
  185. package/legacy/Alert/Alert.js +48 -9
  186. package/legacy/Autocomplete/Autocomplete.js +27 -10
  187. package/legacy/AvatarGroup/AvatarGroup.js +26 -6
  188. package/legacy/Backdrop/Backdrop.js +48 -11
  189. package/legacy/Badge/Badge.js +11 -3
  190. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  191. package/legacy/FilledInput/FilledInput.js +49 -9
  192. package/legacy/FormControlLabel/FormControlLabel.js +17 -4
  193. package/legacy/Input/Input.js +50 -10
  194. package/legacy/InputBase/InputBase.js +47 -8
  195. package/legacy/ListItem/ListItem.js +42 -8
  196. package/legacy/Modal/Modal.js +11 -3
  197. package/legacy/NativeSelect/NativeSelectInput.js +11 -9
  198. package/legacy/OutlinedInput/OutlinedInput.js +27 -8
  199. package/legacy/PaginationItem/PaginationItem.js +32 -22
  200. package/legacy/Select/Select.js +3 -3
  201. package/legacy/Slider/Slider.js +12 -3
  202. package/legacy/StepLabel/StepLabel.js +16 -3
  203. package/legacy/Tooltip/Tooltip.js +63 -22
  204. package/legacy/index.js +1 -1
  205. package/locale/index.d.ts +72 -72
  206. package/modern/Alert/Alert.js +45 -8
  207. package/modern/Autocomplete/Autocomplete.js +26 -10
  208. package/modern/AvatarGroup/AvatarGroup.js +24 -5
  209. package/modern/Backdrop/Backdrop.js +45 -10
  210. package/modern/Badge/Badge.js +11 -3
  211. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  212. package/modern/FilledInput/FilledInput.js +46 -9
  213. package/modern/FormControlLabel/FormControlLabel.js +15 -5
  214. package/modern/Input/Input.js +47 -10
  215. package/modern/InputBase/InputBase.js +43 -8
  216. package/modern/ListItem/ListItem.js +41 -9
  217. package/modern/Modal/Modal.js +11 -3
  218. package/modern/NativeSelect/NativeSelectInput.js +11 -9
  219. package/modern/OutlinedInput/OutlinedInput.js +25 -7
  220. package/modern/PaginationItem/PaginationItem.js +31 -22
  221. package/modern/Select/Select.js +3 -3
  222. package/modern/Slider/Slider.js +12 -3
  223. package/modern/StepLabel/StepLabel.js +13 -3
  224. package/modern/Tooltip/Tooltip.js +58 -17
  225. package/modern/index.js +1 -1
  226. package/package.json +4 -4
  227. package/styles/CssVarsProvider.d.ts +14 -14
  228. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  229. package/transitions/index.d.ts +1 -1
  230. package/transitions/transition.d.ts +13 -13
  231. package/transitions/utils.d.ts +23 -23
  232. package/umd/material-ui.development.js +534 -165
  233. package/umd/material-ui.production.min.js +14 -14
  234. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  235. package/useTouchRipple/index.d.ts +1 -1
  236. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  237. package/utils/getScrollbarSize.d.ts +2 -2
  238. package/utils/ownerDocument.d.ts +2 -2
  239. package/utils/ownerWindow.d.ts +2 -2
  240. package/utils/setRef.d.ts +2 -2
@@ -1,14 +1,14 @@
1
- export interface StepButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the `ButtonBase` touch-ripple. */
9
- touchRipple: string;
10
- }
11
- export declare type StepButtonClassKey = keyof StepButtonClasses;
12
- export declare function getStepButtonUtilityClass(slot: string): string;
13
- declare const stepButtonClasses: StepButtonClasses;
14
- export default stepButtonClasses;
1
+ export interface StepButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the `ButtonBase` touch-ripple. */
9
+ touchRipple: string;
10
+ }
11
+ export declare type StepButtonClassKey = keyof StepButtonClasses;
12
+ export declare function getStepButtonUtilityClass(slot: string): string;
13
+ declare const stepButtonClasses: StepButtonClasses;
14
+ export default stepButtonClasses;
@@ -1,26 +1,26 @@
1
- export interface StepConnectorClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- /** State class applied to the root element if `active={true}`. */
11
- active: string;
12
- /** State class applied to the root element if `completed={true}`. */
13
- completed: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the line element. */
17
- line: string;
18
- /** Styles applied to the root element if `orientation="horizontal"`. */
19
- lineHorizontal: string;
20
- /** Styles applied to the root element if `orientation="vertical"`. */
21
- lineVertical: string;
22
- }
23
- export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
- export declare function getStepConnectorUtilityClass(slot: string): string;
25
- declare const stepConnectorClasses: StepConnectorClasses;
26
- export default stepConnectorClasses;
1
+ export interface StepConnectorClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ /** State class applied to the root element if `active={true}`. */
11
+ active: string;
12
+ /** State class applied to the root element if `completed={true}`. */
13
+ completed: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the line element. */
17
+ line: string;
18
+ /** Styles applied to the root element if `orientation="horizontal"`. */
19
+ lineHorizontal: string;
20
+ /** Styles applied to the root element if `orientation="vertical"`. */
21
+ lineVertical: string;
22
+ }
23
+ export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
+ export declare function getStepConnectorUtilityClass(slot: string): string;
25
+ declare const stepConnectorClasses: StepConnectorClasses;
26
+ export default stepConnectorClasses;
@@ -1,12 +1,12 @@
1
- export interface StepContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
- last: string;
6
- /** Styles applied to the Transition component. */
7
- transition: string;
8
- }
9
- export declare type StepContentClassKey = keyof StepContentClasses;
10
- export declare function getStepContentUtilityClass(slot: string): string;
11
- declare const stepContentClasses: StepContentClasses;
12
- export default stepContentClasses;
1
+ export interface StepContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
+ last: string;
6
+ /** Styles applied to the Transition component. */
7
+ transition: string;
8
+ }
9
+ export declare type StepContentClassKey = keyof StepContentClasses;
10
+ export declare function getStepContentUtilityClass(slot: string): string;
11
+ declare const stepContentClasses: StepContentClasses;
12
+ export default stepContentClasses;
@@ -1,16 +1,16 @@
1
- export interface StepIconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the SVG text element. */
5
- text: string;
6
- /** State class applied to the root element if `active={true}`. */
7
- active: string;
8
- /** State class applied to the root element if `completed={true}`. */
9
- completed: string;
10
- /** State class applied to the root element if `error={true}`. */
11
- error: string;
12
- }
13
- export declare type StepIconClassKey = keyof StepIconClasses;
14
- export declare function getStepIconUtilityClass(slot: string): string;
15
- declare const stepIconClasses: StepIconClasses;
16
- export default stepIconClasses;
1
+ export interface StepIconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the SVG text element. */
5
+ text: string;
6
+ /** State class applied to the root element if `active={true}`. */
7
+ active: string;
8
+ /** State class applied to the root element if `completed={true}`. */
9
+ completed: string;
10
+ /** State class applied to the root element if `error={true}`. */
11
+ error: string;
12
+ }
13
+ export declare type StepIconClassKey = keyof StepIconClasses;
14
+ export declare function getStepIconUtilityClass(slot: string): string;
15
+ declare const stepIconClasses: StepIconClasses;
16
+ export default stepIconClasses;
@@ -38,6 +38,17 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
38
38
  * The optional node to display.
39
39
  */
40
40
  optional?: React.ReactNode;
41
+ /**
42
+ * The props used for each slot inside.
43
+ * @default {}
44
+ */
45
+ slotProps?: {
46
+ /**
47
+ * Props applied to the label element.
48
+ * @default {}
49
+ */
50
+ label?: React.HTMLProps<HTMLSpanElement>;
51
+ };
41
52
  /**
42
53
  * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
43
54
  */
@@ -33,7 +33,7 @@ var _stepLabelClasses = _interopRequireWildcard(require("./stepLabelClasses"));
33
33
 
34
34
  var _jsxRuntime = require("react/jsx-runtime");
35
35
 
36
- const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "StepIconComponent", "StepIconProps"];
36
+ const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "slotProps", "StepIconComponent", "StepIconProps"];
37
37
 
38
38
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
39
 
@@ -135,6 +135,8 @@ const StepLabelLabelContainer = (0, _styled.default)('span', {
135
135
  }
136
136
  }));
137
137
  const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
138
+ var _slotProps$label;
139
+
138
140
  const props = (0, _useThemeProps.default)({
139
141
  props: inProps,
140
142
  name: 'MuiStepLabel'
@@ -146,6 +148,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
146
148
  error = false,
147
149
  icon: iconProp,
148
150
  optional,
151
+ slotProps = {},
149
152
  StepIconComponent: StepIconComponentProp,
150
153
  StepIconProps
151
154
  } = props,
@@ -176,6 +179,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
176
179
  orientation
177
180
  });
178
181
  const classes = useUtilityClasses(ownerState);
182
+ const labelSlotProps = (_slotProps$label = slotProps.label) != null ? _slotProps$label : componentsProps.label;
179
183
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, (0, _extends2.default)({
180
184
  className: (0, _clsx.default)(classes.root, className),
181
185
  ref: ref,
@@ -194,9 +198,9 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
194
198
  className: classes.labelContainer,
195
199
  ownerState: ownerState,
196
200
  children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelLabel, (0, _extends2.default)({
197
- className: classes.label,
198
201
  ownerState: ownerState
199
- }, componentsProps.label, {
202
+ }, labelSlotProps, {
203
+ className: (0, _clsx.default)(classes.label, labelSlotProps == null ? void 0 : labelSlotProps.className),
200
204
  children: children
201
205
  })) : null, optional]
202
206
  })]
@@ -249,6 +253,14 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
249
253
  */
250
254
  optional: _propTypes.default.node,
251
255
 
256
+ /**
257
+ * The props used for each slot inside.
258
+ * @default {}
259
+ */
260
+ slotProps: _propTypes.default.shape({
261
+ label: _propTypes.default.object
262
+ }),
263
+
252
264
  /**
253
265
  * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
254
266
  */
@@ -1,28 +1,28 @@
1
- export interface StepLabelClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the label element that wraps `children`. */
9
- label: string;
10
- /** State class applied to the label element if `active={true}`. */
11
- active: string;
12
- /** State class applied to the label element if `completed={true}`. */
13
- completed: string;
14
- /** State class applied to the root and label elements if `error={true}`. */
15
- error: string;
16
- /** State class applied to the root and label elements if `disabled={true}`. */
17
- disabled: string;
18
- /** Styles applied to the `icon` container element. */
19
- iconContainer: string;
20
- /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
21
- alternativeLabel: string;
22
- /** Styles applied to the container element which wraps label and `optional`. */
23
- labelContainer: string;
24
- }
25
- export declare type StepLabelClassKey = keyof StepLabelClasses;
26
- export declare function getStepLabelUtilityClass(slot: string): string;
27
- declare const stepLabelClasses: StepLabelClasses;
28
- export default stepLabelClasses;
1
+ export interface StepLabelClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the label element that wraps `children`. */
9
+ label: string;
10
+ /** State class applied to the label element if `active={true}`. */
11
+ active: string;
12
+ /** State class applied to the label element if `completed={true}`. */
13
+ completed: string;
14
+ /** State class applied to the root and label elements if `error={true}`. */
15
+ error: string;
16
+ /** State class applied to the root and label elements if `disabled={true}`. */
17
+ disabled: string;
18
+ /** Styles applied to the `icon` container element. */
19
+ iconContainer: string;
20
+ /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
21
+ alternativeLabel: string;
22
+ /** Styles applied to the container element which wraps label and `optional`. */
23
+ labelContainer: string;
24
+ }
25
+ export declare type StepLabelClassKey = keyof StepLabelClasses;
26
+ export declare function getStepLabelUtilityClass(slot: string): string;
27
+ declare const stepLabelClasses: StepLabelClasses;
28
+ export default stepLabelClasses;
@@ -1,18 +1,18 @@
1
- import * as React from 'react';
2
- export interface StepperContextType {
3
- activeStep: number;
4
- alternativeLabel: boolean;
5
- connector: React.ReactNode;
6
- nonLinear: boolean;
7
- orientation: 'horizontal' | 'vertical';
8
- }
9
- /**
10
- * Provides information about the current step in Stepper.
11
- */
12
- declare const StepperContext: React.Context<{} | StepperContextType>;
13
- /**
14
- * Returns the current StepperContext or an empty object if no StepperContext
15
- * has been defined in the component tree.
16
- */
17
- export declare function useStepperContext(): StepperContextType | {};
18
- export default StepperContext;
1
+ import * as React from 'react';
2
+ export interface StepperContextType {
3
+ activeStep: number;
4
+ alternativeLabel: boolean;
5
+ connector: React.ReactNode;
6
+ nonLinear: boolean;
7
+ orientation: 'horizontal' | 'vertical';
8
+ }
9
+ /**
10
+ * Provides information about the current step in Stepper.
11
+ */
12
+ declare const StepperContext: React.Context<{} | StepperContextType>;
13
+ /**
14
+ * Returns the current StepperContext or an empty object if no StepperContext
15
+ * has been defined in the component tree.
16
+ */
17
+ export declare function useStepperContext(): StepperContextType | {};
18
+ export default StepperContext;
@@ -1,14 +1,14 @@
1
- export interface StepperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- }
11
- export declare type StepperClassKey = keyof StepperClasses;
12
- export declare function getStepperUtilityClass(slot: string): string;
13
- declare const stepperClasses: StepperClasses;
14
- export default stepperClasses;
1
+ export interface StepperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ }
11
+ export declare type StepperClassKey = keyof StepperClasses;
12
+ export declare function getStepperUtilityClass(slot: string): string;
13
+ declare const stepperClasses: StepperClasses;
14
+ export default stepperClasses;
@@ -1,26 +1,26 @@
1
- export interface SvgIconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `color="primary"`. */
5
- colorPrimary: string;
6
- /** Styles applied to the root element if `color="secondary"`. */
7
- colorSecondary: string;
8
- /** Styles applied to the root element if `color="action"`. */
9
- colorAction: string;
10
- /** Styles applied to the root element if `color="error"`. */
11
- colorError: string;
12
- /** Styles applied to the root element if `color="disabled"`. */
13
- colorDisabled: string;
14
- /** Styles applied to the root element if `fontSize="inherit"`. */
15
- fontSizeInherit: string;
16
- /** Styles applied to the root element if `fontSize="small"`. */
17
- fontSizeSmall: string;
18
- /** Styles applied to the root element if `fontSize="medium"`. */
19
- fontSizeMedium: string;
20
- /** Styles applied to the root element if `fontSize="large"`. */
21
- fontSizeLarge: string;
22
- }
23
- export declare type SvgIconClassKey = keyof SvgIconClasses;
24
- export declare function getSvgIconUtilityClass(slot: string): string;
25
- declare const svgIconClasses: SvgIconClasses;
26
- export default svgIconClasses;
1
+ export interface SvgIconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `color="primary"`. */
5
+ colorPrimary: string;
6
+ /** Styles applied to the root element if `color="secondary"`. */
7
+ colorSecondary: string;
8
+ /** Styles applied to the root element if `color="action"`. */
9
+ colorAction: string;
10
+ /** Styles applied to the root element if `color="error"`. */
11
+ colorError: string;
12
+ /** Styles applied to the root element if `color="disabled"`. */
13
+ colorDisabled: string;
14
+ /** Styles applied to the root element if `fontSize="inherit"`. */
15
+ fontSizeInherit: string;
16
+ /** Styles applied to the root element if `fontSize="small"`. */
17
+ fontSizeSmall: string;
18
+ /** Styles applied to the root element if `fontSize="medium"`. */
19
+ fontSizeMedium: string;
20
+ /** Styles applied to the root element if `fontSize="large"`. */
21
+ fontSizeLarge: string;
22
+ }
23
+ export declare type SvgIconClassKey = keyof SvgIconClasses;
24
+ export declare function getSvgIconUtilityClass(slot: string): string;
25
+ declare const svgIconClasses: SvgIconClasses;
26
+ export default svgIconClasses;
@@ -1,32 +1,32 @@
1
- export interface SwitchClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `edge="start"`. */
5
- edgeStart: string;
6
- /** Styles applied to the root element if `edge="end"`. */
7
- edgeEnd: string;
8
- /** Styles applied to the internal `SwitchBase` component's `root` class. */
9
- switchBase: string;
10
- /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- /** Styles applied to the root element if `size="small"`. */
15
- sizeSmall: string;
16
- /** Styles applied to the root element if `size="medium"`. */
17
- sizeMedium: string;
18
- /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
- checked: string;
20
- /** State class applied to the internal SwitchBase component's disabled class. */
21
- disabled: string;
22
- /** Styles applied to the internal SwitchBase component's input element. */
23
- input: string;
24
- /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
- thumb: string;
26
- /** Styles applied to the track element. */
27
- track: string;
28
- }
29
- export declare type SwitchClassKey = keyof SwitchClasses;
30
- export declare function getSwitchUtilityClass(slot: string): string;
31
- declare const switchClasses: SwitchClasses;
32
- export default switchClasses;
1
+ export interface SwitchClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `edge="start"`. */
5
+ edgeStart: string;
6
+ /** Styles applied to the root element if `edge="end"`. */
7
+ edgeEnd: string;
8
+ /** Styles applied to the internal `SwitchBase` component's `root` class. */
9
+ switchBase: string;
10
+ /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ /** Styles applied to the root element if `size="small"`. */
15
+ sizeSmall: string;
16
+ /** Styles applied to the root element if `size="medium"`. */
17
+ sizeMedium: string;
18
+ /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
+ checked: string;
20
+ /** State class applied to the internal SwitchBase component's disabled class. */
21
+ disabled: string;
22
+ /** Styles applied to the internal SwitchBase component's input element. */
23
+ input: string;
24
+ /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
+ thumb: string;
26
+ /** Styles applied to the track element. */
27
+ track: string;
28
+ }
29
+ export declare type SwitchClassKey = keyof SwitchClasses;
30
+ export declare function getSwitchUtilityClass(slot: string): string;
31
+ declare const switchClasses: SwitchClasses;
32
+ export default switchClasses;
@@ -1,26 +1,26 @@
1
- export interface TabClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if both `icon` and `label` are provided. */
5
- labelIcon: string;
6
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
7
- textColorInherit: string;
8
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
9
- textColorPrimary: string;
10
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
11
- textColorSecondary: string;
12
- /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
- selected: string;
14
- /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
- disabled: string;
16
- /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
- fullWidth: string;
18
- /** Styles applied to the root element if `wrapped={true}`. */
19
- wrapped: string;
20
- /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
- iconWrapper: string;
22
- }
23
- export declare type TabClassKey = keyof TabClasses;
24
- export declare function getTabUtilityClass(slot: string): string;
25
- declare const tabClasses: TabClasses;
26
- export default tabClasses;
1
+ export interface TabClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if both `icon` and `label` are provided. */
5
+ labelIcon: string;
6
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
7
+ textColorInherit: string;
8
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
9
+ textColorPrimary: string;
10
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
11
+ textColorSecondary: string;
12
+ /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
+ selected: string;
14
+ /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
+ fullWidth: string;
18
+ /** Styles applied to the root element if `wrapped={true}`. */
19
+ wrapped: string;
20
+ /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
+ iconWrapper: string;
22
+ }
23
+ export declare type TabClassKey = keyof TabClasses;
24
+ export declare function getTabUtilityClass(slot: string): string;
25
+ declare const tabClasses: TabClasses;
26
+ export default tabClasses;
@@ -1,12 +1,12 @@
1
- export interface TabScrollButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="vertical"`. */
5
- vertical: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- }
9
- export declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
10
- export declare function getTabScrollButtonUtilityClass(slot: string): string;
11
- declare const tabScrollButtonClasses: TabScrollButtonClasses;
12
- export default tabScrollButtonClasses;
1
+ export interface TabScrollButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="vertical"`. */
5
+ vertical: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ }
9
+ export declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
10
+ export declare function getTabScrollButtonUtilityClass(slot: string): string;
11
+ declare const tabScrollButtonClasses: TabScrollButtonClasses;
12
+ export default tabScrollButtonClasses;
@@ -1,10 +1,10 @@
1
- export interface TableClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `stickyHeader={true}`. */
5
- stickyHeader: string;
6
- }
7
- export declare type TableClassKey = keyof TableClasses;
8
- export declare function getTableUtilityClass(slot: string): string;
9
- declare const tableClasses: TableClasses;
10
- export default tableClasses;
1
+ export interface TableClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `stickyHeader={true}`. */
5
+ stickyHeader: string;
6
+ }
7
+ export declare type TableClassKey = keyof TableClasses;
8
+ export declare function getTableUtilityClass(slot: string): string;
9
+ declare const tableClasses: TableClasses;
10
+ export default tableClasses;
@@ -1,8 +1,8 @@
1
- export interface TableBodyClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type TableBodyClassKey = keyof TableBodyClasses;
6
- export declare function getTableBodyUtilityClass(slot: string): string;
7
- declare const tableBodyClasses: TableBodyClasses;
8
- export default tableBodyClasses;
1
+ export interface TableBodyClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type TableBodyClassKey = keyof TableBodyClasses;
6
+ export declare function getTableBodyUtilityClass(slot: string): string;
7
+ declare const tableBodyClasses: TableBodyClasses;
8
+ export default tableBodyClasses;