@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
package/Accordion/Accordion.d.ts
CHANGED
|
@@ -55,62 +55,63 @@ export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots,
|
|
|
55
55
|
*/
|
|
56
56
|
region: SlotProps<'div', AccordionRegionSlotPropsOverrides, AccordionOwnerState>;
|
|
57
57
|
}>;
|
|
58
|
+
export interface AccordionOwnProps {
|
|
59
|
+
/**
|
|
60
|
+
* The content of the component.
|
|
61
|
+
*/
|
|
62
|
+
children: NonNullable<React.ReactNode>;
|
|
63
|
+
/**
|
|
64
|
+
* Override or extend the styles applied to the component.
|
|
65
|
+
*/
|
|
66
|
+
classes?: Partial<AccordionClasses>;
|
|
67
|
+
/**
|
|
68
|
+
* If `true`, expands the accordion by default.
|
|
69
|
+
* @default false
|
|
70
|
+
*/
|
|
71
|
+
defaultExpanded?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* If `true`, the component is disabled.
|
|
74
|
+
* @default false
|
|
75
|
+
*/
|
|
76
|
+
disabled?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* If `true`, it removes the margin between two expanded accordion items and the increase of height.
|
|
79
|
+
* @default false
|
|
80
|
+
*/
|
|
81
|
+
disableGutters?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* If `true`, expands the accordion, otherwise collapse it.
|
|
84
|
+
* Setting this prop enables control over the accordion.
|
|
85
|
+
*/
|
|
86
|
+
expanded?: boolean;
|
|
87
|
+
/**
|
|
88
|
+
* Callback fired when the expand/collapse state is changed.
|
|
89
|
+
*
|
|
90
|
+
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
91
|
+
* @param {boolean} expanded The `expanded` state of the accordion.
|
|
92
|
+
*/
|
|
93
|
+
onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
|
|
94
|
+
/**
|
|
95
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
96
|
+
*/
|
|
97
|
+
sx?: SxProps<Theme>;
|
|
98
|
+
/**
|
|
99
|
+
* The component used for the transition.
|
|
100
|
+
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
101
|
+
* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
102
|
+
*/
|
|
103
|
+
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
104
|
+
children?: React.ReactElement<unknown, any>;
|
|
105
|
+
}>;
|
|
106
|
+
/**
|
|
107
|
+
* Props applied to the transition element.
|
|
108
|
+
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
109
|
+
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
110
|
+
*/
|
|
111
|
+
TransitionProps?: TransitionProps;
|
|
112
|
+
}
|
|
58
113
|
export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
|
|
59
|
-
props: AdditionalProps &
|
|
60
|
-
/**
|
|
61
|
-
* The content of the component.
|
|
62
|
-
*/
|
|
63
|
-
children: NonNullable<React.ReactNode>;
|
|
64
|
-
/**
|
|
65
|
-
* Override or extend the styles applied to the component.
|
|
66
|
-
*/
|
|
67
|
-
classes?: Partial<AccordionClasses>;
|
|
68
|
-
/**
|
|
69
|
-
* If `true`, expands the accordion by default.
|
|
70
|
-
* @default false
|
|
71
|
-
*/
|
|
72
|
-
defaultExpanded?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* If `true`, the component is disabled.
|
|
75
|
-
* @default false
|
|
76
|
-
*/
|
|
77
|
-
disabled?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* If `true`, it removes the margin between two expanded accordion items and the increase of height.
|
|
80
|
-
* @default false
|
|
81
|
-
*/
|
|
82
|
-
disableGutters?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* If `true`, expands the accordion, otherwise collapse it.
|
|
85
|
-
* Setting this prop enables control over the accordion.
|
|
86
|
-
*/
|
|
87
|
-
expanded?: boolean;
|
|
88
|
-
/**
|
|
89
|
-
* Callback fired when the expand/collapse state is changed.
|
|
90
|
-
*
|
|
91
|
-
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
92
|
-
* @param {boolean} expanded The `expanded` state of the accordion.
|
|
93
|
-
*/
|
|
94
|
-
onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
|
|
95
|
-
/**
|
|
96
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
97
|
-
*/
|
|
98
|
-
sx?: SxProps<Theme>;
|
|
99
|
-
/**
|
|
100
|
-
* The component used for the transition.
|
|
101
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
102
|
-
* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
103
|
-
*/
|
|
104
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
105
|
-
children?: React.ReactElement<unknown, any>;
|
|
106
|
-
}>;
|
|
107
|
-
/**
|
|
108
|
-
* Props applied to the transition element.
|
|
109
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
110
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
111
|
-
*/
|
|
112
|
-
TransitionProps?: TransitionProps;
|
|
113
|
-
} & AccordionSlotsAndSlotProps;
|
|
114
|
+
props: AdditionalProps & AccordionOwnProps & AccordionSlotsAndSlotProps;
|
|
114
115
|
defaultComponent: RootComponent;
|
|
115
116
|
}, 'onChange' | 'classes'>;
|
|
116
117
|
|
|
@@ -11,7 +11,7 @@ export interface AccordionSummaryClasses {
|
|
|
11
11
|
gutters: string;
|
|
12
12
|
/**
|
|
13
13
|
* Styles applied to the children wrapper element unless `disableGutters={true}`.
|
|
14
|
-
* @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#
|
|
14
|
+
* @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#accordion-summary-classes-MuiAccordionSummary-gutters) and [.MuiAccordionSummary-content](/material-ui/api/accordion-summary/#AccordionSummary-css-MuiAccordionSummary-content) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
15
15
|
*/
|
|
16
16
|
contentGutters: string;
|
|
17
17
|
/** Styles applied to the children wrapper element. */
|
package/Alert/alertClasses.d.ts
CHANGED
|
@@ -16,74 +16,74 @@ export interface AlertClasses {
|
|
|
16
16
|
/** Styles applied to the root element if `color="error"`. */
|
|
17
17
|
colorError: string;
|
|
18
18
|
/** Styles applied to the root element if `variant="standard"` and `color="success"`.
|
|
19
|
-
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
|
|
20
|
-
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
|
|
19
|
+
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-MuiAlert-standard)
|
|
20
|
+
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-MuiAlert-colorSuccess) classes instead.
|
|
21
21
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
22
22
|
*/
|
|
23
23
|
standardSuccess: string;
|
|
24
24
|
/** Styles applied to the root element if `variant="standard"` and `color="info"`.
|
|
25
|
-
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
|
|
26
|
-
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
|
|
25
|
+
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-MuiAlert-standard)
|
|
26
|
+
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-MuiAlert-colorInfo) classes instead.
|
|
27
27
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
28
28
|
*/
|
|
29
29
|
standardInfo: string;
|
|
30
30
|
/** Styles applied to the root element if `variant="standard"` and `color="warning"`.
|
|
31
|
-
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
|
|
32
|
-
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
|
|
31
|
+
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-MuiAlert-standard)
|
|
32
|
+
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-MuiAlert-colorWarning) classes instead.
|
|
33
33
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
34
34
|
*/
|
|
35
35
|
standardWarning: string;
|
|
36
36
|
/** Styles applied to the root element if `variant="standard"` and `color="error"`.
|
|
37
|
-
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
|
|
38
|
-
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
|
|
37
|
+
* @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-MuiAlert-standard)
|
|
38
|
+
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-MuiAlert-colorError) classes instead.
|
|
39
39
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
40
40
|
*/
|
|
41
41
|
standardError: string;
|
|
42
42
|
/** Styles applied to the root element if `variant="outlined"` and `color="success"`.
|
|
43
|
-
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
|
|
44
|
-
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
|
|
43
|
+
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-MuiAlert-outlined)
|
|
44
|
+
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-MuiAlert-colorSuccess) classes instead.
|
|
45
45
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
46
46
|
*/
|
|
47
47
|
outlinedSuccess: string;
|
|
48
48
|
/** Styles applied to the root element if `variant="outlined"` and `color="info"`.
|
|
49
|
-
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
|
|
50
|
-
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
|
|
49
|
+
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-MuiAlert-outlined)
|
|
50
|
+
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-MuiAlert-colorInfo) classes instead.
|
|
51
51
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
52
52
|
*/
|
|
53
53
|
outlinedInfo: string;
|
|
54
54
|
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
|
|
55
|
-
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
|
|
56
|
-
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
|
|
55
|
+
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-MuiAlert-outlined)
|
|
56
|
+
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-MuiAlert-colorWarning) classes instead.
|
|
57
57
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
58
58
|
*/
|
|
59
59
|
outlinedWarning: string;
|
|
60
60
|
/** Styles applied to the root element if `variant="outlined"` and `color="error"`.
|
|
61
|
-
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
|
|
62
|
-
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
|
|
61
|
+
* @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-MuiAlert-outlined)
|
|
62
|
+
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-MuiAlert-colorError) classes instead.
|
|
63
63
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
64
64
|
*/
|
|
65
65
|
outlinedError: string;
|
|
66
66
|
/** Styles applied to the root element if `variant="filled"` and `color="success"`.
|
|
67
|
-
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
|
|
68
|
-
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
|
|
67
|
+
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-MuiAlert-filled)
|
|
68
|
+
* and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-MuiAlert-colorSuccess) classes instead.
|
|
69
69
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
70
70
|
*/
|
|
71
71
|
filledSuccess: string;
|
|
72
72
|
/** Styles applied to the root element if `variant="filled"` and `color="info"`.
|
|
73
|
-
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
|
|
74
|
-
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
|
|
73
|
+
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-MuiAlert-filled)
|
|
74
|
+
* and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-MuiAlert-colorInfo) classes instead.
|
|
75
75
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
76
76
|
*/
|
|
77
77
|
filledInfo: string;
|
|
78
78
|
/** Styles applied to the root element if `variant="filled"` and `color="warning"`
|
|
79
|
-
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
|
|
80
|
-
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
|
|
79
|
+
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-MuiAlert-filled)
|
|
80
|
+
* and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-MuiAlert-colorWarning) classes instead.
|
|
81
81
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
82
82
|
*/
|
|
83
83
|
filledWarning: string;
|
|
84
84
|
/** Styles applied to the root element if `variant="filled"` and `color="error"`.
|
|
85
|
-
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
|
|
86
|
-
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
|
|
85
|
+
* @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-MuiAlert-filled)
|
|
86
|
+
* and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-MuiAlert-colorError) classes instead.
|
|
87
87
|
* See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
88
88
|
*/
|
|
89
89
|
filledError: string;
|
package/AppBar/AppBar.d.ts
CHANGED
|
@@ -18,6 +18,12 @@ export interface AppBarOwnProps {
|
|
|
18
18
|
* @default 'primary'
|
|
19
19
|
*/
|
|
20
20
|
color?: OverridableStringUnion<PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning', AppBarPropsColorOverrides>;
|
|
21
|
+
/**
|
|
22
|
+
* Shadow depth, corresponds to `dp` in the spec.
|
|
23
|
+
* It accepts values between 0 and 24 inclusive.
|
|
24
|
+
* @default 4
|
|
25
|
+
*/
|
|
26
|
+
elevation?: number;
|
|
21
27
|
/**
|
|
22
28
|
* If true, the `color` prop is applied in dark mode.
|
|
23
29
|
* @default false
|
|
@@ -25,11 +31,16 @@ export interface AppBarOwnProps {
|
|
|
25
31
|
enableColorOnDark?: boolean;
|
|
26
32
|
/**
|
|
27
33
|
* The positioning type. The behavior of the different options is described
|
|
28
|
-
* [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
|
|
34
|
+
* [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
|
|
29
35
|
* Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
|
|
30
36
|
* @default 'fixed'
|
|
31
37
|
*/
|
|
32
38
|
position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
|
|
39
|
+
/**
|
|
40
|
+
* If `false`, rounded corners are enabled.
|
|
41
|
+
* @default true
|
|
42
|
+
*/
|
|
43
|
+
square?: boolean;
|
|
33
44
|
/**
|
|
34
45
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
35
46
|
*/
|
|
@@ -38,7 +49,7 @@ export interface AppBarOwnProps {
|
|
|
38
49
|
export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'header'> = ExtendPaperTypeMap<{
|
|
39
50
|
props: AdditionalProps & AppBarOwnProps;
|
|
40
51
|
defaultComponent: RootComponent;
|
|
41
|
-
}, 'position' | 'color' | 'classes'>;
|
|
52
|
+
}, 'position' | 'color' | 'classes' | 'elevation' | 'square'>;
|
|
42
53
|
|
|
43
54
|
/**
|
|
44
55
|
*
|
package/AppBar/AppBar.js
CHANGED
|
@@ -214,6 +214,12 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
|
|
|
214
214
|
* @default 'primary'
|
|
215
215
|
*/
|
|
216
216
|
color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
|
|
217
|
+
/**
|
|
218
|
+
* Shadow depth, corresponds to `dp` in the spec.
|
|
219
|
+
* It accepts values between 0 and 24 inclusive.
|
|
220
|
+
* @default 4
|
|
221
|
+
*/
|
|
222
|
+
elevation: _propTypes.default.number,
|
|
217
223
|
/**
|
|
218
224
|
* If true, the `color` prop is applied in dark mode.
|
|
219
225
|
* @default false
|
|
@@ -221,11 +227,16 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
|
|
|
221
227
|
enableColorOnDark: _propTypes.default.bool,
|
|
222
228
|
/**
|
|
223
229
|
* The positioning type. The behavior of the different options is described
|
|
224
|
-
* [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
|
|
230
|
+
* [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
|
|
225
231
|
* Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
|
|
226
232
|
* @default 'fixed'
|
|
227
233
|
*/
|
|
228
234
|
position: _propTypes.default.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),
|
|
235
|
+
/**
|
|
236
|
+
* If `false`, rounded corners are enabled.
|
|
237
|
+
* @default true
|
|
238
|
+
*/
|
|
239
|
+
square: _propTypes.default.bool,
|
|
229
240
|
/**
|
|
230
241
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
231
242
|
*/
|
|
@@ -2,12 +2,10 @@
|
|
|
2
2
|
'use client';
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
5
|
Object.defineProperty(exports, "__esModule", {
|
|
7
6
|
value: true
|
|
8
7
|
});
|
|
9
8
|
exports.default = void 0;
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
10
|
var _colorManipulator = require("@mui/system/colorManipulator");
|
|
13
11
|
var _zeroStyled = require("../zero-styled");
|
package/Button/Button.d.ts
CHANGED
|
@@ -117,6 +117,7 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
|
|
|
117
117
|
*
|
|
118
118
|
* - [Button Group](https://mui.com/material-ui/react-button-group/)
|
|
119
119
|
* - [Button](https://mui.com/material-ui/react-button/)
|
|
120
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
120
121
|
*
|
|
121
122
|
* API:
|
|
122
123
|
*
|
|
@@ -4,91 +4,91 @@ export interface ButtonClasses {
|
|
|
4
4
|
/** Styles applied to the root element if `variant="text"`. */
|
|
5
5
|
text: string;
|
|
6
6
|
/** Styles applied to the root element if `variant="text"` and `color="inherit"`.
|
|
7
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
7
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-MuiButton-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
8
8
|
*/
|
|
9
9
|
textInherit: string;
|
|
10
10
|
/** Styles applied to the root element if `variant="text"` and `color="primary"`.
|
|
11
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
11
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-MuiButton-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
12
12
|
*/
|
|
13
13
|
textPrimary: string;
|
|
14
14
|
/** Styles applied to the root element if `variant="text"` and `color="secondary"`.
|
|
15
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
15
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-MuiButton-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
16
16
|
*/
|
|
17
17
|
textSecondary: string;
|
|
18
18
|
/** Styles applied to the root element if `variant="text"` and `color="success"`.
|
|
19
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
19
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-MuiButton-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
20
20
|
*/
|
|
21
21
|
textSuccess: string;
|
|
22
22
|
/** Styles applied to the root element if `variant="text"` and `color="error"`.
|
|
23
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
23
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-MuiButton-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
24
24
|
*/
|
|
25
25
|
textError: string;
|
|
26
26
|
/** Styles applied to the root element if `variant="text"` and `color="info"`.
|
|
27
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
27
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-MuiButton-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
28
28
|
*/
|
|
29
29
|
textInfo: string;
|
|
30
30
|
/** Styles applied to the root element if `variant="text"` and `color="warning"`.
|
|
31
|
-
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
31
|
+
* @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-MuiButton-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
32
|
*/
|
|
33
33
|
textWarning: string;
|
|
34
34
|
/** Styles applied to the root element if `variant="outlined"`. */
|
|
35
35
|
outlined: string;
|
|
36
36
|
/** Styles applied to the root element if `variant="outlined"` and `color="inherit"`.
|
|
37
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
37
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-MuiButton-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
38
|
*/
|
|
39
39
|
outlinedInherit: string;
|
|
40
40
|
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
|
|
41
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
41
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-MuiButton-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
42
42
|
*/
|
|
43
43
|
outlinedPrimary: string;
|
|
44
44
|
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
|
|
45
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
45
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-MuiButton-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
46
46
|
*/
|
|
47
47
|
outlinedSecondary: string;
|
|
48
48
|
/** Styles applied to the root element if `variant="outlined"` and `color="success"`.
|
|
49
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
49
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-MuiButton-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
50
50
|
*/
|
|
51
51
|
outlinedSuccess: string;
|
|
52
52
|
/** Styles applied to the root element if `variant="outlined"` and `color="error"`.
|
|
53
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
53
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-MuiButton-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
54
54
|
*/
|
|
55
55
|
outlinedError: string;
|
|
56
56
|
/** Styles applied to the root element if `variant="outlined"` and `color="info"`.
|
|
57
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
57
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-MuiButton-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
58
58
|
*/
|
|
59
59
|
outlinedInfo: string;
|
|
60
60
|
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
|
|
61
|
-
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
61
|
+
* @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-MuiButton-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
62
62
|
*/
|
|
63
63
|
outlinedWarning: string;
|
|
64
64
|
/** Styles applied to the root element if `variant="contained"`. */
|
|
65
65
|
contained: string;
|
|
66
66
|
/** Styles applied to the root element if `variant="contained"` and `color="inherit"`.
|
|
67
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
67
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-MuiButton-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
68
68
|
*/
|
|
69
69
|
containedInherit: string;
|
|
70
70
|
/** Styles applied to the root element if `variant="contained"` and `color="primary"`.
|
|
71
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
71
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-MuiButton-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
72
72
|
*/
|
|
73
73
|
containedPrimary: string;
|
|
74
74
|
/** Styles applied to the root element if `variant="contained"` and `color="secondary"`.
|
|
75
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
75
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-MuiButton-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
76
76
|
*/
|
|
77
77
|
containedSecondary: string;
|
|
78
78
|
/** Styles applied to the root element if `variant="contained"` and `color="success"`.
|
|
79
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
79
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-MuiButton-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
80
80
|
*/
|
|
81
81
|
containedSuccess: string;
|
|
82
82
|
/** Styles applied to the root element if `variant="contained"` and `color="info"`.
|
|
83
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
83
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-MuiButton-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
84
84
|
*/
|
|
85
85
|
containedInfo: string;
|
|
86
86
|
/** Styles applied to the root element if `variant="contained"` and `color="error"`.
|
|
87
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
87
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-MuiButton-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
88
88
|
*/
|
|
89
89
|
containedError: string;
|
|
90
90
|
/** Styles applied to the root element if `variant="contained"` and `color="warning"`.
|
|
91
|
-
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
91
|
+
* @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-MuiButton-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
92
92
|
*/
|
|
93
93
|
containedWarning: string;
|
|
94
94
|
/** Styles applied to the root element if `disableElevation={true}`. */
|
|
@@ -100,39 +100,39 @@ export interface ButtonClasses {
|
|
|
100
100
|
/** Styles applied to the root element if `color="inherit"`. */
|
|
101
101
|
colorInherit: string;
|
|
102
102
|
/** Styles applied to the root element if `size="small"` and `variant="text"`.
|
|
103
|
-
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
103
|
+
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-MuiButton-sizeSmall) and [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
104
104
|
*/
|
|
105
105
|
textSizeSmall: string;
|
|
106
106
|
/** Styles applied to the root element if `size="medium"` and `variant="text"`.
|
|
107
|
-
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
107
|
+
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-MuiButton-sizeMedium) and [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
108
108
|
*/
|
|
109
109
|
textSizeMedium: string;
|
|
110
110
|
/** Styles applied to the root element if `size="large"` and `variant="text"`.
|
|
111
|
-
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
111
|
+
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-MuiButton-sizeLarge) and [.MuiButton-text](/material-ui/api/button/#button-classes-MuiButton-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
112
112
|
*/
|
|
113
113
|
textSizeLarge: string;
|
|
114
114
|
/** Styles applied to the root element if `size="small"` and `variant="outlined"`.
|
|
115
|
-
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
115
|
+
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-MuiButton-sizeSmall) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
116
116
|
*/
|
|
117
117
|
outlinedSizeSmall: string;
|
|
118
118
|
/** Styles applied to the root element if `size="medium"` and `variant="outlined"`.
|
|
119
|
-
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
119
|
+
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-MuiButton-sizeMedium) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
120
120
|
*/
|
|
121
121
|
outlinedSizeMedium: string;
|
|
122
122
|
/** Styles applied to the root element if `size="large"` and `variant="outlined"`.
|
|
123
|
-
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
123
|
+
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-MuiButton-sizeLarge) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-MuiButton-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
124
124
|
*/
|
|
125
125
|
outlinedSizeLarge: string;
|
|
126
126
|
/** Styles applied to the root element if `size="small"` and `variant="contained"`.
|
|
127
|
-
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
127
|
+
* @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-MuiButton-sizeSmall) and [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
128
128
|
*/
|
|
129
129
|
containedSizeSmall: string;
|
|
130
130
|
/** Styles applied to the root element if `size="medium"` and `variant="contained"`.
|
|
131
|
-
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
131
|
+
* @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-MuiButton-sizeMedium) and [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
132
132
|
*/
|
|
133
133
|
containedSizeMedium: string;
|
|
134
134
|
/** Styles applied to the root element if `size="large"` and `variant="contained"`.
|
|
135
|
-
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
135
|
+
* @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-MuiButton-sizeLarge) and [.MuiButton-contained](/material-ui/api/button/#button-classes-MuiButton-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
136
136
|
*/
|
|
137
137
|
containedSizeLarge: string;
|
|
138
138
|
/** Styles applied to the root element if `size="small"`. */
|
|
@@ -150,15 +150,15 @@ export interface ButtonClasses {
|
|
|
150
150
|
/** Styles applied to the endIcon element if supplied. */
|
|
151
151
|
endIcon: string;
|
|
152
152
|
/** Styles applied to the icon element if supplied and `size="small"`.
|
|
153
|
-
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeSmall](/material-ui/api/button/#button-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
153
|
+
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-MuiButton-icon) and [.MuiButtonSizeSmall](/material-ui/api/button/#button-classes-MuiButton-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
154
154
|
*/
|
|
155
155
|
iconSizeSmall: string;
|
|
156
156
|
/** Styles applied to the icon element if supplied and `size="medium"`.
|
|
157
|
-
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeMedium](/material-ui/api/button/#button-classes-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
157
|
+
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-MuiButton-icon) and [.MuiButtonSizeMedium](/material-ui/api/button/#button-classes-MuiButton-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
158
158
|
*/
|
|
159
159
|
iconSizeMedium: string;
|
|
160
160
|
/** Styles applied to the icon element if supplied and `size="large"`.
|
|
161
|
-
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeLarge](/material-ui/api/button/#button-classes-sizeLarge) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
161
|
+
* @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-MuiButton-icon) and [.MuiButtonSizeLarge](/material-ui/api/button/#button-classes-MuiButton-sizeLarge) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
162
162
|
*/
|
|
163
163
|
iconSizeLarge: string;
|
|
164
164
|
/** Styles applied to the root element if `color="primary"`. */
|
package/ButtonBase/ButtonBase.js
CHANGED
|
@@ -229,7 +229,10 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
|
229
229
|
}
|
|
230
230
|
const buttonProps = {};
|
|
231
231
|
if (ComponentProp === 'button') {
|
|
232
|
-
|
|
232
|
+
const hasFormAttributes = !!other.formAction;
|
|
233
|
+
// ButtonBase was defaulting to type="button" when no type prop was provided, which prevented form submission and broke formAction functionality.
|
|
234
|
+
// The fix checks for form-related attributes and skips the default type to allow the browser's natural submit behavior (type="submit").
|
|
235
|
+
buttonProps.type = type === undefined && !hasFormAttributes ? 'button' : type;
|
|
233
236
|
buttonProps.disabled = disabled;
|
|
234
237
|
} else {
|
|
235
238
|
if (!other.href && !other.to) {
|
|
@@ -357,6 +360,10 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes
|
|
|
357
360
|
* if needed.
|
|
358
361
|
*/
|
|
359
362
|
focusVisibleClassName: _propTypes.default.string,
|
|
363
|
+
/**
|
|
364
|
+
* @ignore
|
|
365
|
+
*/
|
|
366
|
+
formAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
|
|
360
367
|
/**
|
|
361
368
|
* @ignore
|
|
362
369
|
*/
|
|
@@ -235,7 +235,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
|
235
235
|
rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
//
|
|
238
|
+
// Touch devices
|
|
239
239
|
if (event?.touches) {
|
|
240
240
|
// check that this isn't another touchstart due to multitouch
|
|
241
241
|
// otherwise we will only clear a single timer when unmounting while two
|