@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0
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/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 +71 -4
- 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.js +48 -54
- package/Chip/Chip.mjs +48 -54
- 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 +0 -21
- package/Dialog/Dialog.d.ts +0 -21
- package/Dialog/Dialog.js +36 -73
- package/Dialog/Dialog.mjs +36 -73
- 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 -2
- package/Divider/Divider.mjs +2 -2
- 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 +0 -12
- package/Drawer/Drawer.d.ts +0 -12
- 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/FilledInput/FilledInput.js +3 -32
- package/FilledInput/FilledInput.mjs +3 -32
- 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 +3 -32
- package/Input/Input.mjs +3 -32
- package/Input/inputClasses.d.mts +0 -16
- package/Input/inputClasses.d.ts +0 -16
- 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 +1 -2
- package/ListItemButton/ListItemButton.mjs +1 -2
- 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/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 +0 -15
- package/PaginationItem/PaginationItem.d.ts +0 -15
- package/PaginationItem/PaginationItem.js +3 -24
- package/PaginationItem/PaginationItem.mjs +3 -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/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/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- 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 +1 -16
- package/StepContent/StepContent.d.ts +1 -16
- 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/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 +1 -3
- package/Tab/Tab.mjs +1 -3
- 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/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 +2 -7
- package/TableSortLabel/TableSortLabel.mjs +2 -7
- 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 +3 -3
- package/Tabs/Tabs.mjs +3 -3
- 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/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/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 +0 -10
- package/internal/SwitchBase.d.ts +0 -10
- package/internal/SwitchBase.js +1 -16
- package/internal/SwitchBase.mjs +1 -16
- package/package.json +7 -7
- package/styles/createThemeWithVars.js +1 -0
- package/styles/createThemeWithVars.mjs +1 -0
- package/styles/stringifyTheme.js +1 -1
- package/styles/stringifyTheme.mjs +1 -1
- 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/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -27,14 +27,6 @@ const overridesResolver = (props, styles) => {
|
|
|
27
27
|
} = props;
|
|
28
28
|
return [{
|
|
29
29
|
[`& .${_buttonGroupClasses.default.grouped}`]: styles.grouped
|
|
30
|
-
}, {
|
|
31
|
-
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.orientation)}`]
|
|
32
|
-
}, {
|
|
33
|
-
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}`]
|
|
34
|
-
}, {
|
|
35
|
-
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.orientation)}`]
|
|
36
|
-
}, {
|
|
37
|
-
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.color)}`]
|
|
38
30
|
}, {
|
|
39
31
|
[`& .${_buttonGroupClasses.default.firstButton}`]: styles.firstButton
|
|
40
32
|
}, {
|
|
@@ -55,7 +47,7 @@ const useUtilityClasses = ownerState => {
|
|
|
55
47
|
} = ownerState;
|
|
56
48
|
const slots = {
|
|
57
49
|
root: ['root', variant, orientation, fullWidth && 'fullWidth', disableElevation && 'disableElevation', `color${(0, _capitalize.default)(color)}`],
|
|
58
|
-
grouped: ['grouped',
|
|
50
|
+
grouped: ['grouped', disabled && 'disabled'],
|
|
59
51
|
firstButton: ['firstButton'],
|
|
60
52
|
lastButton: ['lastButton'],
|
|
61
53
|
middleButton: ['middleButton']
|
|
@@ -20,14 +20,6 @@ const overridesResolver = (props, styles) => {
|
|
|
20
20
|
} = props;
|
|
21
21
|
return [{
|
|
22
22
|
[`& .${buttonGroupClasses.grouped}`]: styles.grouped
|
|
23
|
-
}, {
|
|
24
|
-
[`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.orientation)}`]
|
|
25
|
-
}, {
|
|
26
|
-
[`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}`]
|
|
27
|
-
}, {
|
|
28
|
-
[`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.orientation)}`]
|
|
29
|
-
}, {
|
|
30
|
-
[`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.color)}`]
|
|
31
23
|
}, {
|
|
32
24
|
[`& .${buttonGroupClasses.firstButton}`]: styles.firstButton
|
|
33
25
|
}, {
|
|
@@ -48,7 +40,7 @@ const useUtilityClasses = ownerState => {
|
|
|
48
40
|
} = ownerState;
|
|
49
41
|
const slots = {
|
|
50
42
|
root: ['root', variant, orientation, fullWidth && 'fullWidth', disableElevation && 'disableElevation', `color${capitalize(color)}`],
|
|
51
|
-
grouped: ['grouped',
|
|
43
|
+
grouped: ['grouped', disabled && 'disabled'],
|
|
52
44
|
firstButton: ['firstButton'],
|
|
53
45
|
lastButton: ['lastButton'],
|
|
54
46
|
middleButton: ['middleButton']
|
|
@@ -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. */
|
|
@@ -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,62 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 9.0.0-beta.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v9.0.0-alpha.4..master -->
|
|
6
|
+
|
|
7
|
+
_Mar 25, 2026_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 8 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@9.0.0-beta.0`
|
|
12
|
+
|
|
13
|
+
#### Breaking Changes
|
|
14
|
+
|
|
15
|
+
- [linear-progress] Remove deprecated CSS classes (#48068) @mj12albert
|
|
16
|
+
- [list-item, list-item-text] Remove deprecated props (#48042) @siriwatknp
|
|
17
|
+
- [button-group] Remove deprecated classes (#48043) @siriwatknp
|
|
18
|
+
- [card] Remove deprecated CardHeader props (#47995) @silviuaavram
|
|
19
|
+
- [checkbox][radio][switch] Remove deprecated inputProps and inputRef (#48059) @siriwatknp
|
|
20
|
+
- [chip] Remove deprecated classes (#48046) @silviuaavram
|
|
21
|
+
- [dialog][modal][drawer][swipeabledrawer] Remove deprecated props and classes (#48039) @silviuaavram
|
|
22
|
+
- [divider] Remove deprecated CSS classes (#48075) @siriwatknp
|
|
23
|
+
- [drawer] Remove deprecated CSS classes (#48077) @siriwatknp
|
|
24
|
+
- [image-list-item-bar] Remove deprecated CSS classes (#48064) @siriwatknp
|
|
25
|
+
- [inputs] Remove deprecated props & classes (#48071) @mj12albert
|
|
26
|
+
- [material-ui] Remove unnecessary overridesResolvers from styled components (#48082) @ZeeshanTamboli
|
|
27
|
+
- [material-ui][system] Remove deprecated system props from Box, Stack, Typography (#48072) @siriwatknp
|
|
28
|
+
- [pagination-item] Remove deprecated CSS classes (#48076) @siriwatknp
|
|
29
|
+
- [pagination-item] Remove deprecated props (#48038) @siriwatknp
|
|
30
|
+
- [rating] Remove deprecated IconContainerComponent (#48019) @siriwatknp
|
|
31
|
+
- [select] Remove deprecated CSS classes (#48065) @mj12albert
|
|
32
|
+
- [slider] Remove deprecated CSS classes (#48074) @siriwatknp
|
|
33
|
+
- [step-connector][step-content][step-label] Remove deprecated props and classes (#48058) @siriwatknp
|
|
34
|
+
- [tabs][tab] Remove deprecated CSS classes (#48078) @siriwatknp
|
|
35
|
+
- [table-pagination][table-sort-label] Remove deprecated props and classes (#48060) @siriwatknp
|
|
36
|
+
- [toggle-button-group] Remove deprecated classes (#48061) @siriwatknp
|
|
37
|
+
|
|
38
|
+
#### Changes
|
|
39
|
+
|
|
40
|
+
- [system] Improve performance when using sx prop (#44254) @romgrk
|
|
41
|
+
|
|
42
|
+
### `@mui/codemod@9.0.0-beta.0`
|
|
43
|
+
|
|
44
|
+
- [codemod] Add missing codemod links in upgrade guide (#48069) @silviuaavram
|
|
45
|
+
|
|
46
|
+
### Docs
|
|
47
|
+
|
|
48
|
+
- Mention all breaking changes in changelog (#48091) @silviuaavram
|
|
49
|
+
- Fix link to upgrade-to-v9 docs in release CHANGELOG (#48081) @ZeeshanTamboli
|
|
50
|
+
|
|
51
|
+
### Core
|
|
52
|
+
|
|
53
|
+
- Update browserslistrc (#48085) @silviuaavram
|
|
54
|
+
- [code-infra] Prevent major version updates of bundler/framework packages in bundling fixtures (#48062) @Copilot
|
|
55
|
+
- [code-infra][icons-material] Avoid material utils barrel in createSvgIcon (#48029) @anchmelev
|
|
56
|
+
- [docs-infra] Migrate more leaf components to mui-docs (#48018) @brijeshb42
|
|
57
|
+
|
|
58
|
+
All contributors of this release in alphabetical order: @anchmelev, @brijeshb42, @Copilot, @mj12albert, @romgrk, @silviuaavram, @siriwatknp, @ZeeshanTamboli
|
|
59
|
+
|
|
3
60
|
## 9.0.0-alpha.4
|
|
4
61
|
|
|
5
62
|
<!-- generated comparing v9.0.0-alpha.3..master -->
|
|
@@ -118,7 +175,7 @@ A big thanks to the 11 contributors who made this release possible.
|
|
|
118
175
|
- [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
|
|
119
176
|
- [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
|
|
120
177
|
|
|
121
|
-
Check out the [v9 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
|
|
178
|
+
Check out the [v9 upgrade guide](https://next.mui.com/material-ui/migration/upgrade-to-v9/).
|
|
122
179
|
|
|
123
180
|
#### Changes
|
|
124
181
|
|
|
@@ -167,11 +224,16 @@ A big thanks to the 10 contributors who made this release possible. Here are som
|
|
|
167
224
|
|
|
168
225
|
### `@mui/material@9.0.0-alpha.3`
|
|
169
226
|
|
|
227
|
+
#### Breaking Changes
|
|
228
|
+
|
|
229
|
+
- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
|
|
230
|
+
|
|
231
|
+
#### Changes
|
|
232
|
+
|
|
170
233
|
- [autocomplete] Add `root` slot (#47852) @GerardasB
|
|
171
234
|
- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
|
|
172
235
|
- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
|
|
173
236
|
- [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
|
|
174
|
-
- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
|
|
175
237
|
|
|
176
238
|
### Docs
|
|
177
239
|
|
|
@@ -229,16 +291,21 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
229
291
|
|
|
230
292
|
### @mui/material@9.0.0-alpha.1
|
|
231
293
|
|
|
294
|
+
#### Breaking Changes
|
|
295
|
+
|
|
232
296
|
- [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
|
|
233
297
|
- [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
|
|
234
298
|
- [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
|
|
235
299
|
- [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
|
|
236
300
|
- [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
301
|
- [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
302
|
- [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
|
|
241
303
|
|
|
304
|
+
#### Changes
|
|
305
|
+
|
|
306
|
+
- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
|
|
307
|
+
- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
|
|
308
|
+
|
|
242
309
|
### Docs
|
|
243
310
|
|
|
244
311
|
- [docs] Add updated community theme resource (#47847) @PeterTYLiu
|
|
@@ -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
|
*
|