@mui/material 6.0.0-alpha.10 → 6.0.0-alpha.11

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 (208) hide show
  1. package/Accordion/Accordion.d.ts +3 -3
  2. package/AccordionActions/AccordionActions.d.ts +2 -2
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  4. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  5. package/Alert/Alert.d.ts +3 -3
  6. package/AlertTitle/AlertTitle.d.ts +3 -3
  7. package/AppBar/AppBar.d.ts +3 -3
  8. package/Autocomplete/Autocomplete.d.ts +2 -2
  9. package/Autocomplete/Autocomplete.js +9 -17
  10. package/Avatar/Avatar.d.ts +2 -2
  11. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  12. package/Backdrop/Backdrop.d.ts +3 -3
  13. package/Badge/Badge.d.ts +3 -3
  14. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  15. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  16. package/Box/Box.d.ts +2 -2
  17. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  18. package/Button/Button.d.ts +4 -4
  19. package/ButtonBase/ButtonBase.d.ts +2 -2
  20. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  21. package/CHANGELOG.md +76 -0
  22. package/Card/Card.d.ts +3 -3
  23. package/CardActionArea/CardActionArea.d.ts +3 -3
  24. package/CardActions/CardActions.d.ts +2 -2
  25. package/CardContent/CardContent.d.ts +2 -2
  26. package/CardHeader/CardHeader.d.ts +2 -2
  27. package/CardMedia/CardMedia.d.ts +2 -2
  28. package/Checkbox/Checkbox.d.ts +4 -4
  29. package/Chip/Chip.d.ts +5 -5
  30. package/Chip/Chip.js +0 -2
  31. package/CircularProgress/CircularProgress.d.ts +2 -2
  32. package/Collapse/Collapse.d.ts +5 -5
  33. package/Collapse/Collapse.js +1 -2
  34. package/Container/Container.d.ts +2 -2
  35. package/CssBaseline/CssBaseline.d.ts +2 -2
  36. package/Dialog/Dialog.d.ts +3 -3
  37. package/Dialog/Dialog.js +1 -2
  38. package/DialogActions/DialogActions.d.ts +2 -2
  39. package/DialogContent/DialogContent.d.ts +2 -2
  40. package/DialogContentText/DialogContentText.d.ts +3 -3
  41. package/DialogTitle/DialogTitle.d.ts +3 -3
  42. package/Divider/Divider.d.ts +3 -3
  43. package/Drawer/Drawer.d.ts +3 -3
  44. package/Drawer/Drawer.js +1 -2
  45. package/Fab/Fab.d.ts +3 -3
  46. package/Fade/Fade.d.ts +3 -3
  47. package/Fade/Fade.js +1 -1
  48. package/FilledInput/FilledInput.d.ts +3 -3
  49. package/FormControl/FormControl.d.ts +6 -6
  50. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  51. package/FormGroup/FormGroup.d.ts +3 -3
  52. package/FormHelperText/FormHelperText.d.ts +2 -2
  53. package/FormLabel/FormLabel.d.ts +4 -4
  54. package/GlobalStyles/GlobalStyles.d.ts +3 -3
  55. package/Grid/Grid.d.ts +2 -2
  56. package/Grid/Grid.js +7 -13
  57. package/Grow/Grow.d.ts +5 -5
  58. package/Grow/Grow.js +1 -1
  59. package/Hidden/Hidden.d.ts +2 -2
  60. package/Icon/Icon.d.ts +3 -3
  61. package/IconButton/IconButton.d.ts +4 -4
  62. package/ImageList/ImageList.d.ts +2 -2
  63. package/ImageListItem/ImageListItem.d.ts +2 -2
  64. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  65. package/Input/Input.d.ts +3 -3
  66. package/InputAdornment/InputAdornment.d.ts +2 -2
  67. package/InputBase/InputBase.d.ts +2 -2
  68. package/InputBase/InputBase.js +26 -20
  69. package/InputLabel/InputLabel.d.ts +3 -3
  70. package/LinearProgress/LinearProgress.d.ts +2 -2
  71. package/Link/Link.d.ts +4 -4
  72. package/Link/Link.js +1 -2
  73. package/List/List.d.ts +3 -3
  74. package/ListItem/ListItem.d.ts +3 -3
  75. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  76. package/ListItemButton/ListItemButton.d.ts +3 -3
  77. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  78. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  79. package/ListItemText/ListItemText.d.ts +2 -2
  80. package/ListSubheader/ListSubheader.d.ts +2 -2
  81. package/Menu/Menu.d.ts +4 -4
  82. package/MenuItem/MenuItem.d.ts +3 -3
  83. package/MenuList/MenuList.d.ts +4 -4
  84. package/MobileStepper/MobileStepper.d.ts +3 -3
  85. package/Modal/Modal.d.ts +8 -8
  86. package/NativeSelect/NativeSelect.d.ts +3 -3
  87. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  88. package/Pagination/Pagination.d.ts +2 -2
  89. package/PaginationItem/PaginationItem.d.ts +2 -2
  90. package/Paper/Paper.d.ts +3 -3
  91. package/Paper/Paper.js +1 -2
  92. package/Popover/Popover.d.ts +4 -4
  93. package/Popper/Popper.d.ts +4 -4
  94. package/Popper/Popper.js +4 -4
  95. package/Radio/Radio.d.ts +3 -3
  96. package/RadioGroup/RadioGroup.d.ts +3 -3
  97. package/Rating/Rating.d.ts +2 -2
  98. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  99. package/Select/Select.d.ts +3 -3
  100. package/Skeleton/Skeleton.d.ts +2 -2
  101. package/Slide/Slide.d.ts +4 -4
  102. package/Slide/Slide.js +1 -1
  103. package/Slider/Slider.d.ts +3 -3
  104. package/Snackbar/Snackbar.d.ts +2 -2
  105. package/Snackbar/Snackbar.js +1 -2
  106. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  107. package/SpeedDial/SpeedDial.d.ts +2 -2
  108. package/SpeedDial/SpeedDial.js +1 -2
  109. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  110. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  111. package/Stack/Stack.d.ts +2 -2
  112. package/Step/Step.d.ts +2 -2
  113. package/StepButton/StepButton.d.ts +3 -3
  114. package/StepConnector/StepConnector.d.ts +3 -3
  115. package/StepContent/StepContent.d.ts +2 -2
  116. package/StepIcon/StepIcon.d.ts +2 -2
  117. package/StepLabel/StepLabel.d.ts +2 -2
  118. package/Stepper/Stepper.d.ts +2 -2
  119. package/SvgIcon/SvgIcon.d.ts +3 -3
  120. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  121. package/SwipeableDrawer/SwipeableDrawer.js +3 -3
  122. package/Switch/Switch.d.ts +4 -4
  123. package/Tab/Tab.d.ts +4 -4
  124. package/Tab/Tab.js +3 -1
  125. package/Tab/tabClasses.d.ts +1 -1
  126. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  127. package/Table/Table.d.ts +2 -2
  128. package/TableBody/TableBody.d.ts +2 -2
  129. package/TableCell/TableCell.d.ts +2 -2
  130. package/TableContainer/TableContainer.d.ts +2 -2
  131. package/TableFooter/TableFooter.d.ts +2 -2
  132. package/TableHead/TableHead.d.ts +2 -2
  133. package/TablePagination/TablePagination.d.ts +4 -4
  134. package/TableRow/TableRow.d.ts +2 -2
  135. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  136. package/Tabs/Tabs.d.ts +2 -2
  137. package/Tabs/Tabs.js +1 -2
  138. package/TextField/TextField.d.ts +10 -10
  139. package/ToggleButton/ToggleButton.d.ts +3 -3
  140. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  141. package/Toolbar/Toolbar.d.ts +2 -2
  142. package/Tooltip/Tooltip.d.ts +2 -2
  143. package/Tooltip/Tooltip.js +1 -2
  144. package/Typography/Typography.d.ts +3 -3
  145. package/Typography/Typography.js +2 -2
  146. package/Zoom/Zoom.d.ts +3 -3
  147. package/Zoom/Zoom.js +1 -1
  148. package/index.js +1 -1
  149. package/modern/Autocomplete/Autocomplete.js +9 -17
  150. package/modern/Chip/Chip.js +0 -2
  151. package/modern/Collapse/Collapse.js +1 -2
  152. package/modern/Dialog/Dialog.js +1 -2
  153. package/modern/Drawer/Drawer.js +1 -2
  154. package/modern/Fade/Fade.js +1 -1
  155. package/modern/Grid/Grid.js +7 -13
  156. package/modern/Grow/Grow.js +1 -1
  157. package/modern/InputBase/InputBase.js +26 -20
  158. package/modern/Link/Link.js +1 -2
  159. package/modern/Paper/Paper.js +1 -2
  160. package/modern/Popper/Popper.js +4 -4
  161. package/modern/Slide/Slide.js +1 -1
  162. package/modern/Snackbar/Snackbar.js +1 -2
  163. package/modern/SpeedDial/SpeedDial.js +1 -2
  164. package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -3
  165. package/modern/Tab/Tab.js +3 -1
  166. package/modern/Tabs/Tabs.js +1 -2
  167. package/modern/Tooltip/Tooltip.js +1 -2
  168. package/modern/Typography/Typography.js +2 -2
  169. package/modern/Zoom/Zoom.js +1 -1
  170. package/modern/index.js +1 -1
  171. package/modern/styles/createTheme.js +1 -1
  172. package/modern/styles/index.js +2 -1
  173. package/modern/styles/stringifyTheme.js +55 -0
  174. package/modern/zero-styled/index.js +20 -1
  175. package/node/Autocomplete/Autocomplete.js +9 -17
  176. package/node/Chip/Chip.js +0 -2
  177. package/node/Collapse/Collapse.js +1 -2
  178. package/node/Dialog/Dialog.js +1 -2
  179. package/node/Drawer/Drawer.js +1 -2
  180. package/node/Fade/Fade.js +2 -2
  181. package/node/Grid/Grid.js +7 -13
  182. package/node/Grow/Grow.js +2 -2
  183. package/node/InputBase/InputBase.js +25 -19
  184. package/node/Link/Link.js +1 -2
  185. package/node/Paper/Paper.js +1 -2
  186. package/node/Popper/Popper.js +4 -4
  187. package/node/Slide/Slide.js +2 -2
  188. package/node/Snackbar/Snackbar.js +1 -2
  189. package/node/SpeedDial/SpeedDial.js +1 -2
  190. package/node/SwipeableDrawer/SwipeableDrawer.js +5 -4
  191. package/node/Tab/Tab.js +3 -1
  192. package/node/Tabs/Tabs.js +1 -2
  193. package/node/Tooltip/Tooltip.js +1 -2
  194. package/node/Typography/Typography.js +2 -2
  195. package/node/Zoom/Zoom.js +2 -2
  196. package/node/index.js +1 -1
  197. package/node/styles/createTheme.js +1 -1
  198. package/node/styles/index.js +20 -1
  199. package/node/styles/stringifyTheme.js +62 -0
  200. package/node/zero-styled/index.js +29 -0
  201. package/package.json +6 -6
  202. package/styles/createTheme.js +1 -1
  203. package/styles/index.d.ts +3 -0
  204. package/styles/index.js +2 -1
  205. package/styles/stringifyTheme.d.ts +20 -0
  206. package/styles/stringifyTheme.js +55 -0
  207. package/zero-styled/index.d.ts +7 -0
  208. package/zero-styled/index.js +20 -1
