@mui/material 5.10.6 → 5.10.7
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/accordionClasses.d.ts +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/badgeClasses.d.ts +56 -56
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.js +3 -10
- package/Button/buttonClasses.d.ts +100 -100
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +78 -0
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/Checkbox.js +12 -3
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/chipClasses.d.ts +96 -88
- package/Chip/chipClasses.js +1 -1
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +6 -6
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/DialogContentText.js +14 -3
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/fabClasses.d.ts +26 -26
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/Grid/gridClasses.d.ts +48 -48
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/InputLabel.js +12 -3
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/linkClasses.d.ts +18 -18
- package/List/listClasses.d.ts +14 -14
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/ListItemButton.js +10 -3
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/MenuItem.js +10 -3
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/OverridableComponentAugmentation.d.ts +31 -31
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +24 -24
- package/Radio/Radio.js +12 -3
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/StepLabel.js +5 -3
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/SvgIcon.js +2 -2
- package/SvgIcon/svgIconClasses.d.ts +26 -24
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Tooltip/Tooltip.js +3 -5
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2Props.d.ts +15 -15
- package/Unstable_Grid2/grid2Classes.d.ts +5 -5
- package/Unstable_Grid2/index.d.ts +4 -4
- package/Unstable_TrapFocus/index.d.ts +2 -2
- package/Unstable_TrapFocus/index.js +2 -2
- package/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/esm/BottomNavigation/BottomNavigation.js +0 -0
- package/esm/Button/Button.js +3 -8
- package/esm/Checkbox/Checkbox.js +11 -3
- package/esm/Chip/chipClasses.js +1 -1
- package/esm/DialogContentText/DialogContentText.js +13 -3
- package/esm/InputLabel/InputLabel.js +11 -3
- package/esm/ListItemButton/ListItemButton.js +10 -3
- package/esm/MenuItem/MenuItem.js +10 -3
- package/esm/Radio/Radio.js +11 -3
- package/esm/StepLabel/StepLabel.js +5 -3
- package/esm/SvgIcon/SvgIcon.js +2 -2
- package/esm/Tooltip/Tooltip.js +3 -5
- package/esm/Unstable_TrapFocus/index.js +1 -1
- package/esm/styles/CssVarsProvider.js +3 -1
- package/esm/styles/excludeVariablesFromRoot.js +6 -0
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Button/Button.js +2 -4
- package/legacy/Checkbox/Checkbox.js +10 -2
- package/legacy/Chip/chipClasses.js +1 -1
- package/legacy/DialogContentText/DialogContentText.js +10 -2
- package/legacy/InputLabel/InputLabel.js +10 -2
- package/legacy/ListItemButton/ListItemButton.js +9 -2
- package/legacy/MenuItem/MenuItem.js +9 -2
- package/legacy/Radio/Radio.js +10 -2
- package/legacy/StepLabel/StepLabel.js +5 -4
- package/legacy/SvgIcon/SvgIcon.js +2 -2
- package/legacy/Tooltip/Tooltip.js +3 -5
- package/legacy/Unstable_TrapFocus/index.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/styles/CssVarsProvider.js +3 -1
- package/legacy/styles/excludeVariablesFromRoot.js +12 -0
- package/locale/index.d.ts +71 -71
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Button/Button.js +3 -8
- package/modern/Checkbox/Checkbox.js +11 -3
- package/modern/Chip/chipClasses.js +1 -1
- package/modern/DialogContentText/DialogContentText.js +13 -3
- package/modern/InputLabel/InputLabel.js +11 -3
- package/modern/ListItemButton/ListItemButton.js +10 -3
- package/modern/MenuItem/MenuItem.js +10 -3
- package/modern/Radio/Radio.js +11 -3
- package/modern/StepLabel/StepLabel.js +5 -3
- package/modern/SvgIcon/SvgIcon.js +2 -2
- package/modern/Tooltip/Tooltip.js +3 -5
- package/modern/Unstable_TrapFocus/index.js +1 -1
- package/modern/index.js +1 -1
- package/modern/styles/CssVarsProvider.js +3 -1
- package/modern/styles/excludeVariablesFromRoot.js +6 -0
- package/package.json +5 -5
- package/styles/CssVarsProvider.d.ts +14 -14
- package/styles/CssVarsProvider.js +4 -1
- package/styles/excludeVariablesFromRoot.d.ts +5 -0
- package/styles/excludeVariablesFromRoot.js +14 -0
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +478 -428
- package/umd/material-ui.production.min.js +9 -9
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface BottomNavigationActionClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if selected. */
|
|
5
|
-
selected: string;
|
|
6
|
-
/** State class applied to the root element if `showLabel={false}` and not selected. */
|
|
7
|
-
iconOnly: string;
|
|
8
|
-
/** Styles applied to the label's span element. */
|
|
9
|
-
label: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
|
|
12
|
-
export declare function getBottomNavigationActionUtilityClass(slot: string): string;
|
|
13
|
-
declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
|
|
14
|
-
export default bottomNavigationActionClasses;
|
|
1
|
+
export interface BottomNavigationActionClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if selected. */
|
|
5
|
+
selected: string;
|
|
6
|
+
/** State class applied to the root element if `showLabel={false}` and not selected. */
|
|
7
|
+
iconOnly: string;
|
|
8
|
+
/** Styles applied to the label's span element. */
|
|
9
|
+
label: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
|
|
12
|
+
export declare function getBottomNavigationActionUtilityClass(slot: string): string;
|
|
13
|
+
declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
|
|
14
|
+
export default bottomNavigationActionClasses;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface BreadcrumbsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the ol element. */
|
|
5
|
-
ol: string;
|
|
6
|
-
/** Styles applied to the li element. */
|
|
7
|
-
li: string;
|
|
8
|
-
/** Styles applied to the separator element. */
|
|
9
|
-
separator: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
|
|
12
|
-
export declare function getBreadcrumbsUtilityClass(slot: string): string;
|
|
13
|
-
declare const breadcrumbsClasses: BreadcrumbsClasses;
|
|
14
|
-
export default breadcrumbsClasses;
|
|
1
|
+
export interface BreadcrumbsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the ol element. */
|
|
5
|
+
ol: string;
|
|
6
|
+
/** Styles applied to the li element. */
|
|
7
|
+
li: string;
|
|
8
|
+
/** Styles applied to the separator element. */
|
|
9
|
+
separator: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
|
|
12
|
+
export declare function getBreadcrumbsUtilityClass(slot: string): string;
|
|
13
|
+
declare const breadcrumbsClasses: BreadcrumbsClasses;
|
|
14
|
+
export default breadcrumbsClasses;
|
package/Button/Button.js
CHANGED
|
@@ -37,8 +37,7 @@ var _ButtonGroupContext = _interopRequireDefault(require("../ButtonGroup/ButtonG
|
|
|
37
37
|
|
|
38
38
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
39
39
|
|
|
40
|
-
const _excluded = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"]
|
|
41
|
-
_excluded2 = ["root"];
|
|
40
|
+
const _excluded = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
|
|
42
41
|
|
|
43
42
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
44
43
|
|
|
@@ -283,13 +282,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
|
283
282
|
type,
|
|
284
283
|
variant
|
|
285
284
|
});
|
|
286
|
-
|
|
287
|
-
const _useUtilityClasses = useUtilityClasses(ownerState),
|
|
288
|
-
{
|
|
289
|
-
root: classesRoot
|
|
290
|
-
} = _useUtilityClasses,
|
|
291
|
-
classes = (0, _objectWithoutPropertiesLoose2.default)(_useUtilityClasses, _excluded2);
|
|
292
|
-
|
|
285
|
+
const classes = useUtilityClasses(ownerState);
|
|
293
286
|
const startIcon = startIconProp && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonStartIcon, {
|
|
294
287
|
className: classes.startIcon,
|
|
295
288
|
ownerState: ownerState,
|
|
@@ -302,7 +295,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
|
302
295
|
});
|
|
303
296
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonRoot, (0, _extends2.default)({
|
|
304
297
|
ownerState: ownerState,
|
|
305
|
-
className: (0, _clsx.default)(contextProps.className,
|
|
298
|
+
className: (0, _clsx.default)(contextProps.className, classes.root, className),
|
|
306
299
|
component: component,
|
|
307
300
|
disabled: disabled,
|
|
308
301
|
focusRipple: !disableFocusRipple,
|
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
export interface ButtonClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="text"`. */
|
|
5
|
-
text: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
|
|
7
|
-
textInherit: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
9
|
-
textPrimary: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
11
|
-
textSecondary: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="text"` and `color="success"`. */
|
|
13
|
-
textSuccess: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="text"` and `color="error"`. */
|
|
15
|
-
textError: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="text"` and `color="info"`. */
|
|
17
|
-
textInfo: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="text"` and `color="warning"`. */
|
|
19
|
-
textWarning: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
21
|
-
outlined: string;
|
|
22
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
|
|
23
|
-
outlinedInherit: string;
|
|
24
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
25
|
-
outlinedPrimary: string;
|
|
26
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
27
|
-
outlinedSecondary: string;
|
|
28
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
|
|
29
|
-
outlinedSuccess: string;
|
|
30
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
|
|
31
|
-
outlinedError: string;
|
|
32
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
|
|
33
|
-
outlinedInfo: string;
|
|
34
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
|
|
35
|
-
outlinedWarning: string;
|
|
36
|
-
/** Styles applied to the root element if `variant="contained"`. */
|
|
37
|
-
contained: string;
|
|
38
|
-
/** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
|
|
39
|
-
containedInherit: string;
|
|
40
|
-
/** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
|
|
41
|
-
containedPrimary: string;
|
|
42
|
-
/** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
|
|
43
|
-
containedSecondary: string;
|
|
44
|
-
/** Styles applied to the root element if `variant="contained"` and `color="success"`. */
|
|
45
|
-
containedSuccess: string;
|
|
46
|
-
/** Styles applied to the root element if `variant="contained"` and `color="info"`. */
|
|
47
|
-
containedInfo: string;
|
|
48
|
-
/** Styles applied to the root element if `variant="contained"` and `color="error"`. */
|
|
49
|
-
containedError: string;
|
|
50
|
-
/** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
|
|
51
|
-
containedWarning: string;
|
|
52
|
-
/** Styles applied to the root element if `disableElevation={true}`. */
|
|
53
|
-
disableElevation: string;
|
|
54
|
-
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
55
|
-
focusVisible: string;
|
|
56
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
57
|
-
disabled: string;
|
|
58
|
-
/** Styles applied to the root element if `color="inherit"`. */
|
|
59
|
-
colorInherit: string;
|
|
60
|
-
/** Styles applied to the root element if `size="small"` and `variant="text"`. */
|
|
61
|
-
textSizeSmall: string;
|
|
62
|
-
/** Styles applied to the root element if `size="medium"` and `variant="text"`. */
|
|
63
|
-
textSizeMedium: string;
|
|
64
|
-
/** Styles applied to the root element if `size="large"` and `variant="text"`. */
|
|
65
|
-
textSizeLarge: string;
|
|
66
|
-
/** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
|
|
67
|
-
outlinedSizeSmall: string;
|
|
68
|
-
/** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
|
|
69
|
-
outlinedSizeMedium: string;
|
|
70
|
-
/** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
|
|
71
|
-
outlinedSizeLarge: string;
|
|
72
|
-
/** Styles applied to the root element if `size="small"` and `variant="contained"`. */
|
|
73
|
-
containedSizeSmall: string;
|
|
74
|
-
/** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
|
|
75
|
-
containedSizeMedium: string;
|
|
76
|
-
/** Styles applied to the root element if `size="large"` and `variant="contained"`. */
|
|
77
|
-
containedSizeLarge: string;
|
|
78
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
79
|
-
sizeSmall: string;
|
|
80
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
81
|
-
sizeMedium: string;
|
|
82
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
83
|
-
sizeLarge: string;
|
|
84
|
-
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
85
|
-
fullWidth: string;
|
|
86
|
-
/** Styles applied to the startIcon element if supplied. */
|
|
87
|
-
startIcon: string;
|
|
88
|
-
/** Styles applied to the endIcon element if supplied. */
|
|
89
|
-
endIcon: string;
|
|
90
|
-
/** Styles applied to the icon element if supplied and `size="small"`. */
|
|
91
|
-
iconSizeSmall: string;
|
|
92
|
-
/** Styles applied to the icon element if supplied and `size="medium"`. */
|
|
93
|
-
iconSizeMedium: string;
|
|
94
|
-
/** Styles applied to the icon element if supplied and `size="large"`. */
|
|
95
|
-
iconSizeLarge: string;
|
|
96
|
-
}
|
|
97
|
-
export declare type ButtonClassKey = keyof ButtonClasses;
|
|
98
|
-
export declare function getButtonUtilityClass(slot: string): string;
|
|
99
|
-
declare const buttonClasses: ButtonClasses;
|
|
100
|
-
export default buttonClasses;
|
|
1
|
+
export interface ButtonClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="text"`. */
|
|
5
|
+
text: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
|
|
7
|
+
textInherit: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
9
|
+
textPrimary: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
11
|
+
textSecondary: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="text"` and `color="success"`. */
|
|
13
|
+
textSuccess: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="text"` and `color="error"`. */
|
|
15
|
+
textError: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="text"` and `color="info"`. */
|
|
17
|
+
textInfo: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="text"` and `color="warning"`. */
|
|
19
|
+
textWarning: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
21
|
+
outlined: string;
|
|
22
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
|
|
23
|
+
outlinedInherit: string;
|
|
24
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
25
|
+
outlinedPrimary: string;
|
|
26
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
27
|
+
outlinedSecondary: string;
|
|
28
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
|
|
29
|
+
outlinedSuccess: string;
|
|
30
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
|
|
31
|
+
outlinedError: string;
|
|
32
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
|
|
33
|
+
outlinedInfo: string;
|
|
34
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
|
|
35
|
+
outlinedWarning: string;
|
|
36
|
+
/** Styles applied to the root element if `variant="contained"`. */
|
|
37
|
+
contained: string;
|
|
38
|
+
/** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
|
|
39
|
+
containedInherit: string;
|
|
40
|
+
/** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
|
|
41
|
+
containedPrimary: string;
|
|
42
|
+
/** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
|
|
43
|
+
containedSecondary: string;
|
|
44
|
+
/** Styles applied to the root element if `variant="contained"` and `color="success"`. */
|
|
45
|
+
containedSuccess: string;
|
|
46
|
+
/** Styles applied to the root element if `variant="contained"` and `color="info"`. */
|
|
47
|
+
containedInfo: string;
|
|
48
|
+
/** Styles applied to the root element if `variant="contained"` and `color="error"`. */
|
|
49
|
+
containedError: string;
|
|
50
|
+
/** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
|
|
51
|
+
containedWarning: string;
|
|
52
|
+
/** Styles applied to the root element if `disableElevation={true}`. */
|
|
53
|
+
disableElevation: string;
|
|
54
|
+
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
55
|
+
focusVisible: string;
|
|
56
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
57
|
+
disabled: string;
|
|
58
|
+
/** Styles applied to the root element if `color="inherit"`. */
|
|
59
|
+
colorInherit: string;
|
|
60
|
+
/** Styles applied to the root element if `size="small"` and `variant="text"`. */
|
|
61
|
+
textSizeSmall: string;
|
|
62
|
+
/** Styles applied to the root element if `size="medium"` and `variant="text"`. */
|
|
63
|
+
textSizeMedium: string;
|
|
64
|
+
/** Styles applied to the root element if `size="large"` and `variant="text"`. */
|
|
65
|
+
textSizeLarge: string;
|
|
66
|
+
/** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
|
|
67
|
+
outlinedSizeSmall: string;
|
|
68
|
+
/** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
|
|
69
|
+
outlinedSizeMedium: string;
|
|
70
|
+
/** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
|
|
71
|
+
outlinedSizeLarge: string;
|
|
72
|
+
/** Styles applied to the root element if `size="small"` and `variant="contained"`. */
|
|
73
|
+
containedSizeSmall: string;
|
|
74
|
+
/** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
|
|
75
|
+
containedSizeMedium: string;
|
|
76
|
+
/** Styles applied to the root element if `size="large"` and `variant="contained"`. */
|
|
77
|
+
containedSizeLarge: string;
|
|
78
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
79
|
+
sizeSmall: string;
|
|
80
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
81
|
+
sizeMedium: string;
|
|
82
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
83
|
+
sizeLarge: string;
|
|
84
|
+
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
85
|
+
fullWidth: string;
|
|
86
|
+
/** Styles applied to the startIcon element if supplied. */
|
|
87
|
+
startIcon: string;
|
|
88
|
+
/** Styles applied to the endIcon element if supplied. */
|
|
89
|
+
endIcon: string;
|
|
90
|
+
/** Styles applied to the icon element if supplied and `size="small"`. */
|
|
91
|
+
iconSizeSmall: string;
|
|
92
|
+
/** Styles applied to the icon element if supplied and `size="medium"`. */
|
|
93
|
+
iconSizeMedium: string;
|
|
94
|
+
/** Styles applied to the icon element if supplied and `size="large"`. */
|
|
95
|
+
iconSizeLarge: string;
|
|
96
|
+
}
|
|
97
|
+
export declare type ButtonClassKey = keyof ButtonClasses;
|
|
98
|
+
export declare function getButtonUtilityClass(slot: string): string;
|
|
99
|
+
declare const buttonClasses: ButtonClasses;
|
|
100
|
+
export default buttonClasses;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface ButtonBaseClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
-
disabled: string;
|
|
6
|
-
/** State class applied to the root element if keyboard focused. */
|
|
7
|
-
focusVisible: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
|
|
10
|
-
export declare function getButtonBaseUtilityClass(slot: string): string;
|
|
11
|
-
declare const buttonBaseClasses: ButtonBaseClasses;
|
|
12
|
-
export default buttonBaseClasses;
|
|
1
|
+
export interface ButtonBaseClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
+
disabled: string;
|
|
6
|
+
/** State class applied to the root element if keyboard focused. */
|
|
7
|
+
focusVisible: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
|
|
10
|
+
export declare function getButtonBaseUtilityClass(slot: string): string;
|
|
11
|
+
declare const buttonBaseClasses: ButtonBaseClasses;
|
|
12
|
+
export default buttonBaseClasses;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface TouchRippleClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the internal `Ripple` components `ripple` class. */
|
|
5
|
-
ripple: string;
|
|
6
|
-
/** Styles applied to the internal `Ripple` components `rippleVisible` class. */
|
|
7
|
-
rippleVisible: string;
|
|
8
|
-
/** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
|
|
9
|
-
ripplePulsate: string;
|
|
10
|
-
/** Styles applied to the internal `Ripple` components `child` class. */
|
|
11
|
-
child: string;
|
|
12
|
-
/** Styles applied to the internal `Ripple` components `childLeaving` class. */
|
|
13
|
-
childLeaving: string;
|
|
14
|
-
/** Styles applied to the internal `Ripple` components `childPulsate` class. */
|
|
15
|
-
childPulsate: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type TouchRippleClassKey = keyof TouchRippleClasses;
|
|
18
|
-
export declare function getTouchRippleUtilityClass(slot: string): string;
|
|
19
|
-
declare const touchRippleClasses: TouchRippleClasses;
|
|
20
|
-
export default touchRippleClasses;
|
|
1
|
+
export interface TouchRippleClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the internal `Ripple` components `ripple` class. */
|
|
5
|
+
ripple: string;
|
|
6
|
+
/** Styles applied to the internal `Ripple` components `rippleVisible` class. */
|
|
7
|
+
rippleVisible: string;
|
|
8
|
+
/** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
|
|
9
|
+
ripplePulsate: string;
|
|
10
|
+
/** Styles applied to the internal `Ripple` components `child` class. */
|
|
11
|
+
child: string;
|
|
12
|
+
/** Styles applied to the internal `Ripple` components `childLeaving` class. */
|
|
13
|
+
childLeaving: string;
|
|
14
|
+
/** Styles applied to the internal `Ripple` components `childPulsate` class. */
|
|
15
|
+
childPulsate: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type TouchRippleClassKey = keyof TouchRippleClasses;
|
|
18
|
+
export declare function getTouchRippleUtilityClass(slot: string): string;
|
|
19
|
+
declare const touchRippleClasses: TouchRippleClasses;
|
|
20
|
+
export default touchRippleClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ButtonGroupProps } from './ButtonGroup';
|
|
3
|
-
interface IButtonGroupContext {
|
|
4
|
-
className?: string;
|
|
5
|
-
color?: ButtonGroupProps['color'];
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
disableElevation?: boolean;
|
|
8
|
-
disableFocusRipple?: boolean;
|
|
9
|
-
disableRipple?: boolean;
|
|
10
|
-
fullWidth?: boolean;
|
|
11
|
-
size?: ButtonGroupProps['size'];
|
|
12
|
-
variant?: ButtonGroupProps['variant'];
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @ignore - internal component.
|
|
16
|
-
*/
|
|
17
|
-
declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
|
|
18
|
-
export default ButtonGroupContext;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ButtonGroupProps } from './ButtonGroup';
|
|
3
|
+
interface IButtonGroupContext {
|
|
4
|
+
className?: string;
|
|
5
|
+
color?: ButtonGroupProps['color'];
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
disableElevation?: boolean;
|
|
8
|
+
disableFocusRipple?: boolean;
|
|
9
|
+
disableRipple?: boolean;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
size?: ButtonGroupProps['size'];
|
|
12
|
+
variant?: ButtonGroupProps['variant'];
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @ignore - internal component.
|
|
16
|
+
*/
|
|
17
|
+
declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
|
|
18
|
+
export default ButtonGroupContext;
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
export interface ButtonGroupClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="contained"`. */
|
|
5
|
-
contained: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="text"`. */
|
|
9
|
-
text: string;
|
|
10
|
-
/** Styles applied to the root element if `disableElevation={true}`. */
|
|
11
|
-
disableElevation: string;
|
|
12
|
-
/** State class applied to the child elements if `disabled={true}`. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
15
|
-
fullWidth: string;
|
|
16
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
17
|
-
vertical: string;
|
|
18
|
-
/** Styles applied to the children. */
|
|
19
|
-
grouped: string;
|
|
20
|
-
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
21
|
-
groupedHorizontal: string;
|
|
22
|
-
/** Styles applied to the children if `orientation="vertical"`. */
|
|
23
|
-
groupedVertical: string;
|
|
24
|
-
/** Styles applied to the children if `variant="text"`. */
|
|
25
|
-
groupedText: string;
|
|
26
|
-
/** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
|
|
27
|
-
groupedTextHorizontal: string;
|
|
28
|
-
/** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
|
|
29
|
-
groupedTextVertical: string;
|
|
30
|
-
/** Styles applied to the children if `variant="text"` and `color="primary"`. */
|
|
31
|
-
groupedTextPrimary: string;
|
|
32
|
-
/** Styles applied to the children if `variant="text"` and `color="secondary"`. */
|
|
33
|
-
groupedTextSecondary: string;
|
|
34
|
-
/** Styles applied to the children if `variant="outlined"`. */
|
|
35
|
-
groupedOutlined: string;
|
|
36
|
-
/** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
|
|
37
|
-
groupedOutlinedHorizontal: string;
|
|
38
|
-
/** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
|
|
39
|
-
groupedOutlinedVertical: string;
|
|
40
|
-
/** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
|
|
41
|
-
groupedOutlinedPrimary: string;
|
|
42
|
-
/** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
|
|
43
|
-
groupedOutlinedSecondary: string;
|
|
44
|
-
/** Styles applied to the children if `variant="contained"`. */
|
|
45
|
-
groupedContained: string;
|
|
46
|
-
/** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
|
|
47
|
-
groupedContainedHorizontal: string;
|
|
48
|
-
/** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
|
|
49
|
-
groupedContainedVertical: string;
|
|
50
|
-
/** Styles applied to the children if `variant="contained"` and `color="primary"`. */
|
|
51
|
-
groupedContainedPrimary: string;
|
|
52
|
-
/** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
|
|
53
|
-
groupedContainedSecondary: string;
|
|
54
|
-
}
|
|
55
|
-
export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
|
|
56
|
-
export declare function getButtonGroupUtilityClass(slot: string): string;
|
|
57
|
-
declare const buttonGroupClasses: ButtonGroupClasses;
|
|
58
|
-
export default buttonGroupClasses;
|
|
1
|
+
export interface ButtonGroupClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="contained"`. */
|
|
5
|
+
contained: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
+
outlined: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="text"`. */
|
|
9
|
+
text: string;
|
|
10
|
+
/** Styles applied to the root element if `disableElevation={true}`. */
|
|
11
|
+
disableElevation: string;
|
|
12
|
+
/** State class applied to the child elements if `disabled={true}`. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
15
|
+
fullWidth: string;
|
|
16
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
17
|
+
vertical: string;
|
|
18
|
+
/** Styles applied to the children. */
|
|
19
|
+
grouped: string;
|
|
20
|
+
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
21
|
+
groupedHorizontal: string;
|
|
22
|
+
/** Styles applied to the children if `orientation="vertical"`. */
|
|
23
|
+
groupedVertical: string;
|
|
24
|
+
/** Styles applied to the children if `variant="text"`. */
|
|
25
|
+
groupedText: string;
|
|
26
|
+
/** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
|
|
27
|
+
groupedTextHorizontal: string;
|
|
28
|
+
/** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
|
|
29
|
+
groupedTextVertical: string;
|
|
30
|
+
/** Styles applied to the children if `variant="text"` and `color="primary"`. */
|
|
31
|
+
groupedTextPrimary: string;
|
|
32
|
+
/** Styles applied to the children if `variant="text"` and `color="secondary"`. */
|
|
33
|
+
groupedTextSecondary: string;
|
|
34
|
+
/** Styles applied to the children if `variant="outlined"`. */
|
|
35
|
+
groupedOutlined: string;
|
|
36
|
+
/** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
|
|
37
|
+
groupedOutlinedHorizontal: string;
|
|
38
|
+
/** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
|
|
39
|
+
groupedOutlinedVertical: string;
|
|
40
|
+
/** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
|
|
41
|
+
groupedOutlinedPrimary: string;
|
|
42
|
+
/** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
|
|
43
|
+
groupedOutlinedSecondary: string;
|
|
44
|
+
/** Styles applied to the children if `variant="contained"`. */
|
|
45
|
+
groupedContained: string;
|
|
46
|
+
/** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
|
|
47
|
+
groupedContainedHorizontal: string;
|
|
48
|
+
/** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
|
|
49
|
+
groupedContainedVertical: string;
|
|
50
|
+
/** Styles applied to the children if `variant="contained"` and `color="primary"`. */
|
|
51
|
+
groupedContainedPrimary: string;
|
|
52
|
+
/** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
|
|
53
|
+
groupedContainedSecondary: string;
|
|
54
|
+
}
|
|
55
|
+
export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
|
|
56
|
+
export declare function getButtonGroupUtilityClass(slot: string): string;
|
|
57
|
+
declare const buttonGroupClasses: ButtonGroupClasses;
|
|
58
|
+
export default buttonGroupClasses;
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,83 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.10.7
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.10.6..master -->
|
|
6
|
+
|
|
7
|
+
_Sep 26, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🚀 [Divider](https://mui.com/joy-ui/react-divider/) component is added to Joy UI (#34403) @siriwatknp
|
|
12
|
+
|
|
13
|
+
### `@mui/material@5.10.7`
|
|
14
|
+
|
|
15
|
+
- [CssVarsProvider] Exclude dark mode variables from `:root` stylesheet (#34131) @siriwatknp
|
|
16
|
+
- [Chip] Add chip classes (#33801) @pratikkarad
|
|
17
|
+
- [Slider] Fix typo in the comments in the source (#34452) @HexM7
|
|
18
|
+
- [SvgIcon] Fix passing an ownerState to SvgIcon changes the font size (#34429) @ZeeshanTamboli
|
|
19
|
+
- [Stepper] Fix optional label is not centered when `alternativeLabel` is used (#34335) @ZeeshanTamboli
|
|
20
|
+
- [Tooltip] Add undefined, null or false in `title` (#34289) @abhinav-22-tech
|
|
21
|
+
- Make @emotion/\* fully supported in all Material UI components (#34451) @garronej
|
|
22
|
+
|
|
23
|
+
### `@mui/system@5.10.7`
|
|
24
|
+
|
|
25
|
+
- [system] Fix parsing of hsla colors in getLuminance (#34437) @ptrfrncsmrph
|
|
26
|
+
- [system] Fix incorrect type of `shape.borderRadius` in theme (#34076) @ZeeshanTamboli
|
|
27
|
+
- [system] Replace `enableSystem` with `defaultMode` (#33960) @siriwatknp
|
|
28
|
+
|
|
29
|
+
### `@mui/material@5.0.0-alpha.101`
|
|
30
|
+
|
|
31
|
+
- [deps] Move @mui/types to dependencies (#34384) @Methuselah96
|
|
32
|
+
|
|
33
|
+
### `@mui/base@5.0.0-alpha.99`
|
|
34
|
+
|
|
35
|
+
#### Breaking changes
|
|
36
|
+
|
|
37
|
+
- [TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
|
|
38
|
+
|
|
39
|
+
```diff
|
|
40
|
+
- import TrapFocus from ‘@mui/base/TrapFocus’;
|
|
41
|
+
+ import FocusTrap from ‘@mui/base/FocusTrap’;
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
#### Changes
|
|
45
|
+
|
|
46
|
+
- [MultiSelect] Require a single tap to select an item on mobile Chrome (#33932) @michaldudak
|
|
47
|
+
|
|
48
|
+
### `@mui/joy@5.0.0-alpha.47`
|
|
49
|
+
|
|
50
|
+
- [Checkbox] spread `value`, `required`, and `readOnly` to input (#34477) @siriwatknp
|
|
51
|
+
- [Chip] Fix unbinded `onClick` prop (#34455) @HexM7
|
|
52
|
+
- [Divider] Add `Divider` component (#34403) @siriwatknp
|
|
53
|
+
- [Radio] spread `readOnly` and `required` to input (#34478) @siriwatknp
|
|
54
|
+
|
|
55
|
+
### Docs
|
|
56
|
+
|
|
57
|
+
- [blog] MUI Base announcement typo fixed (#34409) @prakhargupta1
|
|
58
|
+
- [blog] Fix typo in date-pickers v5 stable (#34386) @alexfauquette
|
|
59
|
+
- [blog] Update date on date pickers v5 release blog post (#34406) @joserodolfofreitas
|
|
60
|
+
- [docs] Update `useMenu` and `useMenuItem` hooks demo (#34166) @ZeeshanTamboli
|
|
61
|
+
- [docs] Update the guide for migrating to TSS (#34417) @garronej
|
|
62
|
+
- [docs] Fix typo in `Grid` docs (#34475) @Dustin-Digitar
|
|
63
|
+
- [docs] Fix typo in `Back to top` section in AppBar docs (#34479) @Dustin-Digitar
|
|
64
|
+
- [docs] Standardize all MUI Core "Installation" pages (#34168) @samuelsycamore
|
|
65
|
+
- [docs] Fix webpack file name to the standard: `webpack.config.js` (#34446) @CodingItWrong
|
|
66
|
+
- [docs] Fix Select `onChange` call (#34408) @siriwatknp
|
|
67
|
+
- [docs] Notification for pickers blog - v5 stable (#34400) @joserodolfofreitas
|
|
68
|
+
- [docs] Improve social sharing of docs pages (#34346) @oliviertassinari
|
|
69
|
+
- [docs] Refine the use of MUI vs. Material UI (#34345) @oliviertassinari
|
|
70
|
+
- [docs] Send feedback directly to a dedicated slack channel (#34196) @alexfauquette
|
|
71
|
+
- [website] Adds Bilal to about page (#34412) @MBilalShafi
|
|
72
|
+
- [website] Add date range picker to pricing table (#34399) @joserodolfofreitas
|
|
73
|
+
|
|
74
|
+
### Core
|
|
75
|
+
|
|
76
|
+
- [core] Document some types in @mui/styled-engine-sc (#34413) @mnajdova
|
|
77
|
+
- [core] Add yml support to prettier (#33980) @Janpot
|
|
78
|
+
|
|
79
|
+
All contributors of this release in alphabetical order: @abhinav-22-tech, @alexfauquette, @CodingItWrong, @Dustin-Digitar, @garronej, @HexM7, @howlettt, @Janpot, @joserodolfofreitas, @kabernardes, @MBilalShafi, @Methuselah96, @michaldudak, @mnajdova, @oliviertassinari, @prakhargupta1, @pratikkarad, @ptrfrncsmrph, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
80
|
+
|
|
3
81
|
## 5.10.6
|
|
4
82
|
|
|
5
83
|
<!-- generated comparing v5.10.5..master -->
|
package/Card/cardClasses.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface CardClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type CardClassKey = keyof CardClasses;
|
|
6
|
-
export declare function getCardUtilityClass(slot: string): string;
|
|
7
|
-
declare const cardClasses: CardClasses;
|
|
8
|
-
export default cardClasses;
|
|
1
|
+
export interface CardClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type CardClassKey = keyof CardClasses;
|
|
6
|
+
export declare function getCardUtilityClass(slot: string): string;
|
|
7
|
+
declare const cardClasses: CardClasses;
|
|
8
|
+
export default cardClasses;
|