@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
|
@@ -25,74 +25,6 @@ export interface ButtonGroupClasses {
|
|
|
25
25
|
colorPrimary: string;
|
|
26
26
|
/** Styles applied to the root element if `color="secondary"` */
|
|
27
27
|
colorSecondary: string;
|
|
28
|
-
/** Styles applied to the children if `orientation="horizontal"`.
|
|
29
|
-
* @deprecated Combine the [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
30
|
-
*/
|
|
31
|
-
groupedHorizontal: string;
|
|
32
|
-
/** Styles applied to the children if `orientation="vertical"`.
|
|
33
|
-
* @deprecated Combine the [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
34
|
-
*/
|
|
35
|
-
groupedVertical: string;
|
|
36
|
-
/** Styles applied to the children if `variant="text"`.
|
|
37
|
-
* @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
|
-
*/
|
|
39
|
-
groupedText: string;
|
|
40
|
-
/** Styles applied to the children if `variant="text"` and `orientation="horizontal"`.
|
|
41
|
-
* @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
42
|
-
*/
|
|
43
|
-
groupedTextHorizontal: string;
|
|
44
|
-
/** Styles applied to the children if `variant="text"` and `orientation="vertical"`.
|
|
45
|
-
* @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
46
|
-
*/
|
|
47
|
-
groupedTextVertical: string;
|
|
48
|
-
/** Styles applied to the children if `variant="text"` and `color="primary"`.
|
|
49
|
-
* @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
50
|
-
*/
|
|
51
|
-
groupedTextPrimary: string;
|
|
52
|
-
/** Styles applied to the children if `variant="text"` and `color="secondary"`.
|
|
53
|
-
* @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
54
|
-
*/
|
|
55
|
-
groupedTextSecondary: string;
|
|
56
|
-
/** Styles applied to the children if `variant="outlined"`.
|
|
57
|
-
* @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
58
|
-
*/
|
|
59
|
-
groupedOutlined: string;
|
|
60
|
-
/** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`.
|
|
61
|
-
* @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
62
|
-
*/
|
|
63
|
-
groupedOutlinedHorizontal: string;
|
|
64
|
-
/** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`.
|
|
65
|
-
* @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
66
|
-
*/
|
|
67
|
-
groupedOutlinedVertical: string;
|
|
68
|
-
/** Styles applied to the children if `variant="outlined"` and `color="primary"`.
|
|
69
|
-
* @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
70
|
-
*/
|
|
71
|
-
groupedOutlinedPrimary: string;
|
|
72
|
-
/** Styles applied to the children if `variant="outlined"` and `color="secondary"`.
|
|
73
|
-
* @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
74
|
-
*/
|
|
75
|
-
groupedOutlinedSecondary: string;
|
|
76
|
-
/** Styles applied to the children if `variant="contained"`.
|
|
77
|
-
* @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
78
|
-
*/
|
|
79
|
-
groupedContained: string;
|
|
80
|
-
/** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`.
|
|
81
|
-
* @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
82
|
-
*/
|
|
83
|
-
groupedContainedHorizontal: string;
|
|
84
|
-
/** Styles applied to the children if `variant="contained"` and `orientation="vertical"`.
|
|
85
|
-
* @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
86
|
-
*/
|
|
87
|
-
groupedContainedVertical: string;
|
|
88
|
-
/** Styles applied to the children if `variant="contained"` and `color="primary"`.
|
|
89
|
-
* @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
90
|
-
*/
|
|
91
|
-
groupedContainedPrimary: string;
|
|
92
|
-
/** Styles applied to the children if `variant="contained"` and `color="secondary"`.
|
|
93
|
-
* @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
94
|
-
*/
|
|
95
|
-
groupedContainedSecondary: string;
|
|
96
28
|
/** Styles applied to the last button in the button group. */
|
|
97
29
|
lastButton: string;
|
|
98
30
|
/** Styles applied to buttons in the middle of the button group. */
|
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getButtonGroupUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiButtonGroup', slot);
|
|
13
13
|
}
|
|
14
|
-
const buttonGroupClasses = (0, _generateUtilityClasses.default)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', '
|
|
14
|
+
const buttonGroupClasses = (0, _generateUtilityClasses.default)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'lastButton', 'middleButton']);
|
|
15
15
|
var _default = exports.default = buttonGroupClasses;
|
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getButtonGroupUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiButtonGroup', slot);
|
|
5
5
|
}
|
|
6
|
-
const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', '
|
|
6
|
+
const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'lastButton', 'middleButton']);
|
|
7
7
|
export default buttonGroupClasses;
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,110 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 9.0.0-beta.1
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v9.0.0-beta.0..master -->
|
|
6
|
+
|
|
7
|
+
_Apr 2, 2026_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 11 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@9.0.0-beta.1`
|
|
12
|
+
|
|
13
|
+
#### Breaking Changes
|
|
14
|
+
|
|
15
|
+
- [grid] Remove 'column' and 'column-reverse' options from `direction` prop (#47564) @sai6855
|
|
16
|
+
- [icons] Remove legacy `*Outline` icons (#48116) @mj12albert
|
|
17
|
+
- [list-item-icon] Use theme spacing instead of hardcoded minWidth (#46597) @adiitxa
|
|
18
|
+
|
|
19
|
+
#### Changes
|
|
20
|
+
|
|
21
|
+
- [all components] Fix `slotProps.transition` types (#48153) @mj12albert
|
|
22
|
+
- [alert][dialog] Accessibility improvements (#48113) @silviuaavram
|
|
23
|
+
- [autocomplete] Fix helper text focusing input when clicked (#48156) @mj12albert
|
|
24
|
+
- [button-base] Add `nativeButton` prop (#47989) @mj12albert
|
|
25
|
+
- [input] Fix high contrast cutoff on first character (#48150) @silviuaavram
|
|
26
|
+
- [menu] Fix empty roving focus container (#48114) @mj12albert
|
|
27
|
+
- [utils] Explicitly register roving tab items with parent (#48122) @mj12albert
|
|
28
|
+
|
|
29
|
+
### Docs
|
|
30
|
+
|
|
31
|
+
- Fix HTML validation errors (#48107) @Janpot
|
|
32
|
+
- Fix duplicate IDs and HTML validation issues (#48095) @Janpot
|
|
33
|
+
- Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48149) @arminmeh
|
|
34
|
+
- Improve jsdom section (#48098) @oliviertassinari
|
|
35
|
+
- Update "Deprecated APIs removed" section to h2 in "Upgrade to v9" docs (#48115) @ZeeshanTamboli
|
|
36
|
+
- [docs][progress] Label all demo components (#48143) @mj12albert
|
|
37
|
+
- [docs-infra] Add x-scheduler to component API URL resolver (#48097) @rita-codes
|
|
38
|
+
- [docs-infra] Resolve some redirects (#48165) @Janpot
|
|
39
|
+
- [docs-infra] Update v9 Search Index (#48028) @dav-is
|
|
40
|
+
|
|
41
|
+
### Core
|
|
42
|
+
|
|
43
|
+
- [code-infra] Discover exports for bundle size report (#48170) @Janpot
|
|
44
|
+
- [internal] Fix use of ellipsis (#48096) @oliviertassinari
|
|
45
|
+
- [test] Add screenshot test for Virtualized Table (#47947) @mnajdova
|
|
46
|
+
- [test] Remove `componentsProp` from `describeConformance` tests (#48142) @ZeeshanTamboli
|
|
47
|
+
- [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#47765) @ZeeshanTamboli
|
|
48
|
+
|
|
49
|
+
All contributors of this release in alphabetical order: @adiitxa, @arminmeh, @dav-is, @Janpot, @mj12albert, @mnajdova, @oliviertassinari, @rita-codes, @sai6855, @silviuaavram, @ZeeshanTamboli
|
|
50
|
+
|
|
51
|
+
## 9.0.0-beta.0
|
|
52
|
+
|
|
53
|
+
<!-- generated comparing v9.0.0-alpha.4..master -->
|
|
54
|
+
|
|
55
|
+
_Mar 25, 2026_
|
|
56
|
+
|
|
57
|
+
A big thanks to the 8 contributors who made this release possible.
|
|
58
|
+
|
|
59
|
+
### `@mui/material@9.0.0-beta.0`
|
|
60
|
+
|
|
61
|
+
#### Breaking Changes
|
|
62
|
+
|
|
63
|
+
- [linear-progress] Remove deprecated CSS classes (#48068) @mj12albert
|
|
64
|
+
- [list-item, list-item-text] Remove deprecated props (#48042) @siriwatknp
|
|
65
|
+
- [button-group] Remove deprecated classes (#48043) @siriwatknp
|
|
66
|
+
- [card] Remove deprecated CardHeader props (#47995) @silviuaavram
|
|
67
|
+
- [checkbox][radio][switch] Remove deprecated inputProps and inputRef (#48059) @siriwatknp
|
|
68
|
+
- [chip] Remove deprecated classes (#48046) @silviuaavram
|
|
69
|
+
- [dialog][modal][drawer][swipeabledrawer] Remove deprecated props and classes (#48039) @silviuaavram
|
|
70
|
+
- [divider] Remove deprecated CSS classes (#48075) @siriwatknp
|
|
71
|
+
- [drawer] Remove deprecated CSS classes (#48077) @siriwatknp
|
|
72
|
+
- [image-list-item-bar] Remove deprecated CSS classes (#48064) @siriwatknp
|
|
73
|
+
- [inputs] Remove deprecated props & classes (#48071) @mj12albert
|
|
74
|
+
- [material-ui] Remove unnecessary overridesResolvers from styled components (#48082) @ZeeshanTamboli
|
|
75
|
+
- [material-ui][system] Remove deprecated system props from Box, Stack, Typography (#48072) @siriwatknp
|
|
76
|
+
- [pagination-item] Remove deprecated CSS classes (#48076) @siriwatknp
|
|
77
|
+
- [pagination-item] Remove deprecated props (#48038) @siriwatknp
|
|
78
|
+
- [rating] Remove deprecated IconContainerComponent (#48019) @siriwatknp
|
|
79
|
+
- [select] Remove deprecated CSS classes (#48065) @mj12albert
|
|
80
|
+
- [slider] Remove deprecated CSS classes (#48074) @siriwatknp
|
|
81
|
+
- [step-connector][step-content][step-label] Remove deprecated props and classes (#48058) @siriwatknp
|
|
82
|
+
- [tabs][tab] Remove deprecated CSS classes (#48078) @siriwatknp
|
|
83
|
+
- [table-pagination][table-sort-label] Remove deprecated props and classes (#48060) @siriwatknp
|
|
84
|
+
- [toggle-button-group] Remove deprecated classes (#48061) @siriwatknp
|
|
85
|
+
|
|
86
|
+
#### Changes
|
|
87
|
+
|
|
88
|
+
- [system] Improve performance when using sx prop (#44254) @romgrk
|
|
89
|
+
|
|
90
|
+
### `@mui/codemod@9.0.0-beta.0`
|
|
91
|
+
|
|
92
|
+
- [codemod] Add missing codemod links in upgrade guide (#48069) @silviuaavram
|
|
93
|
+
|
|
94
|
+
### Docs
|
|
95
|
+
|
|
96
|
+
- Mention all breaking changes in changelog (#48091) @silviuaavram
|
|
97
|
+
- Fix link to upgrade-to-v9 docs in release CHANGELOG (#48081) @ZeeshanTamboli
|
|
98
|
+
|
|
99
|
+
### Core
|
|
100
|
+
|
|
101
|
+
- Update browserslistrc (#48085) @silviuaavram
|
|
102
|
+
- [code-infra] Prevent major version updates of bundler/framework packages in bundling fixtures (#48062) @Copilot
|
|
103
|
+
- [code-infra][icons-material] Avoid material utils barrel in createSvgIcon (#48029) @anchmelev
|
|
104
|
+
- [docs-infra] Migrate more leaf components to mui-docs (#48018) @brijeshb42
|
|
105
|
+
|
|
106
|
+
All contributors of this release in alphabetical order: @anchmelev, @brijeshb42, @Copilot, @mj12albert, @romgrk, @silviuaavram, @siriwatknp, @ZeeshanTamboli
|
|
107
|
+
|
|
3
108
|
## 9.0.0-alpha.4
|
|
4
109
|
|
|
5
110
|
<!-- generated comparing v9.0.0-alpha.3..master -->
|
|
@@ -118,7 +223,7 @@ A big thanks to the 11 contributors who made this release possible.
|
|
|
118
223
|
- [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
|
|
119
224
|
- [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
|
|
120
225
|
|
|
121
|
-
Check out the [v9 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
|
|
226
|
+
Check out the [v9 upgrade guide](https://next.mui.com/material-ui/migration/upgrade-to-v9/).
|
|
122
227
|
|
|
123
228
|
#### Changes
|
|
124
229
|
|
|
@@ -167,11 +272,16 @@ A big thanks to the 10 contributors who made this release possible. Here are som
|
|
|
167
272
|
|
|
168
273
|
### `@mui/material@9.0.0-alpha.3`
|
|
169
274
|
|
|
275
|
+
#### Breaking Changes
|
|
276
|
+
|
|
277
|
+
- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
|
|
278
|
+
|
|
279
|
+
#### Changes
|
|
280
|
+
|
|
170
281
|
- [autocomplete] Add `root` slot (#47852) @GerardasB
|
|
171
282
|
- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
|
|
172
283
|
- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
|
|
173
284
|
- [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
|
|
174
|
-
- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
|
|
175
285
|
|
|
176
286
|
### Docs
|
|
177
287
|
|
|
@@ -229,16 +339,21 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
229
339
|
|
|
230
340
|
### @mui/material@9.0.0-alpha.1
|
|
231
341
|
|
|
342
|
+
#### Breaking Changes
|
|
343
|
+
|
|
232
344
|
- [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
|
|
233
345
|
- [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
|
|
234
346
|
- [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
|
|
235
347
|
- [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
|
|
236
348
|
- [Grid] Remove system props support (#47846) @siriwatknp
|
|
237
|
-
- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
|
|
238
349
|
- [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
|
|
239
|
-
- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
|
|
240
350
|
- [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
|
|
241
351
|
|
|
352
|
+
#### Changes
|
|
353
|
+
|
|
354
|
+
- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
|
|
355
|
+
- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
|
|
356
|
+
|
|
242
357
|
### Docs
|
|
243
358
|
|
|
244
359
|
- [docs] Add updated community theme resource (#47847) @PeterTYLiu
|
|
@@ -99,6 +99,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
|
|
|
99
99
|
ref,
|
|
100
100
|
className: (0, _clsx.default)(classes.root, className),
|
|
101
101
|
additionalProps: {
|
|
102
|
+
internalNativeButton: true,
|
|
102
103
|
focusVisibleClassName: (0, _clsx.default)(focusVisibleClassName, classes.focusVisible)
|
|
103
104
|
}
|
|
104
105
|
});
|
|
@@ -92,6 +92,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
|
|
|
92
92
|
ref,
|
|
93
93
|
className: clsx(classes.root, className),
|
|
94
94
|
additionalProps: {
|
|
95
|
+
internalNativeButton: true,
|
|
95
96
|
focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible)
|
|
96
97
|
}
|
|
97
98
|
});
|
|
@@ -45,7 +45,7 @@ export interface CardHeaderSlots {
|
|
|
45
45
|
*/
|
|
46
46
|
subheader: React.ElementType;
|
|
47
47
|
}
|
|
48
|
-
export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlots, {
|
|
48
|
+
export type CardHeaderSlotsAndSlotProps<TitleTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>, SubheaderTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>> = CreateSlotsAndSlotProps<CardHeaderSlots, {
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the root slot.
|
|
51
51
|
* By default, the available props are based on the div element.
|
|
@@ -70,14 +70,22 @@ export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlot
|
|
|
70
70
|
* Props forwarded to the title slot (as long as disableTypography is not `true`).
|
|
71
71
|
* By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
|
|
72
72
|
*/
|
|
73
|
-
title:
|
|
73
|
+
title: TypographyProps<TitleTypographyComponent, {
|
|
74
|
+
component?: TitleTypographyComponent | undefined;
|
|
75
|
+
} & CardHeaderTitleSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<TitleTypographyComponent, {
|
|
76
|
+
component?: TitleTypographyComponent | undefined;
|
|
77
|
+
} & CardHeaderTitleSlotPropsOverrides>);
|
|
74
78
|
/**
|
|
75
79
|
* Props forwarded to the subheader slot (as long as disableTypography is not `true`).
|
|
76
80
|
* By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
|
|
77
81
|
*/
|
|
78
|
-
subheader:
|
|
82
|
+
subheader: TypographyProps<SubheaderTypographyComponent, {
|
|
83
|
+
component?: SubheaderTypographyComponent | undefined;
|
|
84
|
+
} & CardHeaderSubheaderSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<SubheaderTypographyComponent, {
|
|
85
|
+
component?: SubheaderTypographyComponent | undefined;
|
|
86
|
+
} & CardHeaderSubheaderSlotPropsOverrides>);
|
|
79
87
|
}>;
|
|
80
|
-
export interface CardHeaderOwnProps
|
|
88
|
+
export interface CardHeaderOwnProps {
|
|
81
89
|
/**
|
|
82
90
|
* The action to display in the card header.
|
|
83
91
|
*/
|
|
@@ -102,14 +110,6 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
|
|
|
102
110
|
* The content of the component.
|
|
103
111
|
*/
|
|
104
112
|
subheader?: React.ReactNode;
|
|
105
|
-
/**
|
|
106
|
-
* These props will be forwarded to the subheader
|
|
107
|
-
* (as long as disableTypography is not `true`).
|
|
108
|
-
* @deprecated Use `slotProps.subheader` 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.
|
|
109
|
-
*/
|
|
110
|
-
subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
|
|
111
|
-
component?: SubheaderTypographyComponent | undefined;
|
|
112
|
-
}> | undefined;
|
|
113
113
|
/**
|
|
114
114
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
115
115
|
*/
|
|
@@ -118,18 +118,10 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
|
|
|
118
118
|
* The content of the component.
|
|
119
119
|
*/
|
|
120
120
|
title?: React.ReactNode;
|
|
121
|
-
/**
|
|
122
|
-
* These props will be forwarded to the title
|
|
123
|
-
* (as long as disableTypography is not `true`).
|
|
124
|
-
* @deprecated Use `slotProps.title` 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.
|
|
125
|
-
*/
|
|
126
|
-
titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
|
|
127
|
-
component?: TitleTypographyComponent | undefined;
|
|
128
|
-
}> | undefined;
|
|
129
121
|
}
|
|
130
122
|
export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
|
|
131
123
|
export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
|
|
132
|
-
props: AdditionalProps & CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent
|
|
124
|
+
props: AdditionalProps & CardHeaderOwnProps & CardHeaderSlotsAndSlotProps<TitleTypographyComponent, SubheaderTypographyComponent>;
|
|
133
125
|
defaultComponent: RootComponent;
|
|
134
126
|
}
|
|
135
127
|
/**
|
|
@@ -45,7 +45,7 @@ export interface CardHeaderSlots {
|
|
|
45
45
|
*/
|
|
46
46
|
subheader: React.ElementType;
|
|
47
47
|
}
|
|
48
|
-
export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlots, {
|
|
48
|
+
export type CardHeaderSlotsAndSlotProps<TitleTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>, SubheaderTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>> = CreateSlotsAndSlotProps<CardHeaderSlots, {
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the root slot.
|
|
51
51
|
* By default, the available props are based on the div element.
|
|
@@ -70,14 +70,22 @@ export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlot
|
|
|
70
70
|
* Props forwarded to the title slot (as long as disableTypography is not `true`).
|
|
71
71
|
* By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
|
|
72
72
|
*/
|
|
73
|
-
title:
|
|
73
|
+
title: TypographyProps<TitleTypographyComponent, {
|
|
74
|
+
component?: TitleTypographyComponent | undefined;
|
|
75
|
+
} & CardHeaderTitleSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<TitleTypographyComponent, {
|
|
76
|
+
component?: TitleTypographyComponent | undefined;
|
|
77
|
+
} & CardHeaderTitleSlotPropsOverrides>);
|
|
74
78
|
/**
|
|
75
79
|
* Props forwarded to the subheader slot (as long as disableTypography is not `true`).
|
|
76
80
|
* By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
|
|
77
81
|
*/
|
|
78
|
-
subheader:
|
|
82
|
+
subheader: TypographyProps<SubheaderTypographyComponent, {
|
|
83
|
+
component?: SubheaderTypographyComponent | undefined;
|
|
84
|
+
} & CardHeaderSubheaderSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<SubheaderTypographyComponent, {
|
|
85
|
+
component?: SubheaderTypographyComponent | undefined;
|
|
86
|
+
} & CardHeaderSubheaderSlotPropsOverrides>);
|
|
79
87
|
}>;
|
|
80
|
-
export interface CardHeaderOwnProps
|
|
88
|
+
export interface CardHeaderOwnProps {
|
|
81
89
|
/**
|
|
82
90
|
* The action to display in the card header.
|
|
83
91
|
*/
|
|
@@ -102,14 +110,6 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
|
|
|
102
110
|
* The content of the component.
|
|
103
111
|
*/
|
|
104
112
|
subheader?: React.ReactNode;
|
|
105
|
-
/**
|
|
106
|
-
* These props will be forwarded to the subheader
|
|
107
|
-
* (as long as disableTypography is not `true`).
|
|
108
|
-
* @deprecated Use `slotProps.subheader` 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.
|
|
109
|
-
*/
|
|
110
|
-
subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
|
|
111
|
-
component?: SubheaderTypographyComponent | undefined;
|
|
112
|
-
}> | undefined;
|
|
113
113
|
/**
|
|
114
114
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
115
115
|
*/
|
|
@@ -118,18 +118,10 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
|
|
|
118
118
|
* The content of the component.
|
|
119
119
|
*/
|
|
120
120
|
title?: React.ReactNode;
|
|
121
|
-
/**
|
|
122
|
-
* These props will be forwarded to the title
|
|
123
|
-
* (as long as disableTypography is not `true`).
|
|
124
|
-
* @deprecated Use `slotProps.title` 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.
|
|
125
|
-
*/
|
|
126
|
-
titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
|
|
127
|
-
component?: TitleTypographyComponent | undefined;
|
|
128
|
-
}> | undefined;
|
|
129
121
|
}
|
|
130
122
|
export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
|
|
131
123
|
export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
|
|
132
|
-
props: AdditionalProps & CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent
|
|
124
|
+
props: AdditionalProps & CardHeaderOwnProps & CardHeaderSlotsAndSlotProps<TitleTypographyComponent, SubheaderTypographyComponent>;
|
|
133
125
|
defaultComponent: RootComponent;
|
|
134
126
|
}
|
|
135
127
|
/**
|
package/CardHeader/CardHeader.js
CHANGED
|
@@ -87,9 +87,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
|
|
|
87
87
|
component = 'div',
|
|
88
88
|
disableTypography = false,
|
|
89
89
|
subheader: subheaderProp,
|
|
90
|
-
subheaderTypographyProps,
|
|
91
90
|
title: titleProp,
|
|
92
|
-
titleTypographyProps,
|
|
93
91
|
slots = {},
|
|
94
92
|
slotProps = {},
|
|
95
93
|
...other
|
|
@@ -102,11 +100,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
|
|
|
102
100
|
const classes = useUtilityClasses(ownerState);
|
|
103
101
|
const externalForwardedProps = {
|
|
104
102
|
slots,
|
|
105
|
-
slotProps
|
|
106
|
-
title: titleTypographyProps,
|
|
107
|
-
subheader: subheaderTypographyProps,
|
|
108
|
-
...slotProps
|
|
109
|
-
}
|
|
103
|
+
slotProps
|
|
110
104
|
};
|
|
111
105
|
let title = titleProp;
|
|
112
106
|
const [TitleSlot, titleSlotProps] = (0, _useSlot.default)('title', {
|
|
@@ -224,7 +218,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
224
218
|
* The props used for each slot inside.
|
|
225
219
|
* @default {}
|
|
226
220
|
*/
|
|
227
|
-
slotProps: _propTypes.default
|
|
221
|
+
slotProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
|
|
228
222
|
action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
229
223
|
avatar: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
230
224
|
content: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
@@ -248,12 +242,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
248
242
|
* The content of the component.
|
|
249
243
|
*/
|
|
250
244
|
subheader: _propTypes.default.node,
|
|
251
|
-
/**
|
|
252
|
-
* These props will be forwarded to the subheader
|
|
253
|
-
* (as long as disableTypography is not `true`).
|
|
254
|
-
* @deprecated Use `slotProps.subheader` 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.
|
|
255
|
-
*/
|
|
256
|
-
subheaderTypographyProps: _propTypes.default.object,
|
|
257
245
|
/**
|
|
258
246
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
259
247
|
*/
|
|
@@ -261,12 +249,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
261
249
|
/**
|
|
262
250
|
* The content of the component.
|
|
263
251
|
*/
|
|
264
|
-
title: _propTypes.default.node
|
|
265
|
-
/**
|
|
266
|
-
* These props will be forwarded to the title
|
|
267
|
-
* (as long as disableTypography is not `true`).
|
|
268
|
-
* @deprecated Use `slotProps.title` 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.
|
|
269
|
-
*/
|
|
270
|
-
titleTypographyProps: _propTypes.default.object
|
|
252
|
+
title: _propTypes.default.node
|
|
271
253
|
} : void 0;
|
|
272
254
|
var _default = exports.default = CardHeader;
|
|
@@ -80,9 +80,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
|
|
|
80
80
|
component = 'div',
|
|
81
81
|
disableTypography = false,
|
|
82
82
|
subheader: subheaderProp,
|
|
83
|
-
subheaderTypographyProps,
|
|
84
83
|
title: titleProp,
|
|
85
|
-
titleTypographyProps,
|
|
86
84
|
slots = {},
|
|
87
85
|
slotProps = {},
|
|
88
86
|
...other
|
|
@@ -95,11 +93,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
|
|
|
95
93
|
const classes = useUtilityClasses(ownerState);
|
|
96
94
|
const externalForwardedProps = {
|
|
97
95
|
slots,
|
|
98
|
-
slotProps
|
|
99
|
-
title: titleTypographyProps,
|
|
100
|
-
subheader: subheaderTypographyProps,
|
|
101
|
-
...slotProps
|
|
102
|
-
}
|
|
96
|
+
slotProps
|
|
103
97
|
};
|
|
104
98
|
let title = titleProp;
|
|
105
99
|
const [TitleSlot, titleSlotProps] = useSlot('title', {
|
|
@@ -217,7 +211,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
217
211
|
* The props used for each slot inside.
|
|
218
212
|
* @default {}
|
|
219
213
|
*/
|
|
220
|
-
slotProps: PropTypes
|
|
214
|
+
slotProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
|
|
221
215
|
action: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
222
216
|
avatar: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
223
217
|
content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
@@ -241,12 +235,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
241
235
|
* The content of the component.
|
|
242
236
|
*/
|
|
243
237
|
subheader: PropTypes.node,
|
|
244
|
-
/**
|
|
245
|
-
* These props will be forwarded to the subheader
|
|
246
|
-
* (as long as disableTypography is not `true`).
|
|
247
|
-
* @deprecated Use `slotProps.subheader` 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.
|
|
248
|
-
*/
|
|
249
|
-
subheaderTypographyProps: PropTypes.object,
|
|
250
238
|
/**
|
|
251
239
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
252
240
|
*/
|
|
@@ -254,12 +242,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
|
|
|
254
242
|
/**
|
|
255
243
|
* The content of the component.
|
|
256
244
|
*/
|
|
257
|
-
title: PropTypes.node
|
|
258
|
-
/**
|
|
259
|
-
* These props will be forwarded to the title
|
|
260
|
-
* (as long as disableTypography is not `true`).
|
|
261
|
-
* @deprecated Use `slotProps.title` 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.
|
|
262
|
-
*/
|
|
263
|
-
titleTypographyProps: PropTypes.object
|
|
245
|
+
title: PropTypes.node
|
|
264
246
|
} : void 0;
|
|
265
247
|
export default CardHeader;
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -117,7 +117,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
117
117
|
icon: iconProp = defaultIcon,
|
|
118
118
|
indeterminate = false,
|
|
119
119
|
indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
|
|
120
|
-
inputProps,
|
|
121
120
|
size = 'medium',
|
|
122
121
|
disableRipple = false,
|
|
123
122
|
className,
|
|
@@ -135,7 +134,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
135
134
|
size
|
|
136
135
|
};
|
|
137
136
|
const classes = useUtilityClasses(ownerState);
|
|
138
|
-
const externalInputProps = slotProps.input
|
|
137
|
+
const externalInputProps = slotProps.input;
|
|
139
138
|
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
|
140
139
|
ref,
|
|
141
140
|
elementType: CheckboxRoot,
|
|
@@ -234,11 +233,6 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
|
|
|
234
233
|
* @default <IndeterminateCheckBoxIcon />
|
|
235
234
|
*/
|
|
236
235
|
indeterminateIcon: _propTypes.default.node,
|
|
237
|
-
/**
|
|
238
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
239
|
-
* @deprecated Use `slotProps.input` 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.
|
|
240
|
-
*/
|
|
241
|
-
inputProps: _propTypes.default.object,
|
|
242
236
|
/**
|
|
243
237
|
* Callback fired when the state is changed.
|
|
244
238
|
*
|
package/Checkbox/Checkbox.mjs
CHANGED
|
@@ -110,7 +110,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
110
110
|
icon: iconProp = defaultIcon,
|
|
111
111
|
indeterminate = false,
|
|
112
112
|
indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
|
|
113
|
-
inputProps,
|
|
114
113
|
size = 'medium',
|
|
115
114
|
disableRipple = false,
|
|
116
115
|
className,
|
|
@@ -128,7 +127,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
128
127
|
size
|
|
129
128
|
};
|
|
130
129
|
const classes = useUtilityClasses(ownerState);
|
|
131
|
-
const externalInputProps = slotProps.input
|
|
130
|
+
const externalInputProps = slotProps.input;
|
|
132
131
|
const [RootSlot, rootSlotProps] = useSlot('root', {
|
|
133
132
|
ref,
|
|
134
133
|
elementType: CheckboxRoot,
|
|
@@ -227,11 +226,6 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
|
|
|
227
226
|
* @default <IndeterminateCheckBoxIcon />
|
|
228
227
|
*/
|
|
229
228
|
indeterminateIcon: PropTypes.node,
|
|
230
|
-
/**
|
|
231
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
232
|
-
* @deprecated Use `slotProps.input` 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.
|
|
233
|
-
*/
|
|
234
|
-
inputProps: PropTypes.object,
|
|
235
229
|
/**
|
|
236
230
|
* Callback fired when the state is changed.
|
|
237
231
|
*
|
package/Chip/Chip.d.mts
CHANGED
|
@@ -90,6 +90,13 @@ export interface ChipOwnProps {
|
|
|
90
90
|
* @default 'medium'
|
|
91
91
|
*/
|
|
92
92
|
size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
|
|
93
|
+
/**
|
|
94
|
+
* If `true`, the component is expected to resolve to a native `<button>` element.
|
|
95
|
+
* When omitted, custom components inherit the default button semantics of the current wrapper.
|
|
96
|
+
* Set to `true` when a custom component resolves to a native `<button>`, or `false`
|
|
97
|
+
* when it resolves to a non-button host.
|
|
98
|
+
*/
|
|
99
|
+
nativeButton?: boolean | undefined;
|
|
93
100
|
/**
|
|
94
101
|
* If `true`, allows the disabled chip to escape focus.
|
|
95
102
|
* If `false`, allows the disabled chip to receive focus.
|
package/Chip/Chip.d.ts
CHANGED
|
@@ -90,6 +90,13 @@ export interface ChipOwnProps {
|
|
|
90
90
|
* @default 'medium'
|
|
91
91
|
*/
|
|
92
92
|
size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
|
|
93
|
+
/**
|
|
94
|
+
* If `true`, the component is expected to resolve to a native `<button>` element.
|
|
95
|
+
* When omitted, custom components inherit the default button semantics of the current wrapper.
|
|
96
|
+
* Set to `true` when a custom component resolves to a native `<button>`, or `false`
|
|
97
|
+
* when it resolves to a non-button host.
|
|
98
|
+
*/
|
|
99
|
+
nativeButton?: boolean | undefined;
|
|
93
100
|
/**
|
|
94
101
|
* If `true`, allows the disabled chip to escape focus.
|
|
95
102
|
* If `false`, allows the disabled chip to receive focus.
|