@mui/material 5.11.10 → 5.11.11
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/Autocomplete.d.ts +3 -1
- 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/Badge.js +1 -1
- 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/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 +89 -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/checkboxClasses.d.ts +18 -18
- package/Chip/chipClasses.d.ts +96 -96
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/Container.js +0 -1
- 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/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/FormControlContext.d.ts +17 -17
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/useFormControl.d.ts +2 -2
- 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 +34 -34
- 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/InputBase.js +2 -2
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/InputLabel.js +3 -1
- 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/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/ListSubheader.js +1 -0
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuList/MenuList.js +7 -0
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/Modal/Modal.d.ts +9 -1
- package/Modal/Modal.js +14 -9
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/OutlinedInput.js +1 -1
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- 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 +55 -55
- package/README.md +0 -2
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.js +2 -2
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/SelectInput.js +2 -22
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slider/Slider.d.ts +5 -1
- package/Slider/Slider.js +16 -11
- package/Slider/SliderValueLabel.d.ts +15 -15
- package/Slider/SliderValueLabel.types.d.ts +24 -24
- package/Slider/sliderClasses.d.ts +58 -58
- package/Snackbar/Snackbar.js +21 -125
- 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/Stack/Stack.d.ts +0 -1
- package/Stack/Stack.js +9 -120
- package/Stack/index.d.ts +3 -0
- package/Stack/index.js +2 -1
- package/Stack/stackClasses.d.ts +6 -0
- package/Stack/stackClasses.js +7 -0
- 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/stepLabelClasses.d.ts +28 -28
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- 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/tooltipClasses.d.ts +30 -30
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2.js +2 -3
- 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/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/generateUtilityClass/index.d.ts +2 -2
- package/generateUtilityClasses/index.d.ts +1 -1
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/Badge/Badge.js +1 -1
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Container/Container.js +0 -1
- package/legacy/InputBase/InputBase.js +2 -2
- package/legacy/InputLabel/InputLabel.js +3 -1
- package/legacy/ListSubheader/ListSubheader.js +1 -0
- package/legacy/MenuList/MenuList.js +7 -0
- package/legacy/Modal/Modal.js +14 -9
- package/legacy/OutlinedInput/OutlinedInput.js +1 -1
- package/legacy/Rating/Rating.js +2 -2
- package/legacy/Select/SelectInput.js +2 -22
- package/legacy/Slider/Slider.js +16 -12
- package/legacy/Snackbar/Snackbar.js +20 -119
- package/legacy/Stack/Stack.js +13 -122
- package/legacy/Stack/index.js +2 -1
- package/legacy/Stack/stackClasses.js +7 -0
- package/legacy/Unstable_Grid2/Grid2.js +2 -3
- package/legacy/index.js +1 -1
- package/legacy/styles/createTheme.js +1 -0
- package/legacy/useAutocomplete/useAutocomplete.js +2 -2
- package/locale/index.d.ts +75 -75
- package/modern/Badge/Badge.js +1 -1
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Container/Container.js +0 -1
- package/modern/InputBase/InputBase.js +2 -2
- package/modern/InputLabel/InputLabel.js +3 -1
- package/modern/ListSubheader/ListSubheader.js +1 -0
- package/modern/MenuList/MenuList.js +7 -0
- package/modern/Modal/Modal.js +14 -9
- package/modern/OutlinedInput/OutlinedInput.js +1 -1
- package/modern/Rating/Rating.js +2 -2
- package/modern/Select/SelectInput.js +2 -18
- package/modern/Slider/Slider.js +16 -11
- package/modern/Snackbar/Snackbar.js +21 -125
- package/modern/Stack/Stack.js +9 -120
- package/modern/Stack/index.js +2 -1
- package/modern/Stack/stackClasses.js +7 -0
- package/modern/Unstable_Grid2/Grid2.js +2 -3
- package/modern/index.js +1 -1
- package/modern/styles/createTheme.js +1 -0
- package/modern/useAutocomplete/useAutocomplete.js +2 -2
- package/node/Badge/Badge.js +2 -2
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Container/Container.js +0 -2
- package/node/InputBase/InputBase.js +2 -2
- package/node/InputLabel/InputLabel.js +3 -1
- package/node/ListSubheader/ListSubheader.js +1 -0
- package/node/MenuList/MenuList.js +7 -0
- package/node/Modal/Modal.js +14 -9
- package/node/OutlinedInput/OutlinedInput.js +1 -1
- package/node/Rating/Rating.js +2 -2
- package/node/Select/SelectInput.js +2 -22
- package/node/Slider/Slider.js +19 -14
- package/node/Snackbar/Snackbar.js +20 -124
- package/node/Stack/Stack.js +9 -122
- package/node/Stack/index.js +8 -1
- package/node/Stack/stackClasses.js +16 -0
- package/node/Unstable_Grid2/Grid2.js +0 -1
- package/node/index.js +1 -1
- package/node/styles/createTheme.js +1 -0
- package/node/useAutocomplete/useAutocomplete.js +8 -6
- package/package.json +6 -6
- package/styles/CssVarsProvider.d.ts +16 -16
- package/styles/createTheme.js +1 -0
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/getOverlayAlpha.d.ts +2 -2
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/types/OverridableComponentAugmentation.d.ts +31 -31
- package/umd/material-ui.development.js +4132 -4060
- package/umd/material-ui.production.min.js +21 -21
- package/useAutocomplete/useAutocomplete.d.ts +2 -2
- package/useAutocomplete/useAutocomplete.js +2 -2
- package/useMediaQuery/useMediaQuery.d.ts +46 -46
- 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,8 +1,8 @@
|
|
|
1
|
-
export interface BottomNavigationClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type BottomNavigationClassKey = keyof BottomNavigationClasses;
|
|
6
|
-
export declare function getBottomNavigationUtilityClass(slot: string): string;
|
|
7
|
-
declare const bottomNavigationClasses: BottomNavigationClasses;
|
|
8
|
-
export default bottomNavigationClasses;
|
|
1
|
+
export interface BottomNavigationClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export type BottomNavigationClassKey = keyof BottomNavigationClasses;
|
|
6
|
+
export declare function getBottomNavigationUtilityClass(slot: string): string;
|
|
7
|
+
declare const bottomNavigationClasses: BottomNavigationClasses;
|
|
8
|
+
export default bottomNavigationClasses;
|
|
@@ -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 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 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 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 type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
|
|
12
|
+
export declare function getBreadcrumbsUtilityClass(slot: string): string;
|
|
13
|
+
declare const breadcrumbsClasses: BreadcrumbsClasses;
|
|
14
|
+
export default breadcrumbsClasses;
|
|
@@ -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 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 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 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 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 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 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 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 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,94 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.11.11
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.11.10..master -->
|
|
6
|
+
|
|
7
|
+
_Feb 27, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 📚 added API documentation for the slots in MUI Base and Joy UI by @hbjORbj, for e.g. [SliderUnstyled API](https://mui.com/base/api/slider-unstyled/#slots)
|
|
12
|
+
- other 🐛 bug fixes and 📚 documentation improvements.
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.11.11`
|
|
15
|
+
|
|
16
|
+
- ​<!-- 30 -->[Autocomplete] Adds `sx` prop to `ListboxProps` type (#36243) @sai6855
|
|
17
|
+
- ​<!-- 11 -->[material] Add global CSS class for `readOnly` prop (#32822) @jrparish
|
|
18
|
+
- ​<!-- 10 -->[Stack][material] Use createStack from the system (#33795) @mnajdova
|
|
19
|
+
- ​<!-- 07 -->[Select] Fix incorrect selecting of first element (#36024) @michaldudak
|
|
20
|
+
- ​<!-- 06 -->[Slider] Miscellaneous improvements (#35941) @ZeeshanTamboli
|
|
21
|
+
- ​<!-- 05 -->[Slider] Remove unnecessary `data-focusvisible` attribute (#36091) @ZeeshanTamboli
|
|
22
|
+
- ​<!-- 04 -->[Snackbar] Replace component logic with `useSnackbar` hook (#36272) @ZeeshanTamboli
|
|
23
|
+
- ​<!-- 03 -->[TextField] Fix floating label position (#36246) @oliviertassinari
|
|
24
|
+
- ​<!-- 13 -->[TextField] Fix floating label position (#36288) @oliviertassinari
|
|
25
|
+
|
|
26
|
+
### `@mui/base@5.0.0-alpha.119`
|
|
27
|
+
|
|
28
|
+
#### Breaking changes
|
|
29
|
+
|
|
30
|
+
- ​<!-- 29 -->[base] Remove `classes` prop from the Base components that have it (#36157) @hbjORbj
|
|
31
|
+
These are the components affected by this change: ModalUnstyled, SliderUnstyled, TablePaginationUnstyled and TablePaginationActionsUnstyled.
|
|
32
|
+
You can replace the `classes` prop by providing the class name prop directly to the prop via `slotProps`. Below is an example of how the migration should look like:
|
|
33
|
+
|
|
34
|
+
```diff
|
|
35
|
+
<TablePaginationUnstyled
|
|
36
|
+
- classes={{ toolbar: 'toolbar-classname', menuItem: 'menuItem-classname' }}
|
|
37
|
+
+ slotProps={{ toolbar: { className: 'toolbar-classname' }, menuItem: { className: 'menuItem-classname'}}}
|
|
38
|
+
/>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
- ​<!-- 28 -->[base] Move hooks to their own directories (#36235) @hbjORbj
|
|
42
|
+
Base hooks (e.g., `useSelect`) are no longer exported from `{Component}Unstyled` directories and instead they have their own directories.
|
|
43
|
+
Below is an example of how the migration should look like:
|
|
44
|
+
|
|
45
|
+
```diff
|
|
46
|
+
-import { useBadge } from '@mui/base/BadgeUnstyled';
|
|
47
|
+
+import useBadge from '@mui/base/useBadge';
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-hook-imports) to help with the migration.
|
|
51
|
+
|
|
52
|
+
#### Changes
|
|
53
|
+
|
|
54
|
+
- ​<!-- 31 -->[Autocomplete] Add docs interface for the hook (#36242) @HeVictor
|
|
55
|
+
- ​<!-- 09 -->[MenuUnstyled] Remove extra useMemo (#36265) @ivp-dev
|
|
56
|
+
- ​<!-- 31 -->[base] Export all slot prop overrides interfaces (#36323) @michaldudak
|
|
57
|
+
|
|
58
|
+
### `@mui/codemod@5.11.11`
|
|
59
|
+
|
|
60
|
+
- ​<!-- 35 -->[base] Codemod for hook directory migration (#36295) @hbjORbj
|
|
61
|
+
|
|
62
|
+
### `@mui/joy@5.0.0-alpha.69`
|
|
63
|
+
|
|
64
|
+
- ​<!-- 15 -->[Joy] Able to remove default tokens from theme types (#36006) @siriwatknp
|
|
65
|
+
- ​<!-- 14 -->[Joy] Fix modal dialog overflow viewport (#36103) @siriwatknp
|
|
66
|
+
- ​<!-- 13 -->[Joy] Select popup should have max-height (#36156) @Vivek-Prajapatii
|
|
67
|
+
- ​<!-- 12 -->[Joy] Fix `ListDivider` to change semantic based on `List` (#36266) @siriwatknp
|
|
68
|
+
|
|
69
|
+
### Docs
|
|
70
|
+
|
|
71
|
+
- ​<!-- 27 -->[docs][base] List slots in API documentation (#36104) @hbjORbj
|
|
72
|
+
- ​<!-- 26 -->[docs] Add missing sandbox adapter deps resolving (#36291) @LukasTy
|
|
73
|
+
- ​<!-- 25 -->[docs] Allow to pass navigation bar banner from outside (#36299) @MBilalShafi
|
|
74
|
+
- ​<!-- 24 -->[docs] Fix code on the Working with Tailwind CSS guide (#36090) @mnajdova
|
|
75
|
+
- ​<!-- 23 -->[docs] Remove See Slots Section text from Material UI slots description (#36284) @hbjORbj
|
|
76
|
+
- ​<!-- 22 -->[docs] Fix emotion warning `:first-child` (#36263) @siriwatknp
|
|
77
|
+
- ​<!-- 21 -->[docs][joy] Improve the descriptions of props in API docs (#36307) @hbjORbj
|
|
78
|
+
- ​<!-- 20 -->[docs][joy] List slots in API documentation (#36271) @hbjORbj
|
|
79
|
+
- ​<!-- 19 -->[docs][joy] Build API documentations (#36008) @hbjORbj
|
|
80
|
+
- ​<!-- 18 -->[examples] Update Next.js examples to use built-in font (#36315) @Juneezee
|
|
81
|
+
- ​<!-- 17 -->[examples] Update curl link in `material-next-ts-v4-v5-migration` example README (#36321) @ZeeshanTamboli
|
|
82
|
+
- ​<!-- 16 -->[examples] Convert Next.js \_document class components to function components (#36109) @ossan-engineer
|
|
83
|
+
|
|
84
|
+
### Core
|
|
85
|
+
|
|
86
|
+
- ​<!-- 08 -->[Rating] Add a comment in Rating component to use `readOnly` state class (#36357) @ZeeshanTamboli
|
|
87
|
+
- ​<!-- 02 -->[website] Fix broken links to role levels (#36333) @oliviertassinari
|
|
88
|
+
- ​<!-- 01 -->[website] Sync gold sponsors (#36312) @oliviertassinari
|
|
89
|
+
|
|
90
|
+
All contributors of this release in alphabetical order: @hbjORbj, @HeVictor, @ivp-dev, @jrparish, @Juneezee, @LukasTy, @MBilalShafi, @michaldudak, @mnajdova, @oliviertassinari, @ossan-engineer, @sai6855, @siriwatknp, @Vivek-Prajapatii, @ZeeshanTamboli
|
|
91
|
+
|
|
3
92
|
## 5.11.10
|
|
4
93
|
|
|
5
94
|
<!-- generated comparing v5.11.9..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 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 type CardClassKey = keyof CardClasses;
|
|
6
|
+
export declare function getCardUtilityClass(slot: string): string;
|
|
7
|
+
declare const cardClasses: CardClasses;
|
|
8
|
+
export default cardClasses;
|