@mui/material 5.9.3 → 5.10.2

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.
Files changed (190) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/Autocomplete.js +2 -2
  9. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  10. package/Avatar/avatarClasses.d.ts +20 -20
  11. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  12. package/Backdrop/backdropClasses.d.ts +10 -10
  13. package/Badge/badgeClasses.d.ts +56 -56
  14. package/BottomNavigation/BottomNavigation.js +0 -0
  15. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  16. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/buttonClasses.d.ts +100 -100
  19. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  20. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  21. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  22. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  23. package/CHANGELOG.md +179 -4
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +18 -18
  31. package/Chip/chipClasses.d.ts +88 -88
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +2 -2
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/drawerClasses.d.ts +30 -30
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +40 -40
  46. package/FormControl/formControlClasses.d.ts +14 -14
  47. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  48. package/FormGroup/formGroupClasses.d.ts +12 -12
  49. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  50. package/FormLabel/formLabelClasses.d.ts +22 -22
  51. package/Grid/Grid.d.ts +1 -1
  52. package/Grid/Grid.js +6 -2
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/IconButton.js +1 -1
  56. package/IconButton/iconButtonClasses.d.ts +26 -26
  57. package/ImageList/imageListClasses.d.ts +16 -16
  58. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  59. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  60. package/Input/inputClasses.d.ts +34 -34
  61. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  62. package/InputBase/inputBaseClasses.d.ts +46 -46
  63. package/InputLabel/inputLabelClasses.d.ts +32 -32
  64. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  65. package/Link/getTextDecoration.d.ts +15 -15
  66. package/Link/linkClasses.d.ts +18 -18
  67. package/List/listClasses.d.ts +14 -14
  68. package/ListItem/listItemClasses.d.ts +30 -30
  69. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  70. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  71. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  72. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  73. package/ListItemText/listItemTextClasses.d.ts +18 -18
  74. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  75. package/Menu/menuClasses.d.ts +12 -12
  76. package/MenuItem/menuItemClasses.d.ts +20 -20
  77. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  78. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  79. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  80. package/Pagination/paginationClasses.d.ts +14 -14
  81. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  82. package/Paper/paperClasses.d.ts +39 -39
  83. package/Popover/popoverClasses.d.ts +10 -10
  84. package/Popper/Popper.d.ts +24 -24
  85. package/README.md +9 -8
  86. package/Radio/radioClasses.d.ts +16 -16
  87. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  88. package/RadioGroup/useRadioGroup.d.ts +4 -4
  89. package/Rating/ratingClasses.d.ts +40 -40
  90. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  91. package/Select/selectClasses.d.ts +30 -30
  92. package/Skeleton/Skeleton.d.ts +1 -1
  93. package/Skeleton/Skeleton.js +3 -1
  94. package/Skeleton/skeletonClasses.d.ts +26 -24
  95. package/Skeleton/skeletonClasses.js +1 -1
  96. package/Snackbar/snackbarClasses.d.ts +20 -20
  97. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  98. package/SpeedDial/speedDialClasses.d.ts +22 -22
  99. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  100. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  101. package/Step/StepContext.d.ts +20 -20
  102. package/Step/stepClasses.d.ts +16 -16
  103. package/StepButton/stepButtonClasses.d.ts +14 -14
  104. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  105. package/StepContent/stepContentClasses.d.ts +12 -12
  106. package/StepIcon/stepIconClasses.d.ts +16 -16
  107. package/StepLabel/StepLabel.js +1 -1
  108. package/StepLabel/stepLabelClasses.d.ts +28 -28
  109. package/Stepper/StepperContext.d.ts +18 -18
  110. package/Stepper/stepperClasses.d.ts +14 -14
  111. package/SvgIcon/svgIconClasses.d.ts +24 -24
  112. package/Switch/switchClasses.d.ts +32 -32
  113. package/Tab/tabClasses.d.ts +26 -26
  114. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  115. package/Table/tableClasses.d.ts +10 -10
  116. package/TableBody/tableBodyClasses.d.ts +8 -8
  117. package/TableCell/TableCell.d.ts +6 -2
  118. package/TableCell/TableCell.js +6 -2
  119. package/TableCell/tableCellClasses.d.ts +32 -32
  120. package/TableContainer/tableContainerClasses.d.ts +8 -8
  121. package/TableFooter/tableFooterClasses.d.ts +8 -8
  122. package/TableHead/tableHeadClasses.d.ts +8 -8
  123. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  124. package/TableRow/tableRowClasses.d.ts +16 -16
  125. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  126. package/Tabs/tabsClasses.d.ts +32 -32
  127. package/TextField/textFieldClasses.d.ts +8 -8
  128. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  129. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  130. package/Toolbar/toolbarClasses.d.ts +14 -14
  131. package/Tooltip/Tooltip.js +1 -1
  132. package/Tooltip/tooltipClasses.d.ts +30 -30
  133. package/Typography/typographyClasses.d.ts +50 -50
  134. package/Unstable_Grid2/Grid2.d.ts +4 -4
  135. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  136. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  137. package/Unstable_Grid2/index.d.ts +4 -4
  138. package/className/index.d.ts +1 -1
  139. package/darkScrollbar/index.d.ts +28 -28
  140. package/index.js +1 -1
  141. package/internal/switchBaseClasses.d.ts +12 -12
  142. package/legacy/Autocomplete/Autocomplete.js +2 -2
  143. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  144. package/legacy/Grid/Grid.js +6 -2
  145. package/legacy/IconButton/IconButton.js +1 -1
  146. package/legacy/Skeleton/Skeleton.js +3 -1
  147. package/legacy/Skeleton/skeletonClasses.js +1 -1
  148. package/legacy/StepLabel/StepLabel.js +1 -1
  149. package/legacy/TableCell/TableCell.js +6 -2
  150. package/legacy/Tooltip/Tooltip.js +1 -1
  151. package/legacy/index.js +1 -1
  152. package/legacy/useScrollTrigger/useScrollTrigger.js +6 -2
  153. package/locale/index.d.ts +71 -71
  154. package/modern/Autocomplete/Autocomplete.js +2 -2
  155. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  156. package/modern/Grid/Grid.js +2 -2
  157. package/modern/IconButton/IconButton.js +1 -1
  158. package/modern/Skeleton/Skeleton.js +3 -1
  159. package/modern/Skeleton/skeletonClasses.js +1 -1
  160. package/modern/StepLabel/StepLabel.js +1 -1
  161. package/modern/TableCell/TableCell.js +6 -2
  162. package/modern/Tooltip/Tooltip.js +1 -1
  163. package/modern/index.js +1 -1
  164. package/modern/useScrollTrigger/useScrollTrigger.js +6 -2
  165. package/node/Autocomplete/Autocomplete.js +2 -2
  166. package/node/BottomNavigation/BottomNavigation.js +0 -0
  167. package/node/Grid/Grid.js +6 -2
  168. package/node/IconButton/IconButton.js +1 -1
  169. package/node/Skeleton/Skeleton.js +3 -1
  170. package/node/Skeleton/skeletonClasses.js +1 -1
  171. package/node/StepLabel/StepLabel.js +1 -1
  172. package/node/TableCell/TableCell.js +6 -2
  173. package/node/Tooltip/Tooltip.js +1 -1
  174. package/node/index.js +1 -1
  175. package/node/useScrollTrigger/useScrollTrigger.js +6 -2
  176. package/package.json +4 -3
  177. package/styles/CssVarsProvider.d.ts +14 -14
  178. package/transitions/index.d.ts +1 -1
  179. package/transitions/transition.d.ts +13 -13
  180. package/transitions/utils.d.ts +23 -23
  181. package/umd/material-ui.development.js +216 -109
  182. package/umd/material-ui.production.min.js +20 -20
  183. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  184. package/useScrollTrigger/useScrollTrigger.js +6 -2
  185. package/useTouchRipple/index.d.ts +1 -1
  186. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  187. package/utils/getScrollbarSize.d.ts +2 -2
  188. package/utils/ownerDocument.d.ts +2 -2
  189. package/utils/ownerWindow.d.ts +2 -2
  190. 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;
