@mui/material 6.0.0-alpha.8 → 6.0.0-alpha.9

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 (125) hide show
  1. package/AccordionActions/AccordionActions.d.ts +1 -1
  2. package/AccordionDetails/AccordionDetails.d.ts +1 -1
  3. package/Alert/Alert.d.ts +1 -1
  4. package/AlertTitle/AlertTitle.d.ts +3 -3
  5. package/Autocomplete/Autocomplete.d.ts +1 -1
  6. package/Avatar/Avatar.js +3 -1
  7. package/AvatarGroup/AvatarGroup.d.ts +51 -18
  8. package/AvatarGroup/AvatarGroup.js +37 -18
  9. package/Button/Button.d.ts +1 -1
  10. package/ButtonBase/ButtonBase.d.ts +1 -1
  11. package/CHANGELOG.md +76 -0
  12. package/CardActions/CardActions.d.ts +1 -1
  13. package/CardHeader/CardHeader.d.ts +1 -1
  14. package/Checkbox/Checkbox.d.ts +1 -1
  15. package/Chip/Chip.d.ts +3 -3
  16. package/CircularProgress/CircularProgress.d.ts +1 -1
  17. package/Collapse/Collapse.d.ts +1 -1
  18. package/CssBaseline/CssBaseline.d.ts +1 -1
  19. package/Dialog/Dialog.d.ts +1 -1
  20. package/DialogActions/DialogActions.d.ts +1 -1
  21. package/DialogContent/DialogContent.d.ts +1 -1
  22. package/Drawer/Drawer.d.ts +1 -1
  23. package/Fade/Fade.d.ts +1 -1
  24. package/FilledInput/FilledInput.d.ts +1 -1
  25. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  26. package/FormGroup/FormGroup.d.ts +1 -1
  27. package/GlobalStyles/GlobalStyles.d.ts +1 -1
  28. package/Grid/Grid.d.ts +1 -0
  29. package/Grid/Grid.js +1 -0
  30. package/Grow/Grow.d.ts +1 -1
  31. package/Hidden/Hidden.d.ts +2 -0
  32. package/Hidden/Hidden.js +2 -0
  33. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  34. package/Input/Input.d.ts +1 -1
  35. package/InputBase/InputBase.d.ts +1 -1
  36. package/LinearProgress/LinearProgress.d.ts +1 -1
  37. package/ListItem/ListItem.d.ts +4 -12
  38. package/ListItem/ListItem.js +6 -14
  39. package/ListItemAvatar/ListItemAvatar.d.ts +1 -1
  40. package/ListItemIcon/ListItemIcon.d.ts +1 -1
  41. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +5 -1
  42. package/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  43. package/ListItemText/ListItemText.d.ts +3 -1
  44. package/Menu/Menu.d.ts +1 -1
  45. package/MobileStepper/MobileStepper.d.ts +1 -1
  46. package/Modal/Modal.d.ts +1 -1
  47. package/NativeSelect/NativeSelect.d.ts +1 -1
  48. package/OutlinedInput/OutlinedInput.d.ts +3 -1
  49. package/OverridableComponent.d.ts +2 -2
  50. package/Pagination/Pagination.d.ts +1 -1
  51. package/Popover/Popover.d.ts +1 -1
  52. package/Popper/Popper.d.ts +4 -0
  53. package/Popper/Popper.js +4 -0
  54. package/Radio/Radio.d.ts +1 -1
  55. package/RadioGroup/RadioGroup.d.ts +1 -1
  56. package/Rating/Rating.d.ts +1 -1
  57. package/Select/Select.d.ts +1 -1
  58. package/Slide/Slide.d.ts +1 -1
  59. package/Slider/Slider.d.ts +1 -1
  60. package/Slider/Slider.js +1 -1
  61. package/Slider/SliderValueLabel.types.d.ts +1 -1
  62. package/Snackbar/Snackbar.d.ts +1 -1
  63. package/SnackbarContent/SnackbarContent.d.ts +1 -1
  64. package/SpeedDial/SpeedDial.d.ts +1 -1
  65. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  66. package/SpeedDialIcon/SpeedDialIcon.d.ts +3 -1
  67. package/StepConnector/StepConnector.d.ts +2 -2
  68. package/StepContent/StepContent.d.ts +1 -1
  69. package/StepIcon/StepIcon.d.ts +1 -1
  70. package/StepLabel/StepLabel.d.ts +1 -1
  71. package/Switch/Switch.d.ts +1 -1
  72. package/Tab/Tab.d.ts +1 -1
  73. package/TabScrollButton/TabScrollButton.d.ts +1 -1
  74. package/TableCell/TableCell.d.ts +1 -1
  75. package/TextField/TextField.d.ts +1 -1
  76. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  77. package/Tooltip/Tooltip.d.ts +3 -5
  78. package/Tooltip/Tooltip.js +2 -4
  79. package/Zoom/Zoom.d.ts +1 -1
  80. package/index.js +1 -1
  81. package/locale/index.d.ts +1 -0
  82. package/locale/index.js +74 -1
  83. package/modern/Avatar/Avatar.js +3 -1
  84. package/modern/AvatarGroup/AvatarGroup.js +37 -18
  85. package/modern/Grid/Grid.js +1 -0
  86. package/modern/Hidden/Hidden.js +2 -0
  87. package/modern/ListItem/ListItem.js +6 -14
  88. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  89. package/modern/Popper/Popper.js +4 -0
  90. package/modern/Slider/Slider.js +1 -1
  91. package/modern/Tooltip/Tooltip.js +2 -4
  92. package/modern/index.js +1 -1
  93. package/modern/locale/index.js +74 -1
  94. package/modern/styles/CssVarsProvider.js +17 -6
  95. package/modern/styles/experimental_extendTheme.js +8 -354
  96. package/modern/styles/extendTheme.js +355 -0
  97. package/modern/styles/index.js +2 -1
  98. package/modern/styles/responsiveFontSizes.js +3 -0
  99. package/node/Avatar/Avatar.js +3 -1
  100. package/node/AvatarGroup/AvatarGroup.js +37 -18
  101. package/node/Grid/Grid.js +1 -0
  102. package/node/Hidden/Hidden.js +2 -0
  103. package/node/ListItem/ListItem.js +6 -14
  104. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  105. package/node/Popper/Popper.js +4 -0
  106. package/node/Slider/Slider.js +1 -1
  107. package/node/Tooltip/Tooltip.js +2 -4
  108. package/node/index.js +1 -1
  109. package/node/locale/index.js +75 -2
  110. package/node/styles/CssVarsProvider.js +22 -7
  111. package/node/styles/experimental_extendTheme.js +9 -360
  112. package/node/styles/extendTheme.js +367 -0
  113. package/node/styles/index.js +10 -0
  114. package/node/styles/responsiveFontSizes.js +3 -0
  115. package/package.json +6 -6
  116. package/styles/CssVarsProvider.d.ts +3 -2
  117. package/styles/CssVarsProvider.js +17 -6
  118. package/styles/experimental_extendTheme.js +8 -354
  119. package/styles/{experimental_extendTheme.d.ts → extendTheme.d.ts} +1 -2
  120. package/styles/extendTheme.js +355 -0
  121. package/styles/index.d.ts +2 -2
  122. package/styles/index.js +2 -1
  123. package/styles/responsiveFontSizes.js +3 -0
  124. package/themeCssVarsAugmentation/index.d.ts +1 -1
  125. package/types/OverridableComponentAugmentation.d.ts +2 -2
