@mui/material 5.11.3 → 5.11.4

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 (185) 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.d.ts +1 -0
  9. package/Autocomplete/Autocomplete.js +1 -0
  10. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  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/badgeClasses.d.ts +56 -56
  15. package/BottomNavigation/BottomNavigation.js +0 -0
  16. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  17. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  18. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  19. package/Button/buttonClasses.d.ts +100 -100
  20. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  21. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  22. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  23. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  24. package/CHANGELOG.md +48 -0
  25. package/Card/cardClasses.d.ts +8 -8
  26. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  27. package/CardActions/cardActionsClasses.d.ts +10 -10
  28. package/CardContent/cardContentClasses.d.ts +8 -8
  29. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  30. package/CardMedia/cardMediaClasses.d.ts +12 -12
  31. package/Checkbox/checkboxClasses.d.ts +18 -18
  32. package/Chip/chipClasses.d.ts +96 -96
  33. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  34. package/ClickAwayListener/index.d.ts +2 -2
  35. package/Collapse/collapseClasses.d.ts +18 -18
  36. package/Container/containerClasses.d.ts +6 -6
  37. package/Dialog/DialogContext.d.ts +6 -6
  38. package/Dialog/dialogClasses.d.ts +36 -36
  39. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  40. package/DialogContent/dialogContentClasses.d.ts +10 -10
  41. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  42. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  43. package/Divider/dividerClasses.d.ts +34 -34
  44. package/Drawer/drawerClasses.d.ts +30 -30
  45. package/Fab/fabClasses.d.ts +26 -26
  46. package/FilledInput/FilledInput.js +0 -4
  47. package/FilledInput/filledInputClasses.d.ts +40 -40
  48. package/FormControl/FormControlContext.d.ts +17 -17
  49. package/FormControl/formControlClasses.d.ts +14 -14
  50. package/FormControl/useFormControl.d.ts +2 -2
  51. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  52. package/FormGroup/formGroupClasses.d.ts +12 -12
  53. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  54. package/FormLabel/formLabelClasses.d.ts +22 -22
  55. package/Grid/gridClasses.d.ts +48 -48
  56. package/Icon/iconClasses.d.ts +24 -24
  57. package/IconButton/iconButtonClasses.d.ts +34 -34
  58. package/ImageList/imageListClasses.d.ts +16 -16
  59. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  60. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  61. package/Input/Input.js +1 -5
  62. package/Input/inputClasses.d.ts +34 -34
  63. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  64. package/InputBase/inputBaseClasses.d.ts +46 -46
  65. package/InputLabel/inputLabelClasses.d.ts +32 -32
  66. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  67. package/Link/getTextDecoration.d.ts +15 -15
  68. package/Link/linkClasses.d.ts +18 -18
  69. package/List/listClasses.d.ts +14 -14
  70. package/ListItem/listItemClasses.d.ts +30 -30
  71. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  72. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  73. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  74. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  75. package/ListItemText/listItemTextClasses.d.ts +18 -18
  76. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  77. package/Menu/menuClasses.d.ts +12 -12
  78. package/MenuItem/MenuItem.d.ts +1 -1
  79. package/MenuItem/MenuItem.js +2 -1
  80. package/MenuItem/menuItemClasses.d.ts +20 -20
  81. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  82. package/Modal/Modal.d.ts +35 -12
  83. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  84. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  85. package/Pagination/paginationClasses.d.ts +14 -14
  86. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  87. package/Paper/paperClasses.d.ts +39 -39
  88. package/Popover/popoverClasses.d.ts +10 -10
  89. package/Popper/Popper.d.ts +37 -37
  90. package/Radio/radioClasses.d.ts +16 -16
  91. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  92. package/RadioGroup/useRadioGroup.d.ts +4 -4
  93. package/Rating/ratingClasses.d.ts +40 -40
  94. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  95. package/Select/Select.d.ts +25 -83
  96. package/Select/selectClasses.d.ts +30 -30
  97. package/Skeleton/skeletonClasses.d.ts +26 -26
  98. package/Snackbar/snackbarClasses.d.ts +20 -20
  99. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  100. package/SpeedDial/speedDialClasses.d.ts +22 -22
  101. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  102. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  103. package/Step/StepContext.d.ts +20 -20
  104. package/Step/stepClasses.d.ts +16 -16
  105. package/StepButton/stepButtonClasses.d.ts +14 -14
  106. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  107. package/StepContent/stepContentClasses.d.ts +12 -12
  108. package/StepIcon/stepIconClasses.d.ts +16 -16
  109. package/StepLabel/stepLabelClasses.d.ts +28 -28
  110. package/Stepper/StepperContext.d.ts +18 -18
  111. package/Stepper/stepperClasses.d.ts +14 -14
  112. package/SvgIcon/svgIconClasses.d.ts +26 -26
  113. package/Switch/switchClasses.d.ts +32 -32
  114. package/Tab/tabClasses.d.ts +26 -26
  115. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  116. package/Table/tableClasses.d.ts +10 -10
  117. package/TableBody/tableBodyClasses.d.ts +8 -8
  118. package/TableCell/tableCellClasses.d.ts +32 -32
  119. package/TableContainer/tableContainerClasses.d.ts +8 -8
  120. package/TableFooter/tableFooterClasses.d.ts +8 -8
  121. package/TableHead/tableHeadClasses.d.ts +8 -8
  122. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  123. package/TableRow/tableRowClasses.d.ts +16 -16
  124. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  125. package/Tabs/Tabs.js +3 -1
  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 +0 -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/generateUtilityClass/index.d.ts +2 -2
  141. package/generateUtilityClasses/index.d.ts +1 -1
  142. package/index.js +3 -1
  143. package/internal/switchBaseClasses.d.ts +12 -12
  144. package/legacy/Autocomplete/Autocomplete.js +1 -0
  145. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  146. package/legacy/FilledInput/FilledInput.js +0 -3
  147. package/legacy/Input/Input.js +1 -4
  148. package/legacy/MenuItem/MenuItem.js +2 -1
  149. package/legacy/Tabs/Tabs.js +3 -1
  150. package/legacy/Tooltip/Tooltip.js +0 -1
  151. package/legacy/index.js +3 -1
  152. package/locale/index.d.ts +74 -74
  153. package/modern/Autocomplete/Autocomplete.js +1 -0
  154. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  155. package/modern/FilledInput/FilledInput.js +0 -4
  156. package/modern/Input/Input.js +1 -5
  157. package/modern/MenuItem/MenuItem.js +2 -1
  158. package/modern/Tabs/Tabs.js +3 -1
  159. package/modern/Tooltip/Tooltip.js +0 -1
  160. package/modern/index.js +3 -1
  161. package/node/Autocomplete/Autocomplete.js +1 -0
  162. package/node/BottomNavigation/BottomNavigation.js +0 -0
  163. package/node/FilledInput/FilledInput.js +0 -4
  164. package/node/Input/Input.js +1 -5
  165. package/node/MenuItem/MenuItem.js +2 -1
  166. package/node/Tabs/Tabs.js +3 -1
  167. package/node/Tooltip/Tooltip.js +0 -1
  168. package/node/index.js +3 -1
  169. package/package.json +4 -4
  170. package/styles/CssVarsProvider.d.ts +16 -16
  171. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  172. package/styles/getOverlayAlpha.d.ts +2 -2
  173. package/transitions/index.d.ts +1 -1
  174. package/transitions/transition.d.ts +13 -13
  175. package/transitions/utils.d.ts +23 -23
  176. package/types/OverridableComponentAugmentation.d.ts +31 -31
  177. package/umd/material-ui.development.js +27 -18
  178. package/umd/material-ui.production.min.js +7 -5
  179. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  180. package/useTouchRipple/index.d.ts +1 -1
  181. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  182. package/utils/getScrollbarSize.d.ts +2 -2
  183. package/utils/ownerDocument.d.ts +2 -2
  184. package/utils/ownerWindow.d.ts +2 -2
  185. package/utils/setRef.d.ts +2 -2
