@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/Collapse/Collapse.js
CHANGED
|
@@ -20,6 +20,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
|
20
20
|
var _createTransitions = require("../styles/createTransitions");
|
|
21
21
|
var _utils = require("../transitions/utils");
|
|
22
22
|
var _utils2 = require("../utils");
|
|
23
|
+
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
23
24
|
var _collapseClasses = require("./collapseClasses");
|
|
24
25
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
26
|
const useUtilityClasses = ownerState => {
|
|
@@ -143,6 +144,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
143
144
|
onExited,
|
|
144
145
|
onExiting,
|
|
145
146
|
orientation = 'vertical',
|
|
147
|
+
slots = {},
|
|
148
|
+
slotProps = {},
|
|
146
149
|
style,
|
|
147
150
|
timeout = _createTransitions.duration.standard,
|
|
148
151
|
// eslint-disable-next-line react/prop-types
|
|
@@ -265,6 +268,37 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
265
268
|
addEndListener(nodeRef.current, next);
|
|
266
269
|
}
|
|
267
270
|
};
|
|
271
|
+
const externalForwardedProps = {
|
|
272
|
+
slots,
|
|
273
|
+
slotProps,
|
|
274
|
+
component
|
|
275
|
+
};
|
|
276
|
+
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
|
277
|
+
ref: handleRef,
|
|
278
|
+
className: (0, _clsx.default)(classes.root, className),
|
|
279
|
+
elementType: CollapseRoot,
|
|
280
|
+
externalForwardedProps,
|
|
281
|
+
ownerState,
|
|
282
|
+
additionalProps: {
|
|
283
|
+
style: {
|
|
284
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
|
|
285
|
+
...style
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
});
|
|
289
|
+
const [WrapperSlot, wrapperSlotProps] = (0, _useSlot.default)('wrapper', {
|
|
290
|
+
ref: wrapperRef,
|
|
291
|
+
className: classes.wrapper,
|
|
292
|
+
elementType: CollapseWrapper,
|
|
293
|
+
externalForwardedProps,
|
|
294
|
+
ownerState
|
|
295
|
+
});
|
|
296
|
+
const [WrapperInnerSlot, wrapperInnerSlotProps] = (0, _useSlot.default)('wrapperInner', {
|
|
297
|
+
className: classes.wrapperInner,
|
|
298
|
+
elementType: CollapseWrapperInner,
|
|
299
|
+
externalForwardedProps,
|
|
300
|
+
ownerState
|
|
301
|
+
});
|
|
268
302
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
|
|
269
303
|
in: inProp,
|
|
270
304
|
onEnter: handleEnter,
|
|
@@ -280,39 +314,30 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
280
314
|
children: (state, {
|
|
281
315
|
ownerState: incomingOwnerState,
|
|
282
316
|
...restChildProps
|
|
283
|
-
}) =>
|
|
284
|
-
|
|
285
|
-
className: (0, _clsx.default)(classes.root, className, {
|
|
286
|
-
'entered': classes.entered,
|
|
287
|
-
'exited': !inProp && collapsedSize === '0px' && classes.hidden
|
|
288
|
-
}[state]),
|
|
289
|
-
style: {
|
|
290
|
-
[isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
|
|
291
|
-
...style
|
|
292
|
-
},
|
|
293
|
-
ref: handleRef,
|
|
294
|
-
ownerState: {
|
|
317
|
+
}) => {
|
|
318
|
+
const stateOwnerState = {
|
|
295
319
|
...ownerState,
|
|
296
320
|
state
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
},
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
321
|
+
};
|
|
322
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
|
|
323
|
+
...rootSlotProps,
|
|
324
|
+
className: (0, _clsx.default)(rootSlotProps.className, {
|
|
325
|
+
'entered': classes.entered,
|
|
326
|
+
'exited': !inProp && collapsedSize === '0px' && classes.hidden
|
|
327
|
+
}[state]),
|
|
328
|
+
ownerState: stateOwnerState,
|
|
329
|
+
...restChildProps,
|
|
330
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperSlot, {
|
|
331
|
+
...wrapperSlotProps,
|
|
332
|
+
ownerState: stateOwnerState,
|
|
333
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperInnerSlot, {
|
|
334
|
+
...wrapperInnerSlotProps,
|
|
335
|
+
ownerState: stateOwnerState,
|
|
336
|
+
children: children
|
|
337
|
+
})
|
|
313
338
|
})
|
|
314
|
-
})
|
|
315
|
-
}
|
|
339
|
+
});
|
|
340
|
+
}
|
|
316
341
|
});
|
|
317
342
|
});
|
|
318
343
|
process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes */ = {
|
|
@@ -389,6 +414,24 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes *
|
|
|
389
414
|
* @default 'vertical'
|
|
390
415
|
*/
|
|
391
416
|
orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
|
|
417
|
+
/**
|
|
418
|
+
* The props used for each slot inside.
|
|
419
|
+
* @default {}
|
|
420
|
+
*/
|
|
421
|
+
slotProps: _propTypes.default.shape({
|
|
422
|
+
root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
423
|
+
wrapper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
424
|
+
wrapperInner: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
|
|
425
|
+
}),
|
|
426
|
+
/**
|
|
427
|
+
* The components used for each slot inside.
|
|
428
|
+
* @default {}
|
|
429
|
+
*/
|
|
430
|
+
slots: _propTypes.default.shape({
|
|
431
|
+
root: _propTypes.default.elementType,
|
|
432
|
+
wrapper: _propTypes.default.elementType,
|
|
433
|
+
wrapperInner: _propTypes.default.elementType
|
|
434
|
+
}),
|
|
392
435
|
/**
|
|
393
436
|
* @ignore
|
|
394
437
|
*/
|
|
@@ -7,7 +7,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
|
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* Enable `color-scheme` CSS property to use `theme.palette.mode`.
|
|
10
|
-
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
|
|
10
|
+
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
|
|
11
11
|
* For browser support, check out https://caniuse.com/?search=color-scheme
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes /* remove-proptype
|
|
|
161
161
|
children: _propTypes.default.node,
|
|
162
162
|
/**
|
|
163
163
|
* Enable `color-scheme` CSS property to use `theme.palette.mode`.
|
|
164
|
-
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
|
|
164
|
+
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
|
|
165
165
|
* For browser support, check out https://caniuse.com/?search=color-scheme
|
|
166
166
|
* @default false
|
|
167
167
|
*/
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import type { ComponentsPropsList } from "../styles/props.js";
|
|
3
3
|
declare function DefaultPropsProvider(props: React.PropsWithChildren<{
|
|
4
4
|
value: { [P in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[P]> };
|
|
5
|
-
}>):
|
|
5
|
+
}>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare namespace DefaultPropsProvider {
|
|
7
7
|
var propTypes: any;
|
|
8
8
|
}
|
|
@@ -10,11 +10,11 @@ export interface DialogClasses {
|
|
|
10
10
|
/** Styles applied to the Paper component. */
|
|
11
11
|
paper: string;
|
|
12
12
|
/** Styles applied to the Paper component if `scroll="paper"`.
|
|
13
|
-
* @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#
|
|
13
|
+
* @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
14
14
|
*/
|
|
15
15
|
paperScrollPaper: string;
|
|
16
16
|
/** Styles applied to the Paper component if `scroll="body"`.
|
|
17
|
-
* @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#
|
|
17
|
+
* @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
18
|
*/
|
|
19
19
|
paperScrollBody: string;
|
|
20
20
|
/** Styles applied to the Paper component if `maxWidth=false`. */
|
|
@@ -20,7 +20,7 @@ export interface DividerClasses {
|
|
|
20
20
|
/** Styles applied to the root element if divider have text. */
|
|
21
21
|
withChildren: string;
|
|
22
22
|
/** Styles applied to the root element if divider have text and `orientation="vertical"`.
|
|
23
|
-
* @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-vertical) classes instead.
|
|
23
|
+
* @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
|
|
24
24
|
*/
|
|
25
25
|
withChildrenVertical: string;
|
|
26
26
|
/** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
|
|
@@ -14,35 +14,35 @@ export interface DrawerClasses {
|
|
|
14
14
|
/** Styles applied to the root element if `anchor="bottom"`. */
|
|
15
15
|
anchorBottom: string;
|
|
16
16
|
/** Styles applied to the Paper component if `anchor="left"`.
|
|
17
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#
|
|
17
|
+
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
18
18
|
*/
|
|
19
19
|
paperAnchorLeft: string;
|
|
20
20
|
/** Styles applied to the Paper component if `anchor="right"`.
|
|
21
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#
|
|
21
|
+
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
22
22
|
*/
|
|
23
23
|
paperAnchorRight: string;
|
|
24
24
|
/** Styles applied to the Paper component if `anchor="top"`.
|
|
25
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#
|
|
25
|
+
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
26
26
|
*/
|
|
27
27
|
paperAnchorTop: string;
|
|
28
28
|
/** Styles applied to the Paper component if `anchor="bottom"`.
|
|
29
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#
|
|
29
|
+
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
30
30
|
*/
|
|
31
31
|
paperAnchorBottom: string;
|
|
32
32
|
/** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
|
|
33
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#
|
|
33
|
+
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
34
34
|
*/
|
|
35
35
|
paperAnchorDockedLeft: string;
|
|
36
36
|
/** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
|
|
37
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#
|
|
37
|
+
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
38
38
|
*/
|
|
39
39
|
paperAnchorDockedTop: string;
|
|
40
40
|
/** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
|
|
41
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#
|
|
41
|
+
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
42
42
|
*/
|
|
43
43
|
paperAnchorDockedRight: string;
|
|
44
44
|
/** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
|
|
45
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#
|
|
45
|
+
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
46
46
|
*/
|
|
47
47
|
paperAnchorDockedBottom: string;
|
|
48
48
|
/** Styles applied to the Modal component. */
|
|
@@ -105,6 +105,7 @@ export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
105
105
|
* Demos:
|
|
106
106
|
*
|
|
107
107
|
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
108
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
108
109
|
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
109
110
|
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
110
111
|
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
package/FormLabel/FormLabel.d.ts
CHANGED
|
@@ -60,6 +60,7 @@ export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
|
|
|
60
60
|
* Demos:
|
|
61
61
|
*
|
|
62
62
|
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
63
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
63
64
|
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
64
65
|
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
65
66
|
*
|
|
@@ -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 _system = require("@mui/system");
|
|
13
11
|
var _defaultTheme = _interopRequireDefault(require("../styles/defaultTheme"));
|
|
@@ -14,15 +14,15 @@ export interface ImageListItemBarClasses {
|
|
|
14
14
|
/** Styles applied to the title and subtitle container element. */
|
|
15
15
|
titleWrap: string;
|
|
16
16
|
/** Styles applied to the title and subtitle container element if `position="below"`.
|
|
17
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
17
|
+
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
18
|
*/
|
|
19
19
|
titleWrapBelow: string;
|
|
20
20
|
/** Styles applied to the container element if `actionPosition="left"`.
|
|
21
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
21
|
+
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
22
22
|
*/
|
|
23
23
|
titleWrapActionPosLeft: string;
|
|
24
24
|
/** Styles applied to the container element if `actionPosition="right"`.
|
|
25
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
25
|
+
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
26
|
*/
|
|
27
27
|
titleWrapActionPosRight: string;
|
|
28
28
|
/** Styles applied to the title container element. */
|
|
@@ -32,7 +32,7 @@ export interface ImageListItemBarClasses {
|
|
|
32
32
|
/** Styles applied to the actionIcon if supplied. */
|
|
33
33
|
actionIcon: string;
|
|
34
34
|
/** Styles applied to the actionIcon if `actionPosition="left"`.
|
|
35
|
-
* @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
35
|
+
* @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
36
|
*/
|
|
37
37
|
actionIconActionPosLeft: string;
|
|
38
38
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
export declare const defaultConfig: {
|
|
3
2
|
readonly attribute: "data-mui-color-scheme";
|
|
4
3
|
readonly colorSchemeStorageKey: "mui-color-scheme";
|
|
@@ -59,7 +58,7 @@ export interface InitColorSchemeScriptProps {
|
|
|
59
58
|
*
|
|
60
59
|
* - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
|
|
61
60
|
*/
|
|
62
|
-
declare function InitColorSchemeScript(props: InitColorSchemeScriptProps):
|
|
61
|
+
declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;
|
|
63
62
|
declare namespace InitColorSchemeScript {
|
|
64
63
|
var propTypes: any;
|
|
65
64
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.defaultConfig = exports.default = void 0;
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
var _InitColorSchemeScript = _interopRequireDefault(require("@mui/system/InitColorSchemeScript"));
|
|
12
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
package/Input/inputClasses.d.ts
CHANGED
|
@@ -22,19 +22,19 @@ export interface InputClasses {
|
|
|
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"`. */
|
|
@@ -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
|
}
|
package/ListItem/ListItem.d.ts
CHANGED
|
@@ -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/ListItem/ListItem.js
CHANGED
|
@@ -19,6 +19,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
|
19
19
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
20
20
|
var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
|
|
21
21
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
22
|
+
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
22
23
|
var _ListContext = _interopRequireDefault(require("../List/ListContext"));
|
|
23
24
|
var _listItemClasses = require("./listItemClasses");
|
|
24
25
|
var _ListItemButton = require("../ListItemButton");
|
|
@@ -43,7 +44,8 @@ const useUtilityClasses = ownerState => {
|
|
|
43
44
|
} = ownerState;
|
|
44
45
|
const slots = {
|
|
45
46
|
root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction'],
|
|
46
|
-
container: ['container']
|
|
47
|
+
container: ['container'],
|
|
48
|
+
secondaryAction: ['secondaryAction']
|
|
47
49
|
};
|
|
48
50
|
return (0, _composeClasses.default)(slots, _listItemClasses.getListItemUtilityClass, classes);
|
|
49
51
|
};
|
|
@@ -205,6 +207,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
|
|
|
205
207
|
};
|
|
206
208
|
const classes = useUtilityClasses(ownerState);
|
|
207
209
|
const handleRef = (0, _useForkRef.default)(listItemRef, ref);
|
|
210
|
+
const externalForwardedProps = {
|
|
211
|
+
slots,
|
|
212
|
+
slotProps
|
|
213
|
+
};
|
|
214
|
+
const [SecondaryActionSlot, secondaryActionSlotProps] = (0, _useSlot.default)('secondaryAction', {
|
|
215
|
+
elementType: _ListItemSecondaryAction.default,
|
|
216
|
+
externalForwardedProps,
|
|
217
|
+
ownerState,
|
|
218
|
+
className: classes.secondaryAction
|
|
219
|
+
});
|
|
208
220
|
const Root = slots.root || components.Root || ListItemRoot;
|
|
209
221
|
const rootProps = slotProps.root || componentsProps.root || {};
|
|
210
222
|
const componentProps = {
|
|
@@ -262,7 +274,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
|
|
|
262
274
|
}
|
|
263
275
|
}),
|
|
264
276
|
...componentProps,
|
|
265
|
-
children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
277
|
+
children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryActionSlot, {
|
|
278
|
+
...secondaryActionSlotProps,
|
|
266
279
|
children: secondaryAction
|
|
267
280
|
})]
|
|
268
281
|
})
|
|
@@ -377,7 +390,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
|
|
|
377
390
|
* @default {}
|
|
378
391
|
*/
|
|
379
392
|
slotProps: _propTypes.default.shape({
|
|
380
|
-
root: _propTypes.default.object
|
|
393
|
+
root: _propTypes.default.object,
|
|
394
|
+
secondaryAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
|
|
381
395
|
}),
|
|
382
396
|
/**
|
|
383
397
|
* The components used for each slot inside.
|
|
@@ -385,7 +399,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
|
|
|
385
399
|
* @default {}
|
|
386
400
|
*/
|
|
387
401
|
slots: _propTypes.default.shape({
|
|
388
|
-
root: _propTypes.default.elementType
|
|
402
|
+
root: _propTypes.default.elementType,
|
|
403
|
+
secondaryAction: _propTypes.default.elementType
|
|
389
404
|
}),
|
|
390
405
|
/**
|
|
391
406
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
package/MenuList/MenuList.js
CHANGED
|
@@ -12,6 +12,7 @@ var _reactIs = require("react-is");
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
14
14
|
var _List = _interopRequireDefault(require("../List"));
|
|
15
|
+
var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
|
|
15
16
|
var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSize"));
|
|
16
17
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
17
18
|
var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
|
|
@@ -143,7 +144,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
143
144
|
* or document.body or document.documentElement. Only the first case will
|
|
144
145
|
* trigger this specific handler.
|
|
145
146
|
*/
|
|
146
|
-
const currentFocus = (0, _ownerDocument.default)(list)
|
|
147
|
+
const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(list));
|
|
147
148
|
if (key === 'ArrowDown') {
|
|
148
149
|
// Prevent scroll of the page
|
|
149
150
|
event.preventDefault();
|