@mui/material 5.13.4 → 5.13.6

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 (187) 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/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/TouchRipple.js +4 -2
  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 +129 -4
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +18 -18
  31. package/Chip/chipClasses.d.ts +96 -96
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +2 -2
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/drawerClasses.d.ts +30 -30
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +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/Modal.js +8 -0
  78. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  79. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  80. package/Pagination/paginationClasses.d.ts +14 -14
  81. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  82. package/Paper/paperClasses.d.ts +39 -39
  83. package/Popover/Popover.d.ts +13 -2
  84. package/Popover/Popover.js +3 -2
  85. package/Popover/popoverClasses.d.ts +10 -10
  86. package/Popper/Popper.d.ts +65 -65
  87. package/README.md +2 -3
  88. package/Radio/radioClasses.d.ts +16 -16
  89. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  90. package/RadioGroup/useRadioGroup.d.ts +4 -4
  91. package/Rating/ratingClasses.d.ts +40 -40
  92. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  93. package/Select/selectClasses.d.ts +32 -32
  94. package/Skeleton/skeletonClasses.d.ts +26 -26
  95. package/Slider/SliderValueLabel.d.ts +15 -15
  96. package/Slider/SliderValueLabel.types.d.ts +24 -24
  97. package/Slider/sliderClasses.d.ts +58 -58
  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/Stack/stackClasses.d.ts +6 -6
  104. package/Step/StepContext.d.ts +20 -20
  105. package/Step/stepClasses.d.ts +16 -16
  106. package/StepButton/stepButtonClasses.d.ts +14 -14
  107. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  108. package/StepContent/stepContentClasses.d.ts +12 -12
  109. package/StepIcon/stepIconClasses.d.ts +16 -16
  110. package/StepLabel/stepLabelClasses.d.ts +28 -28
  111. package/Stepper/StepperContext.d.ts +18 -18
  112. package/Stepper/stepperClasses.d.ts +14 -14
  113. package/SvgIcon/SvgIcon.js +8 -4
  114. package/SvgIcon/svgIconClasses.d.ts +26 -26
  115. package/Switch/switchClasses.d.ts +32 -32
  116. package/Tab/tabClasses.d.ts +26 -26
  117. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  118. package/Table/tableClasses.d.ts +10 -10
  119. package/TableBody/tableBodyClasses.d.ts +8 -8
  120. package/TableCell/tableCellClasses.d.ts +32 -32
  121. package/TableContainer/tableContainerClasses.d.ts +8 -8
  122. package/TableFooter/tableFooterClasses.d.ts +8 -8
  123. package/TableHead/tableHeadClasses.d.ts +8 -8
  124. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  125. package/TableRow/tableRowClasses.d.ts +16 -16
  126. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  127. package/Tabs/tabsClasses.d.ts +32 -32
  128. package/TextField/textFieldClasses.d.ts +8 -8
  129. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  130. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  131. package/Toolbar/toolbarClasses.d.ts +14 -14
  132. package/Tooltip/Tooltip.d.ts +2 -2
  133. package/Tooltip/Tooltip.js +6 -1
  134. package/Tooltip/tooltipClasses.d.ts +30 -30
  135. package/Typography/typographyClasses.d.ts +50 -50
  136. package/Unstable_Grid2/Grid2.d.ts +4 -4
  137. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  138. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  139. package/Unstable_Grid2/index.d.ts +4 -4
  140. package/className/index.d.ts +1 -1
  141. package/darkScrollbar/index.d.ts +28 -28
  142. package/generateUtilityClass/index.d.ts +2 -2
  143. package/generateUtilityClasses/index.d.ts +1 -1
  144. package/index.js +1 -1
  145. package/internal/switchBaseClasses.d.ts +12 -12
  146. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  147. package/legacy/ButtonBase/TouchRipple.js +4 -2
  148. package/legacy/Modal/Modal.js +8 -0
  149. package/legacy/Popover/Popover.js +3 -2
  150. package/legacy/SvgIcon/SvgIcon.js +8 -4
  151. package/legacy/Tooltip/Tooltip.js +5 -2
  152. package/legacy/index.js +1 -1
  153. package/locale/index.d.ts +80 -80
  154. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  155. package/modern/ButtonBase/TouchRipple.js +4 -2
  156. package/modern/Modal/Modal.js +8 -0
  157. package/modern/Popover/Popover.js +3 -2
  158. package/modern/SvgIcon/SvgIcon.js +8 -4
  159. package/modern/Tooltip/Tooltip.js +6 -1
  160. package/modern/index.js +1 -1
  161. package/node/BottomNavigation/BottomNavigation.js +0 -0
  162. package/node/ButtonBase/TouchRipple.js +4 -2
  163. package/node/Modal/Modal.js +8 -0
  164. package/node/Popover/Popover.js +3 -2
  165. package/node/SvgIcon/SvgIcon.js +8 -4
  166. package/node/Tooltip/Tooltip.js +6 -1
  167. package/node/index.js +1 -1
  168. package/package.json +5 -5
  169. package/styles/CssVarsProvider.d.ts +20 -20
  170. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  171. package/styles/experimental_extendTheme.d.ts +1 -0
  172. package/styles/getOverlayAlpha.d.ts +2 -2
  173. package/styles/identifier.d.ts +2 -2
  174. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  175. package/transitions/index.d.ts +1 -1
  176. package/transitions/transition.d.ts +13 -13
  177. package/transitions/utils.d.ts +23 -23
  178. package/types/OverridableComponentAugmentation.d.ts +31 -31
  179. package/umd/material-ui.development.js +109 -69
  180. package/umd/material-ui.production.min.js +4 -4
  181. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  182. package/useTouchRipple/index.d.ts +1 -1
  183. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  184. package/utils/getScrollbarSize.d.ts +2 -2
  185. package/utils/ownerDocument.d.ts +2 -2
  186. package/utils/ownerWindow.d.ts +2 -2
  187. package/utils/setRef.d.ts +2 -2
