@mui/material 5.10.12 → 5.10.13
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/Alert.d.ts +34 -3
- package/Alert/Alert.js +46 -9
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.d.ts +10 -0
- package/Autocomplete/Autocomplete.js +27 -11
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/AvatarGroup.d.ts +18 -1
- package/AvatarGroup/AvatarGroup.js +25 -6
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.d.ts +33 -3
- package/Backdrop/Backdrop.js +46 -11
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.d.ts +11 -3
- package/Badge/Badge.js +11 -3
- 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 +58 -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/FilledInput.js +48 -9
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/FormControlLabel.d.ts +12 -0
- package/FormControlLabel/FormControlLabel.js +17 -5
- 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/Input.js +49 -10
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/InputBase.d.ts +34 -3
- package/InputBase/InputBase.js +45 -8
- 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/ListItem.d.ts +32 -3
- package/ListItem/ListItem.js +41 -9
- 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/Modal/Modal.d.ts +11 -3
- package/Modal/Modal.js +11 -3
- package/NativeSelect/NativeSelectInput.js +11 -9
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/OutlinedInput.js +26 -8
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/OverridableComponentAugmentation.d.ts +31 -31
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.d.ts +19 -7
- package/PaginationItem/PaginationItem.js +31 -22
- 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/README.md +1 -0
- 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/Select.d.ts +3 -3
- package/Select/Select.js +3 -3
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slider/Slider.d.ts +14 -2
- package/Slider/Slider.js +12 -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/StepLabel.d.ts +11 -0
- package/StepLabel/StepLabel.js +15 -3
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.d.ts +43 -6
- package/Tooltip/Tooltip.js +68 -31
- 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/esm/Alert/Alert.js +46 -9
- package/esm/Autocomplete/Autocomplete.js +27 -11
- package/esm/AvatarGroup/AvatarGroup.js +25 -6
- package/esm/Backdrop/Backdrop.js +46 -11
- package/esm/Badge/Badge.js +11 -3
- package/esm/BottomNavigation/BottomNavigation.js +0 -0
- package/esm/FilledInput/FilledInput.js +48 -9
- package/esm/FormControlLabel/FormControlLabel.js +17 -5
- package/esm/Input/Input.js +49 -10
- package/esm/InputBase/InputBase.js +45 -8
- package/esm/ListItem/ListItem.js +41 -9
- package/esm/Modal/Modal.js +11 -3
- package/esm/NativeSelect/NativeSelectInput.js +11 -9
- package/esm/OutlinedInput/OutlinedInput.js +26 -8
- package/esm/PaginationItem/PaginationItem.js +31 -22
- package/esm/Select/Select.js +3 -3
- package/esm/Slider/Slider.js +12 -3
- package/esm/StepLabel/StepLabel.js +15 -3
- package/esm/Tooltip/Tooltip.js +68 -31
- 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/Alert/Alert.js +48 -9
- package/legacy/Autocomplete/Autocomplete.js +27 -10
- package/legacy/AvatarGroup/AvatarGroup.js +26 -6
- package/legacy/Backdrop/Backdrop.js +48 -11
- package/legacy/Badge/Badge.js +11 -3
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/FilledInput/FilledInput.js +49 -9
- package/legacy/FormControlLabel/FormControlLabel.js +17 -4
- package/legacy/Input/Input.js +50 -10
- package/legacy/InputBase/InputBase.js +47 -8
- package/legacy/ListItem/ListItem.js +42 -8
- package/legacy/Modal/Modal.js +11 -3
- package/legacy/NativeSelect/NativeSelectInput.js +11 -9
- package/legacy/OutlinedInput/OutlinedInput.js +27 -8
- package/legacy/PaginationItem/PaginationItem.js +32 -22
- package/legacy/Select/Select.js +3 -3
- package/legacy/Slider/Slider.js +12 -3
- package/legacy/StepLabel/StepLabel.js +16 -3
- package/legacy/Tooltip/Tooltip.js +63 -22
- package/legacy/index.js +1 -1
- package/locale/index.d.ts +72 -72
- package/modern/Alert/Alert.js +45 -8
- package/modern/Autocomplete/Autocomplete.js +26 -10
- package/modern/AvatarGroup/AvatarGroup.js +24 -5
- package/modern/Backdrop/Backdrop.js +45 -10
- package/modern/Badge/Badge.js +11 -3
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/FilledInput/FilledInput.js +46 -9
- package/modern/FormControlLabel/FormControlLabel.js +15 -5
- package/modern/Input/Input.js +47 -10
- package/modern/InputBase/InputBase.js +43 -8
- package/modern/ListItem/ListItem.js +41 -9
- package/modern/Modal/Modal.js +11 -3
- package/modern/NativeSelect/NativeSelectInput.js +11 -9
- package/modern/OutlinedInput/OutlinedInput.js +25 -7
- package/modern/PaginationItem/PaginationItem.js +31 -22
- package/modern/Select/Select.js +3 -3
- package/modern/Slider/Slider.js +12 -3
- package/modern/StepLabel/StepLabel.js +13 -3
- package/modern/Tooltip/Tooltip.js +58 -17
- package/modern/index.js +1 -1
- package/package.json +4 -4
- package/styles/CssVarsProvider.d.ts +14 -14
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- 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 +534 -165
- package/umd/material-ui.production.min.js +14 -14
- 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,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;
|
package/Select/Select.d.ts
CHANGED
|
@@ -98,20 +98,20 @@ export interface SelectProps<T = unknown>
|
|
|
98
98
|
*
|
|
99
99
|
* @param {SelectChangeEvent<T>} event The event source of the callback.
|
|
100
100
|
* You can pull out the new value by accessing `event.target.value` (any).
|
|
101
|
-
* **Warning**: This is a generic event not a change event unless the change event is caused by browser autofill.
|
|
101
|
+
* **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
|
|
102
102
|
* @param {object} [child] The react element that was selected when `native` is `false` (default).
|
|
103
103
|
*/
|
|
104
104
|
onChange?: SelectInputProps<T>['onChange'];
|
|
105
105
|
/**
|
|
106
106
|
* Callback fired when the component requests to be closed.
|
|
107
|
-
* Use in controlled
|
|
107
|
+
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapes).
|
|
108
108
|
*
|
|
109
109
|
* @param {object} event The event source of the callback.
|
|
110
110
|
*/
|
|
111
111
|
onClose?: (event: React.SyntheticEvent) => void;
|
|
112
112
|
/**
|
|
113
113
|
* Callback fired when the component requests to be opened.
|
|
114
|
-
* Use in controlled
|
|
114
|
+
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
|
|
115
115
|
*
|
|
116
116
|
* @param {object} event The event source of the callback.
|
|
117
117
|
*/
|
package/Select/Select.js
CHANGED
|
@@ -270,14 +270,14 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
|
|
|
270
270
|
*
|
|
271
271
|
* @param {SelectChangeEvent<T>} event The event source of the callback.
|
|
272
272
|
* You can pull out the new value by accessing `event.target.value` (any).
|
|
273
|
-
* **Warning**: This is a generic event not a change event unless the change event is caused by browser autofill.
|
|
273
|
+
* **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
|
|
274
274
|
* @param {object} [child] The react element that was selected when `native` is `false` (default).
|
|
275
275
|
*/
|
|
276
276
|
onChange: _propTypes.default.func,
|
|
277
277
|
|
|
278
278
|
/**
|
|
279
279
|
* Callback fired when the component requests to be closed.
|
|
280
|
-
* Use in controlled
|
|
280
|
+
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapes).
|
|
281
281
|
*
|
|
282
282
|
* @param {object} event The event source of the callback.
|
|
283
283
|
*/
|
|
@@ -285,7 +285,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
|
|
|
285
285
|
|
|
286
286
|
/**
|
|
287
287
|
* Callback fired when the component requests to be opened.
|
|
288
|
-
* Use in controlled
|
|
288
|
+
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
|
|
289
289
|
*
|
|
290
290
|
* @param {object} event The event source of the callback.
|
|
291
291
|
*/
|
|
@@ -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,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 declare 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 declare type SkeletonClassKey = keyof SkeletonClasses;
|
|
24
|
+
export declare function getSkeletonUtilityClass(slot: string): string;
|
|
25
|
+
declare const skeletonClasses: SkeletonClasses;
|
|
26
|
+
export default skeletonClasses;
|
package/Slider/Slider.d.ts
CHANGED
|
@@ -27,8 +27,11 @@ export type SliderTypeMap<
|
|
|
27
27
|
*/
|
|
28
28
|
color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
|
|
29
29
|
/**
|
|
30
|
-
* The components used for each slot inside
|
|
31
|
-
*
|
|
30
|
+
* The components used for each slot inside.
|
|
31
|
+
*
|
|
32
|
+
* This prop is an alias for the `slots` prop.
|
|
33
|
+
* It's recommended to use the `slots` prop instead.
|
|
34
|
+
*
|
|
32
35
|
* @default {}
|
|
33
36
|
*/
|
|
34
37
|
components?: {
|
|
@@ -41,6 +44,15 @@ export type SliderTypeMap<
|
|
|
41
44
|
ValueLabel?: React.ElementType;
|
|
42
45
|
Input?: React.ElementType;
|
|
43
46
|
};
|
|
47
|
+
/**
|
|
48
|
+
* The extra props for the slot components.
|
|
49
|
+
* You can override the existing props or add new ones.
|
|
50
|
+
*
|
|
51
|
+
* This prop is an alias for the `slotProps` prop.
|
|
52
|
+
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
|
|
53
|
+
*
|
|
54
|
+
* @default {}
|
|
55
|
+
*/
|
|
44
56
|
componentsProps?: SliderUnstyledTypeMap['props']['slotProps'];
|
|
45
57
|
/**
|
|
46
58
|
* Override or extend the styles applied to the component.
|
package/Slider/Slider.js
CHANGED
|
@@ -609,8 +609,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
|
|
|
609
609
|
.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
610
610
|
|
|
611
611
|
/**
|
|
612
|
-
* The components used for each slot inside
|
|
613
|
-
*
|
|
612
|
+
* The components used for each slot inside.
|
|
613
|
+
*
|
|
614
|
+
* This prop is an alias for the `slots` prop.
|
|
615
|
+
* It's recommended to use the `slots` prop instead.
|
|
616
|
+
*
|
|
614
617
|
* @default {}
|
|
615
618
|
*/
|
|
616
619
|
components: _propTypes.default.shape({
|
|
@@ -625,7 +628,13 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
|
|
|
625
628
|
}),
|
|
626
629
|
|
|
627
630
|
/**
|
|
628
|
-
*
|
|
631
|
+
* The extra props for the slot components.
|
|
632
|
+
* You can override the existing props or add new ones.
|
|
633
|
+
*
|
|
634
|
+
* This prop is an alias for the `slotProps` prop.
|
|
635
|
+
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
|
|
636
|
+
*
|
|
637
|
+
* @default {}
|
|
629
638
|
*/
|
|
630
639
|
componentsProps: _propTypes.default.shape({
|
|
631
640
|
input: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface SnackbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
|
|
5
|
-
anchorOriginTopCenter: string;
|
|
6
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
|
|
7
|
-
anchorOriginBottomCenter: string;
|
|
8
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
9
|
-
anchorOriginTopRight: string;
|
|
10
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
11
|
-
anchorOriginBottomRight: string;
|
|
12
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
13
|
-
anchorOriginTopLeft: string;
|
|
14
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
15
|
-
anchorOriginBottomLeft: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type SnackbarClassKey = keyof SnackbarClasses;
|
|
18
|
-
export declare function getSnackbarUtilityClass(slot: string): string;
|
|
19
|
-
declare const snackbarClasses: SnackbarClasses;
|
|
20
|
-
export default snackbarClasses;
|
|
1
|
+
export interface SnackbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
|
|
5
|
+
anchorOriginTopCenter: string;
|
|
6
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
|
|
7
|
+
anchorOriginBottomCenter: string;
|
|
8
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
9
|
+
anchorOriginTopRight: string;
|
|
10
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
11
|
+
anchorOriginBottomRight: string;
|
|
12
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
13
|
+
anchorOriginTopLeft: string;
|
|
14
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
15
|
+
anchorOriginBottomLeft: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type SnackbarClassKey = keyof SnackbarClasses;
|
|
18
|
+
export declare function getSnackbarUtilityClass(slot: string): string;
|
|
19
|
+
declare const snackbarClasses: SnackbarClasses;
|
|
20
|
+
export default snackbarClasses;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface SnackbarContentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the message wrapper element. */
|
|
5
|
-
message: string;
|
|
6
|
-
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
7
|
-
action: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
|
|
10
|
-
export declare function getSnackbarContentUtilityClass(slot: string): string;
|
|
11
|
-
declare const snackbarContentClasses: SnackbarContentClasses;
|
|
12
|
-
export default snackbarContentClasses;
|
|
1
|
+
export interface SnackbarContentClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the message wrapper element. */
|
|
5
|
+
message: string;
|
|
6
|
+
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
7
|
+
action: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
|
|
10
|
+
export declare function getSnackbarContentUtilityClass(slot: string): string;
|
|
11
|
+
declare const snackbarContentClasses: SnackbarContentClasses;
|
|
12
|
+
export default snackbarContentClasses;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface SpeedDialClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the Fab component. */
|
|
5
|
-
fab: string;
|
|
6
|
-
/** Styles applied to the root element if direction="up" */
|
|
7
|
-
directionUp: string;
|
|
8
|
-
/** Styles applied to the root element if direction="down" */
|
|
9
|
-
directionDown: string;
|
|
10
|
-
/** Styles applied to the root element if direction="left" */
|
|
11
|
-
directionLeft: string;
|
|
12
|
-
/** Styles applied to the root element if direction="right" */
|
|
13
|
-
directionRight: string;
|
|
14
|
-
/** Styles applied to the actions (`children` wrapper) element. */
|
|
15
|
-
actions: string;
|
|
16
|
-
/** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
|
|
17
|
-
actionsClosed: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type SpeedDialClassKey = keyof SpeedDialClasses;
|
|
20
|
-
export declare function getSpeedDialUtilityClass(slot: string): string;
|
|
21
|
-
declare const speedDialClasses: SpeedDialClasses;
|
|
22
|
-
export default speedDialClasses;
|
|
1
|
+
export interface SpeedDialClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the Fab component. */
|
|
5
|
+
fab: string;
|
|
6
|
+
/** Styles applied to the root element if direction="up" */
|
|
7
|
+
directionUp: string;
|
|
8
|
+
/** Styles applied to the root element if direction="down" */
|
|
9
|
+
directionDown: string;
|
|
10
|
+
/** Styles applied to the root element if direction="left" */
|
|
11
|
+
directionLeft: string;
|
|
12
|
+
/** Styles applied to the root element if direction="right" */
|
|
13
|
+
directionRight: string;
|
|
14
|
+
/** Styles applied to the actions (`children` wrapper) element. */
|
|
15
|
+
actions: string;
|
|
16
|
+
/** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
|
|
17
|
+
actionsClosed: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type SpeedDialClassKey = keyof SpeedDialClasses;
|
|
20
|
+
export declare function getSpeedDialUtilityClass(slot: string): string;
|
|
21
|
+
declare const speedDialClasses: SpeedDialClasses;
|
|
22
|
+
export default speedDialClasses;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface SpeedDialActionClasses {
|
|
2
|
-
/** Styles applied to the Fab component. */
|
|
3
|
-
fab: string;
|
|
4
|
-
/** Styles applied to the Fab component if `open={false}`. */
|
|
5
|
-
fabClosed: string;
|
|
6
|
-
/** Styles applied to the root element if `tooltipOpen={true}`. */
|
|
7
|
-
staticTooltip: string;
|
|
8
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
|
|
9
|
-
staticTooltipClosed: string;
|
|
10
|
-
/** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
|
|
11
|
-
staticTooltipLabel: string;
|
|
12
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
|
|
13
|
-
tooltipPlacementLeft: string;
|
|
14
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
|
|
15
|
-
tooltipPlacementRight: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
|
|
18
|
-
export declare function getSpeedDialActionUtilityClass(slot: string): string;
|
|
19
|
-
declare const speedDialActionClasses: SpeedDialActionClasses;
|
|
20
|
-
export default speedDialActionClasses;
|
|
1
|
+
export interface SpeedDialActionClasses {
|
|
2
|
+
/** Styles applied to the Fab component. */
|
|
3
|
+
fab: string;
|
|
4
|
+
/** Styles applied to the Fab component if `open={false}`. */
|
|
5
|
+
fabClosed: string;
|
|
6
|
+
/** Styles applied to the root element if `tooltipOpen={true}`. */
|
|
7
|
+
staticTooltip: string;
|
|
8
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
|
|
9
|
+
staticTooltipClosed: string;
|
|
10
|
+
/** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
|
|
11
|
+
staticTooltipLabel: string;
|
|
12
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
|
|
13
|
+
tooltipPlacementLeft: string;
|
|
14
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
|
|
15
|
+
tooltipPlacementRight: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
|
|
18
|
+
export declare function getSpeedDialActionUtilityClass(slot: string): string;
|
|
19
|
+
declare const speedDialActionClasses: SpeedDialActionClasses;
|
|
20
|
+
export default speedDialActionClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface SpeedDialIconClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the icon component. */
|
|
5
|
-
icon: string;
|
|
6
|
-
/** Styles applied to the icon component if `open={true}`. */
|
|
7
|
-
iconOpen: string;
|
|
8
|
-
/** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
|
|
9
|
-
iconWithOpenIconOpen: string;
|
|
10
|
-
/** Styles applied to the `openIcon` if provided. */
|
|
11
|
-
openIcon: string;
|
|
12
|
-
/** Styles applied to the `openIcon` if provided and if `open={true}`. */
|
|
13
|
-
openIconOpen: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
|
|
16
|
-
export declare function getSpeedDialIconUtilityClass(slot: string): string;
|
|
17
|
-
declare const speedDialIconClasses: SpeedDialIconClasses;
|
|
18
|
-
export default speedDialIconClasses;
|
|
1
|
+
export interface SpeedDialIconClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the icon component. */
|
|
5
|
+
icon: string;
|
|
6
|
+
/** Styles applied to the icon component if `open={true}`. */
|
|
7
|
+
iconOpen: string;
|
|
8
|
+
/** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
|
|
9
|
+
iconWithOpenIconOpen: string;
|
|
10
|
+
/** Styles applied to the `openIcon` if provided. */
|
|
11
|
+
openIcon: string;
|
|
12
|
+
/** Styles applied to the `openIcon` if provided and if `open={true}`. */
|
|
13
|
+
openIconOpen: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
|
|
16
|
+
export declare function getSpeedDialIconUtilityClass(slot: string): string;
|
|
17
|
+
declare const speedDialIconClasses: SpeedDialIconClasses;
|
|
18
|
+
export default speedDialIconClasses;
|
package/Step/StepContext.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface StepContextType {
|
|
3
|
-
index: number;
|
|
4
|
-
last: boolean;
|
|
5
|
-
expanded: boolean;
|
|
6
|
-
icon: React.ReactNode;
|
|
7
|
-
active: boolean;
|
|
8
|
-
completed: boolean;
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Provides information about the current step in Stepper.
|
|
13
|
-
*/
|
|
14
|
-
declare const StepContext: React.Context<{} | StepContextType>;
|
|
15
|
-
/**
|
|
16
|
-
* Returns the current StepContext or an empty object if no StepContext
|
|
17
|
-
* has been defined in the component tree.
|
|
18
|
-
*/
|
|
19
|
-
export declare function useStepContext(): StepContextType | {};
|
|
20
|
-
export default StepContext;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface StepContextType {
|
|
3
|
+
index: number;
|
|
4
|
+
last: boolean;
|
|
5
|
+
expanded: boolean;
|
|
6
|
+
icon: React.ReactNode;
|
|
7
|
+
active: boolean;
|
|
8
|
+
completed: boolean;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Provides information about the current step in Stepper.
|
|
13
|
+
*/
|
|
14
|
+
declare const StepContext: React.Context<{} | StepContextType>;
|
|
15
|
+
/**
|
|
16
|
+
* Returns the current StepContext or an empty object if no StepContext
|
|
17
|
+
* has been defined in the component tree.
|
|
18
|
+
*/
|
|
19
|
+
export declare function useStepContext(): StepContextType | {};
|
|
20
|
+
export default StepContext;
|
package/Step/stepClasses.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface StepClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="horizontal"`. */
|
|
5
|
-
horizontal: string;
|
|
6
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
7
|
-
vertical: string;
|
|
8
|
-
/** Styles applied to the root element if `alternativeLabel={true}`. */
|
|
9
|
-
alternativeLabel: string;
|
|
10
|
-
/** State class applied to the root element if `completed={true}`. */
|
|
11
|
-
completed: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type StepClassKey = keyof StepClasses;
|
|
14
|
-
export declare function getStepUtilityClass(slot: string): string;
|
|
15
|
-
declare const stepClasses: StepClasses;
|
|
16
|
-
export default stepClasses;
|
|
1
|
+
export interface StepClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="horizontal"`. */
|
|
5
|
+
horizontal: string;
|
|
6
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
7
|
+
vertical: string;
|
|
8
|
+
/** Styles applied to the root element if `alternativeLabel={true}`. */
|
|
9
|
+
alternativeLabel: string;
|
|
10
|
+
/** State class applied to the root element if `completed={true}`. */
|
|
11
|
+
completed: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type StepClassKey = keyof StepClasses;
|
|
14
|
+
export declare function getStepUtilityClass(slot: string): string;
|
|
15
|
+
declare const stepClasses: StepClasses;
|
|
16
|
+
export default stepClasses;
|