@@ -35,13 +35,13 @@ export interface ListItemBaseProps {
35
35
  /**
36
36
  * The container component used when a `ListItemSecondaryAction` is the last child.
37
37
  * @default 'li'
38
- * @deprecated
38
+ * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
39
39
  */
40
40
  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
41
41
  /**
42
42
  * Props applied to the container component if used.
43
43
  * @default {}
44
- * @deprecated
44
+ * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
45
45
  */
46
46
  ContainerProps?: React.HTMLAttributes<HTMLDivElement>;
47
47
  /**
@@ -91,9 +91,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
91
91
  /**
92
92
  * The components used for each slot inside.
93
93
  *
94
- * This prop is an alias for the `slots` prop.
95
- * It's recommended to use the `slots` prop instead.
96
- *
94
+ * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
97
95
  * @default {}
98
96
  */
99
97
  components?: {
@@ -103,9 +101,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
103
101
  * The extra props for the slot components.
104
102
  * You can override the existing props or add new ones.
105
103
  *
106
- * This prop is an alias for the `slotProps` prop.
107
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
108
- *
104
+ * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
109
105
  * @default {}
110
106
  */
111
107
  componentsProps?: {
@@ -115,8 +111,6 @@ export interface ListItemOwnProps extends ListItemBaseProps {
115
111
  * The extra props for the slot components.
116
112
  * You can override the existing props or add new ones.
117
113
  *
118
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
119
- *
120
114
  * @default {}
121
115
  */
122
116
  slotProps?: {
@@ -125,8 +119,6 @@ export interface ListItemOwnProps extends ListItemBaseProps {
125
119
  /**
126
120
  * The components used for each slot inside.
127
121
  *
128
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
129
- *
130
122
  * @default {}
131
123
  */
132
124
  slots?: {
@@ -223,7 +223,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
223
223
  }, [autoFocus]);
224
224
  const children = React.Children.toArray(childrenProp);
225
225
 
226
- // v4 implementation, deprecated in v5, will be removed in v6
226
+ // v4 implementation, deprecated in v6, will be removed in v7
227
227
  const hasSecondaryAction = children.length && isMuiElement(children[children.length - 1], ['ListItemSecondaryAction']);
228
228
  const ownerState = {
229
229
  ...props,
@@ -254,7 +254,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
254
254
  Component = ButtonBase;
255
255
  }
256
256
 
257
- // v4 implementation, deprecated in v5, will be removed in v6
257
+ // v4 implementation, deprecated in v6, will be removed in v7
258
258
  if (hasSecondaryAction) {
259
259
  // Use div by default.
260
260
  Component = !componentProps.component && !componentProp ? 'div' : Component;
@@ -372,9 +372,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
372
372
  /**
373
373
  * The components used for each slot inside.
374
374
  *
375
- * This prop is an alias for the `slots` prop.
376
- * It's recommended to use the `slots` prop instead.
377
- *
375
+ * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
378
376
  * @default {}
379
377
  */
380
378
  components: PropTypes.shape({
@@ -384,9 +382,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
384
382
  * The extra props for the slot components.
385
383
  * You can override the existing props or add new ones.
386
384
  *
387
- * This prop is an alias for the `slotProps` prop.
388
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
389
- *
385
+ * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
390
386
  * @default {}
391
387
  */
392
388
  componentsProps: PropTypes.shape({
@@ -395,13 +391,13 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
395
391
  /**
396
392
  * The container component used when a `ListItemSecondaryAction` is the last child.
397
393
  * @default 'li'
398
- * @deprecated
394
+ * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
399
395
  */
400
396
  ContainerComponent: elementTypeAcceptingRef,
401
397
  /**
402
398
  * Props applied to the container component if used.
403
399
  * @default {}
404
- * @deprecated
400
+ * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
405
401
  */
406
402
  ContainerProps: PropTypes.object,
407
403
  /**
@@ -449,8 +445,6 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
449
445
  * The extra props for the slot components.
450
446
  * You can override the existing props or add new ones.
451
447
  *
452
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
453
- *
454
448
  * @default {}
455
449
  */
456
450
  slotProps: PropTypes.shape({
@@ -459,8 +453,6 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
459
453
  /**
460
454
  * The components used for each slot inside.
461
455
  *
462
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
463
- *
464
456
  * @default {}
465
457
  */
466
458
  slots: PropTypes.shape({
@@ -28,4 +28,4 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
28
28
  *
29
29
  * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
30
30
  */
31
- export default function ListItemAvatar(props: ListItemAvatarProps): JSX.Element;
31
+ export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;
@@ -30,4 +30,4 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
30
30
  *
31
31
  * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
32
32
  */
33
- export default function ListItemIcon(props: ListItemIconProps): JSX.Element;
33
+ export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;
@@ -29,8 +29,12 @@ export interface ListItemSecondaryActionProps
29
29
  * API:
30
30
  *
31
31
  * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
32
+ *
33
+ * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
32
34
  */
33
- declare const ListItemSecondaryAction: ((props: ListItemSecondaryActionProps) => JSX.Element) & {
35
+ declare const ListItemSecondaryAction: ((
36
+ props: ListItemSecondaryActionProps,
37
+ ) => React.JSX.Element) & {
34
38
  muiName: string;
35
39
  };
36
40
 
@@ -45,6 +45,8 @@ const ListItemSecondaryActionRoot = styled('div', {
45
45
 
46
46
  /**
47
47
  * Must be used as the last child of ListItem to function properly.
48
+ *
49
+ * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
48
50
  */
49
51
  const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
50
52
  const props = useThemeProps({
@@ -73,4 +73,6 @@ export interface ListItemTextProps<
73
73
  export default function ListItemText<
74
74
  PrimaryTypographyComponent extends React.ElementType = 'span',
75
75
  SecondaryTypographyComponent extends React.ElementType = 'p',
76
- >(props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>): JSX.Element;
76
+ >(
77
+ props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>,
78
+ ): React.JSX.Element;
package/Menu/Menu.d.ts CHANGED
@@ -94,4 +94,4 @@ export declare const MenuPaper: React.FC<PaperProps>;
94
94
  * - [Menu API](https://mui.com/material-ui/api/menu/)
95
95
  * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
96
96
  */
97
- export default function Menu(props: MenuProps): JSX.Element;
97
+ export default function Menu(props: MenuProps): React.JSX.Element;
@@ -59,4 +59,4 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
59
59
  * - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
60
60
  * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
61
61
  */
62
- export default function MobileStepper(props: MobileStepperProps): JSX.Element;
62
+ export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;
package/Modal/Modal.d.ts CHANGED
@@ -50,7 +50,7 @@ export interface ModalOwnProps {
50
50
  /**
51
51
  * A single child content element.
52
52
  */
53
- children: React.ReactElement;
53
+ children: React.ReactElement<any>;
54
54
  /**
55
55
  * Override or extend the styles applied to the component.
56
56
  */
@@ -64,6 +64,6 @@ export interface NativeSelectProps
64
64
  * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
65
65
  * - inherits [Input API](https://mui.com/material-ui/api/input/)
66
66
  */
67
- declare const NativeSelect: ((props: NativeSelectProps) => JSX.Element) & { muiName: string };
67
+ declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & { muiName: string };
68
68
 
69
69
  export default NativeSelect;
@@ -35,6 +35,8 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
35
35
  * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
36
36
  * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
37
37
  */
38
- declare const OutlinedInput: ((props: OutlinedInputProps) => JSX.Element) & { muiName: string };
38
+ declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
39
+ muiName: string;
40
+ };
39
41
 
40
42
  export default OutlinedInput;
@@ -20,8 +20,8 @@ export interface OverridableComponent<TypeMap extends OverridableTypeMap> {
20
20
  */
21
21
  component: RootComponent;
22
22
  } & OverrideProps<TypeMap, RootComponent>,
23
- ): JSX.Element | null;
24
- (props: DefaultComponentProps<TypeMap>): JSX.Element | null;
23
+ ): React.JSX.Element | null;
24
+ (props: DefaultComponentProps<TypeMap>): React.JSX.Element | null;
25
25
  }
26
26
 
27
27
  /**
@@ -86,4 +86,4 @@ export interface PaginationProps
86
86
  *
87
87
  * - [Pagination API](https://mui.com/material-ui/api/pagination/)
88
88
  */
89
- export default function Pagination(props: PaginationProps): JSX.Element;
89
+ export default function Pagination(props: PaginationProps): React.JSX.Element;
@@ -195,4 +195,4 @@ export declare const PopoverPaper: React.FC<PopoverPaperProps>;
195
195
  * - [Popover API](https://mui.com/material-ui/api/popover/)
196
196
  * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
197
197
  */
198
- export default function Popover(props: PopoverProps): JSX.Element;
198
+ export default function Popover(props: PopoverProps): React.JSX.Element;
@@ -11,6 +11,8 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
11
11
  /**
12
12
  * The components used for each slot inside the Popper.
13
13
  * Either a string to use a HTML element or a component.
14
+ *
15
+ * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
14
16
  * @default {}
15
17
  */
16
18
  components?: {
@@ -18,6 +20,8 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
18
20
  };
19
21
  /**
20
22
  * The props used for each slot inside the Popper.
23
+ *
24
+ * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
21
25
  * @default {}
22
26
  */
23
27
  componentsProps?: BasePopperProps['slotProps'];
package/Popper/Popper.js CHANGED
@@ -99,6 +99,8 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
99
99
  /**
100
100
  * The components used for each slot inside the Popper.
101
101
  * Either a string to use a HTML element or a component.
102
+ *
103
+ * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
102
104
  * @default {}
103
105
  */
104
106
  components: PropTypes.shape({
@@ -106,6 +108,8 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
106
108
  }),
107
109
  /**
108
110
  * The props used for each slot inside the Popper.
111
+ *
112
+ * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
109
113
  * @default {}
110
114
  */
111
115
  componentsProps: PropTypes.shape({
package/Radio/Radio.d.ts CHANGED
@@ -62,4 +62,4 @@ export interface RadioProps
62
62
  * - [Radio API](https://mui.com/material-ui/api/radio/)
63
63
  * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
64
64
  */
65
- export default function Radio(props: RadioProps): JSX.Element;
65
+ export default function Radio(props: RadioProps): React.JSX.Element;
@@ -36,4 +36,4 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
36
36
  * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
37
37
  * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
38
38
  */
39
- export default function RadioGroup(props: RadioGroupProps): JSX.Element;
39
+ export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;
@@ -124,4 +124,4 @@ export interface RatingProps
124
124
  *
125
125
  * - [Rating API](https://mui.com/material-ui/api/rating/)
126
126
  */
127
- export default function Rating(props: RatingProps): JSX.Element;
127
+ export default function Rating(props: RatingProps): React.JSX.Element;
@@ -196,7 +196,7 @@ export type SelectProps<Value = unknown> =
196
196
  * - [Select API](https://mui.com/material-ui/api/select/)
197
197
  * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
198
198
  */
199
- declare const Select: (<Value = unknown>(props: SelectProps<Value>) => JSX.Element) & {
199
+ declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
200
200
  muiName: string;
201
201
  };
202
202
 
package/Slide/Slide.d.ts CHANGED
@@ -61,4 +61,4 @@ export interface SlideProps extends TransitionProps {
61
61
  * - [Slide API](https://mui.com/material-ui/api/slide/)
62
62
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
63
63
  */
64
- export default function Slide(props: SlideProps): JSX.Element;
64
+ export default function Slide(props: SlideProps): React.JSX.Element;
@@ -281,7 +281,7 @@ export interface SliderTypeMap<
281
281
  }
282
282
 
283
283
  export interface SliderValueLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
284
- children: React.ReactElement;
284
+ children: React.ReactElement<any>;
285
285
  index: number;
286
286
  open: boolean;
287
287
  value: number;
package/Slider/Slider.js CHANGED
@@ -324,7 +324,7 @@ export const SliderThumb = styled('span', {
324
324
  },
325
325
  [`&.${sliderClasses.active}`]: {
326
326
  ...(theme.vars ? {
327
- boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
327
+ boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
328
328
  } : {
329
329
  boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`
330
330
  })
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  export interface SliderValueLabelProps {
3
- children?: React.ReactElement;
3
+ children?: React.ReactElement<any>;
4
4
  className?: string;
5
5
  style?: React.CSSProperties;
6
6
  /**
@@ -127,4 +127,4 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
127
127
  *
128
128
  * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
129
129
  */
130
- export default function Snackbar(props: SnackbarProps): JSX.Element;
130
+ export default function Snackbar(props: SnackbarProps): React.JSX.Element;
@@ -40,4 +40,4 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
40
40
  * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
41
41
  * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
42
42
  */
43
- export default function SnackbarContent(props: SnackbarContentProps): JSX.Element;
43
+ export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
@@ -129,4 +129,4 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
129
129
  *
130
130
  * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
131
131
  */
132
- export default function SpeedDial(props: SpeedDialProps): JSX.Element;
132
+ export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
@@ -60,4 +60,4 @@ export interface SpeedDialActionProps extends StandardProps<Partial<TooltipProps
60
60
  * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
61
61
  * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
62
62
  */
63
- export default function SpeedDialAction(props: SpeedDialActionProps): JSX.Element;
63
+ export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
@@ -39,6 +39,8 @@ export interface SpeedDialIconProps
39
39
  *
40
40
  * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
41
41
  */
42
- declare const SpeedDialIcon: ((props: SpeedDialIconProps) => JSX.Element) & { muiName: string };
42
+ declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
43
+ muiName: string;
44
+ };
43
45
 
44
46
  export default SpeedDialIcon;
@@ -4,7 +4,7 @@ import { InternalStandardProps as StandardProps } from '..';
4
4
  import { Theme } from '../styles';
5
5
  import { StepConnectorClasses } from './stepConnectorClasses';
6
6
 
7
- export type StepConnectorIcon = React.ReactElement | string | number;
7
+ export type StepConnectorIcon = React.ReactElement<any> | string | number;
8
8
 
9
9
  export interface StepConnectorProps
10
10
  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'> {
@@ -30,4 +30,4 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
30
30
  *
31
31
  * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
32
32
  */
33
- export default function StepConnector(props: StepConnectorProps): JSX.Element;
33
+ export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
@@ -53,4 +53,4 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
53
53
  *
54
54
  * - [StepContent API](https://mui.com/material-ui/api/step-content/)
55
55
  */
56
- export default function StepContent(props: StepContentProps): JSX.Element;
56
+ export default function StepContent(props: StepContentProps): React.JSX.Element;
@@ -47,4 +47,4 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
47
47
  *
48
48
  * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
49
49
  */
50
- export default function StepIcon(props: StepIconProps): JSX.Element;
50
+ export default function StepIcon(props: StepIconProps): React.JSX.Element;
@@ -92,7 +92,7 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
92
92
  *
93
93
  * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
94
94
  */
95
- declare const StepLabel: ((props: StepLabelProps) => JSX.Element) & {
95
+ declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
96
96
  muiName: string;
97
97
  };
98
98
 
@@ -66,4 +66,4 @@ export interface SwitchProps
66
66
  * - [Switch API](https://mui.com/material-ui/api/switch/)
67
67
  * - inherits [IconButton API](https://mui.com/material-ui/api/icon-button/)
68
68
  */
69
- export default function Switch(props: SwitchProps): JSX.Element;
69
+ export default function Switch(props: SwitchProps): React.JSX.Element;
package/Tab/Tab.d.ts CHANGED
@@ -28,7 +28,7 @@ export interface TabOwnProps {
28
28
  /**
29
29
  * The icon to display.
30
30
  */
31
- icon?: string | React.ReactElement;
31
+ icon?: string | React.ReactElement<any>;
32
32
  /**
33
33
  * The position of the icon relative to the label.
34
34
  * @default 'top'
@@ -75,4 +75,4 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
75
75
  *
76
76
  * - [TabScrollButton API](https://mui.com/material-ui/api/tab-scroll-button/)
77
77
  */
78
- export default function TabScrollButton(props: TabScrollButtonProps): JSX.Element;
78
+ export default function TabScrollButton(props: TabScrollButtonProps): React.JSX.Element;
@@ -83,4 +83,4 @@ export type SortDirection = 'asc' | 'desc' | false;
83
83
  *
84
84
  * - [TableCell API](https://mui.com/material-ui/api/table-cell/)
85
85
  */
86
- export default function TableCell(props: TableCellProps): JSX.Element;
86
+ export default function TableCell(props: TableCellProps): React.JSX.Element;
@@ -340,4 +340,4 @@ export default function TextField<Variant extends TextFieldVariants>(
340
340
  */
341
341
  variant?: Variant;
342
342
  } & Omit<TextFieldProps, 'variant'>,
343
- ): JSX.Element;
343
+ ): React.JSX.Element;
@@ -86,4 +86,4 @@ export interface ToggleButtonGroupProps
86
86
  *
87
87
  * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
88
88
  */
89
- export default function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element;
89
+ export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;
@@ -24,8 +24,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
24
24
  /**
25
25
  * The components used for each slot inside.
26
26
  *
27
- * This prop is an alias for the `slots` prop.
28
- * It's recommended to use the `slots` prop instead.
27
+ * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
29
28
  *
30
29
  * @default {}
31
30
  */
@@ -39,8 +38,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
39
38
  * The extra props for the slot components.
40
39
  * You can override the existing props or add new ones.
41
40
  *
42
- * This prop is an alias for the `slotProps` prop.
43
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
41
+ * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
44
42
  *
45
43
  * @default {}
46
44
  */
@@ -225,4 +223,4 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
225
223
  *
226
224
  * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
227
225
  */
228
- export default function Tooltip(props: TooltipProps): JSX.Element;
226
+ export default function Tooltip(props: TooltipProps): React.JSX.Element;
@@ -709,8 +709,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
709
709
  /**
710
710
  * The components used for each slot inside.
711
711
  *
712
- * This prop is an alias for the `slots` prop.
713
- * It's recommended to use the `slots` prop instead.
712
+ * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
714
713
  *
715
714
  * @default {}
716
715
  */
@@ -724,8 +723,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
724
723
  * The extra props for the slot components.
725
724
  * You can override the existing props or add new ones.
726
725
  *
727
- * This prop is an alias for the `slotProps` prop.
728
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
726
+ * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
729
727
  *
730
728
  * @default {}
731
729
  */
package/Zoom/Zoom.d.ts CHANGED
@@ -47,4 +47,4 @@ export interface ZoomProps extends TransitionProps {
47
47
  * - [Zoom API](https://mui.com/material-ui/api/zoom/)
48
48
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
49
49
  */
50
- export default function Zoom(props: ZoomProps): JSX.Element;
50
+ export default function Zoom(props: ZoomProps): React.JSX.Element;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v6.0.0-alpha.8
2
+ * @mui/material v6.0.0-alpha.9
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/locale/index.d.ts CHANGED
@@ -62,6 +62,7 @@ export declare const nbNO: Localization;
62
62
  export declare const nnNO: Localization;
63
63
  export declare const nlNL: Localization;
64
64
  export declare const plPL: Localization;
65
+ export declare const psAF: Localization;
65
66
  export declare const ptBR: Localization;
66
67
  export declare const ptPT: Localization;
67
68
  export declare const roRO: Localization;