@mui/material 7.3.4 → 7.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.ts +56 -55
- package/AccordionSummary/accordionSummaryClasses.d.ts +1 -1
- package/Alert/alertClasses.d.ts +24 -24
- package/AppBar/AppBar.d.ts +13 -2
- package/AppBar/AppBar.js +12 -1
- package/Breadcrumbs/BreadcrumbCollapsed.js +0 -2
- package/Button/Button.d.ts +1 -0
- package/Button/buttonClasses.d.ts +33 -33
- package/ButtonBase/ButtonBase.js +8 -1
- package/ButtonBase/TouchRipple.js +1 -1
- package/ButtonGroup/buttonGroupClasses.d.ts +17 -17
- package/CHANGELOG.md +142 -0
- package/Chip/Chip.js +1 -1
- package/Chip/chipClasses.d.ts +26 -26
- package/CircularProgress/circularProgressClasses.d.ts +2 -2
- package/Collapse/Collapse.d.ts +31 -1
- package/Collapse/Collapse.js +73 -30
- package/CssBaseline/CssBaseline.d.ts +1 -1
- package/CssBaseline/CssBaseline.js +1 -1
- package/DefaultPropsProvider/DefaultPropsProvider.d.ts +1 -1
- package/Dialog/dialogClasses.d.ts +2 -2
- package/Divider/dividerClasses.d.ts +1 -1
- package/Drawer/drawerClasses.d.ts +8 -8
- package/FormControl/FormControl.d.ts +1 -0
- package/FormHelperText/FormHelperText.d.ts +1 -0
- package/FormLabel/FormLabel.d.ts +1 -0
- package/GlobalStyles/GlobalStyles.js +0 -2
- package/IconButton/IconButton.d.ts +1 -0
- package/ImageListItemBar/imageListItemBarClasses.d.ts +4 -4
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +1 -2
- package/InitColorSchemeScript/InitColorSchemeScript.js +0 -2
- package/Input/inputClasses.d.ts +4 -4
- package/InputBase/inputBaseClasses.d.ts +5 -5
- package/InputLabel/InputLabel.d.ts +1 -0
- package/LinearProgress/linearProgressClasses.d.ts +9 -9
- package/ListItem/ListItem.d.ts +5 -0
- package/ListItem/ListItem.js +19 -4
- package/MenuList/MenuList.js +2 -1
- package/OutlinedInput/NotchedOutline.js +0 -2
- package/OutlinedInput/OutlinedInput.d.ts +1 -0
- package/OutlinedInput/outlinedInputClasses.d.ts +4 -4
- package/PaginationItem/paginationItemClasses.d.ts +4 -4
- package/Radio/RadioButtonIcon.js +0 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
- package/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
- package/Select/SelectInput.d.ts +2 -0
- package/Select/SelectInput.js +6 -0
- package/Select/selectClasses.d.ts +3 -3
- package/Slider/Slider.d.ts +1 -1
- package/Slider/sliderClasses.d.ts +7 -7
- package/Slider/useSlider.types.d.ts +1 -1
- package/Snackbar/Snackbar.js +1 -3
- package/StepConnector/stepConnectorClasses.d.ts +2 -2
- package/TableSortLabel/tableSortLabelClasses.d.ts +2 -2
- package/Tabs/Tabs.js +3 -2
- package/TextField/TextField.d.ts +10 -5
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +2 -2
- package/Unstable_TrapFocus/FocusTrap.js +13 -8
- package/Zoom/Zoom.d.ts +1 -1
- package/Zoom/Zoom.js +1 -1
- package/esm/Accordion/Accordion.d.ts +56 -55
- package/esm/AccordionSummary/accordionSummaryClasses.d.ts +1 -1
- package/esm/Alert/alertClasses.d.ts +24 -24
- package/esm/AppBar/AppBar.d.ts +13 -2
- package/esm/AppBar/AppBar.js +12 -1
- package/esm/Breadcrumbs/BreadcrumbCollapsed.js +0 -1
- package/esm/Button/Button.d.ts +1 -0
- package/esm/Button/buttonClasses.d.ts +33 -33
- package/esm/ButtonBase/ButtonBase.js +8 -1
- package/esm/ButtonBase/TouchRipple.js +1 -1
- package/esm/ButtonGroup/buttonGroupClasses.d.ts +17 -17
- package/esm/Chip/Chip.js +1 -1
- package/esm/Chip/chipClasses.d.ts +26 -26
- package/esm/CircularProgress/circularProgressClasses.d.ts +2 -2
- package/esm/Collapse/Collapse.d.ts +31 -1
- package/esm/Collapse/Collapse.js +73 -30
- package/esm/CssBaseline/CssBaseline.d.ts +1 -1
- package/esm/CssBaseline/CssBaseline.js +1 -1
- package/esm/DefaultPropsProvider/DefaultPropsProvider.d.ts +1 -1
- package/esm/Dialog/dialogClasses.d.ts +2 -2
- package/esm/Divider/dividerClasses.d.ts +1 -1
- package/esm/Drawer/drawerClasses.d.ts +8 -8
- package/esm/FormControl/FormControl.d.ts +1 -0
- package/esm/FormHelperText/FormHelperText.d.ts +1 -0
- package/esm/FormLabel/FormLabel.d.ts +1 -0
- package/esm/GlobalStyles/GlobalStyles.js +0 -1
- package/esm/IconButton/IconButton.d.ts +1 -0
- package/esm/ImageListItemBar/imageListItemBarClasses.d.ts +4 -4
- package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +1 -2
- package/esm/InitColorSchemeScript/InitColorSchemeScript.js +0 -1
- package/esm/Input/inputClasses.d.ts +4 -4
- package/esm/InputBase/inputBaseClasses.d.ts +5 -5
- package/esm/InputLabel/InputLabel.d.ts +1 -0
- package/esm/LinearProgress/linearProgressClasses.d.ts +9 -9
- package/esm/ListItem/ListItem.d.ts +5 -0
- package/esm/ListItem/ListItem.js +19 -4
- package/esm/MenuList/MenuList.js +2 -1
- package/esm/OutlinedInput/NotchedOutline.js +0 -1
- package/esm/OutlinedInput/OutlinedInput.d.ts +1 -0
- package/esm/OutlinedInput/outlinedInputClasses.d.ts +4 -4
- package/esm/PaginationItem/paginationItemClasses.d.ts +4 -4
- package/esm/Radio/RadioButtonIcon.js +0 -1
- package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
- package/esm/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
- package/esm/Select/SelectInput.d.ts +2 -0
- package/esm/Select/SelectInput.js +6 -0
- package/esm/Select/selectClasses.d.ts +3 -3
- package/esm/Slider/Slider.d.ts +1 -1
- package/esm/Slider/sliderClasses.d.ts +7 -7
- package/esm/Slider/useSlider.types.d.ts +1 -1
- package/esm/Snackbar/Snackbar.js +1 -3
- package/esm/StepConnector/stepConnectorClasses.d.ts +2 -2
- package/esm/TableSortLabel/tableSortLabelClasses.d.ts +2 -2
- package/esm/Tabs/Tabs.js +3 -2
- package/esm/TextField/TextField.d.ts +10 -5
- package/esm/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +2 -2
- package/esm/Unstable_TrapFocus/FocusTrap.js +13 -8
- package/esm/Zoom/Zoom.d.ts +1 -1
- package/esm/Zoom/Zoom.js +1 -1
- package/esm/index.js +1 -1
- package/esm/internal/svg-icons/Add.js +0 -1
- package/esm/internal/svg-icons/ArrowDownward.js +0 -1
- package/esm/internal/svg-icons/ArrowDropDown.js +0 -1
- package/esm/internal/svg-icons/Cancel.js +0 -1
- package/esm/internal/svg-icons/CheckBox.js +0 -1
- package/esm/internal/svg-icons/CheckBoxOutlineBlank.js +0 -1
- package/esm/internal/svg-icons/CheckCircle.js +0 -1
- package/esm/internal/svg-icons/Close.js +0 -1
- package/esm/internal/svg-icons/ErrorOutline.js +0 -1
- package/esm/internal/svg-icons/FirstPage.js +0 -1
- package/esm/internal/svg-icons/IndeterminateCheckBox.js +0 -1
- package/esm/internal/svg-icons/InfoOutlined.js +0 -1
- package/esm/internal/svg-icons/KeyboardArrowLeft.js +0 -1
- package/esm/internal/svg-icons/KeyboardArrowRight.js +0 -1
- package/esm/internal/svg-icons/LastPage.js +0 -1
- package/esm/internal/svg-icons/MoreHoriz.js +0 -1
- package/esm/internal/svg-icons/NavigateBefore.js +0 -1
- package/esm/internal/svg-icons/NavigateNext.js +0 -1
- package/esm/internal/svg-icons/Person.js +0 -1
- package/esm/internal/svg-icons/RadioButtonChecked.js +0 -1
- package/esm/internal/svg-icons/RadioButtonUnchecked.js +0 -1
- package/esm/internal/svg-icons/ReportProblemOutlined.js +0 -1
- package/esm/internal/svg-icons/Star.js +0 -1
- package/esm/internal/svg-icons/StarBorder.js +0 -1
- package/esm/internal/svg-icons/SuccessOutlined.js +0 -1
- package/esm/internal/svg-icons/Warning.js +0 -1
- package/esm/locale/caES.js +45 -42
- package/esm/styles/ThemeProvider.d.ts +1 -1
- package/esm/styles/ThemeProviderWithVars.d.ts +2 -3
- package/esm/styles/ThemeProviderWithVars.js +0 -1
- package/esm/styles/createThemeFoundation.d.ts +5 -3
- package/esm/styles/createThemeNoVars.d.ts +6 -3
- package/esm/styles/createThemeWithVars.d.ts +4 -4
- package/esm/styles/index.d.ts +1 -1
- package/esm/useAutocomplete/useAutocomplete.js +15 -2
- package/esm/utils/getActiveElement.d.ts +2 -0
- package/esm/utils/getActiveElement.js +2 -0
- package/esm/version/index.js +2 -2
- package/esm/zero-styled/index.d.ts +1 -2
- package/esm/zero-styled/index.js +0 -1
- package/index.js +1 -1
- package/internal/svg-icons/Add.js +0 -2
- package/internal/svg-icons/ArrowDownward.js +0 -2
- package/internal/svg-icons/ArrowDropDown.js +0 -2
- package/internal/svg-icons/Cancel.js +0 -2
- package/internal/svg-icons/CheckBox.js +0 -2
- package/internal/svg-icons/CheckBoxOutlineBlank.js +0 -2
- package/internal/svg-icons/CheckCircle.js +0 -2
- package/internal/svg-icons/Close.js +0 -2
- package/internal/svg-icons/ErrorOutline.js +0 -2
- package/internal/svg-icons/FirstPage.js +0 -2
- package/internal/svg-icons/IndeterminateCheckBox.js +0 -2
- package/internal/svg-icons/InfoOutlined.js +0 -2
- package/internal/svg-icons/KeyboardArrowLeft.js +0 -2
- package/internal/svg-icons/KeyboardArrowRight.js +0 -2
- package/internal/svg-icons/LastPage.js +0 -2
- package/internal/svg-icons/MoreHoriz.js +0 -2
- package/internal/svg-icons/NavigateBefore.js +0 -2
- package/internal/svg-icons/NavigateNext.js +0 -2
- package/internal/svg-icons/Person.js +0 -2
- package/internal/svg-icons/RadioButtonChecked.js +0 -2
- package/internal/svg-icons/RadioButtonUnchecked.js +0 -2
- package/internal/svg-icons/ReportProblemOutlined.js +0 -2
- package/internal/svg-icons/Star.js +0 -2
- package/internal/svg-icons/StarBorder.js +0 -2
- package/internal/svg-icons/SuccessOutlined.js +0 -2
- package/internal/svg-icons/Warning.js +0 -2
- package/locale/caES.js +45 -42
- package/package.json +7 -7
- package/styles/ThemeProvider.d.ts +1 -1
- package/styles/ThemeProviderWithVars.d.ts +2 -3
- package/styles/ThemeProviderWithVars.js +0 -2
- package/styles/createThemeFoundation.d.ts +5 -3
- package/styles/createThemeNoVars.d.ts +6 -3
- package/styles/createThemeWithVars.d.ts +4 -4
- package/styles/index.d.ts +1 -1
- package/useAutocomplete/useAutocomplete.js +15 -2
- package/utils/getActiveElement.d.ts +2 -0
- package/utils/getActiveElement.js +9 -0
- package/version/index.js +2 -2
- package/zero-styled/index.d.ts +1 -2
- package/zero-styled/index.js +0 -2
|
@@ -28,24 +28,24 @@ export interface InputBaseClasses {
|
|
|
28
28
|
/** Styles applied to the input element. */
|
|
29
29
|
input: string;
|
|
30
30
|
/** Styles applied to the input element if `size="small"`.
|
|
31
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
31
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
32
|
*/
|
|
33
33
|
inputSizeSmall: string;
|
|
34
34
|
/** Styles applied to the input element if `multiline={true}`.
|
|
35
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
35
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
36
|
*/
|
|
37
37
|
inputMultiline: string;
|
|
38
38
|
inputTypeSearch: string;
|
|
39
39
|
/** Styles applied to the input element if `startAdornment` is provided.
|
|
40
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
40
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
41
41
|
*/
|
|
42
42
|
inputAdornedStart: string;
|
|
43
43
|
/** Styles applied to the input element if `endAdornment` is provided.
|
|
44
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
44
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
45
45
|
*/
|
|
46
46
|
inputAdornedEnd: string;
|
|
47
47
|
/** Styles applied to the input element if `hiddenLabel={true}`.
|
|
48
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
48
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#input-base-classes-MuiInputBase-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
49
49
|
*/
|
|
50
50
|
inputHiddenLabel: string;
|
|
51
51
|
}
|
|
@@ -16,11 +16,11 @@ export interface LinearProgressClasses {
|
|
|
16
16
|
/** Styles applied to the additional bar element if `variant="buffer"`. */
|
|
17
17
|
dashed: string;
|
|
18
18
|
/** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`.
|
|
19
|
-
* @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
19
|
+
* @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-dashed) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
20
20
|
*/
|
|
21
21
|
dashedColorPrimary: string;
|
|
22
22
|
/** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`.
|
|
23
|
-
* @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
23
|
+
* @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-dashed) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
24
24
|
*/
|
|
25
25
|
dashedColorSecondary: string;
|
|
26
26
|
/** Styles applied to the layered bar1 and bar2 elements. */
|
|
@@ -30,31 +30,31 @@ export interface LinearProgressClasses {
|
|
|
30
30
|
/** Styles applied to the bar2 element. */
|
|
31
31
|
bar2: string;
|
|
32
32
|
/** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer".
|
|
33
|
-
* @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
33
|
+
* @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
34
34
|
*/
|
|
35
35
|
barColorPrimary: string;
|
|
36
36
|
/** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer".
|
|
37
|
-
* @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
37
|
+
* @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
38
38
|
*/
|
|
39
39
|
barColorSecondary: string;
|
|
40
40
|
/** Styles applied to the bar1 element if `variant="indeterminate or query"`.
|
|
41
|
-
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
41
|
+
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
42
42
|
*/
|
|
43
43
|
bar1Indeterminate: string;
|
|
44
44
|
/** Styles applied to the bar1 element if `variant="determinate"`.
|
|
45
|
-
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-determinate](/material-ui/api/linear-progress/#linear-progress-classes-determinate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
45
|
+
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-determinate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-determinate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
46
46
|
*/
|
|
47
47
|
bar1Determinate: string;
|
|
48
48
|
/** Styles applied to the bar1 element if `variant="buffer"`.
|
|
49
|
-
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
49
|
+
* @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
50
50
|
*/
|
|
51
51
|
bar1Buffer: string;
|
|
52
52
|
/** Styles applied to the bar2 element if `variant="indeterminate or query"`.
|
|
53
|
-
* @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
53
|
+
* @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar2) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
54
54
|
*/
|
|
55
55
|
bar2Indeterminate: string;
|
|
56
56
|
/** Styles applied to the bar2 element if `variant="buffer"`.
|
|
57
|
-
* @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
57
|
+
* @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar2) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
58
58
|
*/
|
|
59
59
|
bar2Buffer: string;
|
|
60
60
|
}
|
|
@@ -3,7 +3,9 @@ import { SxProps } from '@mui/system';
|
|
|
3
3
|
import { Theme } from "../styles/index.js";
|
|
4
4
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
|
|
5
5
|
import { ListItemClasses } from "./listItemClasses.js";
|
|
6
|
+
import { SlotProps } from "../utils/types.js";
|
|
6
7
|
export interface ListItemComponentsPropsOverrides {}
|
|
8
|
+
export interface ListItemSecondaryActionSlotPropsOverrides {}
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* This type is kept for compatibility. Use `ListItemOwnProps` instead.
|
|
@@ -65,6 +67,7 @@ export interface ListItemBaseProps {
|
|
|
65
67
|
*/
|
|
66
68
|
sx?: SxProps<Theme>;
|
|
67
69
|
}
|
|
70
|
+
export interface ListItemOwnerState extends Omit<ListItemProps, 'slots' | 'slotProps'> {}
|
|
68
71
|
export interface ListItemOwnProps extends ListItemBaseProps {
|
|
69
72
|
/**
|
|
70
73
|
* The components used for each slot inside.
|
|
@@ -93,6 +96,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
|
|
|
93
96
|
*/
|
|
94
97
|
slotProps?: {
|
|
95
98
|
root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
|
|
99
|
+
secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState>;
|
|
96
100
|
};
|
|
97
101
|
/**
|
|
98
102
|
* The components used for each slot inside.
|
|
@@ -101,6 +105,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
|
|
|
101
105
|
*/
|
|
102
106
|
slots?: {
|
|
103
107
|
root?: React.ElementType;
|
|
108
|
+
secondaryAction?: React.ElementType;
|
|
104
109
|
};
|
|
105
110
|
}
|
|
106
111
|
export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
|
package/esm/ListItem/ListItem.js
CHANGED
|
@@ -12,6 +12,7 @@ import memoTheme from "../utils/memoTheme.js";
|
|
|
12
12
|
import { useDefaultProps } from "../DefaultPropsProvider/index.js";
|
|
13
13
|
import isMuiElement from "../utils/isMuiElement.js";
|
|
14
14
|
import useForkRef from "../utils/useForkRef.js";
|
|
15
|
+
import useSlot from "../utils/useSlot.js";
|
|
15
16
|
import ListContext from "../List/ListContext.js";
|
|
16
17
|
import { getListItemUtilityClass } from "./listItemClasses.js";
|
|
17
18
|
import { listItemButtonClasses } from "../ListItemButton/index.js";
|
|
@@ -35,7 +36,8 @@ const useUtilityClasses = ownerState => {
|
|
|
35
36
|
} = ownerState;
|
|
36
37
|
const slots = {
|
|
37
38
|
root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction'],
|
|
38
|
-
container: ['container']
|
|
39
|
+
container: ['container'],
|
|
40
|
+
secondaryAction: ['secondaryAction']
|
|
39
41
|
};
|
|
40
42
|
return composeClasses(slots, getListItemUtilityClass, classes);
|
|
41
43
|
};
|
|
@@ -197,6 +199,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
|
|
|
197
199
|
};
|
|
198
200
|
const classes = useUtilityClasses(ownerState);
|
|
199
201
|
const handleRef = useForkRef(listItemRef, ref);
|
|
202
|
+
const externalForwardedProps = {
|
|
203
|
+
slots,
|
|
204
|
+
slotProps
|
|
205
|
+
};
|
|
206
|
+
const [SecondaryActionSlot, secondaryActionSlotProps] = useSlot('secondaryAction', {
|
|
207
|
+
elementType: ListItemSecondaryAction,
|
|
208
|
+
externalForwardedProps,
|
|
209
|
+
ownerState,
|
|
210
|
+
className: classes.secondaryAction
|
|
211
|
+
});
|
|
200
212
|
const Root = slots.root || components.Root || ListItemRoot;
|
|
201
213
|
const rootProps = slotProps.root || componentsProps.root || {};
|
|
202
214
|
const componentProps = {
|
|
@@ -254,7 +266,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
|
|
|
254
266
|
}
|
|
255
267
|
}),
|
|
256
268
|
...componentProps,
|
|
257
|
-
children: [children, secondaryAction && /*#__PURE__*/_jsx(
|
|
269
|
+
children: [children, secondaryAction && /*#__PURE__*/_jsx(SecondaryActionSlot, {
|
|
270
|
+
...secondaryActionSlotProps,
|
|
258
271
|
children: secondaryAction
|
|
259
272
|
})]
|
|
260
273
|
})
|
|
@@ -369,7 +382,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
|
|
|
369
382
|
* @default {}
|
|
370
383
|
*/
|
|
371
384
|
slotProps: PropTypes.shape({
|
|
372
|
-
root: PropTypes.object
|
|
385
|
+
root: PropTypes.object,
|
|
386
|
+
secondaryAction: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
|
373
387
|
}),
|
|
374
388
|
/**
|
|
375
389
|
* The components used for each slot inside.
|
|
@@ -377,7 +391,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
|
|
|
377
391
|
* @default {}
|
|
378
392
|
*/
|
|
379
393
|
slots: PropTypes.shape({
|
|
380
|
-
root: PropTypes.elementType
|
|
394
|
+
root: PropTypes.elementType,
|
|
395
|
+
secondaryAction: PropTypes.elementType
|
|
381
396
|
}),
|
|
382
397
|
/**
|
|
383
398
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
package/esm/MenuList/MenuList.js
CHANGED
|
@@ -5,6 +5,7 @@ import { isFragment } from 'react-is';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import ownerDocument from "../utils/ownerDocument.js";
|
|
7
7
|
import List from "../List/index.js";
|
|
8
|
+
import getActiveElement from "../utils/getActiveElement.js";
|
|
8
9
|
import getScrollbarSize from "../utils/getScrollbarSize.js";
|
|
9
10
|
import useForkRef from "../utils/useForkRef.js";
|
|
10
11
|
import useEnhancedEffect from "../utils/useEnhancedEffect.js";
|
|
@@ -136,7 +137,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
136
137
|
* or document.body or document.documentElement. Only the first case will
|
|
137
138
|
* trigger this specific handler.
|
|
138
139
|
*/
|
|
139
|
-
const currentFocus = ownerDocument(list)
|
|
140
|
+
const currentFocus = getActiveElement(ownerDocument(list));
|
|
140
141
|
if (key === 'ArrowDown') {
|
|
141
142
|
// Prevent scroll of the page
|
|
142
143
|
event.preventDefault();
|
|
@@ -22,19 +22,19 @@ export interface OutlinedInputClasses {
|
|
|
22
22
|
/** Styles applied to the input element. */
|
|
23
23
|
input: string;
|
|
24
24
|
/** Styles applied to the input element if `size="small"`.
|
|
25
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
25
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
26
|
*/
|
|
27
27
|
inputSizeSmall: string;
|
|
28
28
|
/** Styles applied to the input element if `multiline={true}`.
|
|
29
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
29
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
30
30
|
*/
|
|
31
31
|
inputMultiline: string;
|
|
32
32
|
/** Styles applied to the input element if `startAdornment` is provided.
|
|
33
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
33
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
34
34
|
*/
|
|
35
35
|
inputAdornedStart: string;
|
|
36
36
|
/** Styles applied to the input element if `endAdornment` is provided.
|
|
37
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#
|
|
37
|
+
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
38
|
*/
|
|
39
39
|
inputAdornedEnd: string;
|
|
40
40
|
/** Styles applied to the input element if `type="search"`. */
|
|
@@ -10,21 +10,21 @@ export interface PaginationItemClasses {
|
|
|
10
10
|
/** Styles applied to the root element if `variant="text"`. */
|
|
11
11
|
text: string;
|
|
12
12
|
/** Styles applied to the root element if `variant="text"` and `color="primary"`.
|
|
13
|
-
* @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-text) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
13
|
+
* @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-text) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
14
14
|
*/
|
|
15
15
|
textPrimary: string;
|
|
16
16
|
/** Styles applied to the root element if `variant="text"` and `color="secondary"`.
|
|
17
|
-
* @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-text) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
17
|
+
* @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-text) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
18
|
*/
|
|
19
19
|
textSecondary: string;
|
|
20
20
|
/** Styles applied to the root element if `variant="outlined"`. */
|
|
21
21
|
outlined: string;
|
|
22
22
|
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
|
|
23
|
-
* @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-outlined) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
23
|
+
* @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-outlined) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
24
24
|
*/
|
|
25
25
|
outlinedPrimary: string;
|
|
26
26
|
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
|
|
27
|
-
* @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-outlined) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
27
|
+
* @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-outlined) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
28
28
|
*/
|
|
29
29
|
outlinedSecondary: string;
|
|
30
30
|
/** Styles applied to the root element if `rounded="true"`. */
|
|
@@ -14,7 +14,7 @@ export interface ScopedCssBaselineOwnProps {
|
|
|
14
14
|
classes?: Partial<ScopedCssBaselineClasses>;
|
|
15
15
|
/**
|
|
16
16
|
* Enable `color-scheme` CSS property to use `theme.palette.mode`.
|
|
17
|
-
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
|
|
17
|
+
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
|
|
18
18
|
* For browser support, check out https://caniuse.com/?search=color-scheme
|
|
19
19
|
*/
|
|
20
20
|
enableColorScheme?: boolean;
|
|
@@ -107,7 +107,7 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes /* remove-pr
|
|
|
107
107
|
component: PropTypes.elementType,
|
|
108
108
|
/**
|
|
109
109
|
* Enable `color-scheme` CSS property to use `theme.palette.mode`.
|
|
110
|
-
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
|
|
110
|
+
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
|
|
111
111
|
* For browser support, check out https://caniuse.com/?search=color-scheme
|
|
112
112
|
*/
|
|
113
113
|
enableColorScheme: PropTypes.bool,
|
|
@@ -41,6 +41,8 @@ export interface SelectInputProps<Value = unknown> {
|
|
|
41
41
|
onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
|
|
42
42
|
onClose?: (event: React.SyntheticEvent) => void;
|
|
43
43
|
onFocus?: React.FocusEventHandler<any>;
|
|
44
|
+
onKeyDown?: React.KeyboardEventHandler;
|
|
45
|
+
onMouseDown?: React.MouseEventHandler;
|
|
44
46
|
onOpen?: (event: React.SyntheticEvent) => void;
|
|
45
47
|
open?: boolean;
|
|
46
48
|
readOnly?: boolean;
|
|
@@ -128,6 +128,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
128
128
|
onChange,
|
|
129
129
|
onClose,
|
|
130
130
|
onFocus,
|
|
131
|
+
// eslint-disable-next-line react/prop-types
|
|
132
|
+
onKeyDown,
|
|
133
|
+
// eslint-disable-next-line react/prop-types
|
|
134
|
+
onMouseDown,
|
|
131
135
|
onOpen,
|
|
132
136
|
open: openProp,
|
|
133
137
|
readOnly,
|
|
@@ -222,6 +226,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
222
226
|
}
|
|
223
227
|
};
|
|
224
228
|
const handleMouseDown = event => {
|
|
229
|
+
onMouseDown?.(event);
|
|
225
230
|
// Ignore everything but left-click
|
|
226
231
|
if (event.button !== 0) {
|
|
227
232
|
return;
|
|
@@ -301,6 +306,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
301
306
|
event.preventDefault();
|
|
302
307
|
update(true, event);
|
|
303
308
|
}
|
|
309
|
+
onKeyDown?.(event);
|
|
304
310
|
}
|
|
305
311
|
};
|
|
306
312
|
const open = displayNode !== null && openState;
|
|
@@ -20,15 +20,15 @@ export interface SelectClasses {
|
|
|
20
20
|
/** Styles applied to the icon component if the popup is open. */
|
|
21
21
|
iconOpen: string;
|
|
22
22
|
/** Styles applied to the icon component if `variant="filled"`.
|
|
23
|
-
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
23
|
+
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-MuiSelect-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
24
24
|
*/
|
|
25
25
|
iconFilled: string;
|
|
26
26
|
/** Styles applied to the icon component if `variant="outlined"`.
|
|
27
|
-
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
27
|
+
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-MuiSelect-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
28
28
|
*/
|
|
29
29
|
iconOutlined: string;
|
|
30
30
|
/** Styles applied to the icon component if `variant="standard"`.
|
|
31
|
-
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
31
|
+
* @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-MuiSelect-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
32
|
*/
|
|
33
33
|
iconStandard: string;
|
|
34
34
|
/** Styles applied to the underlying native input component. */
|
package/esm/Slider/Slider.d.ts
CHANGED
|
@@ -113,7 +113,7 @@ export interface SliderOwnProps<Value extends number | number[]> {
|
|
|
113
113
|
* If an array, it should contain objects with `value` and an optional `label` keys.
|
|
114
114
|
* @default false
|
|
115
115
|
*/
|
|
116
|
-
marks?: boolean | Mark[];
|
|
116
|
+
marks?: boolean | readonly Mark[];
|
|
117
117
|
/**
|
|
118
118
|
* The maximum allowed value of the slider.
|
|
119
119
|
* Should not be equal to min.
|
|
@@ -46,31 +46,31 @@ export interface SliderClasses {
|
|
|
46
46
|
/** Styles applied to the root element if `size="small"`. */
|
|
47
47
|
sizeSmall: string;
|
|
48
48
|
/** Styles applied to the thumb element if `color="primary"`.
|
|
49
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
49
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-MuiSlider-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
50
50
|
*/
|
|
51
51
|
thumbColorPrimary: string;
|
|
52
52
|
/** Styles applied to the thumb element if `color="secondary"`.
|
|
53
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
53
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-MuiSlider-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
54
54
|
*/
|
|
55
55
|
thumbColorSecondary: string;
|
|
56
56
|
/** Styles applied to the thumb element if `color="error"`.
|
|
57
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
57
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-MuiSlider-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
58
58
|
*/
|
|
59
59
|
thumbColorError: string;
|
|
60
60
|
/** Styles applied to the thumb element if `color="info"`.
|
|
61
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
61
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-MuiSlider-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
62
62
|
*/
|
|
63
63
|
thumbColorInfo: string;
|
|
64
64
|
/** Styles applied to the thumb element if `color="success"`.
|
|
65
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
65
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-MuiSlider-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
66
66
|
*/
|
|
67
67
|
thumbColorSuccess: string;
|
|
68
68
|
/** Styles applied to the thumb element if `color="warning"`.
|
|
69
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
69
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-MuiSlider-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
70
70
|
*/
|
|
71
71
|
thumbColorWarning: string;
|
|
72
72
|
/** Styles applied to the thumb element if `size="small"`.
|
|
73
|
-
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
73
|
+
* @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-MuiSlider-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
74
74
|
*/
|
|
75
75
|
thumbSizeSmall: string;
|
|
76
76
|
/** Styles applied to the thumb label element. */
|
|
@@ -198,7 +198,7 @@ export interface UseSliderReturnValue {
|
|
|
198
198
|
/**
|
|
199
199
|
* The marks of the slider. Marks indicate predetermined values to which the user can move the slider.
|
|
200
200
|
*/
|
|
201
|
-
marks: Mark[];
|
|
201
|
+
marks: readonly Mark[];
|
|
202
202
|
/**
|
|
203
203
|
* The thumb index for the current value when in hover state.
|
|
204
204
|
*/
|
package/esm/Snackbar/Snackbar.js
CHANGED
|
@@ -157,9 +157,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
157
157
|
const {
|
|
158
158
|
getRootProps,
|
|
159
159
|
onClickAway
|
|
160
|
-
} = useSnackbar(
|
|
161
|
-
...ownerState
|
|
162
|
-
});
|
|
160
|
+
} = useSnackbar(ownerState);
|
|
163
161
|
const [exited, setExited] = React.useState(true);
|
|
164
162
|
const handleExited = node => {
|
|
165
163
|
setExited(true);
|
|
@@ -16,11 +16,11 @@ export interface StepConnectorClasses {
|
|
|
16
16
|
/** Styles applied to the line element. */
|
|
17
17
|
line: string;
|
|
18
18
|
/** Styles applied to the line element if `orientation="horizontal"`.
|
|
19
|
-
* @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
19
|
+
* @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
20
20
|
*/
|
|
21
21
|
lineHorizontal: string;
|
|
22
22
|
/** Styles applied to the line element if `orientation="vertical"`.
|
|
23
|
-
* @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
23
|
+
* @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
24
24
|
*/
|
|
25
25
|
lineVertical: string;
|
|
26
26
|
}
|
|
@@ -10,11 +10,11 @@ export interface TableSortLabelClasses {
|
|
|
10
10
|
/** Styles applied to the icon component. */
|
|
11
11
|
icon: string;
|
|
12
12
|
/** Styles applied to the icon component if `direction="desc"`.
|
|
13
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#
|
|
13
|
+
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
14
14
|
*/
|
|
15
15
|
iconDirectionDesc: string;
|
|
16
16
|
/** Styles applied to the icon component if `direction="asc"`.
|
|
17
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#
|
|
17
|
+
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
18
|
*/
|
|
19
19
|
iconDirectionAsc: string;
|
|
20
20
|
}
|
package/esm/Tabs/Tabs.js
CHANGED
|
@@ -19,6 +19,7 @@ import useEventCallback from "../utils/useEventCallback.js";
|
|
|
19
19
|
import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.js";
|
|
20
20
|
import ownerDocument from "../utils/ownerDocument.js";
|
|
21
21
|
import ownerWindow from "../utils/ownerWindow.js";
|
|
22
|
+
import getActiveElement from "../utils/getActiveElement.js";
|
|
22
23
|
import useSlot from "../utils/useSlot.js";
|
|
23
24
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
25
|
const nextItem = (list, item) => {
|
|
@@ -697,11 +698,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
697
698
|
return;
|
|
698
699
|
}
|
|
699
700
|
const list = tabListRef.current;
|
|
700
|
-
const currentFocus = ownerDocument(list)
|
|
701
|
+
const currentFocus = getActiveElement(ownerDocument(list));
|
|
701
702
|
// Keyboard navigation assumes that [role="tab"] are siblings
|
|
702
703
|
// though we might warn in the future about nested, interactive elements
|
|
703
704
|
// as a a11y violation
|
|
704
|
-
const role = currentFocus
|
|
705
|
+
const role = currentFocus?.getAttribute('role');
|
|
705
706
|
if (role !== 'tab') {
|
|
706
707
|
return;
|
|
707
708
|
}
|
|
@@ -47,22 +47,27 @@ export interface TextFieldSlots {
|
|
|
47
47
|
*/
|
|
48
48
|
select: React.ElementType;
|
|
49
49
|
}
|
|
50
|
+
export interface TextFieldRootSlotPropsOverrides {}
|
|
51
|
+
export interface TextFieldInputSlotPropsOverrides {}
|
|
52
|
+
export interface TextFieldInputLabelSlotPropsOverrides {}
|
|
53
|
+
export interface TextFieldFormHelperTextSlotPropsOverrides {}
|
|
54
|
+
export interface TextFieldSelectSlotPropsOverrides {}
|
|
50
55
|
export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps<TextFieldSlots, {
|
|
51
56
|
/**
|
|
52
57
|
* Props forwarded to the root slot.
|
|
53
58
|
* By default, the available props are based on the [FormControl](https://mui.com/material-ui/api/form-control/#props) component.
|
|
54
59
|
*/
|
|
55
|
-
root: SlotProps<React.ElementType<FormControlProps>,
|
|
60
|
+
root: SlotProps<React.ElementType<FormControlProps>, TextFieldRootSlotPropsOverrides, TextFieldOwnerState>;
|
|
56
61
|
/**
|
|
57
62
|
* Props forwarded to the input slot.
|
|
58
63
|
* By default, the available props are based on the [Input](https://mui.com/material-ui/api/input/#props) component.
|
|
59
64
|
*/
|
|
60
|
-
input: SlotProps<React.ElementType<InputPropsType>,
|
|
65
|
+
input: SlotProps<React.ElementType<InputPropsType>, TextFieldInputSlotPropsOverrides, TextFieldOwnerState>;
|
|
61
66
|
/**
|
|
62
67
|
* Props forwarded to the input label slot.
|
|
63
68
|
* By default, the available props are based on the [InputLabel](https://mui.com/material-ui/api/input-label/#props) component.
|
|
64
69
|
*/
|
|
65
|
-
inputLabel: SlotProps<React.ElementType<InputLabelProps>,
|
|
70
|
+
inputLabel: SlotProps<React.ElementType<InputLabelProps>, TextFieldInputLabelSlotPropsOverrides, TextFieldOwnerState>;
|
|
66
71
|
/**
|
|
67
72
|
* Props forwarded to the html input slot.
|
|
68
73
|
* By default, the available props are based on the html input element.
|
|
@@ -72,12 +77,12 @@ export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps
|
|
|
72
77
|
* Props forwarded to the form helper text slot.
|
|
73
78
|
* By default, the available props are based on the [FormHelperText](https://mui.com/material-ui/api/form-helper-text/#props) component.
|
|
74
79
|
*/
|
|
75
|
-
formHelperText: SlotProps<React.ElementType<FormHelperTextProps>,
|
|
80
|
+
formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, TextFieldFormHelperTextSlotPropsOverrides, TextFieldOwnerState>;
|
|
76
81
|
/**
|
|
77
82
|
* Props forwarded to the select slot.
|
|
78
83
|
* By default, the available props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
|
|
79
84
|
*/
|
|
80
|
-
select: SlotProps<React.ElementType<SelectProps>,
|
|
85
|
+
select: SlotProps<React.ElementType<SelectProps>, TextFieldSelectSlotPropsOverrides, TextFieldOwnerState>;
|
|
81
86
|
}>;
|
|
82
87
|
export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
83
88
|
// event handlers are declared on derived interfaces
|
|
@@ -12,11 +12,11 @@ export interface ToggleButtonGroupClasses {
|
|
|
12
12
|
/** Styles applied to the children. */
|
|
13
13
|
grouped: string;
|
|
14
14
|
/** Styles applied to the children if `orientation="horizontal"`.
|
|
15
|
-
* @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
15
|
+
* @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
16
16
|
*/
|
|
17
17
|
groupedHorizontal: string;
|
|
18
18
|
/** Styles applied to the children if `orientation="vertical"`.
|
|
19
|
-
* @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
19
|
+
* @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
20
20
|
*/
|
|
21
21
|
groupedVertical: string;
|
|
22
22
|
/** Styles applied to the root element if `fullWidth={true}`. */
|