package/README.md CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  - [_Joy UI_](https://mui.com/joy-ui/getting-started/overview/) is a beautifully designed library of React UI components.
13
13
 
14
- - [_Base UI_](https://mui.com/base/getting-started/overview/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
14
+ - [_Base UI_](https://mui.com/base-ui/getting-started/overview/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
15
15
 
16
16
  - [_MUI System_](https://mui.com/system/getting-started/overview/) is a collection of CSS utilities to help you rapidly lay out custom designs.
17
17
 
@@ -139,7 +139,6 @@ via [OpenCollective](https://opencollective.com/mui) or via [Patreon](https://ww
139
139
  <a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/192.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
140
140
  <a href="https://icons8.com?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/icons8/7fa1641/logo/192.png" alt="Icons8" title="We provide the neat icons, photos, illustrations, and music. Developers, use our API to insert all the content we have into your apps." loading="lazy"></a>
141
141
  <a href="https://ipinfo.ai?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/ipinfoai/04f41d5/logo/192.png" alt="ipinfo.ai" title="We offer various IP data API services, including IP Geolocation Data, ASN Data, Company Data, IP Ranges Data, Abuse Contacts Data, Anonymous Browsing Detection, etc." loading="lazy"></a>
142
- <a href="https://ridicorp.com?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/ridi-corporation/175dcf3/logo/192.png" alt="RIDI" title="RIDI is a South Korean digital content platform that offers webcomics, webnovels, animations, eBooks, and more." loading="lazy"></a>
143
142
  </p>
144
143
 
145
144
  Gold Sponsors are those who have pledged \$500/month or more to MUI.
@@ -180,7 +179,7 @@ Our documentation features [a collection of example projects using Material UI](
180
179
 
181
180
  - [Material UI](https://mui.com/material-ui/getting-started/overview/)
182
181
  - [Joy UI](https://mui.com/joy-ui/getting-started/overview/)
183
- - [Base UI](https://mui.com/base/getting-started/overview/)
182
+ - [Base UI](https://mui.com/base-ui/getting-started/overview/)
184
183
  - [MUI System](https://mui.com/system/getting-started/overview/)
185
184
 
186
185
  ## Premium themes
@@ -1,16 +1,16 @@
1
- export interface RadioClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** Styles applied to the root element if `color="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- }
13
- export type RadioClassKey = keyof RadioClasses;
14
- export declare function getRadioUtilityClass(slot: string): string;
15
- declare const radioClasses: RadioClasses;
16
- export default radioClasses;
1
+ export interface RadioClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** Styles applied to the root element if `color="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ }
13
+ export type RadioClassKey = keyof RadioClasses;
14
+ export declare function getRadioUtilityClass(slot: string): string;
15
+ declare const radioClasses: RadioClasses;
16
+ export default radioClasses;
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- export interface RadioGroupContextValue {
3
- name: string | undefined;
4
- onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
- value: any;
6
- }
7
- /**
8
- * @ignore - internal component.
9
- */
10
- declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
- export default RadioGroupContext;
1
+ import * as React from 'react';
2
+ export interface RadioGroupContextValue {
3
+ name: string | undefined;
4
+ onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
+ value: any;
6
+ }
7
+ /**
8
+ * @ignore - internal component.
9
+ */
10
+ declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
+ export default RadioGroupContext;
@@ -1,4 +1,4 @@
1
- import { RadioGroupContextValue } from './RadioGroupContext';
2
- export interface RadioGroupState extends RadioGroupContextValue {
3
- }
4
- export default function useRadioGroup(): RadioGroupState | undefined;
1
+ import { RadioGroupContextValue } from './RadioGroupContext';
2
+ export interface RadioGroupState extends RadioGroupContextValue {
3
+ }
4
+ export default function useRadioGroup(): RadioGroupState | undefined;
@@ -1,40 +1,40 @@
1
- export interface RatingClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `readOnly={true}`. */
11
- readOnly: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root element if keyboard focused. */
15
- focusVisible: string;
16
- /** Visually hide an element. */
17
- visuallyHidden: string;
18
- /** Styles applied to the label elements. */
19
- label: string;
20
- /** Styles applied to the label of the "no value" input when it is active. */
21
- labelEmptyValueActive: string;
22
- /** Styles applied to the icon wrapping elements. */
23
- icon: string;
24
- /** Styles applied to the icon wrapping elements when empty. */
25
- iconEmpty: string;
26
- /** Styles applied to the icon wrapping elements when filled. */
27
- iconFilled: string;
28
- /** Styles applied to the icon wrapping elements when hover. */
29
- iconHover: string;
30
- /** Styles applied to the icon wrapping elements when focus. */
31
- iconFocus: string;
32
- /** Styles applied to the icon wrapping elements when active. */
33
- iconActive: string;
34
- /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
- decimal: string;
36
- }
37
- export type RatingClassKey = keyof RatingClasses;
38
- export declare function getRatingUtilityClass(slot: string): string;
39
- declare const ratingClasses: RatingClasses;
40
- export default ratingClasses;
1
+ export interface RatingClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `readOnly={true}`. */
11
+ readOnly: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root element if keyboard focused. */
15
+ focusVisible: string;
16
+ /** Visually hide an element. */
17
+ visuallyHidden: string;
18
+ /** Styles applied to the label elements. */
19
+ label: string;
20
+ /** Styles applied to the label of the "no value" input when it is active. */
21
+ labelEmptyValueActive: string;
22
+ /** Styles applied to the icon wrapping elements. */
23
+ icon: string;
24
+ /** Styles applied to the icon wrapping elements when empty. */
25
+ iconEmpty: string;
26
+ /** Styles applied to the icon wrapping elements when filled. */
27
+ iconFilled: string;
28
+ /** Styles applied to the icon wrapping elements when hover. */
29
+ iconHover: string;
30
+ /** Styles applied to the icon wrapping elements when focus. */
31
+ iconFocus: string;
32
+ /** Styles applied to the icon wrapping elements when active. */
33
+ iconActive: string;
34
+ /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
+ decimal: string;
36
+ }
37
+ export type RatingClassKey = keyof RatingClasses;
38
+ export declare function getRatingUtilityClass(slot: string): string;
39
+ declare const ratingClasses: RatingClasses;
40
+ export default ratingClasses;
@@ -1,8 +1,8 @@
1
- export interface ScopedCssBaselineClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
- export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
- declare const scopedCssBaselineClasses: Record<"root", string>;
8
- export default scopedCssBaselineClasses;
1
+ export interface ScopedCssBaselineClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -1,32 +1,32 @@
1
- export interface SelectClasses {
2
- /** Styles applied to the select component `select` class. */
3
- select: string;
4
- /** Styles applied to the select component if `multiple={true}`. */
5
- multiple: string;
6
- /** Styles applied to the select component if `variant="filled"`. */
7
- filled: string;
8
- /** Styles applied to the select component if `variant="outlined"`. */
9
- outlined: string;
10
- /** Styles applied to the select component if `variant="standard"`. */
11
- standard: string;
12
- /** State class applied to the select component `disabled` class. */
13
- disabled: string;
14
- /** Styles applied to the icon component. */
15
- icon: string;
16
- /** Styles applied to the icon component if the popup is open. */
17
- iconOpen: string;
18
- /** Styles applied to the icon component if `variant="filled"`. */
19
- iconFilled: string;
20
- /** Styles applied to the icon component if `variant="outlined"`. */
21
- iconOutlined: string;
22
- /** Styles applied to the icon component if `variant="standard"`. */
23
- iconStandard: string;
24
- /** Styles applied to the underlying native input component. */
25
- nativeInput: string;
26
- /** State class applied to the root element if `error={true}`. */
27
- error: string;
28
- }
29
- export type SelectClassKey = keyof SelectClasses;
30
- export declare function getSelectUtilityClasses(slot: string): string;
31
- declare const selectClasses: SelectClasses;
32
- export default selectClasses;
1
+ export interface SelectClasses {
2
+ /** Styles applied to the select component `select` class. */
3
+ select: string;
4
+ /** Styles applied to the select component if `multiple={true}`. */
5
+ multiple: string;
6
+ /** Styles applied to the select component if `variant="filled"`. */
7
+ filled: string;
8
+ /** Styles applied to the select component if `variant="outlined"`. */
9
+ outlined: string;
10
+ /** Styles applied to the select component if `variant="standard"`. */
11
+ standard: string;
12
+ /** State class applied to the select component `disabled` class. */
13
+ disabled: string;
14
+ /** Styles applied to the icon component. */
15
+ icon: string;
16
+ /** Styles applied to the icon component if the popup is open. */
17
+ iconOpen: string;
18
+ /** Styles applied to the icon component if `variant="filled"`. */
19
+ iconFilled: string;
20
+ /** Styles applied to the icon component if `variant="outlined"`. */
21
+ iconOutlined: string;
22
+ /** Styles applied to the icon component if `variant="standard"`. */
23
+ iconStandard: string;
24
+ /** Styles applied to the underlying native input component. */
25
+ nativeInput: string;
26
+ /** State class applied to the root element if `error={true}`. */
27
+ error: string;
28
+ }
29
+ export type SelectClassKey = keyof SelectClasses;
30
+ export declare function getSelectUtilityClasses(slot: string): string;
31
+ declare const selectClasses: SelectClasses;
32
+ export default selectClasses;
@@ -1,26 +1,26 @@
1
- export interface SkeletonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="rectangular"`. */
7
- rectangular: string;
8
- /** Styles applied to the root element if `variant="rounded"`. */
9
- rounded: string;
10
- /** Styles applied to the root element if `variant="circular"`. */
11
- circular: string;
12
- /** Styles applied to the root element if `animation="pulse"`. */
13
- pulse: string;
14
- /** Styles applied to the root element if `animation="wave"`. */
15
- wave: string;
16
- /** Styles applied when the component is passed children. */
17
- withChildren: string;
18
- /** Styles applied when the component is passed children and no width. */
19
- fitContent: string;
20
- /** Styles applied when the component is passed children and no height. */
21
- heightAuto: string;
22
- }
23
- export type SkeletonClassKey = keyof SkeletonClasses;
24
- export declare function getSkeletonUtilityClass(slot: string): string;
25
- declare const skeletonClasses: SkeletonClasses;
26
- export default skeletonClasses;
1
+ export interface SkeletonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="rectangular"`. */
7
+ rectangular: string;
8
+ /** Styles applied to the root element if `variant="rounded"`. */
9
+ rounded: string;
10
+ /** Styles applied to the root element if `variant="circular"`. */
11
+ circular: string;
12
+ /** Styles applied to the root element if `animation="pulse"`. */
13
+ pulse: string;
14
+ /** Styles applied to the root element if `animation="wave"`. */
15
+ wave: string;
16
+ /** Styles applied when the component is passed children. */
17
+ withChildren: string;
18
+ /** Styles applied when the component is passed children and no width. */
19
+ fitContent: string;
20
+ /** Styles applied when the component is passed children and no height. */
21
+ heightAuto: string;
22
+ }
23
+ export type SkeletonClassKey = keyof SkeletonClasses;
24
+ export declare function getSkeletonUtilityClass(slot: string): string;
25
+ declare const skeletonClasses: SkeletonClasses;
26
+ export default skeletonClasses;
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { SliderValueLabelProps } from './SliderValueLabel.types';
4
- /**
5
- * @ignore - internal component.
6
- */
7
- declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
8
- declare namespace SliderValueLabel {
9
- var propTypes: {
10
- children: PropTypes.Validator<PropTypes.ReactElementLike>;
11
- className: PropTypes.Requireable<string>;
12
- value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
- };
14
- }
15
- export default SliderValueLabel;
1
+ import * as React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { SliderValueLabelProps } from './SliderValueLabel.types';
4
+ /**
5
+ * @ignore - internal component.
6
+ */
7
+ declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
8
+ declare namespace SliderValueLabel {
9
+ var propTypes: {
10
+ children: PropTypes.Validator<PropTypes.ReactElementLike>;
11
+ className: PropTypes.Requireable<string>;
12
+ value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
+ };
14
+ }
15
+ export default SliderValueLabel;
@@ -1,24 +1,24 @@
1
- /// <reference types="react" />
2
- export interface SliderValueLabelProps {
3
- children?: React.ReactElement;
4
- className?: string;
5
- style?: React.CSSProperties;
6
- /**
7
- * If `true`, the value label is visible.
8
- */
9
- open: boolean;
10
- /**
11
- * The value of the slider.
12
- * For ranged sliders, provide an array with two values.
13
- */
14
- value: number;
15
- /**
16
- * Controls when the value label is displayed:
17
- *
18
- * - `auto` the value label will display when the thumb is hovered or focused.
19
- * - `on` will display persistently.
20
- * - `off` will never display.
21
- * @default 'off'
22
- */
23
- valueLabelDisplay?: 'on' | 'auto' | 'off';
24
- }
1
+ /// <reference types="react" />
2
+ export interface SliderValueLabelProps {
3
+ children?: React.ReactElement;
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ /**
7
+ * If `true`, the value label is visible.
8
+ */
9
+ open: boolean;
10
+ /**
11
+ * The value of the slider.
12
+ * For ranged sliders, provide an array with two values.
13
+ */
14
+ value: number;
15
+ /**
16
+ * Controls when the value label is displayed:
17
+ *
18
+ * - `auto` the value label will display when the thumb is hovered or focused.
19
+ * - `on` will display persistently.
20
+ * - `off` will never display.
21
+ * @default 'off'
22
+ */
23
+ valueLabelDisplay?: 'on' | 'auto' | 'off';
24
+ }
@@ -1,58 +1,58 @@
1
- export interface SliderClasses {
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 `marks` is provided with at least one label. */
9
- marked: string;
10
- /** Styles applied to the root element if `orientation="vertical"`. */
11
- vertical: string;
12
- /** State class applied to the root and thumb element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root if a thumb is being dragged. */
15
- dragging: string;
16
- /** Styles applied to the rail element. */
17
- rail: string;
18
- /** Styles applied to the track element. */
19
- track: string;
20
- /** Styles applied to the root element if `track={false}`. */
21
- trackFalse: string;
22
- /** Styles applied to the root element if `track="inverted"`. */
23
- trackInverted: string;
24
- /** Styles applied to the thumb element. */
25
- thumb: string;
26
- /** State class applied to the thumb element if it's active. */
27
- active: string;
28
- /** State class applied to the thumb element if keyboard focused. */
29
- focusVisible: string;
30
- /** Styles applied to the mark element. */
31
- mark: string;
32
- /** Styles applied to the mark element if active (depending on the value). */
33
- markActive: string;
34
- /** Styles applied to the mark label element. */
35
- markLabel: string;
36
- /** Styles applied to the mark label element if active (depending on the value). */
37
- markLabelActive: string;
38
- /** Styles applied to the root element if `size="small"`. */
39
- sizeSmall: string;
40
- /** Styles applied to the thumb element if `color="primary"`. */
41
- thumbColorPrimary: string;
42
- /** Styles applied to the thumb element if `color="secondary"`. */
43
- thumbColorSecondary: string;
44
- /** Styles applied to the thumb element if `size="small"`. */
45
- thumbSizeSmall: string;
46
- /** Styles applied to the thumb label element. */
47
- valueLabel: string;
48
- /** Styles applied to the thumb label element if it's open. */
49
- valueLabelOpen: string;
50
- /** Styles applied to the thumb label's circle element. */
51
- valueLabelCircle: string;
52
- /** Styles applied to the thumb label's label element. */
53
- valueLabelLabel: string;
54
- }
55
- export type SliderClassKey = keyof SliderClasses;
56
- export declare function getSliderUtilityClass(slot: string): string;
57
- declare const sliderClasses: SliderClasses;
58
- export default sliderClasses;
1
+ export interface SliderClasses {
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 `marks` is provided with at least one label. */
9
+ marked: string;
10
+ /** Styles applied to the root element if `orientation="vertical"`. */
11
+ vertical: string;
12
+ /** State class applied to the root and thumb element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root if a thumb is being dragged. */
15
+ dragging: string;
16
+ /** Styles applied to the rail element. */
17
+ rail: string;
18
+ /** Styles applied to the track element. */
19
+ track: string;
20
+ /** Styles applied to the root element if `track={false}`. */
21
+ trackFalse: string;
22
+ /** Styles applied to the root element if `track="inverted"`. */
23
+ trackInverted: string;
24
+ /** Styles applied to the thumb element. */
25
+ thumb: string;
26
+ /** State class applied to the thumb element if it's active. */
27
+ active: string;
28
+ /** State class applied to the thumb element if keyboard focused. */
29
+ focusVisible: string;
30
+ /** Styles applied to the mark element. */
31
+ mark: string;
32
+ /** Styles applied to the mark element if active (depending on the value). */
33
+ markActive: string;
34
+ /** Styles applied to the mark label element. */
35
+ markLabel: string;
36
+ /** Styles applied to the mark label element if active (depending on the value). */
37
+ markLabelActive: string;
38
+ /** Styles applied to the root element if `size="small"`. */
39
+ sizeSmall: string;
40
+ /** Styles applied to the thumb element if `color="primary"`. */
41
+ thumbColorPrimary: string;
42
+ /** Styles applied to the thumb element if `color="secondary"`. */
43
+ thumbColorSecondary: string;
44
+ /** Styles applied to the thumb element if `size="small"`. */
45
+ thumbSizeSmall: string;
46
+ /** Styles applied to the thumb label element. */
47
+ valueLabel: string;
48
+ /** Styles applied to the thumb label element if it's open. */
49
+ valueLabelOpen: string;
50
+ /** Styles applied to the thumb label's circle element. */
51
+ valueLabelCircle: string;
52
+ /** Styles applied to the thumb label's label element. */
53
+ valueLabelLabel: string;
54
+ }
55
+ export type SliderClassKey = keyof SliderClasses;
56
+ export declare function getSliderUtilityClass(slot: string): string;
57
+ declare const sliderClasses: SliderClasses;
58
+ export default sliderClasses;
@@ -1,20 +1,20 @@
1
- export interface SnackbarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
5
- anchorOriginTopCenter: string;
6
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
7
- anchorOriginBottomCenter: string;
8
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
9
- anchorOriginTopRight: string;
10
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
11
- anchorOriginBottomRight: string;
12
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
13
- anchorOriginTopLeft: string;
14
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
15
- anchorOriginBottomLeft: string;
16
- }
17
- export type SnackbarClassKey = keyof SnackbarClasses;
18
- export declare function getSnackbarUtilityClass(slot: string): string;
19
- declare const snackbarClasses: SnackbarClasses;
20
- export default snackbarClasses;
1
+ export interface SnackbarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
5
+ anchorOriginTopCenter: string;
6
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
7
+ anchorOriginBottomCenter: string;
8
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
9
+ anchorOriginTopRight: string;
10
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
11
+ anchorOriginBottomRight: string;
12
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
13
+ anchorOriginTopLeft: string;
14
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
15
+ anchorOriginBottomLeft: string;
16
+ }
17
+ export type SnackbarClassKey = keyof SnackbarClasses;
18
+ export declare function getSnackbarUtilityClass(slot: string): string;
19
+ declare const snackbarClasses: SnackbarClasses;
20
+ export default snackbarClasses;
@@ -1,12 +1,12 @@
1
- export interface SnackbarContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the message wrapper element. */
5
- message: string;
6
- /** Styles applied to the action wrapper element if `action` is provided. */
7
- action: string;
8
- }
9
- export type SnackbarContentClassKey = keyof SnackbarContentClasses;
10
- export declare function getSnackbarContentUtilityClass(slot: string): string;
11
- declare const snackbarContentClasses: SnackbarContentClasses;
12
- export default snackbarContentClasses;
1
+ export interface SnackbarContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the message wrapper element. */
5
+ message: string;
6
+ /** Styles applied to the action wrapper element if `action` is provided. */
7
+ action: string;
8
+ }
9
+ export type SnackbarContentClassKey = keyof SnackbarContentClasses;
10
+ export declare function getSnackbarContentUtilityClass(slot: string): string;
11
+ declare const snackbarContentClasses: SnackbarContentClasses;
12
+ export default snackbarContentClasses;
@@ -1,22 +1,22 @@
1
- export interface SpeedDialClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the Fab component. */
5
- fab: string;
6
- /** Styles applied to the root element if direction="up" */
7
- directionUp: string;
8
- /** Styles applied to the root element if direction="down" */
9
- directionDown: string;
10
- /** Styles applied to the root element if direction="left" */
11
- directionLeft: string;
12
- /** Styles applied to the root element if direction="right" */
13
- directionRight: string;
14
- /** Styles applied to the actions (`children` wrapper) element. */
15
- actions: string;
16
- /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
17
- actionsClosed: string;
18
- }
19
- export type SpeedDialClassKey = keyof SpeedDialClasses;
20
- export declare function getSpeedDialUtilityClass(slot: string): string;
21
- declare const speedDialClasses: SpeedDialClasses;
22
- export default speedDialClasses;
1
+ export interface SpeedDialClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the Fab component. */
5
+ fab: string;
6
+ /** Styles applied to the root element if direction="up" */
7
+ directionUp: string;
8
+ /** Styles applied to the root element if direction="down" */
9
+ directionDown: string;
10
+ /** Styles applied to the root element if direction="left" */
11
+ directionLeft: string;
12
+ /** Styles applied to the root element if direction="right" */
13
+ directionRight: string;
14
+ /** Styles applied to the actions (`children` wrapper) element. */
15
+ actions: string;
16
+ /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
17
+ actionsClosed: string;
18
+ }
19
+ export type SpeedDialClassKey = keyof SpeedDialClasses;
20
+ export declare function getSpeedDialUtilityClass(slot: string): string;
21
+ declare const speedDialClasses: SpeedDialClasses;
22
+ export default speedDialClasses;