@mui/material 9.0.0-alpha.4 → 9.0.0-beta.1
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.mts +1 -1
- package/Accordion/Accordion.d.ts +1 -1
- package/AccordionSummary/AccordionSummary.js +1 -0
- package/AccordionSummary/AccordionSummary.mjs +1 -0
- package/Backdrop/Backdrop.d.mts +1 -1
- package/Backdrop/Backdrop.d.ts +1 -1
- package/BottomNavigationAction/BottomNavigationAction.js +1 -0
- package/BottomNavigationAction/BottomNavigationAction.mjs +1 -0
- package/Breadcrumbs/BreadcrumbCollapsed.js +5 -1
- package/Breadcrumbs/BreadcrumbCollapsed.mjs +5 -1
- package/Button/Button.js +1 -0
- package/Button/Button.mjs +1 -0
- package/ButtonBase/ButtonBase.d.mts +5 -0
- package/ButtonBase/ButtonBase.d.ts +5 -0
- package/ButtonBase/ButtonBase.js +84 -85
- package/ButtonBase/ButtonBase.mjs +84 -85
- package/ButtonBase/useButtonBase.d.mts +91 -0
- package/ButtonBase/useButtonBase.d.ts +91 -0
- package/ButtonBase/useButtonBase.js +174 -0
- package/ButtonBase/useButtonBase.mjs +167 -0
- package/ButtonGroup/ButtonGroup.js +1 -9
- package/ButtonGroup/ButtonGroup.mjs +1 -9
- package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
- package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/ButtonGroup/buttonGroupClasses.mjs +1 -1
- package/CHANGELOG.md +119 -4
- package/CardActionArea/CardActionArea.js +1 -0
- package/CardActionArea/CardActionArea.mjs +1 -0
- package/CardHeader/CardHeader.d.mts +13 -21
- package/CardHeader/CardHeader.d.ts +13 -21
- package/CardHeader/CardHeader.js +3 -21
- package/CardHeader/CardHeader.mjs +3 -21
- package/Checkbox/Checkbox.js +1 -7
- package/Checkbox/Checkbox.mjs +1 -7
- package/Chip/Chip.d.mts +7 -0
- package/Chip/Chip.d.ts +7 -0
- package/Chip/Chip.js +66 -55
- package/Chip/Chip.mjs +66 -55
- package/Chip/chipClasses.d.mts +0 -104
- package/Chip/chipClasses.d.ts +0 -104
- package/Chip/chipClasses.js +1 -1
- package/Chip/chipClasses.mjs +1 -1
- package/Dialog/Dialog.d.mts +8 -22
- package/Dialog/Dialog.d.ts +8 -22
- package/Dialog/Dialog.js +43 -72
- package/Dialog/Dialog.mjs +43 -72
- package/Dialog/dialogClasses.d.mts +0 -8
- package/Dialog/dialogClasses.d.ts +0 -8
- package/Dialog/dialogClasses.js +1 -1
- package/Dialog/dialogClasses.mjs +1 -1
- package/Divider/Divider.js +2 -10
- package/Divider/Divider.mjs +2 -10
- package/Divider/dividerClasses.d.mts +0 -4
- package/Divider/dividerClasses.d.ts +0 -4
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/Drawer/Drawer.d.mts +1 -13
- package/Drawer/Drawer.d.ts +1 -13
- package/Drawer/Drawer.js +6 -40
- package/Drawer/Drawer.mjs +6 -40
- package/Drawer/drawerClasses.d.mts +0 -32
- package/Drawer/drawerClasses.d.ts +0 -32
- package/Drawer/drawerClasses.js +1 -1
- package/Drawer/drawerClasses.mjs +1 -1
- package/Fab/Fab.js +1 -0
- package/Fab/Fab.mjs +1 -0
- package/FilledInput/FilledInput.js +4 -33
- package/FilledInput/FilledInput.mjs +4 -33
- package/Grid/Grid.d.mts +8 -3
- package/Grid/Grid.d.ts +8 -3
- package/Grid/Grid.js +8 -3
- package/Grid/Grid.mjs +8 -3
- package/Grid/gridClasses.js +1 -1
- package/Grid/gridClasses.mjs +1 -1
- package/IconButton/IconButton.js +1 -0
- package/IconButton/IconButton.mjs +1 -0
- package/ImageListItemBar/ImageListItemBar.js +4 -17
- package/ImageListItemBar/ImageListItemBar.mjs +4 -17
- package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.js +1 -1
- package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
- package/Input/Input.js +4 -33
- package/Input/Input.mjs +4 -33
- package/Input/inputClasses.d.mts +0 -16
- package/Input/inputClasses.d.ts +0 -16
- package/InputAdornment/inputAdornmentClasses.d.mts +2 -2
- package/InputAdornment/inputAdornmentClasses.d.ts +2 -2
- package/InputBase/InputBase.d.mts +0 -27
- package/InputBase/InputBase.d.ts +0 -27
- package/InputBase/InputBase.js +6 -35
- package/InputBase/InputBase.mjs +6 -35
- package/InputBase/inputBaseClasses.d.mts +0 -20
- package/InputBase/inputBaseClasses.d.ts +0 -20
- package/InputBase/inputBaseClasses.js +1 -1
- package/InputBase/inputBaseClasses.mjs +1 -1
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/InputLabel.mjs +1 -1
- package/LinearProgress/LinearProgress.js +6 -18
- package/LinearProgress/LinearProgress.mjs +6 -18
- package/LinearProgress/linearProgressClasses.d.mts +0 -36
- package/LinearProgress/linearProgressClasses.d.ts +0 -36
- package/LinearProgress/linearProgressClasses.js +1 -1
- package/LinearProgress/linearProgressClasses.mjs +1 -1
- package/Link/Link.d.mts +1 -1
- package/Link/Link.d.ts +1 -1
- package/ListItem/ListItem.d.mts +2 -36
- package/ListItem/ListItem.d.ts +2 -36
- package/ListItem/ListItem.js +27 -152
- package/ListItem/ListItem.mjs +27 -152
- package/ListItem/listItemClasses.d.mts +2 -4
- package/ListItem/listItemClasses.d.ts +2 -4
- package/ListItem/listItemClasses.js +1 -1
- package/ListItem/listItemClasses.mjs +1 -1
- package/ListItemButton/ListItemButton.d.mts +1 -2
- package/ListItemButton/ListItemButton.d.ts +1 -2
- package/ListItemButton/ListItemButton.js +2 -2
- package/ListItemButton/ListItemButton.mjs +2 -2
- package/ListItemIcon/ListItemIcon.js +1 -1
- package/ListItemIcon/ListItemIcon.mjs +1 -1
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
- package/ListItemText/ListItemText.d.mts +12 -20
- package/ListItemText/ListItemText.d.ts +12 -20
- package/ListItemText/ListItemText.js +2 -20
- package/ListItemText/ListItemText.mjs +2 -20
- package/ListSubheader/ListSubheader.js +0 -3
- package/ListSubheader/ListSubheader.mjs +0 -3
- package/Menu/Menu.d.mts +1 -1
- package/Menu/Menu.d.ts +1 -1
- package/Menu/Menu.js +15 -32
- package/Menu/Menu.mjs +15 -32
- package/MenuItem/MenuItem.js +36 -26
- package/MenuItem/MenuItem.mjs +34 -26
- package/MenuList/MenuList.js +136 -101
- package/MenuList/MenuList.mjs +135 -100
- package/MenuList/MenuListContext.d.mts +11 -0
- package/MenuList/MenuListContext.d.ts +11 -0
- package/MenuList/MenuListContext.js +25 -0
- package/MenuList/MenuListContext.mjs +19 -0
- package/Modal/Modal.d.mts +1 -41
- package/Modal/Modal.d.ts +1 -41
- package/Modal/Modal.js +5 -58
- package/Modal/Modal.mjs +5 -58
- package/OutlinedInput/OutlinedInput.js +2 -14
- package/OutlinedInput/OutlinedInput.mjs +2 -14
- package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
- package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
- package/PaginationItem/PaginationItem.d.mts +5 -15
- package/PaginationItem/PaginationItem.d.ts +5 -15
- package/PaginationItem/PaginationItem.js +9 -24
- package/PaginationItem/PaginationItem.mjs +9 -24
- package/PaginationItem/paginationItemClasses.d.mts +0 -16
- package/PaginationItem/paginationItemClasses.d.ts +0 -16
- package/PaginationItem/paginationItemClasses.js +1 -1
- package/PaginationItem/paginationItemClasses.mjs +1 -1
- package/PigmentGrid/PigmentGrid.d.mts +1 -1
- package/PigmentGrid/PigmentGrid.d.ts +1 -1
- package/PigmentGrid/PigmentGrid.js +1 -1
- package/PigmentGrid/PigmentGrid.mjs +1 -1
- package/Popover/Popover.d.mts +1 -1
- package/Popover/Popover.d.ts +1 -1
- package/Popover/Popover.js +19 -7
- package/Popover/Popover.mjs +18 -6
- package/Radio/Radio.js +1 -13
- package/Radio/Radio.mjs +1 -13
- package/Rating/Rating.d.mts +0 -9
- package/Rating/Rating.d.ts +0 -9
- package/Rating/Rating.js +1 -17
- package/Rating/Rating.mjs +1 -17
- package/Select/SelectInput.js +2 -3
- package/Select/SelectInput.mjs +2 -3
- package/Select/selectClasses.d.mts +0 -12
- package/Select/selectClasses.d.ts +0 -12
- package/Select/selectClasses.js +1 -1
- package/Select/selectClasses.mjs +1 -1
- package/Slider/Slider.d.mts +0 -5
- package/Slider/Slider.d.ts +0 -5
- package/Slider/Slider.js +2 -8
- package/Slider/Slider.mjs +2 -8
- package/Slider/sliderClasses.d.mts +0 -28
- package/Slider/sliderClasses.d.ts +0 -28
- package/Slider/sliderClasses.js +1 -1
- package/Slider/sliderClasses.mjs +1 -1
- package/Snackbar/Snackbar.d.mts +1 -1
- package/Snackbar/Snackbar.d.ts +1 -1
- package/SpeedDial/SpeedDial.d.mts +1 -1
- package/SpeedDial/SpeedDial.d.ts +1 -1
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/StepButton/StepButton.js +44 -14
- package/StepButton/StepButton.mjs +44 -14
- package/StepConnector/StepConnector.js +2 -8
- package/StepConnector/StepConnector.mjs +2 -8
- package/StepConnector/stepConnectorClasses.d.mts +0 -8
- package/StepConnector/stepConnectorClasses.d.ts +0 -8
- package/StepConnector/stepConnectorClasses.js +1 -1
- package/StepConnector/stepConnectorClasses.mjs +1 -1
- package/StepContent/StepContent.d.mts +2 -17
- package/StepContent/StepContent.d.ts +2 -17
- package/StepContent/StepContent.js +3 -22
- package/StepContent/StepContent.mjs +3 -22
- package/StepLabel/StepLabel.d.mts +0 -22
- package/StepLabel/StepLabel.d.ts +0 -22
- package/StepLabel/StepLabel.js +2 -31
- package/StepLabel/StepLabel.mjs +2 -31
- package/Stepper/Stepper.js +54 -22
- package/Stepper/Stepper.mjs +54 -22
- package/Stepper/StepperContext.d.mts +0 -5
- package/Stepper/StepperContext.d.ts +0 -5
- package/Stepper/StepperContext.js +1 -2
- package/Stepper/StepperContext.mjs +0 -1
- package/SvgIcon/createSvgIcon.d.mts +2 -0
- package/SvgIcon/createSvgIcon.d.ts +2 -0
- package/SvgIcon/createSvgIcon.js +31 -0
- package/SvgIcon/createSvgIcon.mjs +26 -0
- package/SvgIcon/index.d.mts +1 -0
- package/SvgIcon/index.d.ts +1 -0
- package/SvgIcon/index.js +8 -0
- package/SvgIcon/index.mjs +1 -0
- package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.js +6 -37
- package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
- package/Switch/Switch.js +0 -11
- package/Switch/Switch.mjs +0 -11
- package/Tab/Tab.js +18 -4
- package/Tab/Tab.mjs +18 -4
- package/Tab/tabClasses.d.mts +0 -4
- package/Tab/tabClasses.d.ts +0 -4
- package/Tab/tabClasses.js +1 -1
- package/Tab/tabClasses.mjs +1 -1
- package/TabScrollButton/TabScrollButton.d.mts +1 -1
- package/TabScrollButton/TabScrollButton.d.ts +1 -1
- package/TabScrollButton/TabScrollButton.js +6 -2
- package/TabScrollButton/TabScrollButton.mjs +6 -2
- package/TablePagination/TablePagination.d.mts +0 -24
- package/TablePagination/TablePagination.d.ts +0 -24
- package/TablePagination/TablePagination.js +1 -29
- package/TablePagination/TablePagination.mjs +1 -29
- package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
- package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
- package/TablePaginationActions/TablePaginationActions.js +2 -14
- package/TablePaginationActions/TablePaginationActions.mjs +2 -14
- package/TableSortLabel/TableSortLabel.js +6 -8
- package/TableSortLabel/TableSortLabel.mjs +6 -8
- package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
- package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
- package/TableSortLabel/tableSortLabelClasses.js +1 -1
- package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
- package/Tabs/Tabs.js +33 -24
- package/Tabs/Tabs.mjs +32 -23
- package/Tabs/tabsClasses.d.mts +0 -6
- package/Tabs/tabsClasses.d.ts +0 -6
- package/Tabs/tabsClasses.js +1 -1
- package/Tabs/tabsClasses.mjs +1 -1
- package/ToggleButton/ToggleButton.js +1 -0
- package/ToggleButton/ToggleButton.mjs +1 -0
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
- package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
- package/Tooltip/Tooltip.d.mts +1 -1
- package/Tooltip/Tooltip.d.ts +1 -1
- package/Typography/Typography.d.mts +3 -3
- package/Typography/Typography.d.ts +3 -3
- package/Typography/Typography.js +2 -24
- package/Typography/Typography.mjs +3 -25
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internal/SwitchBase.d.mts +2 -12
- package/internal/SwitchBase.d.ts +2 -12
- package/internal/SwitchBase.js +6 -17
- package/internal/SwitchBase.mjs +6 -17
- package/locale/psAF.js +1 -1
- package/locale/psAF.mjs +1 -1
- package/package.json +7 -7
- package/styles/createThemeWithVars.js +10 -9
- package/styles/createThemeWithVars.mjs +10 -9
- package/styles/stringifyTheme.js +1 -1
- package/styles/stringifyTheme.mjs +1 -1
- package/useAutocomplete/useAutocomplete.js +8 -0
- package/useAutocomplete/useAutocomplete.mjs +8 -0
- package/utils/createSvgIcon.d.mts +4 -2
- package/utils/createSvgIcon.d.ts +4 -2
- package/utils/createSvgIcon.js +6 -24
- package/utils/createSvgIcon.mjs +2 -24
- package/utils/focusWithVisible.js +24 -0
- package/utils/focusWithVisible.mjs +19 -0
- package/utils/index.d.mts +0 -1
- package/utils/index.d.ts +0 -1
- package/utils/index.js +0 -7
- package/utils/index.mjs +0 -1
- package/utils/useFocusableWhenDisabled.d.mts +30 -0
- package/utils/useFocusableWhenDisabled.d.ts +30 -0
- package/utils/useFocusableWhenDisabled.js +47 -0
- package/utils/useFocusableWhenDisabled.mjs +41 -0
- package/utils/useRovingTabIndex.d.mts +1 -2
- package/utils/useRovingTabIndex.d.ts +1 -2
- package/utils/useRovingTabIndex.js +25 -4
- package/utils/useRovingTabIndex.mjs +1 -2
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
package/Chip/chipClasses.d.ts
CHANGED
|
@@ -23,124 +23,20 @@ export interface ChipClasses {
|
|
|
23
23
|
disabled: string;
|
|
24
24
|
/** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
|
|
25
25
|
clickable: string;
|
|
26
|
-
/** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`.
|
|
27
|
-
* @deprecated Combine the [.MuiChip-clickable](/material-ui/api/chip/#chip-classes-MuiChip-clickable) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
28
|
-
*/
|
|
29
|
-
clickableColorPrimary: string;
|
|
30
|
-
/** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`.
|
|
31
|
-
* @deprecated Combine the [.MuiChip-clickable](/material-ui/api/chip/#chip-classes-MuiChip-clickable) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
|
-
*/
|
|
33
|
-
clickableColorSecondary: string;
|
|
34
26
|
/** Styles applied to the root element if `onDelete` is defined. */
|
|
35
27
|
deletable: string;
|
|
36
|
-
/** Styles applied to the root element if `onDelete` and `color="primary"` is defined.
|
|
37
|
-
* @deprecated Combine the [.MuiChip-deletable](/material-ui/api/chip/#chip-classes-MuiChip-deletable) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
|
-
*/
|
|
39
|
-
deletableColorPrimary: string;
|
|
40
|
-
/** Styles applied to the root element if `onDelete` and `color="secondary"` is defined.
|
|
41
|
-
* @deprecated Combine the [.MuiChip-deletable](/material-ui/api/chip/#chip-classes-MuiChip-deletable) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
42
|
-
*/
|
|
43
|
-
deletableColorSecondary: string;
|
|
44
28
|
/** Styles applied to the root element if `variant="outlined"`. */
|
|
45
29
|
outlined: string;
|
|
46
30
|
/** Styles applied to the root element if `variant="filled"`. */
|
|
47
31
|
filled: string;
|
|
48
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
|
|
49
|
-
* @deprecated Combine the [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
50
|
-
*/
|
|
51
|
-
outlinedPrimary: string;
|
|
52
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
|
|
53
|
-
* @deprecated Combine the [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
54
|
-
*/
|
|
55
|
-
outlinedSecondary: string;
|
|
56
|
-
/** Styles applied to the root element if `variant="filled"` and `color="primary"`.
|
|
57
|
-
* @deprecated Combine the [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
58
|
-
*/
|
|
59
|
-
filledPrimary: string;
|
|
60
|
-
/** Styles applied to the root element if `variant="filled"` and `color="secondary"`.
|
|
61
|
-
* @deprecated Combine the [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
62
|
-
*/
|
|
63
|
-
filledSecondary: string;
|
|
64
32
|
/** Styles applied to the avatar element. */
|
|
65
33
|
avatar: string;
|
|
66
|
-
/** Styles applied to the avatar element if `size="small"`.
|
|
67
|
-
* @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
68
|
-
*/
|
|
69
|
-
avatarSmall: string;
|
|
70
|
-
/** Styles applied to the avatar element if `size="medium"`.
|
|
71
|
-
* @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
72
|
-
*/
|
|
73
|
-
avatarMedium: string;
|
|
74
|
-
/** Styles applied to the avatar element if `color="primary"`.
|
|
75
|
-
* @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
76
|
-
*/
|
|
77
|
-
avatarColorPrimary: string;
|
|
78
|
-
/** Styles applied to the avatar element if `color="secondary"`.
|
|
79
|
-
* @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
80
|
-
*/
|
|
81
|
-
avatarColorSecondary: string;
|
|
82
34
|
/** Styles applied to the icon element. */
|
|
83
35
|
icon: string;
|
|
84
|
-
/** Styles applied to the icon element if `size="small"`.
|
|
85
|
-
* @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
86
|
-
*/
|
|
87
|
-
iconSmall: string;
|
|
88
|
-
/** Styles applied to the icon element if `size="medium"`.
|
|
89
|
-
* @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
90
|
-
*/
|
|
91
|
-
iconMedium: string;
|
|
92
|
-
/** Styles applied to the icon element if `color="primary"`.
|
|
93
|
-
* @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
94
|
-
*/
|
|
95
|
-
iconColorPrimary: string;
|
|
96
|
-
/** Styles applied to the icon element if `color="secondary"`.
|
|
97
|
-
* @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
98
|
-
*/
|
|
99
|
-
iconColorSecondary: string;
|
|
100
36
|
/** Styles applied to the label `span` element. */
|
|
101
37
|
label: string;
|
|
102
|
-
/** Styles applied to the label `span` element if `size="small"`.
|
|
103
|
-
* @deprecated Combine the [.MuiChip-label](/material-ui/api/chip/#Chip-css-MuiChip-label) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
104
|
-
*/
|
|
105
|
-
labelSmall: string;
|
|
106
|
-
/** Styles applied to the label `span` element if `size="medium"`.
|
|
107
|
-
* @deprecated Combine the [.MuiChip-label](/material-ui/api/chip/#Chip-css-MuiChip-label) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
108
|
-
*/
|
|
109
|
-
labelMedium: string;
|
|
110
38
|
/** Styles applied to the deleteIcon element. */
|
|
111
39
|
deleteIcon: string;
|
|
112
|
-
/** Styles applied to the deleteIcon element if `size="small"`.
|
|
113
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
114
|
-
*/
|
|
115
|
-
deleteIconSmall: string;
|
|
116
|
-
/** Styles applied to the deleteIcon element if `size="medium"`.
|
|
117
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
118
|
-
*/
|
|
119
|
-
deleteIconMedium: string;
|
|
120
|
-
/** Styles applied to the deleteIcon element if `color="primary"`.
|
|
121
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
122
|
-
*/
|
|
123
|
-
deleteIconColorPrimary: string;
|
|
124
|
-
/** Styles applied to the deleteIcon element if `color="secondary"`.
|
|
125
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
126
|
-
*/
|
|
127
|
-
deleteIconColorSecondary: string;
|
|
128
|
-
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`.
|
|
129
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
130
|
-
*/
|
|
131
|
-
deleteIconOutlinedColorPrimary: string;
|
|
132
|
-
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`.
|
|
133
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
134
|
-
*/
|
|
135
|
-
deleteIconOutlinedColorSecondary: string;
|
|
136
|
-
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`.
|
|
137
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
138
|
-
*/
|
|
139
|
-
deleteIconFilledColorPrimary: string;
|
|
140
|
-
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`.
|
|
141
|
-
* @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
142
|
-
*/
|
|
143
|
-
deleteIconFilledColorSecondary: string;
|
|
144
40
|
/** State class applied to the root element if keyboard focused. */
|
|
145
41
|
focusVisible: string;
|
|
146
42
|
}
|
package/Chip/chipClasses.js
CHANGED
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getChipUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiChip', slot);
|
|
13
13
|
}
|
|
14
|
-
const chipClasses = (0, _generateUtilityClasses.default)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', '
|
|
14
|
+
const chipClasses = (0, _generateUtilityClasses.default)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'deletable', 'outlined', 'filled', 'avatar', 'icon', 'label', 'deleteIcon', 'focusVisible']);
|
|
15
15
|
var _default = exports.default = chipClasses;
|
package/Chip/chipClasses.mjs
CHANGED
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getChipUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiChip', slot);
|
|
5
5
|
}
|
|
6
|
-
const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', '
|
|
6
|
+
const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'deletable', 'outlined', 'filled', 'avatar', 'icon', 'label', 'deleteIcon', 'focusVisible']);
|
|
7
7
|
export default chipClasses;
|
package/Dialog/Dialog.d.mts
CHANGED
|
@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
|
|
|
58
58
|
* Props forwarded to the transition slot.
|
|
59
59
|
* By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
|
|
60
60
|
*/
|
|
61
|
-
transition: SlotComponentProps<React.ElementType
|
|
61
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
|
|
62
62
|
/**
|
|
63
63
|
* Props forwarded to the paper slot.
|
|
64
64
|
* By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
|
|
@@ -118,17 +118,18 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
118
118
|
* If `true`, the component is shown.
|
|
119
119
|
*/
|
|
120
120
|
open: ModalProps['open'];
|
|
121
|
+
/**
|
|
122
|
+
* The ARIA role for the dialog element.
|
|
123
|
+
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
|
|
124
|
+
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
|
|
125
|
+
* @default 'dialog'
|
|
126
|
+
*/
|
|
127
|
+
role?: 'dialog' | 'alertdialog' | undefined;
|
|
121
128
|
/**
|
|
122
129
|
* The component used to render the body of the dialog.
|
|
123
130
|
* @default Paper
|
|
124
131
|
*/
|
|
125
132
|
PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
|
|
126
|
-
/**
|
|
127
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
128
|
-
* @default {}
|
|
129
|
-
* @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
130
|
-
*/
|
|
131
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
132
133
|
/**
|
|
133
134
|
* Determine the container for scrolling the dialog.
|
|
134
135
|
* @default 'paper'
|
|
@@ -138,15 +139,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
138
139
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
139
140
|
*/
|
|
140
141
|
sx?: SxProps<Theme> | undefined;
|
|
141
|
-
/**
|
|
142
|
-
* The component used for the transition.
|
|
143
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
144
|
-
* @default Fade
|
|
145
|
-
* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
146
|
-
*/
|
|
147
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
148
|
-
children: React.ReactElement<unknown, any>;
|
|
149
|
-
}> | undefined;
|
|
150
142
|
/**
|
|
151
143
|
* The duration for the transition, in milliseconds.
|
|
152
144
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -156,12 +148,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
156
148
|
* }
|
|
157
149
|
*/
|
|
158
150
|
transitionDuration?: TransitionProps['timeout'] | undefined;
|
|
159
|
-
/**
|
|
160
|
-
* Props applied to the transition element.
|
|
161
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
162
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
163
|
-
*/
|
|
164
|
-
TransitionProps?: TransitionProps | undefined;
|
|
165
151
|
}
|
|
166
152
|
|
|
167
153
|
/**
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
|
|
|
58
58
|
* Props forwarded to the transition slot.
|
|
59
59
|
* By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
|
|
60
60
|
*/
|
|
61
|
-
transition: SlotComponentProps<React.ElementType
|
|
61
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
|
|
62
62
|
/**
|
|
63
63
|
* Props forwarded to the paper slot.
|
|
64
64
|
* By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
|
|
@@ -118,17 +118,18 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
118
118
|
* If `true`, the component is shown.
|
|
119
119
|
*/
|
|
120
120
|
open: ModalProps['open'];
|
|
121
|
+
/**
|
|
122
|
+
* The ARIA role for the dialog element.
|
|
123
|
+
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
|
|
124
|
+
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
|
|
125
|
+
* @default 'dialog'
|
|
126
|
+
*/
|
|
127
|
+
role?: 'dialog' | 'alertdialog' | undefined;
|
|
121
128
|
/**
|
|
122
129
|
* The component used to render the body of the dialog.
|
|
123
130
|
* @default Paper
|
|
124
131
|
*/
|
|
125
132
|
PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
|
|
126
|
-
/**
|
|
127
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
128
|
-
* @default {}
|
|
129
|
-
* @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
130
|
-
*/
|
|
131
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
132
133
|
/**
|
|
133
134
|
* Determine the container for scrolling the dialog.
|
|
134
135
|
* @default 'paper'
|
|
@@ -138,15 +139,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
138
139
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
139
140
|
*/
|
|
140
141
|
sx?: SxProps<Theme> | undefined;
|
|
141
|
-
/**
|
|
142
|
-
* The component used for the transition.
|
|
143
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
144
|
-
* @default Fade
|
|
145
|
-
* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
146
|
-
*/
|
|
147
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
148
|
-
children: React.ReactElement<unknown, any>;
|
|
149
|
-
}> | undefined;
|
|
150
142
|
/**
|
|
151
143
|
* The duration for the transition, in milliseconds.
|
|
152
144
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -156,12 +148,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
156
148
|
* }
|
|
157
149
|
*/
|
|
158
150
|
transitionDuration?: TransitionProps['timeout'] | undefined;
|
|
159
|
-
/**
|
|
160
|
-
* Props applied to the transition element.
|
|
161
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
162
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
163
|
-
*/
|
|
164
|
-
TransitionProps?: TransitionProps | undefined;
|
|
165
151
|
}
|
|
166
152
|
|
|
167
153
|
/**
|
package/Dialog/Dialog.js
CHANGED
|
@@ -16,7 +16,7 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
|
|
16
16
|
var _Modal = _interopRequireDefault(require("../Modal"));
|
|
17
17
|
var _Fade = _interopRequireDefault(require("../Fade"));
|
|
18
18
|
var _Paper = _interopRequireDefault(require("../Paper"));
|
|
19
|
-
var _dialogClasses =
|
|
19
|
+
var _dialogClasses = require("./dialogClasses");
|
|
20
20
|
var _DialogContext = _interopRequireDefault(require("./DialogContext"));
|
|
21
21
|
var _Backdrop = _interopRequireDefault(require("../Backdrop"));
|
|
22
22
|
var _zeroStyled = require("../zero-styled");
|
|
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
|
|
|
43
43
|
root: ['root'],
|
|
44
44
|
backdrop: ['backdrop'],
|
|
45
45
|
container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
|
|
46
|
-
paper: ['paper', `
|
|
46
|
+
paper: ['paper', `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
|
|
47
47
|
};
|
|
48
48
|
return (0, _composeClasses.default)(slots, _dialogClasses.getDialogUtilityClass, classes);
|
|
49
49
|
};
|
|
@@ -106,7 +106,7 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
|
|
|
106
106
|
const {
|
|
107
107
|
ownerState
|
|
108
108
|
} = props;
|
|
109
|
-
return [styles.paper, styles[`
|
|
109
|
+
return [styles.paper, styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
|
|
110
110
|
}
|
|
111
111
|
})((0, _memoTheme.default)(({
|
|
112
112
|
theme
|
|
@@ -148,11 +148,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
|
|
|
148
148
|
maxWidth: 'xs'
|
|
149
149
|
},
|
|
150
150
|
style: {
|
|
151
|
-
maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
151
|
+
maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`
|
|
152
|
+
}
|
|
153
|
+
}, {
|
|
154
|
+
props: {
|
|
155
|
+
maxWidth: 'xs',
|
|
156
|
+
scroll: 'body'
|
|
157
|
+
},
|
|
158
|
+
style: {
|
|
159
|
+
[theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
|
|
160
|
+
maxWidth: 'calc(100% - 64px)'
|
|
156
161
|
}
|
|
157
162
|
}
|
|
158
163
|
}, ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
|
|
@@ -160,11 +165,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
|
|
|
160
165
|
maxWidth
|
|
161
166
|
},
|
|
162
167
|
style: {
|
|
163
|
-
maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
+
maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`
|
|
169
|
+
}
|
|
170
|
+
})), ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
|
|
171
|
+
props: {
|
|
172
|
+
maxWidth,
|
|
173
|
+
scroll: 'body'
|
|
174
|
+
},
|
|
175
|
+
style: {
|
|
176
|
+
[theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
|
|
177
|
+
maxWidth: 'calc(100% - 64px)'
|
|
168
178
|
}
|
|
169
179
|
}
|
|
170
180
|
})), {
|
|
@@ -184,11 +194,15 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
|
|
|
184
194
|
maxWidth: '100%',
|
|
185
195
|
height: '100%',
|
|
186
196
|
maxHeight: 'none',
|
|
187
|
-
borderRadius: 0
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
197
|
+
borderRadius: 0
|
|
198
|
+
}
|
|
199
|
+
}, {
|
|
200
|
+
props: ({
|
|
201
|
+
ownerState
|
|
202
|
+
}) => ownerState.fullScreen && ownerState.scroll === 'body',
|
|
203
|
+
style: {
|
|
204
|
+
margin: 0,
|
|
205
|
+
maxWidth: '100%'
|
|
192
206
|
}
|
|
193
207
|
}]
|
|
194
208
|
})));
|
|
@@ -210,8 +224,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
210
224
|
'aria-describedby': ariaDescribedby,
|
|
211
225
|
'aria-labelledby': ariaLabelledbyProp,
|
|
212
226
|
'aria-modal': ariaModal = true,
|
|
213
|
-
BackdropComponent,
|
|
214
|
-
BackdropProps,
|
|
215
227
|
children,
|
|
216
228
|
className,
|
|
217
229
|
fullScreen = false,
|
|
@@ -221,13 +233,11 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
221
233
|
onClose,
|
|
222
234
|
open,
|
|
223
235
|
PaperComponent = _Paper.default,
|
|
224
|
-
|
|
236
|
+
role = 'dialog',
|
|
225
237
|
scroll = 'paper',
|
|
226
238
|
slots = {},
|
|
227
239
|
slotProps = {},
|
|
228
|
-
TransitionComponent = _Fade.default,
|
|
229
240
|
transitionDuration = defaultTransitionDuration,
|
|
230
|
-
TransitionProps,
|
|
231
241
|
...other
|
|
232
242
|
} = props;
|
|
233
243
|
const ownerState = {
|
|
@@ -264,19 +274,9 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
264
274
|
titleId: ariaLabelledby
|
|
265
275
|
};
|
|
266
276
|
}, [ariaLabelledby]);
|
|
267
|
-
const backwardCompatibleSlots = {
|
|
268
|
-
transition: TransitionComponent,
|
|
269
|
-
...slots
|
|
270
|
-
};
|
|
271
|
-
const backwardCompatibleSlotProps = {
|
|
272
|
-
transition: TransitionProps,
|
|
273
|
-
paper: PaperProps,
|
|
274
|
-
backdrop: BackdropProps,
|
|
275
|
-
...slotProps
|
|
276
|
-
};
|
|
277
277
|
const externalForwardedProps = {
|
|
278
|
-
slots
|
|
279
|
-
slotProps
|
|
278
|
+
slots,
|
|
279
|
+
slotProps
|
|
280
280
|
};
|
|
281
281
|
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
|
282
282
|
elementType: DialogRoot,
|
|
@@ -298,7 +298,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
298
298
|
shouldForwardComponentProp: true,
|
|
299
299
|
externalForwardedProps,
|
|
300
300
|
ownerState,
|
|
301
|
-
className:
|
|
301
|
+
className: classes.paper
|
|
302
302
|
});
|
|
303
303
|
const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
|
|
304
304
|
elementType: DialogContainer,
|
|
@@ -325,7 +325,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
325
325
|
slotProps: {
|
|
326
326
|
backdrop: {
|
|
327
327
|
transitionDuration,
|
|
328
|
-
as: BackdropComponent,
|
|
329
328
|
...backdropSlotProps
|
|
330
329
|
}
|
|
331
330
|
},
|
|
@@ -342,7 +341,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
342
341
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
|
|
343
342
|
as: PaperComponent,
|
|
344
343
|
elevation: 24,
|
|
345
|
-
role:
|
|
344
|
+
role: role,
|
|
346
345
|
"aria-describedby": ariaDescribedby,
|
|
347
346
|
"aria-labelledby": ariaLabelledby,
|
|
348
347
|
"aria-modal": ariaModal,
|
|
@@ -375,22 +374,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
|
|
|
375
374
|
* @default true
|
|
376
375
|
*/
|
|
377
376
|
'aria-modal': _propTypes.default.oneOfType([_propTypes.default.oneOf(['false', 'true']), _propTypes.default.bool]),
|
|
378
|
-
/**
|
|
379
|
-
* A backdrop component. This prop enables custom backdrop rendering.
|
|
380
|
-
* @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
|
|
381
|
-
* Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
|
|
382
|
-
* @default styled(Backdrop, {
|
|
383
|
-
* name: 'MuiModal',
|
|
384
|
-
* slot: 'Backdrop',
|
|
385
|
-
* })({
|
|
386
|
-
* zIndex: -1,
|
|
387
|
-
* })
|
|
388
|
-
*/
|
|
389
|
-
BackdropComponent: _propTypes.default.elementType,
|
|
390
|
-
/**
|
|
391
|
-
* @ignore
|
|
392
|
-
*/
|
|
393
|
-
BackdropProps: _propTypes.default.object,
|
|
394
377
|
/**
|
|
395
378
|
* Dialog children, usually the included sub-components.
|
|
396
379
|
*/
|
|
@@ -443,11 +426,12 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
|
|
|
443
426
|
*/
|
|
444
427
|
PaperComponent: _propTypes.default.elementType,
|
|
445
428
|
/**
|
|
446
|
-
*
|
|
447
|
-
*
|
|
448
|
-
*
|
|
429
|
+
* The ARIA role for the dialog element.
|
|
430
|
+
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
|
|
431
|
+
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
|
|
432
|
+
* @default 'dialog'
|
|
449
433
|
*/
|
|
450
|
-
|
|
434
|
+
role: _propTypes.default.oneOf(['alertdialog', 'dialog']),
|
|
451
435
|
/**
|
|
452
436
|
* Determine the container for scrolling the dialog.
|
|
453
437
|
* @default 'paper'
|
|
@@ -479,13 +463,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
|
|
|
479
463
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
480
464
|
*/
|
|
481
465
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
482
|
-
/**
|
|
483
|
-
* The component used for the transition.
|
|
484
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
485
|
-
* @default Fade
|
|
486
|
-
* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
487
|
-
*/
|
|
488
|
-
TransitionComponent: _propTypes.default.elementType,
|
|
489
466
|
/**
|
|
490
467
|
* The duration for the transition, in milliseconds.
|
|
491
468
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -498,12 +475,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
|
|
|
498
475
|
appear: _propTypes.default.number,
|
|
499
476
|
enter: _propTypes.default.number,
|
|
500
477
|
exit: _propTypes.default.number
|
|
501
|
-
})])
|
|
502
|
-
/**
|
|
503
|
-
* Props applied to the transition element.
|
|
504
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
505
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
506
|
-
*/
|
|
507
|
-
TransitionProps: _propTypes.default.object
|
|
478
|
+
})])
|
|
508
479
|
} : void 0;
|
|
509
480
|
var _default = exports.default = Dialog;
|