@mui/material 5.11.5 → 5.11.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/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/Box/Box.d.ts +3 -2
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.js +0 -2
- 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 +74 -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/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/inputBaseClasses.d.ts +46 -46
- 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/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- 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/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 +37 -37
- 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/Slider/Slider.d.ts +215 -35
- package/Slider/Slider.js +7 -7
- package/Slider/SliderValueLabel.d.ts +15 -15
- package/Slider/SliderValueLabel.js +3 -0
- package/Slider/SliderValueLabel.types.d.ts +24 -24
- package/Slider/index.d.ts +2 -0
- package/Slider/index.js +2 -1
- package/Slider/sliderClasses.d.ts +58 -29
- package/Slider/sliderClasses.js +5 -3
- 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/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/SwipeableDrawer/SwipeableDrawer.d.ts +15 -0
- package/SwipeableDrawer/SwipeableDrawer.js +48 -17
- 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/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/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Button/Button.js +0 -2
- package/legacy/Slider/Slider.js +7 -7
- package/legacy/Slider/SliderValueLabel.js +3 -0
- package/legacy/Slider/index.js +2 -1
- package/legacy/Slider/sliderClasses.js +5 -3
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +50 -17
- package/legacy/index.js +1 -1
- package/locale/index.d.ts +75 -75
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Button/Button.js +0 -2
- package/modern/Slider/Slider.js +7 -7
- package/modern/Slider/SliderValueLabel.js +3 -0
- package/modern/Slider/index.js +2 -1
- package/modern/Slider/sliderClasses.js +5 -3
- package/modern/SwipeableDrawer/SwipeableDrawer.js +47 -17
- package/modern/index.js +1 -1
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Button/Button.js +0 -2
- package/node/Slider/Slider.js +6 -6
- package/node/Slider/SliderValueLabel.js +3 -0
- package/node/Slider/index.js +12 -2
- package/node/Slider/sliderClasses.js +6 -3
- package/node/SwipeableDrawer/SwipeableDrawer.js +48 -17
- package/node/index.js +1 -1
- package/package.json +3 -3
- package/styles/CssVarsProvider.d.ts +16 -16
- 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 +63 -33
- package/umd/material-ui.production.min.js +20 -20
- 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,24 +1,24 @@
|
|
|
1
|
-
export interface ToggleButtonClasses {
|
|
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 `selected={true}`. */
|
|
7
|
-
selected: string;
|
|
8
|
-
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
-
primary: string;
|
|
12
|
-
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
-
secondary: string;
|
|
14
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
-
sizeSmall: string;
|
|
16
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
-
sizeMedium: string;
|
|
18
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
-
sizeLarge: string;
|
|
20
|
-
}
|
|
21
|
-
export type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
-
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
-
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
-
export default toggleButtonClasses;
|
|
1
|
+
export interface ToggleButtonClasses {
|
|
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 `selected={true}`. */
|
|
7
|
+
selected: string;
|
|
8
|
+
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
+
primary: string;
|
|
12
|
+
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
+
secondary: string;
|
|
14
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
+
sizeSmall: string;
|
|
16
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
+
sizeMedium: string;
|
|
18
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
+
sizeLarge: string;
|
|
20
|
+
}
|
|
21
|
+
export type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
+
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
+
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
+
export default toggleButtonClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface ToggleButtonGroupClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
-
vertical: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** Styles applied to the children. */
|
|
9
|
-
grouped: string;
|
|
10
|
-
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
-
groupedHorizontal: string;
|
|
12
|
-
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
-
groupedVertical: string;
|
|
14
|
-
}
|
|
15
|
-
export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
-
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
-
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
-
export default toggleButtonGroupClasses;
|
|
1
|
+
export interface ToggleButtonGroupClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
+
vertical: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** Styles applied to the children. */
|
|
9
|
+
grouped: string;
|
|
10
|
+
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
+
groupedHorizontal: string;
|
|
12
|
+
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
+
groupedVertical: string;
|
|
14
|
+
}
|
|
15
|
+
export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
+
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
+
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
+
export default toggleButtonGroupClasses;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface ToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
-
gutters: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
-
regular: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
-
dense: string;
|
|
10
|
-
}
|
|
11
|
-
export type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
-
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
-
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
-
export default toolbarClasses;
|
|
1
|
+
export interface ToolbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
+
gutters: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
+
regular: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
+
dense: string;
|
|
10
|
+
}
|
|
11
|
+
export type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
+
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
+
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
+
export default toolbarClasses;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface TooltipClasses {
|
|
2
|
-
/** Styles applied to the Popper component. */
|
|
3
|
-
popper: string;
|
|
4
|
-
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
-
popperInteractive: string;
|
|
6
|
-
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
-
popperArrow: string;
|
|
8
|
-
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
-
popperClose: string;
|
|
10
|
-
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
-
tooltip: string;
|
|
12
|
-
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
-
tooltipArrow: string;
|
|
14
|
-
/** Styles applied to the arrow element. */
|
|
15
|
-
arrow: string;
|
|
16
|
-
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
-
touch: string;
|
|
18
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
-
tooltipPlacementLeft: string;
|
|
20
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
-
tooltipPlacementRight: string;
|
|
22
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
-
tooltipPlacementTop: string;
|
|
24
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
-
tooltipPlacementBottom: string;
|
|
26
|
-
}
|
|
27
|
-
export type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
-
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
-
declare const tooltipClasses: TooltipClasses;
|
|
30
|
-
export default tooltipClasses;
|
|
1
|
+
export interface TooltipClasses {
|
|
2
|
+
/** Styles applied to the Popper component. */
|
|
3
|
+
popper: string;
|
|
4
|
+
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
+
popperInteractive: string;
|
|
6
|
+
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
+
popperArrow: string;
|
|
8
|
+
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
+
popperClose: string;
|
|
10
|
+
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
+
tooltip: string;
|
|
12
|
+
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
+
tooltipArrow: string;
|
|
14
|
+
/** Styles applied to the arrow element. */
|
|
15
|
+
arrow: string;
|
|
16
|
+
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
+
touch: string;
|
|
18
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
+
tooltipPlacementLeft: string;
|
|
20
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
+
tooltipPlacementRight: string;
|
|
22
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
+
tooltipPlacementTop: string;
|
|
24
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
+
tooltipPlacementBottom: string;
|
|
26
|
+
}
|
|
27
|
+
export type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
+
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
+
declare const tooltipClasses: TooltipClasses;
|
|
30
|
+
export default tooltipClasses;
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
export interface TypographyClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="body2"`. */
|
|
5
|
-
body2: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="body1"`. */
|
|
7
|
-
body1: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="caption"`. */
|
|
9
|
-
caption: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="button"`. */
|
|
11
|
-
button: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="h1"`. */
|
|
13
|
-
h1: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="h2"`. */
|
|
15
|
-
h2: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="h3"`. */
|
|
17
|
-
h3: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="h4"`. */
|
|
19
|
-
h4: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="h5"`. */
|
|
21
|
-
h5: string;
|
|
22
|
-
/** Styles applied to the root element if `variant="h6"`. */
|
|
23
|
-
h6: string;
|
|
24
|
-
/** Styles applied to the root element if `variant="subtitle1"`. */
|
|
25
|
-
subtitle1: string;
|
|
26
|
-
/** Styles applied to the root element if `variant="subtitle2"`. */
|
|
27
|
-
subtitle2: string;
|
|
28
|
-
/** Styles applied to the root element if `variant="overline"`. */
|
|
29
|
-
overline: string;
|
|
30
|
-
/** Styles applied to the root element if `variant="inherit"`. */
|
|
31
|
-
inherit: string;
|
|
32
|
-
/** Styles applied to the root element if `align="left"`. */
|
|
33
|
-
alignLeft: string;
|
|
34
|
-
/** Styles applied to the root element if `align="center"`. */
|
|
35
|
-
alignCenter: string;
|
|
36
|
-
/** Styles applied to the root element if `align="right"`. */
|
|
37
|
-
alignRight: string;
|
|
38
|
-
/** Styles applied to the root element if `align="justify"`. */
|
|
39
|
-
alignJustify: string;
|
|
40
|
-
/** Styles applied to the root element if `nowrap={true}`. */
|
|
41
|
-
noWrap: string;
|
|
42
|
-
/** Styles applied to the root element if `gutterBottom={true}`. */
|
|
43
|
-
gutterBottom: string;
|
|
44
|
-
/** Styles applied to the root element if `paragraph={true}`. */
|
|
45
|
-
paragraph: string;
|
|
46
|
-
}
|
|
47
|
-
export type TypographyClassKey = keyof TypographyClasses;
|
|
48
|
-
export declare function getTypographyUtilityClass(slot: string): string;
|
|
49
|
-
declare const typographyClasses: TypographyClasses;
|
|
50
|
-
export default typographyClasses;
|
|
1
|
+
export interface TypographyClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="body2"`. */
|
|
5
|
+
body2: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="body1"`. */
|
|
7
|
+
body1: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="caption"`. */
|
|
9
|
+
caption: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="button"`. */
|
|
11
|
+
button: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="h1"`. */
|
|
13
|
+
h1: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="h2"`. */
|
|
15
|
+
h2: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="h3"`. */
|
|
17
|
+
h3: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="h4"`. */
|
|
19
|
+
h4: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="h5"`. */
|
|
21
|
+
h5: string;
|
|
22
|
+
/** Styles applied to the root element if `variant="h6"`. */
|
|
23
|
+
h6: string;
|
|
24
|
+
/** Styles applied to the root element if `variant="subtitle1"`. */
|
|
25
|
+
subtitle1: string;
|
|
26
|
+
/** Styles applied to the root element if `variant="subtitle2"`. */
|
|
27
|
+
subtitle2: string;
|
|
28
|
+
/** Styles applied to the root element if `variant="overline"`. */
|
|
29
|
+
overline: string;
|
|
30
|
+
/** Styles applied to the root element if `variant="inherit"`. */
|
|
31
|
+
inherit: string;
|
|
32
|
+
/** Styles applied to the root element if `align="left"`. */
|
|
33
|
+
alignLeft: string;
|
|
34
|
+
/** Styles applied to the root element if `align="center"`. */
|
|
35
|
+
alignCenter: string;
|
|
36
|
+
/** Styles applied to the root element if `align="right"`. */
|
|
37
|
+
alignRight: string;
|
|
38
|
+
/** Styles applied to the root element if `align="justify"`. */
|
|
39
|
+
alignJustify: string;
|
|
40
|
+
/** Styles applied to the root element if `nowrap={true}`. */
|
|
41
|
+
noWrap: string;
|
|
42
|
+
/** Styles applied to the root element if `gutterBottom={true}`. */
|
|
43
|
+
gutterBottom: string;
|
|
44
|
+
/** Styles applied to the root element if `paragraph={true}`. */
|
|
45
|
+
paragraph: string;
|
|
46
|
+
}
|
|
47
|
+
export type TypographyClassKey = keyof TypographyClasses;
|
|
48
|
+
export declare function getTypographyUtilityClass(slot: string): string;
|
|
49
|
+
declare const typographyClasses: TypographyClasses;
|
|
50
|
+
export default typographyClasses;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { OverridableComponent } from '@mui/types';
|
|
2
|
-
import { Grid2TypeMap } from './Grid2Props';
|
|
3
|
-
declare const Grid2: OverridableComponent<Grid2TypeMap<{}, "div">>;
|
|
4
|
-
export default Grid2;
|
|
1
|
+
import { OverridableComponent } from '@mui/types';
|
|
2
|
+
import { Grid2TypeMap } from './Grid2Props';
|
|
3
|
+
declare const Grid2: OverridableComponent<Grid2TypeMap<{}, "div">>;
|
|
4
|
+
export default Grid2;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverrideProps } from '@mui/types';
|
|
3
|
-
import { SxProps, SystemProps } from '@mui/system';
|
|
4
|
-
import { GridBaseProps } from '@mui/system/Unstable_Grid';
|
|
5
|
-
import { Theme } from '../styles';
|
|
6
|
-
export type Grid2Slot = 'root';
|
|
7
|
-
export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
8
|
-
props: P & GridBaseProps & {
|
|
9
|
-
sx?: SxProps<Theme>;
|
|
10
|
-
} & SystemProps<Theme>;
|
|
11
|
-
defaultComponent: D;
|
|
12
|
-
}
|
|
13
|
-
export type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
|
|
14
|
-
component?: React.ElementType;
|
|
15
|
-
}> = OverrideProps<Grid2TypeMap<P, D>, D>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverrideProps } from '@mui/types';
|
|
3
|
+
import { SxProps, SystemProps } from '@mui/system';
|
|
4
|
+
import { GridBaseProps } from '@mui/system/Unstable_Grid';
|
|
5
|
+
import { Theme } from '../styles';
|
|
6
|
+
export type Grid2Slot = 'root';
|
|
7
|
+
export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
8
|
+
props: P & GridBaseProps & {
|
|
9
|
+
sx?: SxProps<Theme>;
|
|
10
|
+
} & SystemProps<Theme>;
|
|
11
|
+
defaultComponent: D;
|
|
12
|
+
}
|
|
13
|
+
export type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
|
|
14
|
+
component?: React.ElementType;
|
|
15
|
+
}> = OverrideProps<Grid2TypeMap<P, D>, D>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { GridClasses } from '@mui/system/Unstable_Grid';
|
|
2
|
-
export type Grid2ClassKey = keyof GridClasses;
|
|
3
|
-
export declare function getGrid2UtilityClass(slot: string): string;
|
|
4
|
-
declare const grid2Classes: GridClasses;
|
|
5
|
-
export default grid2Classes;
|
|
1
|
+
import { GridClasses } from '@mui/system/Unstable_Grid';
|
|
2
|
+
export type Grid2ClassKey = keyof GridClasses;
|
|
3
|
+
export declare function getGrid2UtilityClass(slot: string): string;
|
|
4
|
+
declare const grid2Classes: GridClasses;
|
|
5
|
+
export default grid2Classes;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default } from './Grid2';
|
|
2
|
-
export * from './Grid2Props';
|
|
3
|
-
export { default as grid2Classes } from './grid2Classes';
|
|
4
|
-
export * from './grid2Classes';
|
|
1
|
+
export { default } from './Grid2';
|
|
2
|
+
export * from './Grid2Props';
|
|
3
|
+
export { default as grid2Classes } from './grid2Classes';
|
|
4
|
+
export * from './grid2Classes';
|
package/className/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { unstable_ClassNameGenerator } from '@mui/utils';
|
|
1
|
+
export { unstable_ClassNameGenerator } from '@mui/utils';
|
package/darkScrollbar/index.d.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
export default function darkScrollbar(options?: {
|
|
2
|
-
track: string;
|
|
3
|
-
thumb: string;
|
|
4
|
-
active: string;
|
|
5
|
-
}): {
|
|
6
|
-
scrollbarColor: string;
|
|
7
|
-
'&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
|
8
|
-
backgroundColor: string;
|
|
9
|
-
};
|
|
10
|
-
'&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
|
11
|
-
borderRadius: number;
|
|
12
|
-
backgroundColor: string;
|
|
13
|
-
minHeight: number;
|
|
14
|
-
border: string;
|
|
15
|
-
};
|
|
16
|
-
'&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
|
17
|
-
backgroundColor: string;
|
|
18
|
-
};
|
|
19
|
-
'&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
|
20
|
-
backgroundColor: string;
|
|
21
|
-
};
|
|
22
|
-
'&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
|
23
|
-
backgroundColor: string;
|
|
24
|
-
};
|
|
25
|
-
'&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
|
26
|
-
backgroundColor: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
1
|
+
export default function darkScrollbar(options?: {
|
|
2
|
+
track: string;
|
|
3
|
+
thumb: string;
|
|
4
|
+
active: string;
|
|
5
|
+
}): {
|
|
6
|
+
scrollbarColor: string;
|
|
7
|
+
'&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
};
|
|
10
|
+
'&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
|
11
|
+
borderRadius: number;
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
minHeight: number;
|
|
14
|
+
border: string;
|
|
15
|
+
};
|
|
16
|
+
'&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
};
|
|
19
|
+
'&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
};
|
|
22
|
+
'&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
|
23
|
+
backgroundColor: string;
|
|
24
|
+
};
|
|
25
|
+
'&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { unstable_generateUtilityClass as default } from '@mui/utils';
|
|
2
|
-
export type { GlobalStateSlot } from '@mui/utils';
|
|
1
|
+
export { unstable_generateUtilityClass as default } from '@mui/utils';
|
|
2
|
+
export type { GlobalStateSlot } from '@mui/utils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { unstable_generateUtilityClasses as default } from '@mui/utils';
|
|
1
|
+
export { unstable_generateUtilityClasses as default } from '@mui/utils';
|
package/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface SwitchBaseClasses {
|
|
2
|
-
root: string;
|
|
3
|
-
checked: string;
|
|
4
|
-
disabled: string;
|
|
5
|
-
input: string;
|
|
6
|
-
edgeStart: string;
|
|
7
|
-
edgeEnd: string;
|
|
8
|
-
}
|
|
9
|
-
export type SwitchBaseClassKey = keyof SwitchBaseClasses;
|
|
10
|
-
export declare function getSwitchBaseUtilityClass(slot: string): string;
|
|
11
|
-
declare const switchBaseClasses: SwitchBaseClasses;
|
|
12
|
-
export default switchBaseClasses;
|
|
1
|
+
export interface SwitchBaseClasses {
|
|
2
|
+
root: string;
|
|
3
|
+
checked: string;
|
|
4
|
+
disabled: string;
|
|
5
|
+
input: string;
|
|
6
|
+
edgeStart: string;
|
|
7
|
+
edgeEnd: string;
|
|
8
|
+
}
|
|
9
|
+
export type SwitchBaseClassKey = keyof SwitchBaseClasses;
|
|
10
|
+
export declare function getSwitchBaseUtilityClass(slot: string): string;
|
|
11
|
+
declare const switchBaseClasses: SwitchBaseClasses;
|
|
12
|
+
export default switchBaseClasses;
|
|
File without changes
|
package/legacy/Button/Button.js
CHANGED
|
@@ -111,8 +111,6 @@ var ButtonRoot = styled(ButtonBase, {
|
|
|
111
111
|
color: (theme.vars || theme).palette.action.disabled
|
|
112
112
|
}, ownerState.variant === 'outlined' && {
|
|
113
113
|
border: "1px solid ".concat((theme.vars || theme).palette.action.disabledBackground)
|
|
114
|
-
}, ownerState.variant === 'outlined' && ownerState.color === 'secondary' && {
|
|
115
|
-
border: "1px solid ".concat((theme.vars || theme).palette.action.disabled)
|
|
116
114
|
}, ownerState.variant === 'contained' && {
|
|
117
115
|
color: (theme.vars || theme).palette.action.disabled,
|
|
118
116
|
boxShadow: (theme.vars || theme).shadows[0],
|
package/legacy/Slider/Slider.js
CHANGED
|
@@ -6,15 +6,15 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import { chainPropTypes } from '@mui/utils';
|
|
8
8
|
import { isHostComponent, useSlotProps, unstable_composeClasses as composeClasses } from '@mui/base';
|
|
9
|
-
import { useSlider
|
|
9
|
+
import { useSlider } from '@mui/base/SliderUnstyled';
|
|
10
10
|
import { alpha, lighten, darken } from '@mui/system';
|
|
11
11
|
import useThemeProps from '../styles/useThemeProps';
|
|
12
12
|
import styled, { slotShouldForwardProp } from '../styles/styled';
|
|
13
13
|
import useTheme from '../styles/useTheme';
|
|
14
14
|
import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
|
|
15
15
|
import capitalize from '../utils/capitalize';
|
|
16
|
-
import
|
|
17
|
-
import sliderClasses from './sliderClasses';
|
|
16
|
+
import SliderValueLabel from './SliderValueLabel';
|
|
17
|
+
import sliderClasses, { getSliderUtilityClass } from './sliderClasses';
|
|
18
18
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
19
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
20
20
|
var valueToPercent = function valueToPercent(value, min, max) {
|
|
@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptype
|
|
|
260
260
|
children: PropTypes.node
|
|
261
261
|
} : void 0;
|
|
262
262
|
export { SliderThumb };
|
|
263
|
-
var
|
|
263
|
+
var StyledSliderValueLabel = styled(SliderValueLabel, {
|
|
264
264
|
name: 'MuiSlider',
|
|
265
265
|
slot: 'ValueLabel',
|
|
266
266
|
overridesResolver: function overridesResolver(props, styles) {
|
|
@@ -318,7 +318,7 @@ var SliderValueLabel = styled(SliderValueLabelComponent, {
|
|
|
318
318
|
padding: '0.25rem 0.5rem'
|
|
319
319
|
});
|
|
320
320
|
});
|
|
321
|
-
process.env.NODE_ENV !== "production" ?
|
|
321
|
+
process.env.NODE_ENV !== "production" ? StyledSliderValueLabel.propTypes /* remove-proptypes */ = {
|
|
322
322
|
// ----------------------------- Warning --------------------------------
|
|
323
323
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
324
324
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
@@ -328,7 +328,7 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-pro
|
|
|
328
328
|
*/
|
|
329
329
|
children: PropTypes.node
|
|
330
330
|
} : void 0;
|
|
331
|
-
export { SliderValueLabel };
|
|
331
|
+
export { StyledSliderValueLabel as SliderValueLabel };
|
|
332
332
|
var SliderMark = styled('span', {
|
|
333
333
|
name: 'MuiSlider',
|
|
334
334
|
slot: 'Mark',
|
|
@@ -545,7 +545,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
|
|
|
545
545
|
var RailSlot = (_ref10 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref10 : SliderRail;
|
|
546
546
|
var TrackSlot = (_ref11 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref11 : SliderTrack;
|
|
547
547
|
var ThumbSlot = (_ref12 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref12 : SliderThumb;
|
|
548
|
-
var ValueLabelSlot = (_ref13 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref13 :
|
|
548
|
+
var ValueLabelSlot = (_ref13 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref13 : StyledSliderValueLabel;
|
|
549
549
|
var MarkSlot = (_ref14 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref14 : SliderMark;
|
|
550
550
|
var MarkLabelSlot = (_ref15 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref15 : SliderMarkLabel;
|
|
551
551
|
var InputSlot = (_ref16 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref16 : 'input';
|
|
@@ -22,6 +22,9 @@ export default function SliderValueLabel(props) {
|
|
|
22
22
|
className = props.className,
|
|
23
23
|
value = props.value;
|
|
24
24
|
var classes = useValueLabelClasses(props);
|
|
25
|
+
if (!children) {
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
25
28
|
return /*#__PURE__*/React.cloneElement(children, {
|
|
26
29
|
className: clsx(children.props.className)
|
|
27
30
|
}, /*#__PURE__*/_jsxs(React.Fragment, {
|
package/legacy/Slider/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
1
|
import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
3
|
-
import
|
|
4
|
-
|
|
2
|
+
import generateUtilityClass from '../generateUtilityClass';
|
|
3
|
+
export function getSliderUtilityClass(slot) {
|
|
4
|
+
return generateUtilityClass('MuiSlider', slot);
|
|
5
|
+
}
|
|
6
|
+
var sliderClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
|
|
5
7
|
export default sliderClasses;
|