@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.
- package/Accordion/Accordion.d.ts +3 -3
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/Alert/Alert.d.ts +3 -3
- package/AlertTitle/AlertTitle.d.ts +3 -3
- package/AppBar/AppBar.d.ts +3 -3
- package/Autocomplete/Autocomplete.d.ts +2 -2
- package/Autocomplete/Autocomplete.js +9 -17
- package/Avatar/Avatar.d.ts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/Box/Box.d.ts +2 -2
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Button/Button.d.ts +4 -4
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +76 -0
- package/Card/Card.d.ts +3 -3
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActions/CardActions.d.ts +2 -2
- package/CardContent/CardContent.d.ts +2 -2
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardMedia/CardMedia.d.ts +2 -2
- package/Checkbox/Checkbox.d.ts +4 -4
- package/Chip/Chip.d.ts +5 -5
- package/Chip/Chip.js +0 -2
- package/CircularProgress/CircularProgress.d.ts +2 -2
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +1 -2
- package/Container/Container.d.ts +2 -2
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.ts +3 -3
- package/Dialog/Dialog.js +1 -2
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogTitle/DialogTitle.d.ts +3 -3
- package/Divider/Divider.d.ts +3 -3
- package/Drawer/Drawer.d.ts +3 -3
- package/Drawer/Drawer.js +1 -2
- package/Fab/Fab.d.ts +3 -3
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +1 -1
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FormControl/FormControl.d.ts +6 -6
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormHelperText/FormHelperText.d.ts +2 -2
- package/FormLabel/FormLabel.d.ts +4 -4
- package/GlobalStyles/GlobalStyles.d.ts +3 -3
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +7 -13
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +1 -1
- package/Hidden/Hidden.d.ts +2 -2
- package/Icon/Icon.d.ts +3 -3
- package/IconButton/IconButton.d.ts +4 -4
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/Input/Input.d.ts +3 -3
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.ts +2 -2
- package/InputBase/InputBase.js +26 -20
- package/InputLabel/InputLabel.d.ts +3 -3
- package/LinearProgress/LinearProgress.d.ts +2 -2
- package/Link/Link.d.ts +4 -4
- package/Link/Link.js +1 -2
- package/List/List.d.ts +3 -3
- package/ListItem/ListItem.d.ts +3 -3
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemButton/ListItemButton.d.ts +3 -3
- package/ListItemIcon/ListItemIcon.d.ts +2 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemText/ListItemText.d.ts +2 -2
- package/ListSubheader/ListSubheader.d.ts +2 -2
- package/Menu/Menu.d.ts +4 -4
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuList/MenuList.d.ts +4 -4
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/Modal/Modal.d.ts +8 -8
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/OutlinedInput/OutlinedInput.d.ts +3 -3
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.ts +2 -2
- package/Paper/Paper.d.ts +3 -3
- package/Paper/Paper.js +1 -2
- package/Popover/Popover.d.ts +4 -4
- package/Popper/Popper.d.ts +4 -4
- package/Popper/Popper.js +4 -4
- package/Radio/Radio.d.ts +3 -3
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/Rating/Rating.d.ts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/Select/Select.d.ts +3 -3
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +1 -1
- package/Slider/Slider.d.ts +3 -3
- package/Snackbar/Snackbar.d.ts +2 -2
- package/Snackbar/Snackbar.js +1 -2
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDial/SpeedDial.js +1 -2
- package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.ts +2 -2
- package/StepButton/StepButton.d.ts +3 -3
- package/StepConnector/StepConnector.d.ts +3 -3
- package/StepContent/StepContent.d.ts +2 -2
- package/StepIcon/StepIcon.d.ts +2 -2
- package/StepLabel/StepLabel.d.ts +2 -2
- package/Stepper/Stepper.d.ts +2 -2
- package/SvgIcon/SvgIcon.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.js +3 -3
- package/Switch/Switch.d.ts +4 -4
- package/Tab/Tab.d.ts +4 -4
- package/Tab/Tab.js +3 -1
- package/Tab/tabClasses.d.ts +1 -1
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/Table/Table.d.ts +2 -2
- package/TableBody/TableBody.d.ts +2 -2
- package/TableCell/TableCell.d.ts +2 -2
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableHead/TableHead.d.ts +2 -2
- package/TablePagination/TablePagination.d.ts +4 -4
- package/TableRow/TableRow.d.ts +2 -2
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/Tabs/Tabs.d.ts +2 -2
- package/Tabs/Tabs.js +1 -2
- package/TextField/TextField.d.ts +10 -10
- package/ToggleButton/ToggleButton.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Tooltip/Tooltip.js +1 -2
- package/Typography/Typography.d.ts +3 -3
- package/Typography/Typography.js +2 -2
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +1 -1
- package/index.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +9 -17
- package/modern/Chip/Chip.js +0 -2
- package/modern/Collapse/Collapse.js +1 -2
- package/modern/Dialog/Dialog.js +1 -2
- package/modern/Drawer/Drawer.js +1 -2
- package/modern/Fade/Fade.js +1 -1
- package/modern/Grid/Grid.js +7 -13
- package/modern/Grow/Grow.js +1 -1
- package/modern/InputBase/InputBase.js +26 -20
- package/modern/Link/Link.js +1 -2
- package/modern/Paper/Paper.js +1 -2
- package/modern/Popper/Popper.js +4 -4
- package/modern/Slide/Slide.js +1 -1
- package/modern/Snackbar/Snackbar.js +1 -2
- package/modern/SpeedDial/SpeedDial.js +1 -2
- package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -3
- package/modern/Tab/Tab.js +3 -1
- package/modern/Tabs/Tabs.js +1 -2
- package/modern/Tooltip/Tooltip.js +1 -2
- package/modern/Typography/Typography.js +2 -2
- package/modern/Zoom/Zoom.js +1 -1
- package/modern/index.js +1 -1
- package/modern/styles/createTheme.js +1 -1
- package/modern/styles/index.js +2 -1
- package/modern/styles/stringifyTheme.js +55 -0
- package/modern/zero-styled/index.js +20 -1
- package/node/Autocomplete/Autocomplete.js +9 -17
- package/node/Chip/Chip.js +0 -2
- package/node/Collapse/Collapse.js +1 -2
- package/node/Dialog/Dialog.js +1 -2
- package/node/Drawer/Drawer.js +1 -2
- package/node/Fade/Fade.js +2 -2
- package/node/Grid/Grid.js +7 -13
- package/node/Grow/Grow.js +2 -2
- package/node/InputBase/InputBase.js +25 -19
- package/node/Link/Link.js +1 -2
- package/node/Paper/Paper.js +1 -2
- package/node/Popper/Popper.js +4 -4
- package/node/Slide/Slide.js +2 -2
- package/node/Snackbar/Snackbar.js +1 -2
- package/node/SpeedDial/SpeedDial.js +1 -2
- package/node/SwipeableDrawer/SwipeableDrawer.js +5 -4
- package/node/Tab/Tab.js +3 -1
- package/node/Tabs/Tabs.js +1 -2
- package/node/Tooltip/Tooltip.js +1 -2
- package/node/Typography/Typography.js +2 -2
- package/node/Zoom/Zoom.js +2 -2
- package/node/index.js +1 -1
- package/node/styles/createTheme.js +1 -1
- package/node/styles/index.js +20 -1
- package/node/styles/stringifyTheme.js +62 -0
- package/node/zero-styled/index.js +29 -0
- package/package.json +6 -6
- package/styles/createTheme.js +1 -1
- package/styles/index.d.ts +3 -0
- package/styles/index.js +2 -1
- package/styles/stringifyTheme.d.ts +20 -0
- package/styles/stringifyTheme.js +55 -0
- package/zero-styled/index.d.ts +7 -0
- package/zero-styled/index.js +20 -1
package/Container/Container.d.ts
CHANGED
|
@@ -47,11 +47,11 @@ export interface ContainerTypeMap<
|
|
|
47
47
|
*
|
|
48
48
|
* Demos:
|
|
49
49
|
*
|
|
50
|
-
* - [Container](https://mui.com/material-ui/react-container/)
|
|
50
|
+
* - [Container](https://next.mui.com/material-ui/react-container/)
|
|
51
51
|
*
|
|
52
52
|
* API:
|
|
53
53
|
*
|
|
54
|
-
* - [Container API](https://mui.com/material-ui/api/container/)
|
|
54
|
+
* - [Container API](https://next.mui.com/material-ui/api/container/)
|
|
55
55
|
*/
|
|
56
56
|
declare const Container: OverridableComponent<ContainerTypeMap>;
|
|
57
57
|
|
|
@@ -20,10 +20,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
|
|
|
20
20
|
*
|
|
21
21
|
* Demos:
|
|
22
22
|
*
|
|
23
|
-
* - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
23
|
+
* - [CSS Baseline](https://next.mui.com/material-ui/react-css-baseline/)
|
|
24
24
|
*
|
|
25
25
|
* API:
|
|
26
26
|
*
|
|
27
|
-
* - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
|
|
27
|
+
* - [CssBaseline API](https://next.mui.com/material-ui/api/css-baseline/)
|
|
28
28
|
*/
|
|
29
29
|
export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -111,11 +111,11 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
|
|
|
111
111
|
*
|
|
112
112
|
* Demos:
|
|
113
113
|
*
|
|
114
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
114
|
+
* - [Dialog](https://next.mui.com/material-ui/react-dialog/)
|
|
115
115
|
*
|
|
116
116
|
* API:
|
|
117
117
|
*
|
|
118
|
-
* - [Dialog API](https://mui.com/material-ui/api/dialog/)
|
|
119
|
-
* - inherits [Modal API](https://mui.com/material-ui/api/modal/)
|
|
118
|
+
* - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
|
|
119
|
+
* - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
|
|
120
120
|
*/
|
|
121
121
|
export default function Dialog(props: DialogProps): React.JSX.Element;
|
package/Dialog/Dialog.js
CHANGED
|
@@ -12,8 +12,7 @@ import Paper from '../Paper';
|
|
|
12
12
|
import dialogClasses, { getDialogUtilityClass } from './dialogClasses';
|
|
13
13
|
import DialogContext from './DialogContext';
|
|
14
14
|
import Backdrop from '../Backdrop';
|
|
15
|
-
import useTheme from '../
|
|
16
|
-
import { styled, createUseThemeProps } from '../zero-styled';
|
|
15
|
+
import { styled, createUseThemeProps, useTheme } from '../zero-styled';
|
|
17
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
17
|
const useThemeProps = createUseThemeProps('MuiDialog');
|
|
19
18
|
const DialogBackdrop = styled(Backdrop, {
|
|
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
30
|
+
* - [Dialog](https://next.mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
|
|
34
|
+
* - [DialogActions API](https://next.mui.com/material-ui/api/dialog-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogActions(props: DialogActionsProps): React.JSX.Element;
|
|
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
30
|
+
* - [Dialog](https://next.mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
|
|
34
|
+
* - [DialogContent API](https://next.mui.com/material-ui/api/dialog-content/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogContent(props: DialogContentProps): React.JSX.Element;
|
|
@@ -28,12 +28,12 @@ export interface DialogContentTextTypeMap<
|
|
|
28
28
|
*
|
|
29
29
|
* Demos:
|
|
30
30
|
*
|
|
31
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
31
|
+
* - [Dialog](https://next.mui.com/material-ui/react-dialog/)
|
|
32
32
|
*
|
|
33
33
|
* API:
|
|
34
34
|
*
|
|
35
|
-
* - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
|
|
36
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
35
|
+
* - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
|
|
36
|
+
* - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
|
|
37
37
|
*/
|
|
38
38
|
declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
|
|
39
39
|
|
|
@@ -32,12 +32,12 @@ export interface DialogTitleTypeMap<
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
35
|
+
* - [Dialog](https://next.mui.com/material-ui/react-dialog/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
|
|
40
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
39
|
+
* - [DialogTitle API](https://next.mui.com/material-ui/api/dialog-title/)
|
|
40
|
+
* - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
|
|
41
41
|
*/
|
|
42
42
|
declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
|
|
43
43
|
|
package/Divider/Divider.d.ts
CHANGED
|
@@ -66,12 +66,12 @@ export interface DividerTypeMap<
|
|
|
66
66
|
*
|
|
67
67
|
* Demos:
|
|
68
68
|
*
|
|
69
|
-
* - [Divider](https://mui.com/material-ui/react-divider/)
|
|
70
|
-
* - [Lists](https://mui.com/material-ui/react-list/)
|
|
69
|
+
* - [Divider](https://next.mui.com/material-ui/react-divider/)
|
|
70
|
+
* - [Lists](https://next.mui.com/material-ui/react-list/)
|
|
71
71
|
*
|
|
72
72
|
* API:
|
|
73
73
|
*
|
|
74
|
-
* - [Divider API](https://mui.com/material-ui/api/divider/)
|
|
74
|
+
* - [Divider API](https://next.mui.com/material-ui/api/divider/)
|
|
75
75
|
*/
|
|
76
76
|
declare const Divider: OverridableComponent<DividerTypeMap>;
|
|
77
77
|
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -74,15 +74,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
|
-
* The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
|
|
77
|
+
* The props of the [Modal](https://next.mui.com/material-ui/api/modal/) component are available
|
|
78
78
|
* when `variant="temporary"` is set.
|
|
79
79
|
*
|
|
80
80
|
* Demos:
|
|
81
81
|
*
|
|
82
|
-
* - [Drawer](https://mui.com/material-ui/react-drawer/)
|
|
82
|
+
* - [Drawer](https://next.mui.com/material-ui/react-drawer/)
|
|
83
83
|
*
|
|
84
84
|
* API:
|
|
85
85
|
*
|
|
86
|
-
* - [Drawer API](https://mui.com/material-ui/api/drawer/)
|
|
86
|
+
* - [Drawer API](https://next.mui.com/material-ui/api/drawer/)
|
|
87
87
|
*/
|
|
88
88
|
export default function Drawer(props: DrawerProps): React.JSX.Element;
|
package/Drawer/Drawer.js
CHANGED
|
@@ -10,9 +10,8 @@ import Modal from '../Modal';
|
|
|
10
10
|
import Slide from '../Slide';
|
|
11
11
|
import Paper from '../Paper';
|
|
12
12
|
import capitalize from '../utils/capitalize';
|
|
13
|
-
import useTheme from '../styles/useTheme';
|
|
14
13
|
import rootShouldForwardProp from '../styles/rootShouldForwardProp';
|
|
15
|
-
import { styled, createUseThemeProps } from '../zero-styled';
|
|
14
|
+
import { styled, createUseThemeProps, useTheme } from '../zero-styled';
|
|
16
15
|
import { getDrawerUtilityClass } from './drawerClasses';
|
|
17
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
17
|
const useThemeProps = createUseThemeProps('MuiDrawer');
|
package/Fab/Fab.d.ts
CHANGED
|
@@ -79,12 +79,12 @@ export type FabTypeMap<
|
|
|
79
79
|
*
|
|
80
80
|
* Demos:
|
|
81
81
|
*
|
|
82
|
-
* - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
|
|
82
|
+
* - [Floating Action Button](https://next.mui.com/material-ui/react-floating-action-button/)
|
|
83
83
|
*
|
|
84
84
|
* API:
|
|
85
85
|
*
|
|
86
|
-
* - [Fab API](https://mui.com/material-ui/api/fab/)
|
|
87
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
86
|
+
* - [Fab API](https://next.mui.com/material-ui/api/fab/)
|
|
87
|
+
* - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
|
|
88
88
|
*/
|
|
89
89
|
declare const Fab: ExtendButtonBase<FabTypeMap>;
|
|
90
90
|
|
package/Fade/Fade.d.ts
CHANGED
|
@@ -34,16 +34,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
|
-
* The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
|
|
37
|
+
* The Fade transition is used by the [Modal](https://next.mui.com/material-ui/react-modal/) component.
|
|
38
38
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
39
39
|
*
|
|
40
40
|
* Demos:
|
|
41
41
|
*
|
|
42
|
-
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
42
|
+
* - [Transitions](https://next.mui.com/material-ui/transitions/)
|
|
43
43
|
*
|
|
44
44
|
* API:
|
|
45
45
|
*
|
|
46
|
-
* - [Fade API](https://mui.com/material-ui/api/fade/)
|
|
46
|
+
* - [Fade API](https://next.mui.com/material-ui/api/fade/)
|
|
47
47
|
* - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
48
48
|
*/
|
|
49
49
|
export default function Fade(props: FadeProps): React.JSX.Element;
|
package/Fade/Fade.js
CHANGED
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { Transition } from 'react-transition-group';
|
|
6
6
|
import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
|
|
7
|
-
import useTheme from '../
|
|
7
|
+
import { useTheme } from '../zero-styled';
|
|
8
8
|
import { reflow, getTransitionProps } from '../transitions/utils';
|
|
9
9
|
import useForkRef from '../utils/useForkRef';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -30,12 +30,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
|
|
|
30
30
|
*
|
|
31
31
|
* Demos:
|
|
32
32
|
*
|
|
33
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
33
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
34
34
|
*
|
|
35
35
|
* API:
|
|
36
36
|
*
|
|
37
|
-
* - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
|
|
38
|
-
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
37
|
+
* - [FilledInput API](https://next.mui.com/material-ui/api/filled-input/)
|
|
38
|
+
* - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
|
|
39
39
|
*/
|
|
40
40
|
declare const FilledInput: ((props: FilledInputProps) => React.JSX.Element) & { muiName: string };
|
|
41
41
|
|
|
@@ -98,7 +98,7 @@ export interface FormControlTypeMap<
|
|
|
98
98
|
* * Input
|
|
99
99
|
* * InputLabel
|
|
100
100
|
*
|
|
101
|
-
* You can find one composition example below and more going to [the demos](https://mui.com/material-ui/react-text-field/#components).
|
|
101
|
+
* You can find one composition example below and more going to [the demos](https://next.mui.com/material-ui/react-text-field/#components).
|
|
102
102
|
*
|
|
103
103
|
* ```jsx
|
|
104
104
|
* <FormControl>
|
|
@@ -113,14 +113,14 @@ export interface FormControlTypeMap<
|
|
|
113
113
|
*
|
|
114
114
|
* Demos:
|
|
115
115
|
*
|
|
116
|
-
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
117
|
-
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
118
|
-
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
119
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
116
|
+
* - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
|
|
117
|
+
* - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
|
|
118
|
+
* - [Switch](https://next.mui.com/material-ui/react-switch/)
|
|
119
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
120
120
|
*
|
|
121
121
|
* API:
|
|
122
122
|
*
|
|
123
|
-
* - [FormControl API](https://mui.com/material-ui/api/form-control/)
|
|
123
|
+
* - [FormControl API](https://next.mui.com/material-ui/api/form-control/)
|
|
124
124
|
*/
|
|
125
125
|
declare const FormControl: OverridableComponent<FormControlTypeMap>;
|
|
126
126
|
|
|
@@ -98,12 +98,12 @@ export interface FormControlLabelProps
|
|
|
98
98
|
*
|
|
99
99
|
* Demos:
|
|
100
100
|
*
|
|
101
|
-
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
102
|
-
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
103
|
-
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
101
|
+
* - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
|
|
102
|
+
* - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
|
|
103
|
+
* - [Switch](https://next.mui.com/material-ui/react-switch/)
|
|
104
104
|
*
|
|
105
105
|
* API:
|
|
106
106
|
*
|
|
107
|
-
* - [FormControlLabel API](https://mui.com/material-ui/api/form-control-label/)
|
|
107
|
+
* - [FormControlLabel API](https://next.mui.com/material-ui/api/form-control-label/)
|
|
108
108
|
*/
|
|
109
109
|
export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;
|
package/FormGroup/FormGroup.d.ts
CHANGED
|
@@ -30,11 +30,11 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
30
30
|
*
|
|
31
31
|
* Demos:
|
|
32
32
|
*
|
|
33
|
-
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
34
|
-
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
33
|
+
* - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
|
|
34
|
+
* - [Switch](https://next.mui.com/material-ui/react-switch/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [FormGroup API](https://mui.com/material-ui/api/form-group/)
|
|
38
|
+
* - [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
|
|
39
39
|
*/
|
|
40
40
|
export default function FormGroup(props: FormGroupProps): React.JSX.Element;
|
|
@@ -67,11 +67,11 @@ export interface FormHelperTextTypeMap<
|
|
|
67
67
|
*
|
|
68
68
|
* Demos:
|
|
69
69
|
*
|
|
70
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
70
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
71
71
|
*
|
|
72
72
|
* API:
|
|
73
73
|
*
|
|
74
|
-
* - [FormHelperText API](https://mui.com/material-ui/api/form-helper-text/)
|
|
74
|
+
* - [FormHelperText API](https://next.mui.com/material-ui/api/form-helper-text/)
|
|
75
75
|
*/
|
|
76
76
|
declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
|
|
77
77
|
|
package/FormLabel/FormLabel.d.ts
CHANGED
|
@@ -68,13 +68,13 @@ export interface FormLabelTypeMap<
|
|
|
68
68
|
*
|
|
69
69
|
* Demos:
|
|
70
70
|
*
|
|
71
|
-
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
72
|
-
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
73
|
-
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
71
|
+
* - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
|
|
72
|
+
* - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
|
|
73
|
+
* - [Switch](https://next.mui.com/material-ui/react-switch/)
|
|
74
74
|
*
|
|
75
75
|
* API:
|
|
76
76
|
*
|
|
77
|
-
* - [FormLabel API](https://mui.com/material-ui/api/form-label/)
|
|
77
|
+
* - [FormLabel API](https://next.mui.com/material-ui/api/form-label/)
|
|
78
78
|
*/
|
|
79
79
|
declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
|
|
80
80
|
|
|
@@ -12,10 +12,10 @@ export interface GlobalStylesProps {
|
|
|
12
12
|
*
|
|
13
13
|
* Demos:
|
|
14
14
|
*
|
|
15
|
-
* - [How to customize](https://mui.com/material-ui/customization/how-to-customize/)
|
|
15
|
+
* - [How to customize](https://next.mui.com/material-ui/customization/how-to-customize/)
|
|
16
16
|
*
|
|
17
17
|
* API:
|
|
18
18
|
*
|
|
19
|
-
* - [GlobalStyles API](https://mui.com/material-ui/api/global-styles/)
|
|
19
|
+
* - [GlobalStyles API](https://next.mui.com/material-ui/api/global-styles/)
|
|
20
20
|
*/
|
|
21
|
-
export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<
|
|
21
|
+
export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<unknown>;
|
package/Grid/Grid.d.ts
CHANGED
|
@@ -162,11 +162,11 @@ export interface GridTypeMap<
|
|
|
162
162
|
*
|
|
163
163
|
* Demos:
|
|
164
164
|
*
|
|
165
|
-
* - [Grid](https://mui.com/material-ui/react-grid/)
|
|
165
|
+
* - [Grid](https://next.mui.com/material-ui/react-grid/)
|
|
166
166
|
*
|
|
167
167
|
* API:
|
|
168
168
|
*
|
|
169
|
-
* - [Grid API](https://mui.com/material-ui/api/grid/)
|
|
169
|
+
* - [Grid API](https://next.mui.com/material-ui/api/grid/)
|
|
170
170
|
*/
|
|
171
171
|
declare const Grid: OverridableComponent<GridTypeMap>;
|
|
172
172
|
|
package/Grid/Grid.js
CHANGED
|
@@ -23,13 +23,6 @@ import useTheme from '../styles/useTheme';
|
|
|
23
23
|
import GridContext from './GridContext';
|
|
24
24
|
import gridClasses, { getGridUtilityClass } from './gridClasses';
|
|
25
25
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
26
|
-
function getOffset(val) {
|
|
27
|
-
const parse = parseFloat(val);
|
|
28
|
-
if (Number.isNaN(parse)) {
|
|
29
|
-
return val;
|
|
30
|
-
}
|
|
31
|
-
return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
|
|
32
|
-
}
|
|
33
26
|
export function generateGrid({
|
|
34
27
|
theme,
|
|
35
28
|
ownerState
|
|
@@ -74,7 +67,7 @@ export function generateGrid({
|
|
|
74
67
|
if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
|
|
75
68
|
const themeSpacing = theme.spacing(ownerState.columnSpacing);
|
|
76
69
|
if (themeSpacing !== '0px') {
|
|
77
|
-
const fullWidth = `calc(${width} + ${
|
|
70
|
+
const fullWidth = `calc(${width} + ${themeSpacing})`;
|
|
78
71
|
more = {
|
|
79
72
|
flexBasis: fullWidth,
|
|
80
73
|
maxWidth: fullWidth
|
|
@@ -174,9 +167,9 @@ export function generateRowGap({
|
|
|
174
167
|
const themeSpacing = theme.spacing(propValue);
|
|
175
168
|
if (themeSpacing !== '0px') {
|
|
176
169
|
return {
|
|
177
|
-
marginTop:
|
|
170
|
+
marginTop: theme.spacing(-propValue),
|
|
178
171
|
[`& > .${gridClasses.item}`]: {
|
|
179
|
-
paddingTop:
|
|
172
|
+
paddingTop: themeSpacing
|
|
180
173
|
}
|
|
181
174
|
};
|
|
182
175
|
}
|
|
@@ -219,11 +212,12 @@ export function generateColumnGap({
|
|
|
219
212
|
}, columnSpacingValues, (propValue, breakpoint) => {
|
|
220
213
|
const themeSpacing = theme.spacing(propValue);
|
|
221
214
|
if (themeSpacing !== '0px') {
|
|
215
|
+
const negativeValue = theme.spacing(-propValue);
|
|
222
216
|
return {
|
|
223
|
-
width: `calc(100% + ${
|
|
224
|
-
marginLeft:
|
|
217
|
+
width: `calc(100% + ${themeSpacing})`,
|
|
218
|
+
marginLeft: negativeValue,
|
|
225
219
|
[`& > .${gridClasses.item}`]: {
|
|
226
|
-
paddingLeft:
|
|
220
|
+
paddingLeft: themeSpacing
|
|
227
221
|
}
|
|
228
222
|
};
|
|
229
223
|
}
|
package/Grow/Grow.d.ts
CHANGED
|
@@ -33,18 +33,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
|
-
* The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
|
|
37
|
-
* [Popover](https://mui.com/material-ui/react-popover/) components.
|
|
36
|
+
* The Grow transition is used by the [Tooltip](https://next.mui.com/material-ui/react-tooltip/) and
|
|
37
|
+
* [Popover](https://next.mui.com/material-ui/react-popover/) components.
|
|
38
38
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
39
39
|
*
|
|
40
40
|
* Demos:
|
|
41
41
|
*
|
|
42
|
-
* - [Popover](https://mui.com/material-ui/react-popover/)
|
|
43
|
-
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
42
|
+
* - [Popover](https://next.mui.com/material-ui/react-popover/)
|
|
43
|
+
* - [Transitions](https://next.mui.com/material-ui/transitions/)
|
|
44
44
|
*
|
|
45
45
|
* API:
|
|
46
46
|
*
|
|
47
|
-
* - [Grow API](https://mui.com/material-ui/api/grow/)
|
|
47
|
+
* - [Grow API](https://next.mui.com/material-ui/api/grow/)
|
|
48
48
|
* - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
49
49
|
*/
|
|
50
50
|
export default function Grow(props: GrowProps): React.JSX.Element;
|
package/Grow/Grow.js
CHANGED
|
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import useTimeout from '@mui/utils/useTimeout';
|
|
6
6
|
import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
|
|
7
7
|
import { Transition } from 'react-transition-group';
|
|
8
|
-
import useTheme from '../
|
|
8
|
+
import { useTheme } from '../zero-styled';
|
|
9
9
|
import { getTransitionProps, reflow } from '../transitions/utils';
|
|
10
10
|
import useForkRef from '../utils/useForkRef';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
package/Hidden/Hidden.d.ts
CHANGED
|
@@ -85,11 +85,11 @@ export interface HiddenProps {
|
|
|
85
85
|
*
|
|
86
86
|
* Demos:
|
|
87
87
|
*
|
|
88
|
-
* - [Hidden](https://mui.com/material-ui/react-hidden/)
|
|
88
|
+
* - [Hidden](https://next.mui.com/material-ui/react-hidden/)
|
|
89
89
|
*
|
|
90
90
|
* API:
|
|
91
91
|
*
|
|
92
|
-
* - [Hidden API](https://mui.com/material-ui/api/hidden/)
|
|
92
|
+
* - [Hidden API](https://next.mui.com/material-ui/api/hidden/)
|
|
93
93
|
*
|
|
94
94
|
* @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
|
|
95
95
|
*/
|
package/Icon/Icon.d.ts
CHANGED
|
@@ -67,12 +67,12 @@ export interface IconTypeMap<
|
|
|
67
67
|
*
|
|
68
68
|
* Demos:
|
|
69
69
|
*
|
|
70
|
-
* - [Icons](https://mui.com/material-ui/icons/)
|
|
71
|
-
* - [Material Icons](https://mui.com/material-ui/material-icons/)
|
|
70
|
+
* - [Icons](https://next.mui.com/material-ui/icons/)
|
|
71
|
+
* - [Material Icons](https://next.mui.com/material-ui/material-icons/)
|
|
72
72
|
*
|
|
73
73
|
* API:
|
|
74
74
|
*
|
|
75
|
-
* - [Icon API](https://mui.com/material-ui/api/icon/)
|
|
75
|
+
* - [Icon API](https://next.mui.com/material-ui/api/icon/)
|
|
76
76
|
*/
|
|
77
77
|
declare const Icon: OverridableComponent<IconTypeMap> & { muiName: string };
|
|
78
78
|
|
|
@@ -68,17 +68,17 @@ export type IconButtonTypeMap<
|
|
|
68
68
|
}>;
|
|
69
69
|
|
|
70
70
|
/**
|
|
71
|
-
* Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
|
|
71
|
+
* Refer to the [Icons](https://next.mui.com/material-ui/icons/) section of the documentation
|
|
72
72
|
* regarding the available icon options.
|
|
73
73
|
*
|
|
74
74
|
* Demos:
|
|
75
75
|
*
|
|
76
|
-
* - [Button](https://mui.com/material-ui/react-button/)
|
|
76
|
+
* - [Button](https://next.mui.com/material-ui/react-button/)
|
|
77
77
|
*
|
|
78
78
|
* API:
|
|
79
79
|
*
|
|
80
|
-
* - [IconButton API](https://mui.com/material-ui/api/icon-button/)
|
|
81
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
80
|
+
* - [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
|
|
81
|
+
* - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
|
|
82
82
|
*/
|
|
83
83
|
declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
|
|
84
84
|
|
package/ImageList/ImageList.d.ts
CHANGED
|
@@ -56,11 +56,11 @@ export interface ImageListTypeMap<
|
|
|
56
56
|
*
|
|
57
57
|
* Demos:
|
|
58
58
|
*
|
|
59
|
-
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
59
|
+
* - [Image List](https://next.mui.com/material-ui/react-image-list/)
|
|
60
60
|
*
|
|
61
61
|
* API:
|
|
62
62
|
*
|
|
63
|
-
* - [ImageList API](https://mui.com/material-ui/api/image-list/)
|
|
63
|
+
* - [ImageList API](https://next.mui.com/material-ui/api/image-list/)
|
|
64
64
|
*/
|
|
65
65
|
declare const ImageList: OverridableComponent<ImageListTypeMap>;
|
|
66
66
|
|
|
@@ -40,11 +40,11 @@ export interface ImageListItemTypeMap<
|
|
|
40
40
|
*
|
|
41
41
|
* Demos:
|
|
42
42
|
*
|
|
43
|
-
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
43
|
+
* - [Image List](https://next.mui.com/material-ui/react-image-list/)
|
|
44
44
|
*
|
|
45
45
|
* API:
|
|
46
46
|
*
|
|
47
|
-
* - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
|
|
47
|
+
* - [ImageListItem API](https://next.mui.com/material-ui/api/image-list-item/)
|
|
48
48
|
*/
|
|
49
49
|
declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
|
|
50
50
|
|
|
@@ -42,10 +42,10 @@ export interface ImageListItemBarProps
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
45
|
+
* - [Image List](https://next.mui.com/material-ui/react-image-list/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
|
|
49
|
+
* - [ImageListItemBar API](https://next.mui.com/material-ui/api/image-list-item-bar/)
|
|
50
50
|
*/
|
|
51
51
|
export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;
|
package/Input/Input.d.ts
CHANGED
|
@@ -23,12 +23,12 @@ export interface InputProps extends StandardProps<InputBaseProps> {
|
|
|
23
23
|
*
|
|
24
24
|
* Demos:
|
|
25
25
|
*
|
|
26
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
26
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [Input API](https://mui.com/material-ui/api/input/)
|
|
31
|
-
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
30
|
+
* - [Input API](https://next.mui.com/material-ui/api/input/)
|
|
31
|
+
* - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
|
|
32
32
|
*/
|
|
33
33
|
declare const Input: ((props: InputProps) => React.JSX.Element) & { muiName: string };
|
|
34
34
|
|
|
@@ -51,11 +51,11 @@ export interface InputAdornmentTypeMap<
|
|
|
51
51
|
*
|
|
52
52
|
* Demos:
|
|
53
53
|
*
|
|
54
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
54
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
55
55
|
*
|
|
56
56
|
* API:
|
|
57
57
|
*
|
|
58
|
-
* - [InputAdornment API](https://mui.com/material-ui/api/input-adornment/)
|
|
58
|
+
* - [InputAdornment API](https://next.mui.com/material-ui/api/input-adornment/)
|
|
59
59
|
*/
|
|
60
60
|
declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
|
|
61
61
|
|
package/InputBase/InputBase.d.ts
CHANGED
|
@@ -255,10 +255,10 @@ export interface InputBaseComponentProps
|
|
|
255
255
|
*
|
|
256
256
|
* Demos:
|
|
257
257
|
*
|
|
258
|
-
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
258
|
+
* - [Text Field](https://next.mui.com/material-ui/react-text-field/)
|
|
259
259
|
*
|
|
260
260
|
* API:
|
|
261
261
|
*
|
|
262
|
-
* - [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
262
|
+
* - [InputBase API](https://next.mui.com/material-ui/api/input-base/)
|
|
263
263
|
*/
|
|
264
264
|
export default function InputBase(props: InputBaseProps): React.JSX.Element;
|