@mui/material 5.4.2 → 5.4.3
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/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 +76 -76
- package/ButtonBase/ButtonBase.d.ts +1 -1
- package/ButtonBase/ButtonBase.js +1 -1
- 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 +47 -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 +80 -80
- 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 +22 -22
- package/Dialog/Dialog.d.ts +4 -1
- package/Dialog/Dialog.js +10 -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/Drawer.d.ts +4 -1
- package/Drawer/Drawer.js +11 -9
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/fabClasses.d.ts +26 -26
- package/Fade/Fade.d.ts +2 -2
- package/Fade/Fade.js +8 -8
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/Grid/gridClasses.d.ts +48 -48
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- 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 +17 -17
- 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 +24 -24
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +14 -14
- package/Snackbar/Snackbar.d.ts +2 -2
- package/Snackbar/Snackbar.js +8 -8
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDial/SpeedDial.js +9 -7
- 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 -0
- package/Step/StepContext.js +10 -2
- package/Step/index.d.ts +3 -0
- package/Step/index.js +3 -1
- 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/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/SwipeableDrawer/SwipeableDrawer.js +8 -6
- 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/Zoom/Zoom.d.ts +2 -2
- package/Zoom/Zoom.js +8 -8
- package/darkScrollbar/index.d.ts +28 -28
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/ButtonBase/ButtonBase.js +1 -1
- package/legacy/Dialog/Dialog.js +10 -6
- package/legacy/Drawer/Drawer.js +11 -9
- package/legacy/Fade/Fade.js +8 -8
- package/legacy/Slide/Slide.js +14 -14
- package/legacy/Snackbar/Snackbar.js +8 -8
- package/legacy/SpeedDial/SpeedDial.js +9 -7
- package/legacy/Step/StepContext.js +10 -2
- package/legacy/Step/index.js +3 -1
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +8 -6
- package/legacy/Zoom/Zoom.js +8 -8
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +86 -78
- package/locale/index.d.ts +68 -68
- package/locale/index.js +12 -6
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/ButtonBase/ButtonBase.js +1 -1
- package/modern/Dialog/Dialog.js +10 -6
- package/modern/Drawer/Drawer.js +11 -9
- package/modern/Fade/Fade.js +8 -8
- package/modern/Slide/Slide.js +14 -14
- package/modern/Snackbar/Snackbar.js +8 -8
- package/modern/SpeedDial/SpeedDial.js +9 -7
- package/modern/Step/StepContext.js +10 -2
- package/modern/Step/index.js +3 -1
- package/modern/SwipeableDrawer/SwipeableDrawer.js +8 -6
- package/modern/Zoom/Zoom.js +8 -8
- package/modern/index.js +1 -1
- package/modern/locale/index.js +12 -6
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/ButtonBase/ButtonBase.js +1 -1
- package/node/Dialog/Dialog.js +11 -7
- package/node/Drawer/Drawer.js +11 -10
- package/node/Fade/Fade.js +7 -9
- package/node/Slide/Slide.js +14 -16
- package/node/Snackbar/Snackbar.js +8 -9
- package/node/SpeedDial/SpeedDial.js +9 -7
- package/node/Step/StepContext.js +11 -1
- package/node/Step/index.js +22 -1
- package/node/SwipeableDrawer/SwipeableDrawer.js +8 -7
- package/node/Zoom/Zoom.js +7 -9
- package/node/index.js +1 -1
- package/node/locale/index.js +12 -6
- package/package.json +2 -2
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +90 -66
- package/umd/material-ui.production.min.js +16 -16
- 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,42 +1,42 @@
|
|
|
1
|
-
export interface PaginationItemClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `type="page"`. */
|
|
5
|
-
page: string;
|
|
6
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
7
|
-
sizeSmall: string;
|
|
8
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
-
sizeLarge: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="text"`. */
|
|
11
|
-
text: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
13
|
-
textPrimary: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
15
|
-
textSecondary: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
17
|
-
outlined: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
19
|
-
outlinedPrimary: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
21
|
-
outlinedSecondary: string;
|
|
22
|
-
/** Styles applied to the root element if `rounded="true"`. */
|
|
23
|
-
rounded: string;
|
|
24
|
-
/** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
|
|
25
|
-
ellipsis: string;
|
|
26
|
-
/** Styles applyed to the root element if `type="first"` or type="last". */
|
|
27
|
-
firstLast: string;
|
|
28
|
-
/** Styles applyed to the root element if `type="previous"` or type="next". */
|
|
29
|
-
previousNext: string;
|
|
30
|
-
/** State class applied to the root element if keyboard focused. */
|
|
31
|
-
focusVisible: string;
|
|
32
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
33
|
-
disabled: string;
|
|
34
|
-
/** State class applied to the root element if `selected={true}`. */
|
|
35
|
-
selected: string;
|
|
36
|
-
/** Styles applied to the icon to display. */
|
|
37
|
-
icon: string;
|
|
38
|
-
}
|
|
39
|
-
export declare type PaginationItemClassKey = keyof PaginationItemClasses;
|
|
40
|
-
export declare function getPaginationItemUtilityClass(slot: string): string;
|
|
41
|
-
declare const paginationItemClasses: PaginationItemClasses;
|
|
42
|
-
export default paginationItemClasses;
|
|
1
|
+
export interface PaginationItemClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `type="page"`. */
|
|
5
|
+
page: string;
|
|
6
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
7
|
+
sizeSmall: string;
|
|
8
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
+
sizeLarge: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="text"`. */
|
|
11
|
+
text: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
13
|
+
textPrimary: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
15
|
+
textSecondary: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
17
|
+
outlined: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
19
|
+
outlinedPrimary: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
21
|
+
outlinedSecondary: string;
|
|
22
|
+
/** Styles applied to the root element if `rounded="true"`. */
|
|
23
|
+
rounded: string;
|
|
24
|
+
/** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
|
|
25
|
+
ellipsis: string;
|
|
26
|
+
/** Styles applyed to the root element if `type="first"` or type="last". */
|
|
27
|
+
firstLast: string;
|
|
28
|
+
/** Styles applyed to the root element if `type="previous"` or type="next". */
|
|
29
|
+
previousNext: string;
|
|
30
|
+
/** State class applied to the root element if keyboard focused. */
|
|
31
|
+
focusVisible: string;
|
|
32
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
33
|
+
disabled: string;
|
|
34
|
+
/** State class applied to the root element if `selected={true}`. */
|
|
35
|
+
selected: string;
|
|
36
|
+
/** Styles applied to the icon to display. */
|
|
37
|
+
icon: string;
|
|
38
|
+
}
|
|
39
|
+
export declare type PaginationItemClassKey = keyof PaginationItemClasses;
|
|
40
|
+
export declare function getPaginationItemUtilityClass(slot: string): string;
|
|
41
|
+
declare const paginationItemClasses: PaginationItemClasses;
|
|
42
|
+
export default paginationItemClasses;
|
package/Paper/paperClasses.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
export interface PaperClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
-
rounded: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="elevation"`. */
|
|
9
|
-
elevation: string;
|
|
10
|
-
elevation0: string;
|
|
11
|
-
elevation1: string;
|
|
12
|
-
elevation2: string;
|
|
13
|
-
elevation3: string;
|
|
14
|
-
elevation4: string;
|
|
15
|
-
elevation5: string;
|
|
16
|
-
elevation6: string;
|
|
17
|
-
elevation7: string;
|
|
18
|
-
elevation8: string;
|
|
19
|
-
elevation9: string;
|
|
20
|
-
elevation10: string;
|
|
21
|
-
elevation11: string;
|
|
22
|
-
elevation12: string;
|
|
23
|
-
elevation13: string;
|
|
24
|
-
elevation14: string;
|
|
25
|
-
elevation15: string;
|
|
26
|
-
elevation16: string;
|
|
27
|
-
elevation17: string;
|
|
28
|
-
elevation18: string;
|
|
29
|
-
elevation19: string;
|
|
30
|
-
elevation20: string;
|
|
31
|
-
elevation21: string;
|
|
32
|
-
elevation22: string;
|
|
33
|
-
elevation23: string;
|
|
34
|
-
elevation24: string;
|
|
35
|
-
}
|
|
36
|
-
export declare type PaperClassKey = keyof PaperClasses;
|
|
37
|
-
export declare function getPaperUtilityClass(slot: string): string;
|
|
38
|
-
declare const paperClasses: PaperClasses;
|
|
39
|
-
export default paperClasses;
|
|
1
|
+
export interface PaperClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
+
rounded: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
+
outlined: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="elevation"`. */
|
|
9
|
+
elevation: string;
|
|
10
|
+
elevation0: string;
|
|
11
|
+
elevation1: string;
|
|
12
|
+
elevation2: string;
|
|
13
|
+
elevation3: string;
|
|
14
|
+
elevation4: string;
|
|
15
|
+
elevation5: string;
|
|
16
|
+
elevation6: string;
|
|
17
|
+
elevation7: string;
|
|
18
|
+
elevation8: string;
|
|
19
|
+
elevation9: string;
|
|
20
|
+
elevation10: string;
|
|
21
|
+
elevation11: string;
|
|
22
|
+
elevation12: string;
|
|
23
|
+
elevation13: string;
|
|
24
|
+
elevation14: string;
|
|
25
|
+
elevation15: string;
|
|
26
|
+
elevation16: string;
|
|
27
|
+
elevation17: string;
|
|
28
|
+
elevation18: string;
|
|
29
|
+
elevation19: string;
|
|
30
|
+
elevation20: string;
|
|
31
|
+
elevation21: string;
|
|
32
|
+
elevation22: string;
|
|
33
|
+
elevation23: string;
|
|
34
|
+
elevation24: string;
|
|
35
|
+
}
|
|
36
|
+
export declare type PaperClassKey = keyof PaperClasses;
|
|
37
|
+
export declare function getPaperUtilityClass(slot: string): string;
|
|
38
|
+
declare const paperClasses: PaperClasses;
|
|
39
|
+
export default paperClasses;
|
|
@@ -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 declare 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 declare 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,17 +1,17 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
3
|
-
export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'>;
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
* Demos:
|
|
7
|
-
*
|
|
8
|
-
* - [Autocomplete](https://mui.com/components/autocomplete/)
|
|
9
|
-
* - [Menus](https://mui.com/components/menus/)
|
|
10
|
-
* - [Popper](https://mui.com/components/popper/)
|
|
11
|
-
*
|
|
12
|
-
* API:
|
|
13
|
-
*
|
|
14
|
-
* - [Popper API](https://mui.com/api/popper/)
|
|
15
|
-
*/
|
|
16
|
-
declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disablePortal" | "keepMounted" | "placement" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
-
export default Popper;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
3
|
+
export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'>;
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* Demos:
|
|
7
|
+
*
|
|
8
|
+
* - [Autocomplete](https://mui.com/components/autocomplete/)
|
|
9
|
+
* - [Menus](https://mui.com/components/menus/)
|
|
10
|
+
* - [Popper](https://mui.com/components/popper/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [Popper API](https://mui.com/api/popper/)
|
|
15
|
+
*/
|
|
16
|
+
declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disablePortal" | "keepMounted" | "placement" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare type SelectClassKey = keyof SelectClasses;
|
|
28
|
+
export declare function getSelectUtilityClasses(slot: string): string;
|
|
29
|
+
declare const selectClasses: SelectClasses;
|
|
30
|
+
export default selectClasses;
|
|
@@ -1,24 +1,24 @@
|
|
|
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="circular"`. */
|
|
9
|
-
circular: string;
|
|
10
|
-
/** Styles applied to the root element if `animation="pulse"`. */
|
|
11
|
-
pulse: string;
|
|
12
|
-
/** Styles applied to the root element if `animation="wave"`. */
|
|
13
|
-
wave: string;
|
|
14
|
-
/** Styles applied when the component is passed children. */
|
|
15
|
-
withChildren: string;
|
|
16
|
-
/** Styles applied when the component is passed children and no width. */
|
|
17
|
-
fitContent: string;
|
|
18
|
-
/** Styles applied when the component is passed children and no height. */
|
|
19
|
-
heightAuto: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type SkeletonClassKey = keyof SkeletonClasses;
|
|
22
|
-
export declare function getSkeletonUtilityClass(slot: string): string;
|
|
23
|
-
declare const skeletonClasses: SkeletonClasses;
|
|
24
|
-
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="circular"`. */
|
|
9
|
+
circular: string;
|
|
10
|
+
/** Styles applied to the root element if `animation="pulse"`. */
|
|
11
|
+
pulse: string;
|
|
12
|
+
/** Styles applied to the root element if `animation="wave"`. */
|
|
13
|
+
wave: string;
|
|
14
|
+
/** Styles applied when the component is passed children. */
|
|
15
|
+
withChildren: string;
|
|
16
|
+
/** Styles applied when the component is passed children and no width. */
|
|
17
|
+
fitContent: string;
|
|
18
|
+
/** Styles applied when the component is passed children and no height. */
|
|
19
|
+
heightAuto: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type SkeletonClassKey = keyof SkeletonClasses;
|
|
22
|
+
export declare function getSkeletonUtilityClass(slot: string): string;
|
|
23
|
+
declare const skeletonClasses: SkeletonClasses;
|
|
24
|
+
export default skeletonClasses;
|
package/Slide/Slide.d.ts
CHANGED
|
@@ -26,8 +26,8 @@ export interface SlideProps extends TransitionProps {
|
|
|
26
26
|
* The transition timing function.
|
|
27
27
|
* You may specify a single easing or a object containing enter and exit values.
|
|
28
28
|
* @default {
|
|
29
|
-
* enter: easing.easeOut,
|
|
30
|
-
* exit: easing.sharp,
|
|
29
|
+
* enter: theme.transitions.easing.easeOut,
|
|
30
|
+
* exit: theme.transitions.easing.sharp,
|
|
31
31
|
* }
|
|
32
32
|
*/
|
|
33
33
|
easing?: TransitionProps['easing'];
|
|
@@ -40,8 +40,8 @@ export interface SlideProps extends TransitionProps {
|
|
|
40
40
|
* The duration for the transition, in milliseconds.
|
|
41
41
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
42
42
|
* @default {
|
|
43
|
-
* enter: duration.enteringScreen,
|
|
44
|
-
* exit: duration.leavingScreen,
|
|
43
|
+
* enter: theme.transitions.duration.enteringScreen,
|
|
44
|
+
* exit: theme.transitions.duration.leavingScreen,
|
|
45
45
|
* }
|
|
46
46
|
*/
|
|
47
47
|
timeout?: TransitionProps['timeout'];
|
package/Slide/Slide.js
CHANGED
|
@@ -8,7 +8,6 @@ import { elementAcceptingRef, HTMLElementType, chainPropTypes } from '@mui/utils
|
|
|
8
8
|
import debounce from '../utils/debounce';
|
|
9
9
|
import useForkRef from '../utils/useForkRef';
|
|
10
10
|
import useTheme from '../styles/useTheme';
|
|
11
|
-
import { duration, easing } from '../styles/createTransitions';
|
|
12
11
|
import { reflow, getTransitionProps } from '../transitions/utils';
|
|
13
12
|
import { ownerWindow } from '../utils'; // Translate the node so it can't be seen on the screen.
|
|
14
13
|
// Later, we're going to translate the node back to its original location with `none`.
|
|
@@ -82,20 +81,22 @@ export function setTranslateValue(direction, node, containerProp) {
|
|
|
82
81
|
node.style.transform = transform;
|
|
83
82
|
}
|
|
84
83
|
}
|
|
85
|
-
const defaultEasing = {
|
|
86
|
-
enter: easing.easeOut,
|
|
87
|
-
exit: easing.sharp
|
|
88
|
-
};
|
|
89
|
-
const defaultTimeout = {
|
|
90
|
-
enter: duration.enteringScreen,
|
|
91
|
-
exit: duration.leavingScreen
|
|
92
|
-
};
|
|
93
84
|
/**
|
|
94
85
|
* The Slide transition is used by the [Drawer](/components/drawers/) component.
|
|
95
86
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
96
87
|
*/
|
|
97
88
|
|
|
98
89
|
const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
90
|
+
const theme = useTheme();
|
|
91
|
+
const defaultEasing = {
|
|
92
|
+
enter: theme.transitions.easing.easeOut,
|
|
93
|
+
exit: theme.transitions.easing.sharp
|
|
94
|
+
};
|
|
95
|
+
const defaultTimeout = {
|
|
96
|
+
enter: theme.transitions.duration.enteringScreen,
|
|
97
|
+
exit: theme.transitions.duration.leavingScreen
|
|
98
|
+
};
|
|
99
|
+
|
|
99
100
|
const {
|
|
100
101
|
addEndListener,
|
|
101
102
|
appear = true,
|
|
@@ -117,7 +118,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
|
117
118
|
} = props,
|
|
118
119
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
119
120
|
|
|
120
|
-
const theme = useTheme();
|
|
121
121
|
const childrenRef = React.useRef(null);
|
|
122
122
|
const handleRefIntermediary = useForkRef(children.ref, childrenRef);
|
|
123
123
|
const handleRef = useForkRef(handleRefIntermediary, ref);
|
|
@@ -305,8 +305,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
|
|
|
305
305
|
* The transition timing function.
|
|
306
306
|
* You may specify a single easing or a object containing enter and exit values.
|
|
307
307
|
* @default {
|
|
308
|
-
* enter: easing.easeOut,
|
|
309
|
-
* exit: easing.sharp,
|
|
308
|
+
* enter: theme.transitions.easing.easeOut,
|
|
309
|
+
* exit: theme.transitions.easing.sharp,
|
|
310
310
|
* }
|
|
311
311
|
*/
|
|
312
312
|
easing: PropTypes.oneOfType([PropTypes.shape({
|
|
@@ -358,8 +358,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
|
|
|
358
358
|
* The duration for the transition, in milliseconds.
|
|
359
359
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
360
360
|
* @default {
|
|
361
|
-
* enter: duration.enteringScreen,
|
|
362
|
-
* exit: duration.leavingScreen,
|
|
361
|
+
* enter: theme.transitions.duration.enteringScreen,
|
|
362
|
+
* exit: theme.transitions.duration.leavingScreen,
|
|
363
363
|
* }
|
|
364
364
|
*/
|
|
365
365
|
timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -104,8 +104,8 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
|
|
|
104
104
|
* The duration for the transition, in milliseconds.
|
|
105
105
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
106
106
|
* @default {
|
|
107
|
-
* enter: duration.enteringScreen,
|
|
108
|
-
* exit: duration.leavingScreen,
|
|
107
|
+
* enter: theme.transitions.duration.enteringScreen,
|
|
108
|
+
* exit: theme.transitions.duration.leavingScreen,
|
|
109
109
|
* }
|
|
110
110
|
*/
|
|
111
111
|
transitionDuration?: TransitionProps['timeout'];
|