@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.
Files changed (235) 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/AppBar.js +22 -5
  8. package/AppBar/appBarClasses.d.ts +28 -28
  9. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  10. package/Avatar/Avatar.js +7 -4
  11. package/Avatar/avatarClasses.d.ts +20 -20
  12. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  13. package/Backdrop/backdropClasses.d.ts +10 -10
  14. package/Badge/Badge.js +2 -2
  15. package/Badge/badgeClasses.d.ts +56 -56
  16. package/BottomNavigation/BottomNavigation.js +0 -0
  17. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  18. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  19. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  20. package/Button/buttonClasses.d.ts +100 -100
  21. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  22. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  23. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  24. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  25. package/CHANGELOG.md +69 -4
  26. package/Card/cardClasses.d.ts +8 -8
  27. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  28. package/CardActions/cardActionsClasses.d.ts +10 -10
  29. package/CardContent/cardContentClasses.d.ts +8 -8
  30. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  31. package/CardMedia/cardMediaClasses.d.ts +12 -12
  32. package/Checkbox/checkboxClasses.d.ts +18 -18
  33. package/Chip/Chip.js +31 -30
  34. package/Chip/chipClasses.d.ts +80 -80
  35. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  36. package/ClickAwayListener/index.d.ts +2 -2
  37. package/Collapse/collapseClasses.d.ts +18 -18
  38. package/Container/containerClasses.d.ts +6 -6
  39. package/Dialog/Dialog.js +11 -6
  40. package/Dialog/DialogContext.d.ts +6 -6
  41. package/Dialog/dialogClasses.d.ts +36 -36
  42. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  43. package/DialogContent/dialogContentClasses.d.ts +10 -10
  44. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  45. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  46. package/Divider/dividerClasses.d.ts +34 -34
  47. package/Drawer/drawerClasses.d.ts +30 -30
  48. package/Fab/fabClasses.d.ts +26 -26
  49. package/FilledInput/FilledInput.js +28 -13
  50. package/FilledInput/filledInputClasses.d.ts +40 -40
  51. package/FormControl/formControlClasses.d.ts +14 -14
  52. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  53. package/FormGroup/formGroupClasses.d.ts +12 -12
  54. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  55. package/FormLabel/formLabelClasses.d.ts +22 -22
  56. package/Grid/gridClasses.d.ts +48 -48
  57. package/Icon/iconClasses.d.ts +24 -24
  58. package/IconButton/iconButtonClasses.d.ts +26 -26
  59. package/ImageList/imageListClasses.d.ts +16 -16
  60. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  61. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  62. package/Input/inputClasses.d.ts +34 -34
  63. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  64. package/InputBase/InputBase.js +2 -2
  65. package/InputBase/inputBaseClasses.d.ts +44 -44
  66. package/InputLabel/inputLabelClasses.d.ts +32 -32
  67. package/LinearProgress/LinearProgress.js +6 -2
  68. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  69. package/Link/getTextDecoration.d.ts +15 -15
  70. package/Link/linkClasses.d.ts +18 -18
  71. package/List/listClasses.d.ts +14 -14
  72. package/ListItem/listItemClasses.d.ts +30 -30
  73. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  74. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  75. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  76. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  77. package/ListItemText/listItemTextClasses.d.ts +18 -18
  78. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  79. package/Menu/menuClasses.d.ts +12 -12
  80. package/MenuItem/menuItemClasses.d.ts +20 -20
  81. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  82. package/Modal/Modal.d.ts +2 -0
  83. package/Modal/Modal.js +25 -8
  84. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  85. package/OutlinedInput/OutlinedInput.js +25 -10
  86. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  87. package/Pagination/paginationClasses.d.ts +14 -14
  88. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  89. package/Paper/paperClasses.d.ts +39 -39
  90. package/Popover/popoverClasses.d.ts +10 -10
  91. package/Popper/Popper.d.ts +29 -29
  92. package/Radio/radioClasses.d.ts +16 -16
  93. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  94. package/RadioGroup/useRadioGroup.d.ts +4 -4
  95. package/Rating/ratingClasses.d.ts +40 -40
  96. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  97. package/Select/selectClasses.d.ts +30 -30
  98. package/Skeleton/Skeleton.js +8 -3
  99. package/Skeleton/skeletonClasses.d.ts +24 -24
  100. package/Slider/Slider.js +12 -12
  101. package/Snackbar/snackbarClasses.d.ts +20 -20
  102. package/SnackbarContent/SnackbarContent.js +3 -3
  103. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  104. package/SpeedDial/speedDialClasses.d.ts +22 -22
  105. package/SpeedDialAction/SpeedDialAction.js +7 -7
  106. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  107. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  108. package/Step/StepContext.d.ts +20 -20
  109. package/Step/stepClasses.d.ts +16 -16
  110. package/StepButton/stepButtonClasses.d.ts +14 -14
  111. package/StepConnector/StepConnector.js +14 -11
  112. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  113. package/StepContent/StepContent.js +1 -1
  114. package/StepContent/stepContentClasses.d.ts +12 -12
  115. package/StepIcon/stepIconClasses.d.ts +16 -16
  116. package/StepLabel/stepLabelClasses.d.ts +28 -28
  117. package/Stepper/StepperContext.d.ts +18 -18
  118. package/Stepper/stepperClasses.d.ts +14 -14
  119. package/SvgIcon/svgIconClasses.d.ts +24 -24
  120. package/Switch/Switch.js +11 -11
  121. package/Switch/switchClasses.d.ts +32 -32
  122. package/Tab/tabClasses.d.ts +26 -26
  123. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  124. package/Table/tableClasses.d.ts +10 -10
  125. package/TableBody/tableBodyClasses.d.ts +8 -8
  126. package/TableCell/TableCell.js +5 -5
  127. package/TableCell/tableCellClasses.d.ts +32 -32
  128. package/TableContainer/tableContainerClasses.d.ts +8 -8
  129. package/TableFooter/tableFooterClasses.d.ts +8 -8
  130. package/TableHead/tableHeadClasses.d.ts +8 -8
  131. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  132. package/TableRow/tableRowClasses.d.ts +16 -16
  133. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  134. package/Tabs/Tabs.js +6 -16
  135. package/Tabs/tabsClasses.d.ts +32 -32
  136. package/TextField/textFieldClasses.d.ts +8 -8
  137. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  138. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  139. package/Toolbar/toolbarClasses.d.ts +14 -14
  140. package/Tooltip/Tooltip.js +1 -1
  141. package/Tooltip/tooltipClasses.d.ts +30 -30
  142. package/Typography/typographyClasses.d.ts +50 -50
  143. package/className/index.d.ts +1 -1
  144. package/darkScrollbar/index.d.ts +28 -28
  145. package/index.js +1 -1
  146. package/internal/switchBaseClasses.d.ts +12 -12
  147. package/legacy/AppBar/AppBar.js +23 -4
  148. package/legacy/Avatar/Avatar.js +7 -4
  149. package/legacy/Badge/Badge.js +2 -2
  150. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  151. package/legacy/Chip/Chip.js +31 -30
  152. package/legacy/Dialog/Dialog.js +11 -6
  153. package/legacy/FilledInput/FilledInput.js +28 -14
  154. package/legacy/InputBase/InputBase.js +2 -2
  155. package/legacy/LinearProgress/LinearProgress.js +6 -2
  156. package/legacy/Modal/Modal.js +23 -7
  157. package/legacy/OutlinedInput/OutlinedInput.js +21 -9
  158. package/legacy/Skeleton/Skeleton.js +2 -2
  159. package/legacy/Slider/Slider.js +12 -12
  160. package/legacy/SnackbarContent/SnackbarContent.js +3 -3
  161. package/legacy/SpeedDialAction/SpeedDialAction.js +7 -7
  162. package/legacy/StepConnector/StepConnector.js +2 -1
  163. package/legacy/StepContent/StepContent.js +1 -1
  164. package/legacy/Switch/Switch.js +11 -11
  165. package/legacy/TableCell/TableCell.js +5 -5
  166. package/legacy/Tabs/Tabs.js +6 -16
  167. package/legacy/Tooltip/Tooltip.js +1 -1
  168. package/legacy/index.js +1 -1
  169. package/legacy/styles/CssVarsProvider.js +1 -1
  170. package/legacy/styles/experimental_extendTheme.js +113 -18
  171. package/locale/index.d.ts +71 -71
  172. package/modern/AppBar/AppBar.js +22 -5
  173. package/modern/Avatar/Avatar.js +7 -4
  174. package/modern/Badge/Badge.js +2 -2
  175. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  176. package/modern/Chip/Chip.js +31 -30
  177. package/modern/Dialog/Dialog.js +11 -6
  178. package/modern/FilledInput/FilledInput.js +27 -12
  179. package/modern/InputBase/InputBase.js +2 -2
  180. package/modern/LinearProgress/LinearProgress.js +6 -2
  181. package/modern/Modal/Modal.js +24 -7
  182. package/modern/OutlinedInput/OutlinedInput.js +25 -10
  183. package/modern/Skeleton/Skeleton.js +7 -2
  184. package/modern/Slider/Slider.js +12 -12
  185. package/modern/SnackbarContent/SnackbarContent.js +3 -3
  186. package/modern/SpeedDialAction/SpeedDialAction.js +7 -7
  187. package/modern/StepConnector/StepConnector.js +14 -11
  188. package/modern/StepContent/StepContent.js +1 -1
  189. package/modern/Switch/Switch.js +11 -11
  190. package/modern/TableCell/TableCell.js +5 -5
  191. package/modern/Tabs/Tabs.js +6 -16
  192. package/modern/Tooltip/Tooltip.js +1 -1
  193. package/modern/index.js +1 -1
  194. package/modern/styles/CssVarsProvider.js +1 -1
  195. package/modern/styles/experimental_extendTheme.js +114 -18
  196. package/node/AppBar/AppBar.js +22 -5
  197. package/node/Avatar/Avatar.js +7 -4
  198. package/node/Badge/Badge.js +2 -2
  199. package/node/BottomNavigation/BottomNavigation.js +0 -0
  200. package/node/Chip/Chip.js +31 -30
  201. package/node/Dialog/Dialog.js +11 -6
  202. package/node/FilledInput/FilledInput.js +28 -13
  203. package/node/InputBase/InputBase.js +2 -2
  204. package/node/LinearProgress/LinearProgress.js +6 -2
  205. package/node/Modal/Modal.js +25 -8
  206. package/node/OutlinedInput/OutlinedInput.js +25 -10
  207. package/node/Skeleton/Skeleton.js +7 -2
  208. package/node/Slider/Slider.js +12 -12
  209. package/node/SnackbarContent/SnackbarContent.js +3 -3
  210. package/node/SpeedDialAction/SpeedDialAction.js +7 -7
  211. package/node/StepConnector/StepConnector.js +14 -11
  212. package/node/StepContent/StepContent.js +1 -1
  213. package/node/Switch/Switch.js +11 -11
  214. package/node/TableCell/TableCell.js +5 -5
  215. package/node/Tabs/Tabs.js +6 -16
  216. package/node/Tooltip/Tooltip.js +1 -1
  217. package/node/index.js +1 -1
  218. package/node/styles/CssVarsProvider.js +1 -1
  219. package/node/styles/experimental_extendTheme.js +112 -17
  220. package/package.json +4 -4
  221. package/styles/CssVarsProvider.js +1 -1
  222. package/styles/createPalette.d.ts +65 -2
  223. package/styles/experimental_extendTheme.js +114 -18
  224. package/transitions/index.d.ts +1 -1
  225. package/transitions/transition.d.ts +13 -13
  226. package/transitions/utils.d.ts +23 -23
  227. package/umd/material-ui.development.js +548 -240
  228. package/umd/material-ui.production.min.js +27 -22
  229. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  230. package/useTouchRipple/index.d.ts +1 -1
  231. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  232. package/utils/getScrollbarSize.d.ts +2 -2
  233. package/utils/ownerDocument.d.ts +2 -2
  234. package/utils/ownerWindow.d.ts +2 -2
  235. 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
 
@@ -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;
@@ -117,7 +117,7 @@ const TooltipTooltip = styled('div', {
117
117
  theme,
118
118
  ownerState
119
119
  }) => _extends({
120
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.grey.darkChannel} / 0.92)` : alpha(theme.palette.grey[700], 0.92),
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;
@@ -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.8.4
1
+ /** @license MUI v5.8.5
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.
@@ -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;