@mui/material 5.11.8 → 5.11.10
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/AppBar.js +1 -1
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.js +14 -0
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/Avatar.js +1 -0
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.d.ts +8 -0
- package/Backdrop/Backdrop.js +10 -5
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.d.ts +0 -1
- package/Badge/Badge.js +47 -47
- 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 +120 -2
- 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/DialogContext.js +2 -2
- 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 +55 -55
- 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/SliderValueLabel.d.ts +15 -15
- package/Slider/SliderValueLabel.types.d.ts +24 -24
- package/Slider/sliderClasses.d.ts +58 -58
- 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.js +3 -3
- 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/SwitchBase.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/AppBar/AppBar.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +10 -1
- package/legacy/Avatar/Avatar.js +1 -0
- package/legacy/Backdrop/Backdrop.js +9 -3
- package/legacy/Badge/Badge.js +48 -48
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Dialog/DialogContext.js +2 -2
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +3 -3
- package/legacy/index.js +1 -1
- package/legacy/internal/SwitchBase.js +1 -1
- package/legacy/useMediaQuery/useMediaQuery.js +12 -7
- package/locale/index.d.ts +75 -75
- package/modern/AppBar/AppBar.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +14 -0
- package/modern/Avatar/Avatar.js +1 -0
- package/modern/Backdrop/Backdrop.js +10 -5
- package/modern/Badge/Badge.js +47 -47
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Dialog/DialogContext.js +2 -2
- package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -3
- package/modern/index.js +1 -1
- package/modern/internal/SwitchBase.js +1 -1
- package/modern/useMediaQuery/useMediaQuery.js +9 -7
- package/node/AppBar/AppBar.js +1 -1
- package/node/Autocomplete/Autocomplete.js +14 -0
- package/node/Avatar/Avatar.js +1 -0
- package/node/Backdrop/Backdrop.js +10 -5
- package/node/Badge/Badge.js +46 -47
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Dialog/DialogContext.js +4 -2
- package/node/SwipeableDrawer/SwipeableDrawer.js +3 -3
- package/node/index.js +1 -1
- package/node/internal/SwitchBase.js +1 -1
- package/node/useMediaQuery/useMediaQuery.js +9 -7
- package/package.json +6 -6
- package/styles/CssVarsProvider.d.ts +16 -16
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/getOverlayAlpha.d.ts +2 -2
- package/styles/props.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 +163 -248
- package/umd/material-ui.production.min.js +20 -20
- package/useMediaQuery/useMediaQuery.d.ts +46 -31
- package/useMediaQuery/useMediaQuery.js +9 -7
- 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,10 +1,10 @@
|
|
|
1
|
-
export interface PopoverClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the Paper component. */
|
|
5
|
-
paper: string;
|
|
6
|
-
}
|
|
7
|
-
export type PopoverClassKey = keyof PopoverClasses;
|
|
8
|
-
export declare function getPopoverUtilityClass(slot: string): string;
|
|
9
|
-
declare const popoverClasses: PopoverClasses;
|
|
10
|
-
export default popoverClasses;
|
|
1
|
+
export interface PopoverClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the Paper component. */
|
|
5
|
+
paper: string;
|
|
6
|
+
}
|
|
7
|
+
export type PopoverClassKey = keyof PopoverClasses;
|
|
8
|
+
export declare function getPopoverUtilityClass(slot: string): string;
|
|
9
|
+
declare const popoverClasses: PopoverClasses;
|
|
10
|
+
export default popoverClasses;
|
package/Popper/Popper.d.ts
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Theme } from '../styles';
|
|
5
|
-
export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
|
|
6
|
-
/**
|
|
7
|
-
* The components used for each slot inside the Popper.
|
|
8
|
-
* Either a string to use a HTML element or a component.
|
|
9
|
-
* @default {}
|
|
10
|
-
*/
|
|
11
|
-
components?: {
|
|
12
|
-
Root?: React.ElementType;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* The props used for each slot inside the Popper.
|
|
16
|
-
* @default {}
|
|
17
|
-
*/
|
|
18
|
-
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
19
|
-
/**
|
|
20
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
21
|
-
*/
|
|
22
|
-
sx?: SxProps<Theme>;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
*
|
|
26
|
-
* Demos:
|
|
27
|
-
*
|
|
28
|
-
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
29
|
-
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
30
|
-
* - [Popper](https://mui.com/material-ui/react-popper/)
|
|
31
|
-
*
|
|
32
|
-
* API:
|
|
33
|
-
*
|
|
34
|
-
* - [Popper API](https://mui.com/material-ui/api/popper/)
|
|
35
|
-
*/
|
|
36
|
-
declare const Popper: React.ForwardRefExoticComponent<Omit<PopperUnstyledProps<"div", {}>, "direction"> & {
|
|
37
|
-
/**
|
|
38
|
-
* The components used for each slot inside the Popper.
|
|
39
|
-
* Either a string to use a HTML element or a component.
|
|
40
|
-
* @default {}
|
|
41
|
-
*/
|
|
42
|
-
components?: {
|
|
43
|
-
Root?: React.ElementType<any> | undefined;
|
|
44
|
-
} | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* The props used for each slot inside the Popper.
|
|
47
|
-
* @default {}
|
|
48
|
-
*/
|
|
49
|
-
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
50
|
-
/**
|
|
51
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
52
|
-
*/
|
|
53
|
-
sx?: SxProps<Theme> | undefined;
|
|
54
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
-
export default Popper;
|
|
1
|
+
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Theme } from '../styles';
|
|
5
|
+
export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
|
|
6
|
+
/**
|
|
7
|
+
* The components used for each slot inside the Popper.
|
|
8
|
+
* Either a string to use a HTML element or a component.
|
|
9
|
+
* @default {}
|
|
10
|
+
*/
|
|
11
|
+
components?: {
|
|
12
|
+
Root?: React.ElementType;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* The props used for each slot inside the Popper.
|
|
16
|
+
* @default {}
|
|
17
|
+
*/
|
|
18
|
+
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
19
|
+
/**
|
|
20
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
21
|
+
*/
|
|
22
|
+
sx?: SxProps<Theme>;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
*
|
|
26
|
+
* Demos:
|
|
27
|
+
*
|
|
28
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
29
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
30
|
+
* - [Popper](https://mui.com/material-ui/react-popper/)
|
|
31
|
+
*
|
|
32
|
+
* API:
|
|
33
|
+
*
|
|
34
|
+
* - [Popper API](https://mui.com/material-ui/api/popper/)
|
|
35
|
+
*/
|
|
36
|
+
declare const Popper: React.ForwardRefExoticComponent<Omit<PopperUnstyledProps<"div", {}>, "direction"> & {
|
|
37
|
+
/**
|
|
38
|
+
* The components used for each slot inside the Popper.
|
|
39
|
+
* Either a string to use a HTML element or a component.
|
|
40
|
+
* @default {}
|
|
41
|
+
*/
|
|
42
|
+
components?: {
|
|
43
|
+
Root?: React.ElementType<any> | undefined;
|
|
44
|
+
} | undefined;
|
|
45
|
+
/**
|
|
46
|
+
* The props used for each slot inside the Popper.
|
|
47
|
+
* @default {}
|
|
48
|
+
*/
|
|
49
|
+
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
50
|
+
/**
|
|
51
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
52
|
+
*/
|
|
53
|
+
sx?: SxProps<Theme> | undefined;
|
|
54
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
export default Popper;
|
package/Radio/radioClasses.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface RadioClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
-
checked: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
-
colorPrimary: string;
|
|
10
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
-
colorSecondary: string;
|
|
12
|
-
}
|
|
13
|
-
export type RadioClassKey = keyof RadioClasses;
|
|
14
|
-
export declare function getRadioUtilityClass(slot: string): string;
|
|
15
|
-
declare const radioClasses: RadioClasses;
|
|
16
|
-
export default radioClasses;
|
|
1
|
+
export interface RadioClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
+
checked: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
+
colorPrimary: string;
|
|
10
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
+
colorSecondary: string;
|
|
12
|
+
}
|
|
13
|
+
export type RadioClassKey = keyof RadioClasses;
|
|
14
|
+
export declare function getRadioUtilityClass(slot: string): string;
|
|
15
|
+
declare const radioClasses: RadioClasses;
|
|
16
|
+
export default radioClasses;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface RadioGroupContextValue {
|
|
3
|
-
name: string | undefined;
|
|
4
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
5
|
-
value: any;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* @ignore - internal component.
|
|
9
|
-
*/
|
|
10
|
-
declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
|
|
11
|
-
export default RadioGroupContext;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface RadioGroupContextValue {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
5
|
+
value: any;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* @ignore - internal component.
|
|
9
|
+
*/
|
|
10
|
+
declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
|
|
11
|
+
export default RadioGroupContext;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RadioGroupContextValue } from './RadioGroupContext';
|
|
2
|
-
export interface RadioGroupState extends RadioGroupContextValue {
|
|
3
|
-
}
|
|
4
|
-
export default function useRadioGroup(): RadioGroupState | undefined;
|
|
1
|
+
import { RadioGroupContextValue } from './RadioGroupContext';
|
|
2
|
+
export interface RadioGroupState extends RadioGroupContextValue {
|
|
3
|
+
}
|
|
4
|
+
export default function useRadioGroup(): RadioGroupState | undefined;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
export interface RatingClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
-
sizeSmall: string;
|
|
6
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
-
sizeMedium: string;
|
|
8
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
-
sizeLarge: string;
|
|
10
|
-
/** Styles applied to the root element if `readOnly={true}`. */
|
|
11
|
-
readOnly: string;
|
|
12
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** State class applied to the root element if keyboard focused. */
|
|
15
|
-
focusVisible: string;
|
|
16
|
-
/** Visually hide an element. */
|
|
17
|
-
visuallyHidden: string;
|
|
18
|
-
/** Styles applied to the label elements. */
|
|
19
|
-
label: string;
|
|
20
|
-
/** Styles applied to the label of the "no value" input when it is active. */
|
|
21
|
-
labelEmptyValueActive: string;
|
|
22
|
-
/** Styles applied to the icon wrapping elements. */
|
|
23
|
-
icon: string;
|
|
24
|
-
/** Styles applied to the icon wrapping elements when empty. */
|
|
25
|
-
iconEmpty: string;
|
|
26
|
-
/** Styles applied to the icon wrapping elements when filled. */
|
|
27
|
-
iconFilled: string;
|
|
28
|
-
/** Styles applied to the icon wrapping elements when hover. */
|
|
29
|
-
iconHover: string;
|
|
30
|
-
/** Styles applied to the icon wrapping elements when focus. */
|
|
31
|
-
iconFocus: string;
|
|
32
|
-
/** Styles applied to the icon wrapping elements when active. */
|
|
33
|
-
iconActive: string;
|
|
34
|
-
/** Styles applied to the icon wrapping elements when decimals are necessary. */
|
|
35
|
-
decimal: string;
|
|
36
|
-
}
|
|
37
|
-
export type RatingClassKey = keyof RatingClasses;
|
|
38
|
-
export declare function getRatingUtilityClass(slot: string): string;
|
|
39
|
-
declare const ratingClasses: RatingClasses;
|
|
40
|
-
export default ratingClasses;
|
|
1
|
+
export interface RatingClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
+
sizeSmall: string;
|
|
6
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
+
sizeMedium: string;
|
|
8
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
+
sizeLarge: string;
|
|
10
|
+
/** Styles applied to the root element if `readOnly={true}`. */
|
|
11
|
+
readOnly: string;
|
|
12
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** State class applied to the root element if keyboard focused. */
|
|
15
|
+
focusVisible: string;
|
|
16
|
+
/** Visually hide an element. */
|
|
17
|
+
visuallyHidden: string;
|
|
18
|
+
/** Styles applied to the label elements. */
|
|
19
|
+
label: string;
|
|
20
|
+
/** Styles applied to the label of the "no value" input when it is active. */
|
|
21
|
+
labelEmptyValueActive: string;
|
|
22
|
+
/** Styles applied to the icon wrapping elements. */
|
|
23
|
+
icon: string;
|
|
24
|
+
/** Styles applied to the icon wrapping elements when empty. */
|
|
25
|
+
iconEmpty: string;
|
|
26
|
+
/** Styles applied to the icon wrapping elements when filled. */
|
|
27
|
+
iconFilled: string;
|
|
28
|
+
/** Styles applied to the icon wrapping elements when hover. */
|
|
29
|
+
iconHover: string;
|
|
30
|
+
/** Styles applied to the icon wrapping elements when focus. */
|
|
31
|
+
iconFocus: string;
|
|
32
|
+
/** Styles applied to the icon wrapping elements when active. */
|
|
33
|
+
iconActive: string;
|
|
34
|
+
/** Styles applied to the icon wrapping elements when decimals are necessary. */
|
|
35
|
+
decimal: string;
|
|
36
|
+
}
|
|
37
|
+
export type RatingClassKey = keyof RatingClasses;
|
|
38
|
+
export declare function getRatingUtilityClass(slot: string): string;
|
|
39
|
+
declare const ratingClasses: RatingClasses;
|
|
40
|
+
export default ratingClasses;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface ScopedCssBaselineClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
|
|
6
|
-
export declare function getScopedCssBaselineUtilityClass(slot: string): string;
|
|
7
|
-
declare const scopedCssBaselineClasses: Record<"root", string>;
|
|
8
|
-
export default scopedCssBaselineClasses;
|
|
1
|
+
export interface ScopedCssBaselineClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
|
|
6
|
+
export declare function getScopedCssBaselineUtilityClass(slot: string): string;
|
|
7
|
+
declare const scopedCssBaselineClasses: Record<"root", string>;
|
|
8
|
+
export default scopedCssBaselineClasses;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface SelectClasses {
|
|
2
|
-
/** Styles applied to the select component `select` class. */
|
|
3
|
-
select: string;
|
|
4
|
-
/** Styles applied to the select component if `multiple={true}`. */
|
|
5
|
-
multiple: string;
|
|
6
|
-
/** Styles applied to the select component if `variant="filled"`. */
|
|
7
|
-
filled: string;
|
|
8
|
-
/** Styles applied to the select component if `variant="outlined"`. */
|
|
9
|
-
outlined: string;
|
|
10
|
-
/** Styles applied to the select component if `variant="standard"`. */
|
|
11
|
-
standard: string;
|
|
12
|
-
/** State class applied to the select component `disabled` class. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** Styles applied to the icon component. */
|
|
15
|
-
icon: string;
|
|
16
|
-
/** Styles applied to the icon component if the popup is open. */
|
|
17
|
-
iconOpen: string;
|
|
18
|
-
/** Styles applied to the icon component if `variant="filled"`. */
|
|
19
|
-
iconFilled: string;
|
|
20
|
-
/** Styles applied to the icon component if `variant="outlined"`. */
|
|
21
|
-
iconOutlined: string;
|
|
22
|
-
/** Styles applied to the icon component if `variant="standard"`. */
|
|
23
|
-
iconStandard: string;
|
|
24
|
-
/** Styles applied to the underlying native input component. */
|
|
25
|
-
nativeInput: string;
|
|
26
|
-
}
|
|
27
|
-
export type SelectClassKey = keyof SelectClasses;
|
|
28
|
-
export declare function getSelectUtilityClasses(slot: string): string;
|
|
29
|
-
declare const selectClasses: SelectClasses;
|
|
30
|
-
export default selectClasses;
|
|
1
|
+
export interface SelectClasses {
|
|
2
|
+
/** Styles applied to the select component `select` class. */
|
|
3
|
+
select: string;
|
|
4
|
+
/** Styles applied to the select component if `multiple={true}`. */
|
|
5
|
+
multiple: string;
|
|
6
|
+
/** Styles applied to the select component if `variant="filled"`. */
|
|
7
|
+
filled: string;
|
|
8
|
+
/** Styles applied to the select component if `variant="outlined"`. */
|
|
9
|
+
outlined: string;
|
|
10
|
+
/** Styles applied to the select component if `variant="standard"`. */
|
|
11
|
+
standard: string;
|
|
12
|
+
/** State class applied to the select component `disabled` class. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** Styles applied to the icon component. */
|
|
15
|
+
icon: string;
|
|
16
|
+
/** Styles applied to the icon component if the popup is open. */
|
|
17
|
+
iconOpen: string;
|
|
18
|
+
/** Styles applied to the icon component if `variant="filled"`. */
|
|
19
|
+
iconFilled: string;
|
|
20
|
+
/** Styles applied to the icon component if `variant="outlined"`. */
|
|
21
|
+
iconOutlined: string;
|
|
22
|
+
/** Styles applied to the icon component if `variant="standard"`. */
|
|
23
|
+
iconStandard: string;
|
|
24
|
+
/** Styles applied to the underlying native input component. */
|
|
25
|
+
nativeInput: string;
|
|
26
|
+
}
|
|
27
|
+
export type SelectClassKey = keyof SelectClasses;
|
|
28
|
+
export declare function getSelectUtilityClasses(slot: string): string;
|
|
29
|
+
declare const selectClasses: SelectClasses;
|
|
30
|
+
export default selectClasses;
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export interface SkeletonClasses {
|
|
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="rectangular"`. */
|
|
7
|
-
rectangular: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="rounded"`. */
|
|
9
|
-
rounded: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="circular"`. */
|
|
11
|
-
circular: string;
|
|
12
|
-
/** Styles applied to the root element if `animation="pulse"`. */
|
|
13
|
-
pulse: string;
|
|
14
|
-
/** Styles applied to the root element if `animation="wave"`. */
|
|
15
|
-
wave: string;
|
|
16
|
-
/** Styles applied when the component is passed children. */
|
|
17
|
-
withChildren: string;
|
|
18
|
-
/** Styles applied when the component is passed children and no width. */
|
|
19
|
-
fitContent: string;
|
|
20
|
-
/** Styles applied when the component is passed children and no height. */
|
|
21
|
-
heightAuto: string;
|
|
22
|
-
}
|
|
23
|
-
export type SkeletonClassKey = keyof SkeletonClasses;
|
|
24
|
-
export declare function getSkeletonUtilityClass(slot: string): string;
|
|
25
|
-
declare const skeletonClasses: SkeletonClasses;
|
|
26
|
-
export default skeletonClasses;
|
|
1
|
+
export interface SkeletonClasses {
|
|
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="rectangular"`. */
|
|
7
|
+
rectangular: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="rounded"`. */
|
|
9
|
+
rounded: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="circular"`. */
|
|
11
|
+
circular: string;
|
|
12
|
+
/** Styles applied to the root element if `animation="pulse"`. */
|
|
13
|
+
pulse: string;
|
|
14
|
+
/** Styles applied to the root element if `animation="wave"`. */
|
|
15
|
+
wave: string;
|
|
16
|
+
/** Styles applied when the component is passed children. */
|
|
17
|
+
withChildren: string;
|
|
18
|
+
/** Styles applied when the component is passed children and no width. */
|
|
19
|
+
fitContent: string;
|
|
20
|
+
/** Styles applied when the component is passed children and no height. */
|
|
21
|
+
heightAuto: string;
|
|
22
|
+
}
|
|
23
|
+
export type SkeletonClassKey = keyof SkeletonClasses;
|
|
24
|
+
export declare function getSkeletonUtilityClass(slot: string): string;
|
|
25
|
+
declare const skeletonClasses: SkeletonClasses;
|
|
26
|
+
export default skeletonClasses;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { SliderValueLabelProps } from './SliderValueLabel.types';
|
|
4
|
-
/**
|
|
5
|
-
* @ignore - internal component.
|
|
6
|
-
*/
|
|
7
|
-
declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
8
|
-
declare namespace SliderValueLabel {
|
|
9
|
-
var propTypes: {
|
|
10
|
-
children: PropTypes.Validator<PropTypes.ReactElementLike>;
|
|
11
|
-
className: PropTypes.Requireable<string>;
|
|
12
|
-
value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
export default SliderValueLabel;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { SliderValueLabelProps } from './SliderValueLabel.types';
|
|
4
|
+
/**
|
|
5
|
+
* @ignore - internal component.
|
|
6
|
+
*/
|
|
7
|
+
declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
8
|
+
declare namespace SliderValueLabel {
|
|
9
|
+
var propTypes: {
|
|
10
|
+
children: PropTypes.Validator<PropTypes.ReactElementLike>;
|
|
11
|
+
className: PropTypes.Requireable<string>;
|
|
12
|
+
value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export default SliderValueLabel;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface SliderValueLabelProps {
|
|
3
|
-
children?: React.ReactElement;
|
|
4
|
-
className?: string;
|
|
5
|
-
style?: React.CSSProperties;
|
|
6
|
-
/**
|
|
7
|
-
* If `true`, the value label is visible.
|
|
8
|
-
*/
|
|
9
|
-
open: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* The value of the slider.
|
|
12
|
-
* For ranged sliders, provide an array with two values.
|
|
13
|
-
*/
|
|
14
|
-
value: number;
|
|
15
|
-
/**
|
|
16
|
-
* Controls when the value label is displayed:
|
|
17
|
-
*
|
|
18
|
-
* - `auto` the value label will display when the thumb is hovered or focused.
|
|
19
|
-
* - `on` will display persistently.
|
|
20
|
-
* - `off` will never display.
|
|
21
|
-
* @default 'off'
|
|
22
|
-
*/
|
|
23
|
-
valueLabelDisplay?: 'on' | 'auto' | 'off';
|
|
24
|
-
}
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface SliderValueLabelProps {
|
|
3
|
+
children?: React.ReactElement;
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
/**
|
|
7
|
+
* If `true`, the value label is visible.
|
|
8
|
+
*/
|
|
9
|
+
open: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* The value of the slider.
|
|
12
|
+
* For ranged sliders, provide an array with two values.
|
|
13
|
+
*/
|
|
14
|
+
value: number;
|
|
15
|
+
/**
|
|
16
|
+
* Controls when the value label is displayed:
|
|
17
|
+
*
|
|
18
|
+
* - `auto` the value label will display when the thumb is hovered or focused.
|
|
19
|
+
* - `on` will display persistently.
|
|
20
|
+
* - `off` will never display.
|
|
21
|
+
* @default 'off'
|
|
22
|
+
*/
|
|
23
|
+
valueLabelDisplay?: 'on' | 'auto' | 'off';
|
|
24
|
+
}
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
export interface SliderClasses {
|
|
2
|
-
/** Class name applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Class name applied to the root element if `color="primary"`. */
|
|
5
|
-
colorPrimary: string;
|
|
6
|
-
/** Class name applied to the root element if `color="secondary"`. */
|
|
7
|
-
colorSecondary: string;
|
|
8
|
-
/** Class name applied to the root element if `marks` is provided with at least one label. */
|
|
9
|
-
marked: string;
|
|
10
|
-
/** Class name applied to the root element if `orientation="vertical"`. */
|
|
11
|
-
vertical: string;
|
|
12
|
-
/** State class applied to the root and thumb element if `disabled={true}`. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** State class applied to the root if a thumb is being dragged. */
|
|
15
|
-
dragging: string;
|
|
16
|
-
/** Class name applied to the rail element. */
|
|
17
|
-
rail: string;
|
|
18
|
-
/** Class name applied to the track element. */
|
|
19
|
-
track: string;
|
|
20
|
-
/** Class name applied to the root element if `track={false}`. */
|
|
21
|
-
trackFalse: string;
|
|
22
|
-
/** Class name applied to the root element if `track="inverted"`. */
|
|
23
|
-
trackInverted: string;
|
|
24
|
-
/** Class name applied to the thumb element. */
|
|
25
|
-
thumb: string;
|
|
26
|
-
/** State class applied to the thumb element if it's active. */
|
|
27
|
-
active: string;
|
|
28
|
-
/** State class applied to the thumb element if keyboard focused. */
|
|
29
|
-
focusVisible: string;
|
|
30
|
-
/** Class name applied to the mark element. */
|
|
31
|
-
mark: string;
|
|
32
|
-
/** Class name applied to the mark element if active (depending on the value). */
|
|
33
|
-
markActive: string;
|
|
34
|
-
/** Class name applied to the mark label element. */
|
|
35
|
-
markLabel: string;
|
|
36
|
-
/** Class name applied to the mark label element if active (depending on the value). */
|
|
37
|
-
markLabelActive: string;
|
|
38
|
-
/** Class name applied to the root element if `size="small"`. */
|
|
39
|
-
sizeSmall: string;
|
|
40
|
-
/** Class name applied to the thumb element if `color="primary"`. */
|
|
41
|
-
thumbColorPrimary: string;
|
|
42
|
-
/** Class name applied to the thumb element if `color="secondary"`. */
|
|
43
|
-
thumbColorSecondary: string;
|
|
44
|
-
/** Class name applied to the thumb element if `size="small"`. */
|
|
45
|
-
thumbSizeSmall: string;
|
|
46
|
-
/** Class name applied to the thumb label element. */
|
|
47
|
-
valueLabel: string;
|
|
48
|
-
/** Class name applied to the thumb label element if it's open. */
|
|
49
|
-
valueLabelOpen: string;
|
|
50
|
-
/** Class name applied to the thumb label's circle element. */
|
|
51
|
-
valueLabelCircle: string;
|
|
52
|
-
/** Class name applied to the thumb label's label element. */
|
|
53
|
-
valueLabelLabel: string;
|
|
54
|
-
}
|
|
55
|
-
export type SliderClassKey = keyof SliderClasses;
|
|
56
|
-
export declare function getSliderUtilityClass(slot: string): string;
|
|
57
|
-
declare const sliderClasses: SliderClasses;
|
|
58
|
-
export default sliderClasses;
|
|
1
|
+
export interface SliderClasses {
|
|
2
|
+
/** Class name applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Class name applied to the root element if `color="primary"`. */
|
|
5
|
+
colorPrimary: string;
|
|
6
|
+
/** Class name applied to the root element if `color="secondary"`. */
|
|
7
|
+
colorSecondary: string;
|
|
8
|
+
/** Class name applied to the root element if `marks` is provided with at least one label. */
|
|
9
|
+
marked: string;
|
|
10
|
+
/** Class name applied to the root element if `orientation="vertical"`. */
|
|
11
|
+
vertical: string;
|
|
12
|
+
/** State class applied to the root and thumb element if `disabled={true}`. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** State class applied to the root if a thumb is being dragged. */
|
|
15
|
+
dragging: string;
|
|
16
|
+
/** Class name applied to the rail element. */
|
|
17
|
+
rail: string;
|
|
18
|
+
/** Class name applied to the track element. */
|
|
19
|
+
track: string;
|
|
20
|
+
/** Class name applied to the root element if `track={false}`. */
|
|
21
|
+
trackFalse: string;
|
|
22
|
+
/** Class name applied to the root element if `track="inverted"`. */
|
|
23
|
+
trackInverted: string;
|
|
24
|
+
/** Class name applied to the thumb element. */
|
|
25
|
+
thumb: string;
|
|
26
|
+
/** State class applied to the thumb element if it's active. */
|
|
27
|
+
active: string;
|
|
28
|
+
/** State class applied to the thumb element if keyboard focused. */
|
|
29
|
+
focusVisible: string;
|
|
30
|
+
/** Class name applied to the mark element. */
|
|
31
|
+
mark: string;
|
|
32
|
+
/** Class name applied to the mark element if active (depending on the value). */
|
|
33
|
+
markActive: string;
|
|
34
|
+
/** Class name applied to the mark label element. */
|
|
35
|
+
markLabel: string;
|
|
36
|
+
/** Class name applied to the mark label element if active (depending on the value). */
|
|
37
|
+
markLabelActive: string;
|
|
38
|
+
/** Class name applied to the root element if `size="small"`. */
|
|
39
|
+
sizeSmall: string;
|
|
40
|
+
/** Class name applied to the thumb element if `color="primary"`. */
|
|
41
|
+
thumbColorPrimary: string;
|
|
42
|
+
/** Class name applied to the thumb element if `color="secondary"`. */
|
|
43
|
+
thumbColorSecondary: string;
|
|
44
|
+
/** Class name applied to the thumb element if `size="small"`. */
|
|
45
|
+
thumbSizeSmall: string;
|
|
46
|
+
/** Class name applied to the thumb label element. */
|
|
47
|
+
valueLabel: string;
|
|
48
|
+
/** Class name applied to the thumb label element if it's open. */
|
|
49
|
+
valueLabelOpen: string;
|
|
50
|
+
/** Class name applied to the thumb label's circle element. */
|
|
51
|
+
valueLabelCircle: string;
|
|
52
|
+
/** Class name applied to the thumb label's label element. */
|
|
53
|
+
valueLabelLabel: string;
|
|
54
|
+
}
|
|
55
|
+
export type SliderClassKey = keyof SliderClasses;
|
|
56
|
+
export declare function getSliderUtilityClass(slot: string): string;
|
|
57
|
+
declare const sliderClasses: SliderClasses;
|
|
58
|
+
export default sliderClasses;
|