@@ -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 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 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
@@ -307,7 +307,9 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
307
307
  }
308
308
  tabMeta = tab ? tab.getBoundingClientRect() : null;
309
309
  if (process.env.NODE_ENV !== 'production') {
310
- if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
310
+ if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
311
+ // if the whole Tabs component is hidden, don't warn
312
+ tabsMeta.clientWidth !== 0) {
311
313
  tabsMeta = null;
312
314
  console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
313
315
  warnedOnceTabPresent = true;
@@ -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 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 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 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 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 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 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 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 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 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 type ToolbarClassKey = keyof ToolbarClasses;
12
+ export declare function getToolbarUtilityClass(slot: string): string;
13
+ declare const toolbarClasses: ToolbarClasses;
14
+ export default toolbarClasses;
@@ -569,7 +569,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
569
569
  }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({
570
570
  timeout: theme.transitions.duration.shorter
571
571
  }, TransitionPropsInner, transitionProps, {
572
- "data-foo": "bar",
573
572
  children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
574
573
  children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
575
574
  ref: setArrowRef
@@ -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 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 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 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 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 * as 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 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 type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
14
- component?: React.ElementType;
15
- }> = OverrideProps<Grid2TypeMap<P, D>, D>;
1
+ import * as 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 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 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 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 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
+ };
@@ -1,2 +1,2 @@
1
- export { unstable_generateUtilityClass as default } from '@mui/utils';
2
- export type { GlobalStateSlot } from '@mui/utils';
1
+ export { unstable_generateUtilityClass as default } from '@mui/utils';
2
+ export type { GlobalStateSlot } from '@mui/utils';
@@ -1 +1 @@
1
- export { unstable_generateUtilityClasses as default } from '@mui/utils';
1
+ export { unstable_generateUtilityClasses as default } from '@mui/utils';
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
- /** @license MUI v5.11.3
1
+ /**
2
+ * @mui/material v5.11.4
2
3
  *
4
+ * @license MIT
3
5
  * This source code is licensed under the MIT license found in the
4
6
  * LICENSE file in the root directory of this source tree.
5
7
  */
