@mui/material 5.8.4 → 5.8.5
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 +22 -5
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/Avatar.js +7 -4
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.js +2 -2
- 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 +69 -4
- 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/Chip.js +31 -30
- 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 +6 -6
- package/Dialog/Dialog.js +11 -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 +28 -13
- 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/InputBase.js +2 -2
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.js +6 -2
- 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/Modal/Modal.d.ts +2 -0
- package/Modal/Modal.js +25 -8
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/OutlinedInput.js +25 -10
- 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 +29 -29
- 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/Skeleton.js +8 -3
- package/Skeleton/skeletonClasses.d.ts +24 -24
- package/Slider/Slider.js +12 -12
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/SnackbarContent.js +3 -3
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/SpeedDialAction.js +7 -7
- 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/StepConnector.js +14 -11
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/StepContent.js +1 -1
- 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 +24 -24
- package/Switch/Switch.js +11 -11
- 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/TableCell.js +5 -5
- 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/Tabs.js +6 -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.js +1 -1
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/typographyClasses.d.ts +50 -50
- package/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/AppBar/AppBar.js +23 -4
- package/legacy/Avatar/Avatar.js +7 -4
- package/legacy/Badge/Badge.js +2 -2
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Chip/Chip.js +31 -30
- package/legacy/Dialog/Dialog.js +11 -6
- package/legacy/FilledInput/FilledInput.js +28 -14
- package/legacy/InputBase/InputBase.js +2 -2
- package/legacy/LinearProgress/LinearProgress.js +6 -2
- package/legacy/Modal/Modal.js +23 -7
- package/legacy/OutlinedInput/OutlinedInput.js +21 -9
- package/legacy/Skeleton/Skeleton.js +2 -2
- package/legacy/Slider/Slider.js +12 -12
- package/legacy/SnackbarContent/SnackbarContent.js +3 -3
- package/legacy/SpeedDialAction/SpeedDialAction.js +7 -7
- package/legacy/StepConnector/StepConnector.js +2 -1
- package/legacy/StepContent/StepContent.js +1 -1
- package/legacy/Switch/Switch.js +11 -11
- package/legacy/TableCell/TableCell.js +5 -5
- package/legacy/Tabs/Tabs.js +6 -16
- package/legacy/Tooltip/Tooltip.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/styles/CssVarsProvider.js +1 -1
- package/legacy/styles/experimental_extendTheme.js +113 -18
- package/locale/index.d.ts +71 -71
- package/modern/AppBar/AppBar.js +22 -5
- package/modern/Avatar/Avatar.js +7 -4
- package/modern/Badge/Badge.js +2 -2
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Chip/Chip.js +31 -30
- package/modern/Dialog/Dialog.js +11 -6
- package/modern/FilledInput/FilledInput.js +27 -12
- package/modern/InputBase/InputBase.js +2 -2
- package/modern/LinearProgress/LinearProgress.js +6 -2
- package/modern/Modal/Modal.js +24 -7
- package/modern/OutlinedInput/OutlinedInput.js +25 -10
- package/modern/Skeleton/Skeleton.js +7 -2
- package/modern/Slider/Slider.js +12 -12
- package/modern/SnackbarContent/SnackbarContent.js +3 -3
- package/modern/SpeedDialAction/SpeedDialAction.js +7 -7
- package/modern/StepConnector/StepConnector.js +14 -11
- package/modern/StepContent/StepContent.js +1 -1
- package/modern/Switch/Switch.js +11 -11
- package/modern/TableCell/TableCell.js +5 -5
- package/modern/Tabs/Tabs.js +6 -16
- package/modern/Tooltip/Tooltip.js +1 -1
- package/modern/index.js +1 -1
- package/modern/styles/CssVarsProvider.js +1 -1
- package/modern/styles/experimental_extendTheme.js +114 -18
- package/node/AppBar/AppBar.js +22 -5
- package/node/Avatar/Avatar.js +7 -4
- package/node/Badge/Badge.js +2 -2
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Chip/Chip.js +31 -30
- package/node/Dialog/Dialog.js +11 -6
- package/node/FilledInput/FilledInput.js +28 -13
- package/node/InputBase/InputBase.js +2 -2
- package/node/LinearProgress/LinearProgress.js +6 -2
- package/node/Modal/Modal.js +25 -8
- package/node/OutlinedInput/OutlinedInput.js +25 -10
- package/node/Skeleton/Skeleton.js +7 -2
- package/node/Slider/Slider.js +12 -12
- package/node/SnackbarContent/SnackbarContent.js +3 -3
- package/node/SpeedDialAction/SpeedDialAction.js +7 -7
- package/node/StepConnector/StepConnector.js +14 -11
- package/node/StepContent/StepContent.js +1 -1
- package/node/Switch/Switch.js +11 -11
- package/node/TableCell/TableCell.js +5 -5
- package/node/Tabs/Tabs.js +6 -16
- package/node/Tooltip/Tooltip.js +1 -1
- package/node/index.js +1 -1
- package/node/styles/CssVarsProvider.js +1 -1
- package/node/styles/experimental_extendTheme.js +112 -17
- package/package.json +4 -4
- package/styles/CssVarsProvider.js +1 -1
- package/styles/createPalette.d.ts +65 -2
- package/styles/experimental_extendTheme.js +114 -18
- 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 +548 -240
- package/umd/material-ui.production.min.js +27 -22
- 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,28 +1,28 @@
|
|
|
1
|
-
export interface TablePaginationClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the Toolbar component. */
|
|
5
|
-
toolbar: string;
|
|
6
|
-
/** Styles applied to the spacer element. */
|
|
7
|
-
spacer: string;
|
|
8
|
-
/** Styles applied to the select label Typography element. */
|
|
9
|
-
selectLabel: string;
|
|
10
|
-
/** Styles applied to the Select component `root` element. */
|
|
11
|
-
selectRoot: string;
|
|
12
|
-
/** Styles applied to the Select component `select` class. */
|
|
13
|
-
select: string;
|
|
14
|
-
/** Styles applied to the Select component `icon` class. */
|
|
15
|
-
selectIcon: string;
|
|
16
|
-
/** Styles applied to the Select component `root` element. */
|
|
17
|
-
input: string;
|
|
18
|
-
/** Styles applied to the MenuItem component. */
|
|
19
|
-
menuItem: string;
|
|
20
|
-
/** Styles applied to the displayed rows Typography element. */
|
|
21
|
-
displayedRows: string;
|
|
22
|
-
/** Styles applied to the internal `TablePaginationActions` component. */
|
|
23
|
-
actions: string;
|
|
24
|
-
}
|
|
25
|
-
export declare type TablePaginationClassKey = keyof TablePaginationClasses;
|
|
26
|
-
export declare function getTablePaginationUtilityClass(slot: string): string;
|
|
27
|
-
declare const tablePaginationClasses: TablePaginationClasses;
|
|
28
|
-
export default tablePaginationClasses;
|
|
1
|
+
export interface TablePaginationClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the Toolbar component. */
|
|
5
|
+
toolbar: string;
|
|
6
|
+
/** Styles applied to the spacer element. */
|
|
7
|
+
spacer: string;
|
|
8
|
+
/** Styles applied to the select label Typography element. */
|
|
9
|
+
selectLabel: string;
|
|
10
|
+
/** Styles applied to the Select component `root` element. */
|
|
11
|
+
selectRoot: string;
|
|
12
|
+
/** Styles applied to the Select component `select` class. */
|
|
13
|
+
select: string;
|
|
14
|
+
/** Styles applied to the Select component `icon` class. */
|
|
15
|
+
selectIcon: string;
|
|
16
|
+
/** Styles applied to the Select component `root` element. */
|
|
17
|
+
input: string;
|
|
18
|
+
/** Styles applied to the MenuItem component. */
|
|
19
|
+
menuItem: string;
|
|
20
|
+
/** Styles applied to the displayed rows Typography element. */
|
|
21
|
+
displayedRows: string;
|
|
22
|
+
/** Styles applied to the internal `TablePaginationActions` component. */
|
|
23
|
+
actions: string;
|
|
24
|
+
}
|
|
25
|
+
export declare type TablePaginationClassKey = keyof TablePaginationClasses;
|
|
26
|
+
export declare function getTablePaginationUtilityClass(slot: string): string;
|
|
27
|
+
declare const tablePaginationClasses: TablePaginationClasses;
|
|
28
|
+
export default tablePaginationClasses;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface TableRowClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `selected={true}`. */
|
|
5
|
-
selected: string;
|
|
6
|
-
/** State class applied to the root element if `hover={true}`. */
|
|
7
|
-
hover: string;
|
|
8
|
-
/** Styles applied to the root element if table variant="head". */
|
|
9
|
-
head: string;
|
|
10
|
-
/** Styles applied to the root element if table variant="footer". */
|
|
11
|
-
footer: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type TableRowClassKey = keyof TableRowClasses;
|
|
14
|
-
export declare function getTableRowUtilityClass(slot: string): string;
|
|
15
|
-
declare const tableRowClasses: TableRowClasses;
|
|
16
|
-
export default tableRowClasses;
|
|
1
|
+
export interface TableRowClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `selected={true}`. */
|
|
5
|
+
selected: string;
|
|
6
|
+
/** State class applied to the root element if `hover={true}`. */
|
|
7
|
+
hover: string;
|
|
8
|
+
/** Styles applied to the root element if table variant="head". */
|
|
9
|
+
head: string;
|
|
10
|
+
/** Styles applied to the root element if table variant="footer". */
|
|
11
|
+
footer: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type TableRowClassKey = keyof TableRowClasses;
|
|
14
|
+
export declare function getTableRowUtilityClass(slot: string): string;
|
|
15
|
+
declare const tableRowClasses: TableRowClasses;
|
|
16
|
+
export default tableRowClasses;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface TableSortLabelClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `active={true}`. */
|
|
5
|
-
active: string;
|
|
6
|
-
/** Styles applied to the icon component. */
|
|
7
|
-
icon: string;
|
|
8
|
-
/** Styles applied to the icon component if `direction="desc"`. */
|
|
9
|
-
iconDirectionDesc: string;
|
|
10
|
-
/** Styles applied to the icon component if `direction="asc"`. */
|
|
11
|
-
iconDirectionAsc: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type TableSortLabelClassKey = keyof TableSortLabelClasses;
|
|
14
|
-
export declare function getTableSortLabelUtilityClass(slot: string): string;
|
|
15
|
-
declare const tableSortLabelClasses: TableSortLabelClasses;
|
|
16
|
-
export default tableSortLabelClasses;
|
|
1
|
+
export interface TableSortLabelClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `active={true}`. */
|
|
5
|
+
active: string;
|
|
6
|
+
/** Styles applied to the icon component. */
|
|
7
|
+
icon: string;
|
|
8
|
+
/** Styles applied to the icon component if `direction="desc"`. */
|
|
9
|
+
iconDirectionDesc: string;
|
|
10
|
+
/** Styles applied to the icon component if `direction="asc"`. */
|
|
11
|
+
iconDirectionAsc: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type TableSortLabelClassKey = keyof TableSortLabelClasses;
|
|
14
|
+
export declare function getTableSortLabelUtilityClass(slot: string): string;
|
|
15
|
+
declare const tableSortLabelClasses: TableSortLabelClasses;
|
|
16
|
+
export default tableSortLabelClasses;
|
package/Tabs/Tabs.js
CHANGED
|
@@ -417,31 +417,21 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
417
417
|
scroll(scrollValue);
|
|
418
418
|
};
|
|
419
419
|
|
|
420
|
-
const getFirstVisibleTab = tabs => {
|
|
421
|
-
const containerSize = tabsRef.current[clientSize];
|
|
422
|
-
const containerStartBound = Math.round(tabsRef.current[scrollStart]);
|
|
423
|
-
const containerEndBound = Math.round(containerStartBound + containerSize);
|
|
424
|
-
const offset = vertical ? 'offsetTop' : 'offsetLeft';
|
|
425
|
-
return tabs.find(tab => {
|
|
426
|
-
const centerPoint = tab[offset] + tab[clientSize] / 2;
|
|
427
|
-
return centerPoint >= containerStartBound && centerPoint <= containerEndBound;
|
|
428
|
-
});
|
|
429
|
-
};
|
|
430
|
-
|
|
431
420
|
const getScrollSize = () => {
|
|
432
421
|
const containerSize = tabsRef.current[clientSize];
|
|
433
422
|
let totalSize = 0;
|
|
434
423
|
const children = Array.from(tabListRef.current.children);
|
|
435
|
-
const firstVisibleTab = getFirstVisibleTab(children);
|
|
436
|
-
|
|
437
|
-
if (firstVisibleTab && firstVisibleTab[clientSize] > containerSize) {
|
|
438
|
-
return firstVisibleTab[clientSize];
|
|
439
|
-
}
|
|
440
424
|
|
|
441
425
|
for (let i = 0; i < children.length; i += 1) {
|
|
442
426
|
const tab = children[i];
|
|
443
427
|
|
|
444
428
|
if (totalSize + tab[clientSize] > containerSize) {
|
|
429
|
+
// If the first item is longer than the container size, then only scroll
|
|
430
|
+
// by the container size.
|
|
431
|
+
if (i === 0) {
|
|
432
|
+
totalSize = containerSize;
|
|
433
|
+
}
|
|
434
|
+
|
|
445
435
|
break;
|
|
446
436
|
}
|
|
447
437
|
|
package/Tabs/tabsClasses.d.ts
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
export interface TabsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
-
vertical: string;
|
|
6
|
-
/** Styles applied to the flex container element. */
|
|
7
|
-
flexContainer: string;
|
|
8
|
-
/** Styles applied to the flex container element if `orientation="vertical"`. */
|
|
9
|
-
flexContainerVertical: string;
|
|
10
|
-
/** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
|
|
11
|
-
centered: string;
|
|
12
|
-
/** Styles applied to the tablist element. */
|
|
13
|
-
scroller: string;
|
|
14
|
-
/** Styles applied to the tablist element if `!variant="scrollable"`. */
|
|
15
|
-
fixed: string;
|
|
16
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
|
|
17
|
-
scrollableX: string;
|
|
18
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
|
|
19
|
-
scrollableY: string;
|
|
20
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
|
|
21
|
-
hideScrollbar: string;
|
|
22
|
-
/** Styles applied to the ScrollButtonComponent component. */
|
|
23
|
-
scrollButtons: string;
|
|
24
|
-
/** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
|
|
25
|
-
scrollButtonsHideMobile: string;
|
|
26
|
-
/** Styles applied to the TabIndicator component. */
|
|
27
|
-
indicator: string;
|
|
28
|
-
}
|
|
29
|
-
export declare type TabsClassKey = keyof TabsClasses;
|
|
30
|
-
export declare function getTabsUtilityClass(slot: string): string;
|
|
31
|
-
declare const tabsClasses: TabsClasses;
|
|
32
|
-
export default tabsClasses;
|
|
1
|
+
export interface TabsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
+
vertical: string;
|
|
6
|
+
/** Styles applied to the flex container element. */
|
|
7
|
+
flexContainer: string;
|
|
8
|
+
/** Styles applied to the flex container element if `orientation="vertical"`. */
|
|
9
|
+
flexContainerVertical: string;
|
|
10
|
+
/** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
|
|
11
|
+
centered: string;
|
|
12
|
+
/** Styles applied to the tablist element. */
|
|
13
|
+
scroller: string;
|
|
14
|
+
/** Styles applied to the tablist element if `!variant="scrollable"`. */
|
|
15
|
+
fixed: string;
|
|
16
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
|
|
17
|
+
scrollableX: string;
|
|
18
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
|
|
19
|
+
scrollableY: string;
|
|
20
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
|
|
21
|
+
hideScrollbar: string;
|
|
22
|
+
/** Styles applied to the ScrollButtonComponent component. */
|
|
23
|
+
scrollButtons: string;
|
|
24
|
+
/** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
|
|
25
|
+
scrollButtonsHideMobile: string;
|
|
26
|
+
/** Styles applied to the TabIndicator component. */
|
|
27
|
+
indicator: string;
|
|
28
|
+
}
|
|
29
|
+
export declare type TabsClassKey = keyof TabsClasses;
|
|
30
|
+
export declare function getTabsUtilityClass(slot: string): string;
|
|
31
|
+
declare const tabsClasses: TabsClasses;
|
|
32
|
+
export default tabsClasses;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface TextFieldClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type TextFieldClassKey = keyof TextFieldClasses;
|
|
6
|
-
export declare function getTextFieldUtilityClass(slot: string): string;
|
|
7
|
-
declare const textFieldClasses: TextFieldClasses;
|
|
8
|
-
export default textFieldClasses;
|
|
1
|
+
export interface TextFieldClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type TextFieldClassKey = keyof TextFieldClasses;
|
|
6
|
+
export declare function getTextFieldUtilityClass(slot: string): string;
|
|
7
|
+
declare const textFieldClasses: TextFieldClasses;
|
|
8
|
+
export default textFieldClasses;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export interface ToggleButtonClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
-
disabled: string;
|
|
6
|
-
/** State class applied to the root element if `selected={true}`. */
|
|
7
|
-
selected: string;
|
|
8
|
-
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
-
primary: string;
|
|
12
|
-
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
-
secondary: string;
|
|
14
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
-
sizeSmall: string;
|
|
16
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
-
sizeMedium: string;
|
|
18
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
-
sizeLarge: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
-
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
-
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
-
export default toggleButtonClasses;
|
|
1
|
+
export interface ToggleButtonClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
+
disabled: string;
|
|
6
|
+
/** State class applied to the root element if `selected={true}`. */
|
|
7
|
+
selected: string;
|
|
8
|
+
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
+
primary: string;
|
|
12
|
+
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
+
secondary: string;
|
|
14
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
+
sizeSmall: string;
|
|
16
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
+
sizeMedium: string;
|
|
18
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
+
sizeLarge: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
+
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
+
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
+
export default toggleButtonClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface ToggleButtonGroupClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
-
vertical: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** Styles applied to the children. */
|
|
9
|
-
grouped: string;
|
|
10
|
-
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
-
groupedHorizontal: string;
|
|
12
|
-
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
-
groupedVertical: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
-
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
-
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
-
export default toggleButtonGroupClasses;
|
|
1
|
+
export interface ToggleButtonGroupClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
+
vertical: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** Styles applied to the children. */
|
|
9
|
+
grouped: string;
|
|
10
|
+
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
+
groupedHorizontal: string;
|
|
12
|
+
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
+
groupedVertical: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
+
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
+
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
+
export default toggleButtonGroupClasses;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface ToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
-
gutters: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
-
regular: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
-
dense: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
-
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
-
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
-
export default toolbarClasses;
|
|
1
|
+
export interface ToolbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
+
gutters: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
+
regular: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
+
dense: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
+
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
+
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
+
export default toolbarClasses;
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -117,7 +117,7 @@ const TooltipTooltip = styled('div', {
|
|
|
117
117
|
theme,
|
|
118
118
|
ownerState
|
|
119
119
|
}) => _extends({
|
|
120
|
-
backgroundColor: theme.vars ?
|
|
120
|
+
backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
|
|
121
121
|
borderRadius: (theme.vars || theme).shape.borderRadius,
|
|
122
122
|
color: (theme.vars || theme).palette.common.white,
|
|
123
123
|
fontFamily: theme.typography.fontFamily,
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface TooltipClasses {
|
|
2
|
-
/** Styles applied to the Popper component. */
|
|
3
|
-
popper: string;
|
|
4
|
-
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
-
popperInteractive: string;
|
|
6
|
-
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
-
popperArrow: string;
|
|
8
|
-
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
-
popperClose: string;
|
|
10
|
-
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
-
tooltip: string;
|
|
12
|
-
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
-
tooltipArrow: string;
|
|
14
|
-
/** Styles applied to the arrow element. */
|
|
15
|
-
arrow: string;
|
|
16
|
-
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
-
touch: string;
|
|
18
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
-
tooltipPlacementLeft: string;
|
|
20
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
-
tooltipPlacementRight: string;
|
|
22
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
-
tooltipPlacementTop: string;
|
|
24
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
-
tooltipPlacementBottom: string;
|
|
26
|
-
}
|
|
27
|
-
export declare type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
-
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
-
declare const tooltipClasses: TooltipClasses;
|
|
30
|
-
export default tooltipClasses;
|
|
1
|
+
export interface TooltipClasses {
|
|
2
|
+
/** Styles applied to the Popper component. */
|
|
3
|
+
popper: string;
|
|
4
|
+
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
+
popperInteractive: string;
|
|
6
|
+
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
+
popperArrow: string;
|
|
8
|
+
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
+
popperClose: string;
|
|
10
|
+
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
+
tooltip: string;
|
|
12
|
+
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
+
tooltipArrow: string;
|
|
14
|
+
/** Styles applied to the arrow element. */
|
|
15
|
+
arrow: string;
|
|
16
|
+
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
+
touch: string;
|
|
18
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
+
tooltipPlacementLeft: string;
|
|
20
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
+
tooltipPlacementRight: string;
|
|
22
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
+
tooltipPlacementTop: string;
|
|
24
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
+
tooltipPlacementBottom: string;
|
|
26
|
+
}
|
|
27
|
+
export declare type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
+
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
+
declare const tooltipClasses: TooltipClasses;
|
|
30
|
+
export default tooltipClasses;
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
export interface TypographyClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="body2"`. */
|
|
5
|
-
body2: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="body1"`. */
|
|
7
|
-
body1: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="caption"`. */
|
|
9
|
-
caption: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="button"`. */
|
|
11
|
-
button: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="h1"`. */
|
|
13
|
-
h1: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="h2"`. */
|
|
15
|
-
h2: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="h3"`. */
|
|
17
|
-
h3: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="h4"`. */
|
|
19
|
-
h4: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="h5"`. */
|
|
21
|
-
h5: string;
|
|
22
|
-
/** Styles applied to the root element if `variant="h6"`. */
|
|
23
|
-
h6: string;
|
|
24
|
-
/** Styles applied to the root element if `variant="subtitle1"`. */
|
|
25
|
-
subtitle1: string;
|
|
26
|
-
/** Styles applied to the root element if `variant="subtitle2"`. */
|
|
27
|
-
subtitle2: string;
|
|
28
|
-
/** Styles applied to the root element if `variant="overline"`. */
|
|
29
|
-
overline: string;
|
|
30
|
-
/** Styles applied to the root element if `variant="inherit"`. */
|
|
31
|
-
inherit: string;
|
|
32
|
-
/** Styles applied to the root element if `align="left"`. */
|
|
33
|
-
alignLeft: string;
|
|
34
|
-
/** Styles applied to the root element if `align="center"`. */
|
|
35
|
-
alignCenter: string;
|
|
36
|
-
/** Styles applied to the root element if `align="right"`. */
|
|
37
|
-
alignRight: string;
|
|
38
|
-
/** Styles applied to the root element if `align="justify"`. */
|
|
39
|
-
alignJustify: string;
|
|
40
|
-
/** Styles applied to the root element if `nowrap={true}`. */
|
|
41
|
-
noWrap: string;
|
|
42
|
-
/** Styles applied to the root element if `gutterBottom={true}`. */
|
|
43
|
-
gutterBottom: string;
|
|
44
|
-
/** Styles applied to the root element if `paragraph={true}`. */
|
|
45
|
-
paragraph: string;
|
|
46
|
-
}
|
|
47
|
-
export declare type TypographyClassKey = keyof TypographyClasses;
|
|
48
|
-
export declare function getTypographyUtilityClass(slot: string): string;
|
|
49
|
-
declare const typographyClasses: TypographyClasses;
|
|
50
|
-
export default typographyClasses;
|
|
1
|
+
export interface TypographyClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="body2"`. */
|
|
5
|
+
body2: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="body1"`. */
|
|
7
|
+
body1: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="caption"`. */
|
|
9
|
+
caption: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="button"`. */
|
|
11
|
+
button: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="h1"`. */
|
|
13
|
+
h1: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="h2"`. */
|
|
15
|
+
h2: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="h3"`. */
|
|
17
|
+
h3: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="h4"`. */
|
|
19
|
+
h4: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="h5"`. */
|
|
21
|
+
h5: string;
|
|
22
|
+
/** Styles applied to the root element if `variant="h6"`. */
|
|
23
|
+
h6: string;
|
|
24
|
+
/** Styles applied to the root element if `variant="subtitle1"`. */
|
|
25
|
+
subtitle1: string;
|
|
26
|
+
/** Styles applied to the root element if `variant="subtitle2"`. */
|
|
27
|
+
subtitle2: string;
|
|
28
|
+
/** Styles applied to the root element if `variant="overline"`. */
|
|
29
|
+
overline: string;
|
|
30
|
+
/** Styles applied to the root element if `variant="inherit"`. */
|
|
31
|
+
inherit: string;
|
|
32
|
+
/** Styles applied to the root element if `align="left"`. */
|
|
33
|
+
alignLeft: string;
|
|
34
|
+
/** Styles applied to the root element if `align="center"`. */
|
|
35
|
+
alignCenter: string;
|
|
36
|
+
/** Styles applied to the root element if `align="right"`. */
|
|
37
|
+
alignRight: string;
|
|
38
|
+
/** Styles applied to the root element if `align="justify"`. */
|
|
39
|
+
alignJustify: string;
|
|
40
|
+
/** Styles applied to the root element if `nowrap={true}`. */
|
|
41
|
+
noWrap: string;
|
|
42
|
+
/** Styles applied to the root element if `gutterBottom={true}`. */
|
|
43
|
+
gutterBottom: string;
|
|
44
|
+
/** Styles applied to the root element if `paragraph={true}`. */
|
|
45
|
+
paragraph: string;
|
|
46
|
+
}
|
|
47
|
+
export declare type TypographyClassKey = keyof TypographyClasses;
|
|
48
|
+
export declare function getTypographyUtilityClass(slot: string): string;
|
|
49
|
+
declare const typographyClasses: TypographyClasses;
|
|
50
|
+
export default typographyClasses;
|
package/className/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { unstable_ClassNameGenerator } from '@mui/utils';
|
|
1
|
+
export { unstable_ClassNameGenerator } from '@mui/utils';
|
package/darkScrollbar/index.d.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
export default function darkScrollbar(options?: {
|
|
2
|
-
track: string;
|
|
3
|
-
thumb: string;
|
|
4
|
-
active: string;
|
|
5
|
-
}): {
|
|
6
|
-
scrollbarColor: string;
|
|
7
|
-
'&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
|
8
|
-
backgroundColor: string;
|
|
9
|
-
};
|
|
10
|
-
'&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
|
11
|
-
borderRadius: number;
|
|
12
|
-
backgroundColor: string;
|
|
13
|
-
minHeight: number;
|
|
14
|
-
border: string;
|
|
15
|
-
};
|
|
16
|
-
'&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
|
17
|
-
backgroundColor: string;
|
|
18
|
-
};
|
|
19
|
-
'&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
|
20
|
-
backgroundColor: string;
|
|
21
|
-
};
|
|
22
|
-
'&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
|
23
|
-
backgroundColor: string;
|
|
24
|
-
};
|
|
25
|
-
'&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
|
26
|
-
backgroundColor: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
1
|
+
export default function darkScrollbar(options?: {
|
|
2
|
+
track: string;
|
|
3
|
+
thumb: string;
|
|
4
|
+
active: string;
|
|
5
|
+
}): {
|
|
6
|
+
scrollbarColor: string;
|
|
7
|
+
'&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
};
|
|
10
|
+
'&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
|
11
|
+
borderRadius: number;
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
minHeight: number;
|
|
14
|
+
border: string;
|
|
15
|
+
};
|
|
16
|
+
'&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
};
|
|
19
|
+
'&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
};
|
|
22
|
+
'&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
|
23
|
+
backgroundColor: string;
|
|
24
|
+
};
|
|
25
|
+
'&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
package/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface SwitchBaseClasses {
|
|
2
|
-
root: string;
|
|
3
|
-
checked: string;
|
|
4
|
-
disabled: string;
|
|
5
|
-
input: string;
|
|
6
|
-
edgeStart: string;
|
|
7
|
-
edgeEnd: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type SwitchBaseClassKey = keyof SwitchBaseClasses;
|
|
10
|
-
export declare function getSwitchBaseUtilityClass(slot: string): string;
|
|
11
|
-
declare const switchBaseClasses: SwitchBaseClasses;
|
|
12
|
-
export default switchBaseClasses;
|
|
1
|
+
export interface SwitchBaseClasses {
|
|
2
|
+
root: string;
|
|
3
|
+
checked: string;
|
|
4
|
+
disabled: string;
|
|
5
|
+
input: string;
|
|
6
|
+
edgeStart: string;
|
|
7
|
+
edgeEnd: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type SwitchBaseClassKey = keyof SwitchBaseClasses;
|
|
10
|
+
export declare function getSwitchBaseUtilityClass(slot: string): string;
|
|
11
|
+
declare const switchBaseClasses: SwitchBaseClasses;
|
|
12
|
+
export default switchBaseClasses;
|