@@ -1,6 +1,7 @@
1
1
  'use client';
2
2
 
3
3
  import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
4
+ var _InputGlobalStyles;
4
5
  import * as React from 'react';
5
6
  import PropTypes from 'prop-types';
6
7
  import clsx from 'clsx';
@@ -12,11 +13,10 @@ import composeClasses from '@mui/utils/composeClasses';
12
13
  import formControlState from '../FormControl/formControlState';
13
14
  import FormControlContext from '../FormControl/FormControlContext';
14
15
  import useFormControl from '../FormControl/useFormControl';
15
- import { styled, createUseThemeProps } from '../zero-styled';
16
+ import { styled, createUseThemeProps, globalCss } from '../zero-styled';
16
17
  import capitalize from '../utils/capitalize';
17
18
  import useForkRef from '../utils/useForkRef';
18
19
  import useEnhancedEffect from '../utils/useEnhancedEffect';
19
- import GlobalStyles from '../GlobalStyles';
20
20
  import { isFilled } from './utils';
21
21
  import inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';
22
22
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -145,8 +145,6 @@ export const InputBaseInput = styled('input', {
145
145
  // Make the flex item shrink with Firefox
146
146
  minWidth: 0,
147
147
  flexGrow: 1,
148
- animationName: 'mui-auto-fill-cancel',
149
- animationDuration: '10ms',
150
148
  '&::-webkit-input-placeholder': placeholder,
151
149
  '&::-moz-placeholder': placeholder,
152
150
  // Firefox 19+
@@ -180,11 +178,19 @@ export const InputBaseInput = styled('input', {
180
178
  // Reset iOS opacity
181
179
  WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
182
180
  },
183
- '&:-webkit-autofill': {
184
- animationDuration: '5000s',
185
- animationName: 'mui-auto-fill'
186
- },
187
181
  variants: [{
182
+ props: ({
183
+ ownerState
184
+ }) => !ownerState.disableInjectingGlobalStyles,
185
+ style: {
186
+ animationName: 'mui-auto-fill-cancel',
187
+ animationDuration: '10ms',
188
+ '&:-webkit-autofill': {
189
+ animationDuration: '5000s',
190
+ animationName: 'mui-auto-fill'
191
+ }
192
+ }
193
+ }, {
188
194
  props: {
189
195
  size: 'small'
190
196
  },
@@ -211,17 +217,15 @@ export const InputBaseInput = styled('input', {
211
217
  }]
212
218
  };
213
219
  });
214
- const inputGlobalStyles = /*#__PURE__*/_jsx(GlobalStyles, {
215
- styles: {
216
- '@keyframes mui-auto-fill': {
217
- from: {
218
- display: 'block'
219
- }
220
- },
221
- '@keyframes mui-auto-fill-cancel': {
222
- from: {
223
- display: 'block'
224
- }
220
+ const InputGlobalStyles = globalCss({
221
+ '@keyframes mui-auto-fill': {
222
+ from: {
223
+ display: 'block'
224
+ }
225
+ },
226
+ '@keyframes mui-auto-fill-cancel': {
227
+ from: {
228
+ display: 'block'
225
229
  }
226
230
  }
227
231
  });
@@ -456,7 +460,9 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
456
460
  ...(slotProps.input ?? componentsProps.input)
457
461
  };
458
462
  return /*#__PURE__*/_jsxs(React.Fragment, {
459
- children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, {
463
+ children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === 'function' && ( // For Emotion/Styled-components, InputGlobalStyles will be a function
464
+ // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
465
+ _InputGlobalStyles || (_InputGlobalStyles = /*#__PURE__*/_jsx(InputGlobalStyles, {}))), /*#__PURE__*/_jsxs(Root, {
460
466
  ...rootProps,
461
467
  ref: ref,
462
468
  onClick: handleClick,
@@ -71,12 +71,12 @@ export type InputLabelTypeMap<
71
71
  *
72
72
  * Demos:
73
73
  *
74
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
74
+ * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
75
75
  *
76
76
  * API:
77
77
  *
78
- * - [InputLabel API](https://mui.com/material-ui/api/input-label/)
79
- * - inherits [FormLabel API](https://mui.com/material-ui/api/form-label/)
78
+ * - [InputLabel API](https://next.mui.com/material-ui/api/input-label/)
79
+ * - inherits [FormLabel API](https://next.mui.com/material-ui/api/form-label/)
80
80
  */
81
81
  declare const InputLabel: OverridableComponent<InputLabelTypeMap>;
82
82
 
@@ -53,10 +53,10 @@ export interface LinearProgressProps
53
53
  *
54
54
  * Demos:
55
55
  *
56
- * - [Progress](https://mui.com/material-ui/react-progress/)
56
+ * - [Progress](https://next.mui.com/material-ui/react-progress/)
57
57
  *
58
58
  * API:
59
59
  *
60
- * - [LinearProgress API](https://mui.com/material-ui/api/linear-progress/)
60
+ * - [LinearProgress API](https://next.mui.com/material-ui/api/linear-progress/)
61
61
  */
62
62
  export default function LinearProgress(props: LinearProgressProps): React.JSX.Element;
package/Link/Link.d.ts CHANGED
@@ -49,13 +49,13 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
49
49
  *
50
50
  * Demos:
51
51
  *
52
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
53
- * - [Links](https://mui.com/material-ui/react-link/)
52
+ * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
53
+ * - [Links](https://next.mui.com/material-ui/react-link/)
54
54
  *
55
55
  * API:
56
56
  *
57
- * - [Link API](https://mui.com/material-ui/api/link/)
58
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
57
+ * - [Link API](https://next.mui.com/material-ui/api/link/)
58
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
59
59
  */
60
60
  declare const Link: OverridableComponent<LinkTypeMap>;
61
61
 
package/Link/Link.js CHANGED
@@ -7,13 +7,12 @@ import { alpha } from '@mui/system/colorManipulator';
7
7
  import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
8
8
  import composeClasses from '@mui/utils/composeClasses';
9
9
  import capitalize from '../utils/capitalize';
10
- import { styled, createUseThemeProps } from '../zero-styled';
10
+ import { styled, createUseThemeProps, useTheme } from '../zero-styled';
11
11
  import useIsFocusVisible from '../utils/useIsFocusVisible';
12
12
  import useForkRef from '../utils/useForkRef';
13
13
  import Typography from '../Typography';
14
14
  import linkClasses, { getLinkUtilityClass } from './linkClasses';
15
15
  import getTextDecoration, { colorTransformations } from './getTextDecoration';
16
- import useTheme from '../styles/useTheme';
17
16
  import { jsx as _jsx } from "react/jsx-runtime";
18
17
  const useThemeProps = createUseThemeProps('MuiLink');
19
18
  const useUtilityClasses = ownerState => {
package/List/List.d.ts CHANGED
@@ -56,12 +56,12 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
56
56
  *
57
57
  * Demos:
58
58
  *
59
- * - [Lists](https://mui.com/material-ui/react-list/)
60
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
59
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
60
+ * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
61
61
  *
62
62
  * API:
63
63
  *
64
- * - [List API](https://mui.com/material-ui/api/list/)
64
+ * - [List API](https://next.mui.com/material-ui/api/list/)
65
65
  */
66
66
  declare const List: ExtendList<ListTypeMap>;
67
67
 
@@ -136,12 +136,12 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
136
136
  *
137
137
  * Demos:
138
138
  *
139
- * - [Lists](https://mui.com/material-ui/react-list/)
140
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
139
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
140
+ * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
141
141
  *
142
142
  * API:
143
143
  *
144
- * - [ListItem API](https://mui.com/material-ui/api/list-item/)
144
+ * - [ListItem API](https://next.mui.com/material-ui/api/list-item/)
145
145
  */
146
146
  declare const ListItem: ExtendButtonBase<
147
147
  ListItemTypeMap<
@@ -22,10 +22,10 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Lists](https://mui.com/material-ui/react-list/)
25
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
29
+ * - [ListItemAvatar API](https://next.mui.com/material-ui/api/list-item-avatar/)
30
30
  */
31
31
  export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;
@@ -76,12 +76,12 @@ export type ListItemButtonTypeMap<
76
76
  *
77
77
  * Demos:
78
78
  *
79
- * - [Lists](https://mui.com/material-ui/react-list/)
79
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
80
80
  *
81
81
  * API:
82
82
  *
83
- * - [ListItemButton API](https://mui.com/material-ui/api/list-item-button/)
84
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
83
+ * - [ListItemButton API](https://next.mui.com/material-ui/api/list-item-button/)
84
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
85
85
  */
86
86
  declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
87
87
 
@@ -24,10 +24,10 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
24
24
  *
25
25
  * Demos:
26
26
  *
27
- * - [Lists](https://mui.com/material-ui/react-list/)
27
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
28
28
  *
29
29
  * API:
30
30
  *
31
- * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
31
+ * - [ListItemIcon API](https://next.mui.com/material-ui/api/list-item-icon/)
32
32
  */
33
33
  export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;
@@ -24,11 +24,11 @@ export interface ListItemSecondaryActionProps
24
24
  *
25
25
  * Demos:
26
26
  *
27
- * - [Lists](https://mui.com/material-ui/react-list/)
27
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
28
28
  *
29
29
  * API:
30
30
  *
31
- * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
31
+ * - [ListItemSecondaryAction API](https://next.mui.com/material-ui/api/list-item-secondary-action/)
32
32
  *
33
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.
34
34
  */
@@ -64,11 +64,11 @@ export interface ListItemTextProps<
64
64
  *
65
65
  * Demos:
66
66
  *
67
- * - [Lists](https://mui.com/material-ui/react-list/)
67
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
68
68
  *
69
69
  * API:
70
70
  *
71
- * - [ListItemText API](https://mui.com/material-ui/api/list-item-text/)
71
+ * - [ListItemText API](https://next.mui.com/material-ui/api/list-item-text/)
72
72
  */
73
73
  export default function ListItemText<
74
74
  PrimaryTypographyComponent extends React.ElementType = 'span',
@@ -51,11 +51,11 @@ export interface ListSubheaderTypeMap<
51
51
  *
52
52
  * Demos:
53
53
  *
54
- * - [Lists](https://mui.com/material-ui/react-list/)
54
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
55
55
  *
56
56
  * API:
57
57
  *
58
- * - [ListSubheader API](https://mui.com/material-ui/api/list-subheader/)
58
+ * - [ListSubheader API](https://next.mui.com/material-ui/api/list-subheader/)
59
59
  */
60
60
  declare const ListSubheader: OverridableComponent<ListSubheaderTypeMap>;
61
61
 
package/Menu/Menu.d.ts CHANGED
@@ -86,12 +86,12 @@ export declare const MenuPaper: React.FC<PaperProps>;
86
86
  *
87
87
  * Demos:
88
88
  *
89
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
90
- * - [Menu](https://mui.com/material-ui/react-menu/)
89
+ * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
90
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
91
91
  *
92
92
  * API:
93
93
  *
94
- * - [Menu API](https://mui.com/material-ui/api/menu/)
95
- * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
94
+ * - [Menu API](https://next.mui.com/material-ui/api/menu/)
95
+ * - inherits [Popover API](https://next.mui.com/material-ui/api/popover/)
96
96
  */
97
97
  export default function Menu(props: MenuProps): React.JSX.Element;
@@ -60,12 +60,12 @@ export type MenuItemTypeMap<
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Menu](https://mui.com/material-ui/react-menu/)
63
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
64
64
  *
65
65
  * API:
66
66
  *
67
- * - [MenuItem API](https://mui.com/material-ui/api/menu-item/)
68
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
67
+ * - [MenuItem API](https://next.mui.com/material-ui/api/menu-item/)
68
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
69
69
  */
70
70
  declare const MenuItem: ExtendButtonBase<MenuItemTypeMap>;
71
71
 
@@ -48,18 +48,18 @@ export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['class
48
48
 
49
49
  /**
50
50
  * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
51
- * It's exposed to help customization of the [`Menu`](https://mui.com/material-ui/api/menu/) component if you
51
+ * It's exposed to help customization of the [`Menu`](https://next.mui.com/material-ui/api/menu/) component if you
52
52
  * use it separately you need to move focus into the component manually. Once
53
53
  * the focus is placed inside the component it is fully keyboard accessible.
54
54
  *
55
55
  * Demos:
56
56
  *
57
- * - [Menu](https://mui.com/material-ui/react-menu/)
57
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
58
58
  *
59
59
  * API:
60
60
  *
61
- * - [MenuList API](https://mui.com/material-ui/api/menu-list/)
62
- * - inherits [List API](https://mui.com/material-ui/api/list/)
61
+ * - [MenuList API](https://next.mui.com/material-ui/api/menu-list/)
62
+ * - inherits [List API](https://next.mui.com/material-ui/api/list/)
63
63
  */
64
64
  declare const MenuList: ExtendList<MenuListTypeMap>;
65
65
 
@@ -52,11 +52,11 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
52
52
  *
53
53
  * Demos:
54
54
  *
55
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
55
+ * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
56
56
  *
57
57
  * API:
58
58
  *
59
- * - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
60
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
59
+ * - [MobileStepper API](https://next.mui.com/material-ui/api/mobile-stepper/)
60
+ * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
61
61
  */
62
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<any>;
53
+ children: React.ReactElement<unknown>;
54
54
  /**
55
55
  * Override or extend the styles applied to the component.
56
56
  */
@@ -211,23 +211,23 @@ export declare const ModalRoot: React.FC<ModalRootProps>;
211
211
  /**
212
212
  * Modal is a lower-level construct that is leveraged by the following components:
213
213
  *
214
- * * [Dialog](https://mui.com/material-ui/api/dialog/)
215
- * * [Drawer](https://mui.com/material-ui/api/drawer/)
216
- * * [Menu](https://mui.com/material-ui/api/menu/)
217
- * * [Popover](https://mui.com/material-ui/api/popover/)
214
+ * * [Dialog](https://next.mui.com/material-ui/api/dialog/)
215
+ * * [Drawer](https://next.mui.com/material-ui/api/drawer/)
216
+ * * [Menu](https://next.mui.com/material-ui/api/menu/)
217
+ * * [Popover](https://next.mui.com/material-ui/api/popover/)
218
218
  *
219
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
219
+ * If you are creating a modal dialog, you probably want to use the [Dialog](https://next.mui.com/material-ui/api/dialog/) component
220
220
  * rather than directly using Modal.
221
221
  *
222
222
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
223
223
  *
224
224
  * Demos:
225
225
  *
226
- * - [Modal](https://mui.com/material-ui/react-modal/)
226
+ * - [Modal](https://next.mui.com/material-ui/react-modal/)
227
227
  *
228
228
  * API:
229
229
  *
230
- * - [Modal API](https://mui.com/material-ui/api/modal/)
230
+ * - [Modal API](https://next.mui.com/material-ui/api/modal/)
231
231
  */
232
232
  declare const Modal: OverridableComponent<ModalTypeMap>;
233
233
 
@@ -57,12 +57,12 @@ export interface NativeSelectProps
57
57
  *
58
58
  * Demos:
59
59
  *
60
- * - [Select](https://mui.com/material-ui/react-select/)
60
+ * - [Select](https://next.mui.com/material-ui/react-select/)
61
61
  *
62
62
  * API:
63
63
  *
64
- * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
65
- * - inherits [Input API](https://mui.com/material-ui/api/input/)
64
+ * - [NativeSelect API](https://next.mui.com/material-ui/api/native-select/)
65
+ * - inherits [Input API](https://next.mui.com/material-ui/api/input/)
66
66
  */
67
67
  declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & { muiName: string };
68
68
 
@@ -28,12 +28,12 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
28
28
  *
29
29
  * Demos:
30
30
  *
31
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
31
+ * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
32
32
  *
33
33
  * API:
34
34
  *
35
- * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
36
- * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
35
+ * - [OutlinedInput API](https://next.mui.com/material-ui/api/outlined-input/)
36
+ * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
37
37
  */
38
38
  declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
39
39
  muiName: string;
@@ -80,10 +80,10 @@ export interface PaginationProps
80
80
  *
81
81
  * Demos:
82
82
  *
83
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
83
+ * - [Pagination](https://next.mui.com/material-ui/react-pagination/)
84
84
  *
85
85
  * API:
86
86
  *
87
- * - [Pagination API](https://mui.com/material-ui/api/pagination/)
87
+ * - [Pagination API](https://next.mui.com/material-ui/api/pagination/)
88
88
  */
89
89
  export default function Pagination(props: PaginationProps): React.JSX.Element;
@@ -118,11 +118,11 @@ export interface PaginationItemTypeMap<
118
118
  *
119
119
  * Demos:
120
120
  *
121
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
121
+ * - [Pagination](https://next.mui.com/material-ui/react-pagination/)
122
122
  *
123
123
  * API:
124
124
  *
125
- * - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
125
+ * - [PaginationItem API](https://next.mui.com/material-ui/api/pagination-item/)
126
126
  */
127
127
  declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
128
128
 
package/Paper/Paper.d.ts CHANGED
@@ -50,12 +50,12 @@ export interface PaperTypeMap<
50
50
  *
51
51
  * Demos:
52
52
  *
53
- * - [Card](https://mui.com/material-ui/react-card/)
54
- * - [Paper](https://mui.com/material-ui/react-paper/)
53
+ * - [Card](https://next.mui.com/material-ui/react-card/)
54
+ * - [Paper](https://next.mui.com/material-ui/react-paper/)
55
55
  *
56
56
  * API:
57
57
  *
58
- * - [Paper API](https://mui.com/material-ui/api/paper/)
58
+ * - [Paper API](https://next.mui.com/material-ui/api/paper/)
59
59
  */
60
60
  declare const Paper: OverridableComponent<PaperTypeMap>;
61
61
 
package/Paper/Paper.js CHANGED
@@ -7,9 +7,8 @@ import integerPropType from '@mui/utils/integerPropType';
7
7
  import chainPropTypes from '@mui/utils/chainPropTypes';
8
8
  import composeClasses from '@mui/utils/composeClasses';
9
9
  import { alpha } from '@mui/system/colorManipulator';
10
- import { styled, createUseThemeProps } from '../zero-styled';
10
+ import { styled, createUseThemeProps, useTheme } from '../zero-styled';
11
11
  import getOverlayAlpha from '../styles/getOverlayAlpha';
12
- import useTheme from '../styles/useTheme';
13
12
  import { getPaperUtilityClass } from './paperClasses';
14
13
  import { jsx as _jsx } from "react/jsx-runtime";
15
14
  const useThemeProps = createUseThemeProps('MuiPaper');
@@ -182,12 +182,12 @@ export declare const PopoverPaper: React.FC<PopoverPaperProps>;
182
182
  *
183
183
  * Demos:
184
184
  *
185
- * - [Menu](https://mui.com/material-ui/react-menu/)
186
- * - [Popover](https://mui.com/material-ui/react-popover/)
185
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
186
+ * - [Popover](https://next.mui.com/material-ui/react-popover/)
187
187
  *
188
188
  * API:
189
189
  *
190
- * - [Popover API](https://mui.com/material-ui/api/popover/)
191
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
190
+ * - [Popover API](https://next.mui.com/material-ui/api/popover/)
191
+ * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
192
192
  */
193
193
  export default function Popover(props: PopoverProps): React.JSX.Element;
@@ -34,13 +34,13 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
34
34
  *
35
35
  * Demos:
36
36
  *
37
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
38
- * - [Menu](https://mui.com/material-ui/react-menu/)
39
- * - [Popper](https://mui.com/material-ui/react-popper/)
37
+ * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
38
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
39
+ * - [Popper](https://next.mui.com/material-ui/react-popper/)
40
40
  *
41
41
  * API:
42
42
  *
43
- * - [Popper API](https://mui.com/material-ui/api/popper/)
43
+ * - [Popper API](https://next.mui.com/material-ui/api/popper/)
44
44
  */
45
45
  declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
46
46
  export default Popper;
package/Popper/Popper.js CHANGED
@@ -18,13 +18,13 @@ const PopperRoot = styled(BasePopper, {
18
18
  *
19
19
  * Demos:
20
20
  *
21
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
22
- * - [Menu](https://mui.com/material-ui/react-menu/)
23
- * - [Popper](https://mui.com/material-ui/react-popper/)
21
+ * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
22
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
23
+ * - [Popper](https://next.mui.com/material-ui/react-popper/)
24
24
  *
25
25
  * API:
26
26
  *
27
- * - [Popper API](https://mui.com/material-ui/api/popper/)
27
+ * - [Popper API](https://next.mui.com/material-ui/api/popper/)
28
28
  */
29
29
  const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
30
30
  const theme = useTheme();
package/Radio/Radio.d.ts CHANGED
@@ -55,11 +55,11 @@ export interface RadioProps
55
55
  *
56
56
  * Demos:
57
57
  *
58
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
58
+ * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
59
59
  *
60
60
  * API:
61
61
  *
62
- * - [Radio API](https://mui.com/material-ui/api/radio/)
63
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
62
+ * - [Radio API](https://next.mui.com/material-ui/api/radio/)
63
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
64
64
  */
65
65
  export default function Radio(props: RadioProps): React.JSX.Element;
@@ -29,11 +29,11 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
29
29
  *
30
30
  * Demos:
31
31
  *
32
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
32
+ * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
33
33
  *
34
34
  * API:
35
35
  *
36
- * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
37
- * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
36
+ * - [RadioGroup API](https://next.mui.com/material-ui/api/radio-group/)
37
+ * - inherits [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
38
38
  */
39
39
  export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;
@@ -118,10 +118,10 @@ export interface RatingProps
118
118
  *
119
119
  * Demos:
120
120
  *
121
- * - [Rating](https://mui.com/material-ui/react-rating/)
121
+ * - [Rating](https://next.mui.com/material-ui/react-rating/)
122
122
  *
123
123
  * API:
124
124
  *
125
- * - [Rating API](https://mui.com/material-ui/api/rating/)
125
+ * - [Rating API](https://next.mui.com/material-ui/api/rating/)
126
126
  */
127
127
  export default function Rating(props: RatingProps): React.JSX.Element;
@@ -36,11 +36,11 @@ export interface ScopedCssBaselineTypeMap<
36
36
  *
37
37
  * Demos:
38
38
  *
39
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
39
+ * - [CSS Baseline](https://next.mui.com/material-ui/react-css-baseline/)
40
40
  *
41
41
  * API:
42
42
  *
43
- * - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
43
+ * - [ScopedCssBaseline API](https://next.mui.com/material-ui/api/scoped-css-baseline/)
44
44
  */
45
45
  declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
46
46
 
@@ -189,12 +189,12 @@ export type SelectProps<Value = unknown> =
189
189
  *
190
190
  * Demos:
191
191
  *
192
- * - [Select](https://mui.com/material-ui/react-select/)
192
+ * - [Select](https://next.mui.com/material-ui/react-select/)
193
193
  *
194
194
  * API:
195
195
  *
196
- * - [Select API](https://mui.com/material-ui/api/select/)
197
- * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
196
+ * - [Select API](https://next.mui.com/material-ui/api/select/)
197
+ * - inherits [OutlinedInput API](https://next.mui.com/material-ui/api/outlined-input/)
198
198
  */
199
199
  declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
200
200
  muiName: string;