@mui/material 5.14.4 → 5.14.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 (173) 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/autocompleteClasses.d.ts +58 -58
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/Badge.d.ts +135 -67
  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 +74 -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 +22 -22
  31. package/Chip/chipClasses.d.ts +96 -96
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +1 -1
  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 +42 -42
  46. package/FormControl/FormControlContext.d.ts +17 -17
  47. package/FormControl/formControlClasses.d.ts +14 -14
  48. package/FormControl/useFormControl.d.ts +2 -2
  49. package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
  50. package/FormGroup/formGroupClasses.d.ts +12 -12
  51. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  52. package/FormLabel/formLabelClasses.d.ts +22 -22
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/iconButtonClasses.d.ts +34 -34
  56. package/ImageList/imageListClasses.d.ts +16 -16
  57. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  58. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  59. package/Input/inputClasses.d.ts +38 -38
  60. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  61. package/InputBase/inputBaseClasses.d.ts +46 -46
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/getTextDecoration.d.ts +15 -15
  65. package/Link/linkClasses.d.ts +18 -18
  66. package/List/listClasses.d.ts +14 -14
  67. package/ListItem/listItemClasses.d.ts +30 -30
  68. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  69. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  70. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  71. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  72. package/ListItemText/listItemTextClasses.d.ts +18 -18
  73. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  74. package/Menu/menuClasses.d.ts +12 -12
  75. package/MenuItem/menuItemClasses.d.ts +20 -20
  76. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  77. package/Modal/index.d.ts +1 -1
  78. package/Modal/index.js +1 -1
  79. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  80. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  81. package/Pagination/paginationClasses.d.ts +14 -14
  82. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  83. package/Paper/paperClasses.d.ts +39 -39
  84. package/Popover/popoverClasses.d.ts +10 -10
  85. package/Popper/Popper.d.ts +65 -65
  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 +32 -32
  92. package/Skeleton/skeletonClasses.d.ts +26 -26
  93. package/Slider/SliderValueLabel.d.ts +10 -10
  94. package/Slider/SliderValueLabel.types.d.ts +24 -24
  95. package/Slider/sliderClasses.d.ts +58 -58
  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/Stack/stackClasses.d.ts +6 -6
  102. package/Step/StepContext.d.ts +20 -20
  103. package/Step/stepClasses.d.ts +16 -16
  104. package/StepButton/stepButtonClasses.d.ts +14 -14
  105. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  106. package/StepContent/stepContentClasses.d.ts +12 -12
  107. package/StepIcon/stepIconClasses.d.ts +16 -16
  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 +26 -26
  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/tableCellClasses.d.ts +32 -32
  118. package/TableContainer/tableContainerClasses.d.ts +8 -8
  119. package/TableFooter/tableFooterClasses.d.ts +8 -8
  120. package/TableHead/tableHeadClasses.d.ts +8 -8
  121. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  122. package/TableRow/tableRowClasses.d.ts +16 -16
  123. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  124. package/Tabs/tabsClasses.d.ts +32 -32
  125. package/TextField/TextField.js +11 -2
  126. package/TextField/textFieldClasses.d.ts +8 -8
  127. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  128. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  129. package/Toolbar/toolbarClasses.d.ts +14 -14
  130. package/Tooltip/tooltipClasses.d.ts +30 -30
  131. package/Typography/typographyClasses.d.ts +50 -50
  132. package/Unstable_Grid2/Grid2.d.ts +4 -4
  133. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  134. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  135. package/Unstable_Grid2/index.d.ts +4 -4
  136. package/className/index.d.ts +1 -1
  137. package/darkScrollbar/index.d.ts +28 -28
  138. package/generateUtilityClass/index.d.ts +2 -2
  139. package/generateUtilityClasses/index.d.ts +1 -1
  140. package/index.js +1 -1
  141. package/internal/switchBaseClasses.d.ts +12 -12
  142. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  143. package/legacy/Modal/index.js +1 -1
  144. package/legacy/TextField/TextField.js +11 -2
  145. package/legacy/index.js +1 -1
  146. package/locale/index.d.ts +80 -80
  147. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  148. package/modern/Modal/index.js +1 -1
  149. package/modern/TextField/TextField.js +11 -2
  150. package/modern/index.js +1 -1
  151. package/node/BottomNavigation/BottomNavigation.js +0 -0
  152. package/node/Modal/index.js +7 -7
  153. package/node/TextField/TextField.js +11 -2
  154. package/node/index.js +1 -1
  155. package/package.json +5 -5
  156. package/styles/CssVarsProvider.d.ts +20 -20
  157. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  158. package/styles/getOverlayAlpha.d.ts +2 -2
  159. package/styles/identifier.d.ts +2 -2
  160. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  161. package/transitions/index.d.ts +1 -1
  162. package/transitions/transition.d.ts +13 -13
  163. package/transitions/utils.d.ts +23 -23
  164. package/types/OverridableComponentAugmentation.d.ts +31 -31
  165. package/umd/material-ui.development.js +217 -127
  166. package/umd/material-ui.production.min.js +18 -18
  167. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  168. package/useTouchRipple/index.d.ts +1 -1
  169. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  170. package/utils/getScrollbarSize.d.ts +2 -2
  171. package/utils/ownerDocument.d.ts +2 -2
  172. package/utils/ownerWindow.d.ts +2 -2
  173. package/utils/setRef.d.ts +2 -2