@@ -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;
@@ -185,7 +185,7 @@ const TooltipArrow = styled('span', {
185
185
  /* = width / sqrt(2) = (length of the hypotenuse) */
186
186
  ,
187
187
  boxSizing: 'border-box',
188
- color: theme.vars ? `rgba(${theme.vars.palette.grey.darkChannel} / 0.9)` : alpha(theme.palette.grey[700], 0.9),
188
+ color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
189
189
  '&::before': {
190
190
  content: '""',
191
191
  margin: 'auto',
@@ -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;
@@ -1,4 +1,4 @@
1
- import { OverridableComponent } from '@mui/types';
2
- import { Grid2TypeMap } from './Grid2Props';
3
- declare const Grid2: OverridableComponent<Grid2TypeMap<{}, "div">>;
4
- export default Grid2;
1
+ import { OverridableComponent } from '@mui/types';
2
+ import { Grid2TypeMap } from './Grid2Props';
3
+ declare const Grid2: OverridableComponent<Grid2TypeMap<{}, "div">>;
4
+ export default Grid2;
@@ -1,15 +1,15 @@
1
- import React from 'react';
2
- import { OverrideProps } from '@mui/types';
3
- import { SxProps, SystemProps } from '@mui/system';
4
- import { GridBaseProps } from '@mui/system/Unstable_Grid';
5
- import { Theme } from '../styles';
6
- export declare type Grid2Slot = 'root';
7
- export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
8
- props: P & GridBaseProps & {
9
- sx?: SxProps<Theme>;
10
- } & SystemProps<Theme>;
11
- defaultComponent: D;
12
- }
13
- export declare type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
14
- component?: React.ElementType;
15
- }> = OverrideProps<Grid2TypeMap<P, D>, D>;
1
+ import React from 'react';
2
+ import { OverrideProps } from '@mui/types';
3
+ import { SxProps, SystemProps } from '@mui/system';
4
+ import { GridBaseProps } from '@mui/system/Unstable_Grid';
5
+ import { Theme } from '../styles';
6
+ export declare type Grid2Slot = 'root';
7
+ export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
8
+ props: P & GridBaseProps & {
9
+ sx?: SxProps<Theme>;
10
+ } & SystemProps<Theme>;
11
+ defaultComponent: D;
12
+ }
13
+ export declare type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
14
+ component?: React.ElementType;
15
+ }> = OverrideProps<Grid2TypeMap<P, D>, D>;
@@ -1,5 +1,5 @@
1
- import { GridClasses } from '@mui/system/Unstable_Grid';
2
- export declare type Grid2ClassKey = keyof GridClasses;
3
- export declare function getGrid2UtilityClass(slot: string): string;
4
- declare const grid2Classes: GridClasses;
5
- export default grid2Classes;
1
+ import { GridClasses } from '@mui/system/Unstable_Grid';
2
+ export declare type Grid2ClassKey = keyof GridClasses;
3
+ export declare function getGrid2UtilityClass(slot: string): string;
4
+ declare const grid2Classes: GridClasses;
5
+ export default grid2Classes;
@@ -1,4 +1,4 @@
1
- export { default } from './Grid2';
2
- export * from './Grid2Props';
3
- export { default as grid2Classes } from './grid2Classes';
4
- export * from './grid2Classes';
1
+ export { default } from './Grid2';
2
+ export * from './Grid2Props';
3
+ export { default as grid2Classes } from './grid2Classes';
4
+ export * from './grid2Classes';
@@ -1 +1 @@
1
- export { unstable_ClassNameGenerator } from '@mui/utils';
1
+ export { unstable_ClassNameGenerator } from '@mui/utils';
@@ -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,4 +1,4 @@
1
- /** @license MUI v5.9.3
1
+ /** @license MUI v5.10.2
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.