@@ -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 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 type SwitchBaseClassKey = keyof SwitchBaseClasses;
10
+ export declare function getSwitchBaseUtilityClass(slot: string): string;
11
+ declare const switchBaseClasses: SwitchBaseClasses;
12
+ export default switchBaseClasses;
@@ -528,6 +528,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
528
528
  className: classes.option
529
529
  }), option, {
530
530
  selected: optionProps['aria-selected'],
531
+ index: index,
531
532
  inputValue: inputValue
532
533
  });
533
534
  };
File without changes
@@ -84,9 +84,6 @@ var FilledInputRoot = styled(InputBaseRoot, {
84
84
  }), _defineProperty(_ref2, "&.".concat(filledInputClasses.error), {
85
85
  '&:before, &:after': {
86
86
  borderBottomColor: (theme.vars || theme).palette.error.main
87
- },
88
- '&:focus-within:after': {
89
- transform: 'scaleX(1)' // error is always underlined in red
90
87
  }
91
88
  }), _defineProperty(_ref2, '&:before', {
92
89
  borderBottom: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")") : bottomLineColor),
@@ -70,9 +70,6 @@ var InputRoot = styled(InputBaseRoot, {
70
70
  }), _defineProperty(_ref2, "&.".concat(inputClasses.error), {
71
71
  '&:before, &:after': {
72
72
  borderBottomColor: (theme.vars || theme).palette.error.main
73
- },
74
- '&:focus-within:after': {
75
- transform: 'scaleX(1)' // error is always underlined in red
76
73
  }
77
74
  }), _defineProperty(_ref2, '&:before', {
78
75
  borderBottom: "1px solid ".concat(bottomLineColor),
@@ -87,7 +84,7 @@ var InputRoot = styled(InputBaseRoot, {
87
84
  }),
88
85
  pointerEvents: 'none' // Transparent to the hover style.
89
86
  }), _defineProperty(_ref2, "&:hover:not(.".concat(inputClasses.disabled, ", .").concat(inputClasses.error, "):before"), {
90
- borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary),
87
+ borderBottom: "2px solid ".concat((theme.vars || theme).palette.text.primary),
91
88
  // Reset on touch devices, it doesn't add specificity
92
89
  '@media (hover: none)': {
93
90
  borderBottom: "1px solid ".concat(bottomLineColor)