@@ -1,14 +1,14 @@
1
- export interface StepperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- }
11
- export type StepperClassKey = keyof StepperClasses;
12
- export declare function getStepperUtilityClass(slot: string): string;
13
- declare const stepperClasses: StepperClasses;
14
- export default stepperClasses;
1
+ export interface StepperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ }
11
+ export type StepperClassKey = keyof StepperClasses;
12
+ export declare function getStepperUtilityClass(slot: string): string;
13
+ declare const stepperClasses: StepperClasses;
14
+ export default stepperClasses;
@@ -1,26 +1,26 @@
1
- export interface SvgIconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `color="primary"`. */
5
- colorPrimary: string;
6
- /** Styles applied to the root element if `color="secondary"`. */
7
- colorSecondary: string;
8
- /** Styles applied to the root element if `color="action"`. */
9
- colorAction: string;
10
- /** Styles applied to the root element if `color="error"`. */
11
- colorError: string;
12
- /** Styles applied to the root element if `color="disabled"`. */
13
- colorDisabled: string;
14
- /** Styles applied to the root element if `fontSize="inherit"`. */
15
- fontSizeInherit: string;
16
- /** Styles applied to the root element if `fontSize="small"`. */
17
- fontSizeSmall: string;
18
- /** Styles applied to the root element if `fontSize="medium"`. */
19
- fontSizeMedium: string;
20
- /** Styles applied to the root element if `fontSize="large"`. */
21
- fontSizeLarge: string;
22
- }
23
- export type SvgIconClassKey = keyof SvgIconClasses;
24
- export declare function getSvgIconUtilityClass(slot: string): string;
25
- declare const svgIconClasses: SvgIconClasses;
26
- export default svgIconClasses;
1
+ export interface SvgIconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `color="primary"`. */
5
+ colorPrimary: string;
6
+ /** Styles applied to the root element if `color="secondary"`. */
7
+ colorSecondary: string;
8
+ /** Styles applied to the root element if `color="action"`. */
9
+ colorAction: string;
10
+ /** Styles applied to the root element if `color="error"`. */
11
+ colorError: string;
12
+ /** Styles applied to the root element if `color="disabled"`. */
13
+ colorDisabled: string;
14
+ /** Styles applied to the root element if `fontSize="inherit"`. */
15
+ fontSizeInherit: string;
16
+ /** Styles applied to the root element if `fontSize="small"`. */
17
+ fontSizeSmall: string;
18
+ /** Styles applied to the root element if `fontSize="medium"`. */
19
+ fontSizeMedium: string;
20
+ /** Styles applied to the root element if `fontSize="large"`. */
21
+ fontSizeLarge: string;
22
+ }
23
+ export type SvgIconClassKey = keyof SvgIconClasses;
24
+ export declare function getSvgIconUtilityClass(slot: string): string;
25
+ declare const svgIconClasses: SvgIconClasses;
26
+ export default svgIconClasses;
@@ -1,32 +1,32 @@
1
- export interface SwitchClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `edge="start"`. */
5
- edgeStart: string;
6
- /** Styles applied to the root element if `edge="end"`. */
7
- edgeEnd: string;
8
- /** Styles applied to the internal `SwitchBase` component's `root` class. */
9
- switchBase: string;
10
- /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
- colorSecondary: 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
- /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
- checked: string;
20
- /** State class applied to the internal SwitchBase component's disabled class. */
21
- disabled: string;
22
- /** Styles applied to the internal SwitchBase component's input element. */
23
- input: string;
24
- /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
- thumb: string;
26
- /** Styles applied to the track element. */
27
- track: string;
28
- }
29
- export type SwitchClassKey = keyof SwitchClasses;
30
- export declare function getSwitchUtilityClass(slot: string): string;
31
- declare const switchClasses: SwitchClasses;
32
- export default switchClasses;
1
+ export interface SwitchClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `edge="start"`. */
5
+ edgeStart: string;
6
+ /** Styles applied to the root element if `edge="end"`. */
7
+ edgeEnd: string;
8
+ /** Styles applied to the internal `SwitchBase` component's `root` class. */
9
+ switchBase: string;
10
+ /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
+ colorSecondary: 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
+ /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
+ checked: string;
20
+ /** State class applied to the internal SwitchBase component's disabled class. */
21
+ disabled: string;
22
+ /** Styles applied to the internal SwitchBase component's input element. */
23
+ input: string;
24
+ /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
+ thumb: string;
26
+ /** Styles applied to the track element. */
27
+ track: string;
28
+ }
29
+ export type SwitchClassKey = keyof SwitchClasses;
30
+ export declare function getSwitchUtilityClass(slot: string): string;
31
+ declare const switchClasses: SwitchClasses;
32
+ export default switchClasses;
@@ -1,26 +1,26 @@
1
- export interface TabClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if both `icon` and `label` are provided. */
5
- labelIcon: string;
6
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
7
- textColorInherit: string;
8
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
9
- textColorPrimary: string;
10
- /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
11
- textColorSecondary: string;
12
- /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
- selected: string;
14
- /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
- disabled: string;
16
- /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
- fullWidth: string;
18
- /** Styles applied to the root element if `wrapped={true}`. */
19
- wrapped: string;
20
- /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
- iconWrapper: string;
22
- }
23
- export type TabClassKey = keyof TabClasses;
24
- export declare function getTabUtilityClass(slot: string): string;
25
- declare const tabClasses: TabClasses;
26
- export default tabClasses;
1
+ export interface TabClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if both `icon` and `label` are provided. */
5
+ labelIcon: string;
6
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
7
+ textColorInherit: string;
8
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
9
+ textColorPrimary: string;
10
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
11
+ textColorSecondary: string;
12
+ /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
+ selected: string;
14
+ /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
+ fullWidth: string;
18
+ /** Styles applied to the root element if `wrapped={true}`. */
19
+ wrapped: string;
20
+ /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
+ iconWrapper: string;
22
+ }
23
+ export type TabClassKey = keyof TabClasses;
24
+ export declare function getTabUtilityClass(slot: string): string;
25
+ declare const tabClasses: TabClasses;
26
+ export default tabClasses;
@@ -1,12 +1,12 @@
1
- export interface TabScrollButtonClasses {
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
- }
9
- export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
10
- export declare function getTabScrollButtonUtilityClass(slot: string): string;
11
- declare const tabScrollButtonClasses: TabScrollButtonClasses;
12
- export default tabScrollButtonClasses;
1
+ export interface TabScrollButtonClasses {
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
+ }
9
+ export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
10
+ export declare function getTabScrollButtonUtilityClass(slot: string): string;
11
+ declare const tabScrollButtonClasses: TabScrollButtonClasses;
12
+ export default tabScrollButtonClasses;
@@ -1,10 +1,10 @@
1
- export interface TableClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `stickyHeader={true}`. */
5
- stickyHeader: string;
6
- }
7
- export type TableClassKey = keyof TableClasses;
8
- export declare function getTableUtilityClass(slot: string): string;
9
- declare const tableClasses: TableClasses;
10
- export default tableClasses;
1
+ export interface TableClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `stickyHeader={true}`. */
5
+ stickyHeader: string;
6
+ }
7
+ export type TableClassKey = keyof TableClasses;
8
+ export declare function getTableUtilityClass(slot: string): string;
9
+ declare const tableClasses: TableClasses;
10
+ export default tableClasses;
@@ -1,8 +1,8 @@
1
- export interface TableBodyClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type TableBodyClassKey = keyof TableBodyClasses;
6
- export declare function getTableBodyUtilityClass(slot: string): string;
7
- declare const tableBodyClasses: TableBodyClasses;
8
- export default tableBodyClasses;
1
+ export interface TableBodyClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type TableBodyClassKey = keyof TableBodyClasses;
6
+ export declare function getTableBodyUtilityClass(slot: string): string;
7
+ declare const tableBodyClasses: TableBodyClasses;
8
+ export default tableBodyClasses;
@@ -1,32 +1,32 @@
1
- export interface TableCellClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
5
- head: string;
6
- /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
7
- body: string;
8
- /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
9
- footer: string;
10
- /** Styles applied to the root element if `size="small"`. */
11
- sizeSmall: string;
12
- /** Styles applied to the root element if `size="medium"`. */
13
- sizeMedium: string;
14
- /** Styles applied to the root element if `padding="checkbox"`. */
15
- paddingCheckbox: string;
16
- /** Styles applied to the root element if `padding="none"`. */
17
- paddingNone: string;
18
- /** Styles applied to the root element if `align="left"`. */
19
- alignLeft: string;
20
- /** Styles applied to the root element if `align="center"`. */
21
- alignCenter: string;
22
- /** Styles applied to the root element if `align="right"`. */
23
- alignRight: string;
24
- /** Styles applied to the root element if `align="justify"`. */
25
- alignJustify: string;
26
- /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
27
- stickyHeader: string;
28
- }
29
- export type TableCellClassKey = keyof TableCellClasses;
30
- export declare function getTableCellUtilityClass(slot: string): string;
31
- declare const tableCellClasses: TableCellClasses;
32
- export default tableCellClasses;
1
+ export interface TableCellClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
5
+ head: string;
6
+ /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
7
+ body: string;
8
+ /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
9
+ footer: string;
10
+ /** Styles applied to the root element if `size="small"`. */
11
+ sizeSmall: string;
12
+ /** Styles applied to the root element if `size="medium"`. */
13
+ sizeMedium: string;
14
+ /** Styles applied to the root element if `padding="checkbox"`. */
15
+ paddingCheckbox: string;
16
+ /** Styles applied to the root element if `padding="none"`. */
17
+ paddingNone: string;
18
+ /** Styles applied to the root element if `align="left"`. */
19
+ alignLeft: string;
20
+ /** Styles applied to the root element if `align="center"`. */
21
+ alignCenter: string;
22
+ /** Styles applied to the root element if `align="right"`. */
23
+ alignRight: string;
24
+ /** Styles applied to the root element if `align="justify"`. */
25
+ alignJustify: string;
26
+ /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
27
+ stickyHeader: string;
28
+ }
29
+ export type TableCellClassKey = keyof TableCellClasses;
30
+ export declare function getTableCellUtilityClass(slot: string): string;
31
+ declare const tableCellClasses: TableCellClasses;
32
+ export default tableCellClasses;
@@ -1,8 +1,8 @@
1
- export interface TableContainerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type TableContainerClassKey = keyof TableContainerClasses;
6
- export declare function getTableContainerUtilityClass(slot: string): string;
7
- declare const tableContainerClasses: TableContainerClasses;
8
- export default tableContainerClasses;
1
+ export interface TableContainerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type TableContainerClassKey = keyof TableContainerClasses;
6
+ export declare function getTableContainerUtilityClass(slot: string): string;
7
+ declare const tableContainerClasses: TableContainerClasses;
8
+ export default tableContainerClasses;
@@ -1,8 +1,8 @@
1
- export interface TableFooterClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type TableFooterClassKey = keyof TableFooterClasses;
6
- export declare function getTableFooterUtilityClass(slot: string): string;
7
- declare const tableFooterClasses: TableFooterClasses;
8
- export default tableFooterClasses;
1
+ export interface TableFooterClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type TableFooterClassKey = keyof TableFooterClasses;
6
+ export declare function getTableFooterUtilityClass(slot: string): string;
7
+ declare const tableFooterClasses: TableFooterClasses;
8
+ export default tableFooterClasses;
@@ -1,8 +1,8 @@
1
- export interface TableHeadClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type TableHeadClassKey = keyof TableHeadClasses;
6
- export declare function getTableHeadUtilityClass(slot: string): string;
7
- declare const tableHeadClasses: TableHeadClasses;
8
- export default tableHeadClasses;
1
+ export interface TableHeadClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type TableHeadClassKey = keyof TableHeadClasses;
6
+ export declare function getTableHeadUtilityClass(slot: string): string;
7
+ declare const tableHeadClasses: TableHeadClasses;
8
+ export default tableHeadClasses;
@@ -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 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 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 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 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 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;
@@ -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;
@@ -144,6 +144,14 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
144
144
  }
145
145
  InputMore['aria-describedby'] = undefined;
146
146
  }
147
+ const handleClick = event => {
148
+ if (!disabled && onClick) {
149
+ // The `onClick` is registered both on the root and the input elements.
150
+ // Without stopping the propagation, the event could be triggered twice.
151
+ event.stopPropagation();
152
+ onClick(event);
153
+ }
154
+ };
147
155
  const id = useId(idOverride);
148
156
  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
149
157
  const inputLabelId = label && id ? `${id}-label` : undefined;
@@ -166,7 +174,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
166
174
  onBlur: onBlur,
167
175
  onChange: onChange,
168
176
  onFocus: onFocus,
169
- onClick: onClick,
177
+ onClick: handleClick,
170
178
  placeholder: placeholder,
171
179
  inputProps: inputProps
172
180
  }, InputMore, InputProps));
@@ -179,7 +187,8 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
179
187
  required: required,
180
188
  color: color,
181
189
  variant: variant,
182
- ownerState: ownerState
190
+ ownerState: ownerState,
191
+ onClick: handleClick
183
192
  }, other, {
184
193
  children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabel, _extends({
185
194
  htmlFor: id,
@@ -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;