@mui/material 5.8.4 → 5.8.7

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 (257) 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/Alert.js +19 -11
  6. package/Alert/alertClasses.d.ts +44 -44
  7. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  8. package/AppBar/AppBar.js +22 -5
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +2 -0
  11. package/Autocomplete/Autocomplete.js +12 -8
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/Avatar.js +7 -4
  14. package/Avatar/avatarClasses.d.ts +20 -20
  15. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  16. package/Backdrop/backdropClasses.d.ts +10 -10
  17. package/Badge/Badge.js +2 -2
  18. package/Badge/badgeClasses.d.ts +56 -56
  19. package/BottomNavigation/BottomNavigation.js +0 -0
  20. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  21. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  22. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  23. package/Button/buttonClasses.d.ts +100 -100
  24. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  25. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  26. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  27. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  28. package/CHANGELOG.md +185 -4
  29. package/Card/cardClasses.d.ts +8 -8
  30. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  31. package/CardActions/cardActionsClasses.d.ts +10 -10
  32. package/CardContent/cardContentClasses.d.ts +8 -8
  33. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  34. package/CardMedia/cardMediaClasses.d.ts +12 -12
  35. package/Checkbox/checkboxClasses.d.ts +18 -18
  36. package/Chip/Chip.js +31 -30
  37. package/Chip/chipClasses.d.ts +80 -80
  38. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  39. package/ClickAwayListener/index.d.ts +2 -2
  40. package/Collapse/collapseClasses.d.ts +18 -18
  41. package/Container/containerClasses.d.ts +6 -6
  42. package/Dialog/Dialog.js +11 -6
  43. package/Dialog/DialogContext.d.ts +6 -6
  44. package/Dialog/dialogClasses.d.ts +36 -36
  45. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  46. package/DialogContent/dialogContentClasses.d.ts +10 -10
  47. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  48. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  49. package/Divider/dividerClasses.d.ts +34 -34
  50. package/Drawer/drawerClasses.d.ts +30 -30
  51. package/Fab/fabClasses.d.ts +26 -26
  52. package/FilledInput/FilledInput.js +28 -13
  53. package/FilledInput/filledInputClasses.d.ts +40 -40
  54. package/FormControl/formControlClasses.d.ts +14 -14
  55. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  56. package/FormGroup/formGroupClasses.d.ts +12 -12
  57. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  58. package/FormLabel/formLabelClasses.d.ts +22 -22
  59. package/Grid/gridClasses.d.ts +48 -48
  60. package/Icon/iconClasses.d.ts +24 -24
  61. package/IconButton/iconButtonClasses.d.ts +26 -26
  62. package/ImageList/imageListClasses.d.ts +16 -16
  63. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  64. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  65. package/Input/Input.js +1 -1
  66. package/Input/inputClasses.d.ts +34 -34
  67. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  68. package/InputBase/InputBase.js +2 -2
  69. package/InputBase/inputBaseClasses.d.ts +44 -44
  70. package/InputLabel/inputLabelClasses.d.ts +32 -32
  71. package/LinearProgress/LinearProgress.js +6 -2
  72. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  73. package/Link/getTextDecoration.d.ts +15 -15
  74. package/Link/linkClasses.d.ts +18 -18
  75. package/List/listClasses.d.ts +14 -14
  76. package/ListItem/listItemClasses.d.ts +30 -30
  77. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  78. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  79. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  80. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  81. package/ListItemText/listItemTextClasses.d.ts +18 -18
  82. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  83. package/Menu/menuClasses.d.ts +12 -12
  84. package/MenuItem/menuItemClasses.d.ts +20 -20
  85. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  86. package/Modal/Modal.d.ts +2 -0
  87. package/Modal/Modal.js +25 -8
  88. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  89. package/OutlinedInput/OutlinedInput.js +40 -10
  90. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  91. package/Pagination/paginationClasses.d.ts +14 -14
  92. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  93. package/Paper/paperClasses.d.ts +39 -39
  94. package/Popover/popoverClasses.d.ts +10 -10
  95. package/Popper/Popper.d.ts +29 -29
  96. package/Radio/radioClasses.d.ts +16 -16
  97. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  98. package/RadioGroup/useRadioGroup.d.ts +4 -4
  99. package/Rating/ratingClasses.d.ts +40 -40
  100. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  101. package/Select/Select.d.ts +1 -1
  102. package/Select/Select.js +1 -1
  103. package/Select/selectClasses.d.ts +30 -30
  104. package/Skeleton/Skeleton.js +8 -3
  105. package/Skeleton/skeletonClasses.d.ts +24 -24
  106. package/Slider/Slider.js +21 -21
  107. package/Snackbar/snackbarClasses.d.ts +20 -20
  108. package/SnackbarContent/SnackbarContent.js +3 -3
  109. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  110. package/SpeedDial/speedDialClasses.d.ts +22 -22
  111. package/SpeedDialAction/SpeedDialAction.js +7 -7
  112. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  113. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  114. package/Step/StepContext.d.ts +20 -20
  115. package/Step/stepClasses.d.ts +16 -16
  116. package/StepButton/stepButtonClasses.d.ts +14 -14
  117. package/StepConnector/StepConnector.js +14 -11
  118. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  119. package/StepContent/StepContent.js +1 -1
  120. package/StepContent/stepContentClasses.d.ts +12 -12
  121. package/StepIcon/stepIconClasses.d.ts +16 -16
  122. package/StepLabel/stepLabelClasses.d.ts +28 -28
  123. package/Stepper/StepperContext.d.ts +18 -18
  124. package/Stepper/stepperClasses.d.ts +14 -14
  125. package/SvgIcon/svgIconClasses.d.ts +24 -24
  126. package/Switch/Switch.js +11 -11
  127. package/Switch/switchClasses.d.ts +32 -32
  128. package/Tab/tabClasses.d.ts +26 -26
  129. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  130. package/Table/tableClasses.d.ts +10 -10
  131. package/TableBody/tableBodyClasses.d.ts +8 -8
  132. package/TableCell/TableCell.js +5 -5
  133. package/TableCell/tableCellClasses.d.ts +32 -32
  134. package/TableContainer/tableContainerClasses.d.ts +8 -8
  135. package/TableFooter/tableFooterClasses.d.ts +8 -8
  136. package/TableHead/tableHeadClasses.d.ts +8 -8
  137. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  138. package/TableRow/tableRowClasses.d.ts +16 -16
  139. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  140. package/Tabs/Tabs.js +16 -18
  141. package/Tabs/tabsClasses.d.ts +32 -32
  142. package/TextField/textFieldClasses.d.ts +8 -8
  143. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  144. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  145. package/Toolbar/toolbarClasses.d.ts +14 -14
  146. package/Tooltip/Tooltip.js +1 -1
  147. package/Tooltip/tooltipClasses.d.ts +30 -30
  148. package/Typography/typographyClasses.d.ts +50 -50
  149. package/className/index.d.ts +1 -1
  150. package/darkScrollbar/index.d.ts +28 -28
  151. package/index.js +1 -1
  152. package/internal/switchBaseClasses.d.ts +12 -12
  153. package/legacy/Alert/Alert.js +19 -11
  154. package/legacy/AppBar/AppBar.js +23 -4
  155. package/legacy/Autocomplete/Autocomplete.js +12 -8
  156. package/legacy/Avatar/Avatar.js +7 -4
  157. package/legacy/Badge/Badge.js +2 -2
  158. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  159. package/legacy/Chip/Chip.js +31 -30
  160. package/legacy/Dialog/Dialog.js +11 -6
  161. package/legacy/FilledInput/FilledInput.js +28 -14
  162. package/legacy/Input/Input.js +1 -1
  163. package/legacy/InputBase/InputBase.js +2 -2
  164. package/legacy/LinearProgress/LinearProgress.js +6 -2
  165. package/legacy/Modal/Modal.js +23 -7
  166. package/legacy/OutlinedInput/OutlinedInput.js +36 -9
  167. package/legacy/Select/Select.js +1 -1
  168. package/legacy/Skeleton/Skeleton.js +2 -2
  169. package/legacy/Slider/Slider.js +21 -21
  170. package/legacy/SnackbarContent/SnackbarContent.js +3 -3
  171. package/legacy/SpeedDialAction/SpeedDialAction.js +7 -7
  172. package/legacy/StepConnector/StepConnector.js +2 -1
  173. package/legacy/StepContent/StepContent.js +1 -1
  174. package/legacy/Switch/Switch.js +11 -11
  175. package/legacy/TableCell/TableCell.js +5 -5
  176. package/legacy/Tabs/Tabs.js +16 -18
  177. package/legacy/Tooltip/Tooltip.js +1 -1
  178. package/legacy/index.js +1 -1
  179. package/legacy/styles/CssVarsProvider.js +10 -8
  180. package/legacy/styles/experimental_extendTheme.js +170 -19
  181. package/locale/index.d.ts +71 -71
  182. package/modern/Alert/Alert.js +19 -11
  183. package/modern/AppBar/AppBar.js +22 -5
  184. package/modern/Autocomplete/Autocomplete.js +11 -7
  185. package/modern/Avatar/Avatar.js +7 -4
  186. package/modern/Badge/Badge.js +2 -2
  187. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  188. package/modern/Chip/Chip.js +31 -30
  189. package/modern/Dialog/Dialog.js +11 -6
  190. package/modern/FilledInput/FilledInput.js +27 -12
  191. package/modern/Input/Input.js +1 -1
  192. package/modern/InputBase/InputBase.js +2 -2
  193. package/modern/LinearProgress/LinearProgress.js +6 -2
  194. package/modern/Modal/Modal.js +24 -7
  195. package/modern/OutlinedInput/OutlinedInput.js +40 -10
  196. package/modern/Select/Select.js +1 -1
  197. package/modern/Skeleton/Skeleton.js +7 -2
  198. package/modern/Slider/Slider.js +21 -21
  199. package/modern/SnackbarContent/SnackbarContent.js +3 -3
  200. package/modern/SpeedDialAction/SpeedDialAction.js +7 -7
  201. package/modern/StepConnector/StepConnector.js +14 -11
  202. package/modern/StepContent/StepContent.js +1 -1
  203. package/modern/Switch/Switch.js +11 -11
  204. package/modern/TableCell/TableCell.js +5 -5
  205. package/modern/Tabs/Tabs.js +16 -18
  206. package/modern/Tooltip/Tooltip.js +1 -1
  207. package/modern/index.js +1 -1
  208. package/modern/styles/CssVarsProvider.js +6 -6
  209. package/modern/styles/experimental_extendTheme.js +166 -20
  210. package/node/Alert/Alert.js +19 -11
  211. package/node/AppBar/AppBar.js +22 -5
  212. package/node/Autocomplete/Autocomplete.js +12 -8
  213. package/node/Avatar/Avatar.js +7 -4
  214. package/node/Badge/Badge.js +2 -2
  215. package/node/BottomNavigation/BottomNavigation.js +0 -0
  216. package/node/Chip/Chip.js +31 -30
  217. package/node/Dialog/Dialog.js +11 -6
  218. package/node/FilledInput/FilledInput.js +28 -13
  219. package/node/Input/Input.js +1 -1
  220. package/node/InputBase/InputBase.js +2 -2
  221. package/node/LinearProgress/LinearProgress.js +6 -2
  222. package/node/Modal/Modal.js +25 -8
  223. package/node/OutlinedInput/OutlinedInput.js +38 -10
  224. package/node/Select/Select.js +1 -1
  225. package/node/Skeleton/Skeleton.js +7 -2
  226. package/node/Slider/Slider.js +21 -21
  227. package/node/SnackbarContent/SnackbarContent.js +3 -3
  228. package/node/SpeedDialAction/SpeedDialAction.js +7 -7
  229. package/node/StepConnector/StepConnector.js +14 -11
  230. package/node/StepContent/StepContent.js +1 -1
  231. package/node/Switch/Switch.js +11 -11
  232. package/node/TableCell/TableCell.js +5 -5
  233. package/node/Tabs/Tabs.js +16 -18
  234. package/node/Tooltip/Tooltip.js +1 -1
  235. package/node/index.js +1 -1
  236. package/node/styles/CssVarsProvider.js +11 -6
  237. package/node/styles/experimental_extendTheme.js +167 -19
  238. package/package.json +7 -7
  239. package/styles/CssVarsProvider.d.ts +14 -28
  240. package/styles/CssVarsProvider.js +10 -6
  241. package/styles/createPalette.d.ts +0 -26
  242. package/styles/experimental_extendTheme.d.ts +238 -35
  243. package/styles/experimental_extendTheme.js +166 -20
  244. package/styles/index.d.ts +24 -1
  245. package/themeCssVarsAugmentation/index.d.ts +30 -0
  246. package/transitions/index.d.ts +1 -1
  247. package/transitions/transition.d.ts +13 -13
  248. package/transitions/utils.d.ts +23 -23
  249. package/umd/material-ui.development.js +954 -471
  250. package/umd/material-ui.production.min.js +27 -22
  251. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  252. package/useTouchRipple/index.d.ts +1 -1
  253. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  254. package/utils/getScrollbarSize.d.ts +2 -2
  255. package/utils/ownerDocument.d.ts +2 -2
  256. package/utils/ownerWindow.d.ts +2 -2
  257. package/utils/setRef.d.ts +2 -2
@@ -1,58 +1,58 @@
1
- export interface ButtonGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="contained"`. */
5
- contained: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="text"`. */
9
- text: string;
10
- /** Styles applied to the root element if `disableElevation={true}`. */
11
- disableElevation: string;
12
- /** State class applied to the child elements if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `fullWidth={true}`. */
15
- fullWidth: string;
16
- /** Styles applied to the root element if `orientation="vertical"`. */
17
- vertical: string;
18
- /** Styles applied to the children. */
19
- grouped: string;
20
- /** Styles applied to the children if `orientation="horizontal"`. */
21
- groupedHorizontal: string;
22
- /** Styles applied to the children if `orientation="vertical"`. */
23
- groupedVertical: string;
24
- /** Styles applied to the children if `variant="text"`. */
25
- groupedText: string;
26
- /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
- groupedTextHorizontal: string;
28
- /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
- groupedTextVertical: string;
30
- /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
- groupedTextPrimary: string;
32
- /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
- groupedTextSecondary: string;
34
- /** Styles applied to the children if `variant="outlined"`. */
35
- groupedOutlined: string;
36
- /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
- groupedOutlinedHorizontal: string;
38
- /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
- groupedOutlinedVertical: string;
40
- /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
- groupedOutlinedPrimary: string;
42
- /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
- groupedOutlinedSecondary: string;
44
- /** Styles applied to the children if `variant="contained"`. */
45
- groupedContained: string;
46
- /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
- groupedContainedHorizontal: string;
48
- /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
- groupedContainedVertical: string;
50
- /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
- groupedContainedPrimary: string;
52
- /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
- groupedContainedSecondary: string;
54
- }
55
- export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
- export declare function getButtonGroupUtilityClass(slot: string): string;
57
- declare const buttonGroupClasses: ButtonGroupClasses;
58
- export default buttonGroupClasses;
1
+ export interface ButtonGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="contained"`. */
5
+ contained: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="text"`. */
9
+ text: string;
10
+ /** Styles applied to the root element if `disableElevation={true}`. */
11
+ disableElevation: string;
12
+ /** State class applied to the child elements if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `fullWidth={true}`. */
15
+ fullWidth: string;
16
+ /** Styles applied to the root element if `orientation="vertical"`. */
17
+ vertical: string;
18
+ /** Styles applied to the children. */
19
+ grouped: string;
20
+ /** Styles applied to the children if `orientation="horizontal"`. */
21
+ groupedHorizontal: string;
22
+ /** Styles applied to the children if `orientation="vertical"`. */
23
+ groupedVertical: string;
24
+ /** Styles applied to the children if `variant="text"`. */
25
+ groupedText: string;
26
+ /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
+ groupedTextHorizontal: string;
28
+ /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
+ groupedTextVertical: string;
30
+ /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
+ groupedTextPrimary: string;
32
+ /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
+ groupedTextSecondary: string;
34
+ /** Styles applied to the children if `variant="outlined"`. */
35
+ groupedOutlined: string;
36
+ /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
+ groupedOutlinedHorizontal: string;
38
+ /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
+ groupedOutlinedVertical: string;
40
+ /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
+ groupedOutlinedPrimary: string;
42
+ /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
+ groupedOutlinedSecondary: string;
44
+ /** Styles applied to the children if `variant="contained"`. */
45
+ groupedContained: string;
46
+ /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
+ groupedContainedHorizontal: string;
48
+ /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
+ groupedContainedVertical: string;
50
+ /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
+ groupedContainedPrimary: string;
52
+ /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
+ groupedContainedSecondary: string;
54
+ }
55
+ export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
+ export declare function getButtonGroupUtilityClass(slot: string): string;
57
+ declare const buttonGroupClasses: ButtonGroupClasses;
58
+ export default buttonGroupClasses;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,186 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.8.7
4
+
5
+ <!-- generated comparing v5.8.6..master -->
6
+
7
+ _Jul 4, 2022_
8
+
9
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🐛 Fixed an issue causing Typescript errors when building a project with Material UI v5.8.6 (@michaldudak)
12
+ - 🐛 Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens and @TimoWilhelm!
13
+ - many other 🐛 bug fixes and 📚 documentation improvements
14
+
15
+ ### `@mui/material@5.8.7`
16
+
17
+ - [Autocomplete] Add some missing props in `useAutocomplete` (#33269) @henriqueholtz
18
+ - [Autocomplete] Extend `componentsProps` to include `popper` and `popupIndicator` slots (#33283) @jake-collibra
19
+ - [Select] Annotate empty string as valid value prop (#33088) @MattiasMartens
20
+ - [SnackbarContent] Fix message text color with css var provider (#33285) @TimoWilhelm
21
+
22
+ ### `@mui/styled-engine@5.8.7`
23
+
24
+ - [styled-engine] Add missing type dependency on csstype (#33310) @Methuselah96
25
+
26
+ ### `@mui/system@5.8.7`
27
+
28
+ - [system] Simplify theme input types for `CssVarsProvider` (#33381) @siriwatknp
29
+ - [system] Export required types (#33324) @michaldudak
30
+
31
+ ### `@mui/joy@5.0.0-alpha.35`
32
+
33
+ - [Joy] Add radio button documentation (#33254) @siriwatknp
34
+ - [Joy] Add switch documentation (#33302) @siriwatknp
35
+ - [Joy] Batch a couple of documentation refinements (#33158)
36
+ - [Joy] Enable Joy and Material UI compatibility (#33379) @siriwatknp
37
+
38
+ ### `@mui/base@5.0.0-alpha.88`
39
+
40
+ - [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
41
+ - [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
42
+ - [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak
43
+
44
+ ### Docs
45
+
46
+ - [docs] Fix Link typings in the react-router example (#32308) @aaarichter
47
+ - [docs] Add caveat about class components with Tooltip (#33325) @joshkel
48
+ - [docs] Fix SEO issues (#33288) @oliviertassinari
49
+ - [docs] Fix Slider's "player" demo (#33267) @xlianghang
50
+ - [website] Link MUI Toolpad in mui.com (#33287) @oliviertassinari
51
+
52
+ All contributors of this release in alphabetical order: @aaarichter, @aaronlademann-wf, @danilo-leal, @henriqueholtz, @jake-collibra, @joshkel, @MattiasMartens, @Methuselah96, @michaldudak, @oliviertassinari, @siriwatknp, @TimoWilhelm, @xlianghang
53
+
54
+ ## 5.8.6
55
+
56
+ <!-- generated comparing v5.8.5..master -->
57
+
58
+ _Jun 27, 2022_
59
+
60
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
61
+
62
+ - ⚒️ Fixed React 18 issues in few components
63
+ - 🚀 Improved the TypeScript augmentation when using CSS variables with `@mui/material`
64
+ - many other 🐛 bug fixes and 📚 documentation improvements
65
+
66
+ ### `@mui/material@5.8.6`
67
+
68
+ - &#8203;<!-- 27 -->[Alert] Add support for CSS vars (#32624) @haneenmahd
69
+ - &#8203;<!-- 26 -->[Alert] Use `getContrastText` for filled variant font color (#29813) @SamoraMabuya
70
+
71
+ Note: The color of the text in the warning contained `Alert` in dark mode was changed to black in order to improve the color contrast ratio
72
+
73
+ - &#8203;<!-- 11 -->[OutlinedInput] Fix `ownerState` undefined in theme style overrides (#33241) @siriwatknp
74
+ - &#8203;<!-- 08 -->[Tabs] Fix crash when used with React 18 & Suspense (#33277) @mnajdova
75
+ - &#8203;<!-- 05 -->[TypeScript] Add CSS vars type augmentation for Material UI (#33211) @siriwatknp
76
+
77
+ ### `@mui/system@5.8.6`
78
+
79
+ - &#8203;<!-- 09 -->[system] Add enableColorScheme option to getInitColorSchemeScript (#33261) @siriwatknp
80
+
81
+ ### `@mui/utils@5.8.6`
82
+
83
+ - &#8203;<!-- 04 -->[utils] Allow state prefix to be configurable (#32972) @siriwatknp
84
+
85
+ ### `@mui/base@5.0.0-alpha.87`
86
+
87
+ - &#8203;<!-- 25 -->[base] Improve the return type of useSlotProps (#33279) @michaldudak
88
+ - &#8203;<!-- 24 -->[base] Improve some types (#33270) @mnajdova
89
+ - &#8203;<!-- 13 -->[MenuUnstyled] Fix keyboard accessibility of menu items (#33145) @michaldudak
90
+ - &#8203;<!-- 12 -->[ModalManager] Lock body scroll when container is inside shadow DOM (#33168) @jacobweberbowery
91
+ - &#8203;<!-- 10 -->[SliderUnstyled] Use useSlotProps (#33132) @michaldudak
92
+ - &#8203;<!-- 07 -->[TextareaAutosize] Fix crash when used with React 18 & Suspense (#33238) @howlettt
93
+ - &#8203;<!-- 06 -->[TextareaAutosize] Fix warnings for too many renders in React 18 (#33253) @mnajdova
94
+
95
+ ### `@mui/joy@5.0.0-alpha.34`
96
+
97
+ - &#8203;<!-- 14 -->[Joy] Add `Sheet` doc (#32820) @hbjORbj
98
+
99
+ ### Docs
100
+
101
+ - &#8203;<!-- 23 -->[blog] Polish Why you should migrate to Material UI v5 today (#33244) @oliviertassinari
102
+ - &#8203;<!-- 21 -->[docs] Add note in docs about `componentsProps.root` taking precedence (#33097) @ZeeshanTamboli
103
+ - &#8203;<!-- 20 -->[docs] Remove a note about Base components being reexported from Material UI (#33265) @michaldudak
104
+ - &#8203;<!-- 19 -->[docs] Update code snippet in docs for custom color palette (#32946) @ZeeshanTamboli
105
+ - &#8203;<!-- 18 -->[docs] Fix the docs for production class generation (#31933) @Fafruch
106
+ - &#8203;<!-- 17 -->[docs] Fix internal link in Box page (#33149) @davidgarciab
107
+ - &#8203;<!-- 16 -->[docs] Badge component link in Base docs should be under Data Display section (#33249) @ZeeshanTamboli
108
+ - &#8203;<!-- 15 -->[examples] Fix comment typo (#33256) @WinmezzZ
109
+
110
+ ### Core
111
+
112
+ - &#8203;<!-- 22 -->[core] Remove dead code (#33243) @oliviertassinari
113
+ - &#8203;<!-- 03 -->[website] Fix the scroll-top for all the website (#33215) @oliviertassinari
114
+ - &#8203;<!-- 02 -->[website] List new core role @oliviertassinari
115
+ - &#8203;<!-- 01 -->[website] Fix navigation menu close behavior (#33203) @oliviertassinari
116
+
117
+ All contributors of this release in alphabetical order: @davidgarciab, @Fafruch, @haneenmahd, @hbjORbj, @howlettt, @jacobweberbowery, @michaldudak, @mnajdova, @oliviertassinari, @SamoraMabuya, @siriwatknp, @WinmezzZ, @ZeeshanTamboli
118
+
119
+ ## 5.8.5
120
+
121
+ <!-- generated comparing v5.8.4..master -->
122
+
123
+ _Jun 20, 2022_
124
+
125
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
126
+
127
+ - 🚀 Added support for CSS variables in the `Avatar` component and the `SpeedDialAction` component respectively by @vicasas and @gin1314
128
+ - many other 🐛 bug fixes and 📚 documentation improvements
129
+
130
+ ### `@mui/material@5.8.5`
131
+
132
+ - &#8203;<!-- 30 -->[Avatar] Add support for CSS variables (#32499) @vicasas
133
+ - &#8203;<!-- 19 -->[Dialog] Fix broken styles if `maxWidth` is set to `false` (#32987) @kmurgic
134
+ - &#8203;<!-- 04 -->[SpeedDialAction] Add support for CSS variables (#32608) @gin1314
135
+ - &#8203;<!-- 02 -->[Tabs] Increment scroll of the minimum amount possible (#33103) @oliviertassinari
136
+
137
+ ### `@mui/codemod@5.8.5`
138
+
139
+ - &#8203;<!-- 24 -->[codemod] Preserve comments within jss-to-tss-react (#33170) @ryancogswell
140
+
141
+ ### `@mui/lab@5.0.0-alpha.87`
142
+
143
+ - &#8203;<!-- 06 -->[Masonry] Fix flickering when used with React 18 (#33163) @mnajdova
144
+
145
+ ### `@mui/base@5.0.0-alpha.86`
146
+
147
+ - &#8203;<!-- 29 -->[BadgeUnstyled] Accept callbacks in componentsProps (#33176) @michaldudak
148
+ - &#8203;<!-- 25 -->[ButtonUnstyled] Use useSlotProps (#33096) @michaldudak
149
+ - &#8203;<!-- 11 -->[FormControlUnstyled] Accept callbacks in componentsProps (#33180) @michaldudak
150
+ - &#8203;<!-- 10 -->[InputUnstyled] Use useSlotProps (#33094) @michaldudak
151
+ - &#8203;<!-- 05 -->[ModalUnstyled] Define ownerState and slot props' types (#32901) @michaldudak
152
+ - &#8203;<!-- 03 -->[SwitchUnstyled] Use useSlotProps (#33174) @michaldudak
153
+
154
+ ### `@mui/joy@5.0.0-alpha.33`
155
+
156
+ - &#8203;<!-- 09 -->[Joy] Add Checkbox documentation (#33171) @siriwatknp
157
+ - &#8203;<!-- 08 -->[Joy] Add List documentation (#33120) @siriwatknp
158
+ - &#8203;<!-- 07 -->[Joy] Make slider displays Joy classname (#33051) @siriwatknp
159
+
160
+ ### Docs
161
+
162
+ - &#8203;<!-- 28 -->[blog] Update Blogpost to clear confusion on "no impact" disclaimer. (#33131) @joserodolfofreitas
163
+ - &#8203;<!-- 27 -->[blog] Add post about v5 Migration guide update (#33063) @samuelsycamore
164
+ - &#8203;<!-- 26 -->[blog] Fix display on Safari (#33102) @oliviertassinari
165
+ - &#8203;<!-- 18 -->[docs] Add guide on how to use MUI Base with Tailwind CSS (#33100) @mnajdova
166
+ - &#8203;<!-- 17 -->[docs] Improve Joy template UX (#33159) @siriwatknp
167
+ - &#8203;<!-- 16 -->[docs] Update Shadow DOM guide (#33160) @cherniavskii
168
+ - &#8203;<!-- 15 -->[docs] Fix SEO regressions (#33106) @oliviertassinari
169
+ - &#8203;<!-- 14 -->[docs] Add job ad in table of content (#33143) @mnajdova
170
+ - &#8203;<!-- 13 -->[docs] Add customization as a value proposition (#33014) @oliviertassinari
171
+ - &#8203;<!-- 12 -->[examples] Add example using nextjs & @mui/styles as a starter for the migration to v5 (#33005) @mnajdova
172
+ - &#8203;<!-- 01 -->[website] Replace Airtable with Ashby links for applying to a opened position (#33193) @DanailH
173
+
174
+ ### Core
175
+
176
+ - &#8203;<!-- 31 -->[core] Add CSS variables support for Material UI components (#32835) @siriwatknp
177
+ - &#8203;<!-- 23 -->[core] Add name to workspace root package.json (#33226) @Janpot
178
+ - &#8203;<!-- 22 -->[core] Update bug template with generic instruction (#33153) @joserodolfofreitas
179
+ - &#8203;<!-- 21 -->[core] Remove dead and redundant code (#33125) @oliviertassinari
180
+ - &#8203;<!-- 20 -->[core] Improve inline code rendering within the details tag (#33086) @Harmouch101
181
+
182
+ All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @gin1314, @Harmouch101, @Janpot, @joserodolfofreitas, @kmurgic, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas
183
+
3
184
  ## 5.8.4
4
185
 
5
186
  <!-- generated comparing v5.8.3..master -->
@@ -1101,7 +1282,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
1101
1282
  - &#8203;<!-- 25 -->[core] Update playwright docker to match the specified version (#31236) @siriwatknp
1102
1283
  - &#8203;<!-- 24 -->[core] Remove parallel on buildTypes (#31189) @siriwatknp
1103
1284
  - &#8203;<!-- 23 -->[core] Fix propTypes generation for optional any props (#31141) @m4theushw
1104
- - &#8203;<!-- 04 -->[Typescript] Remove variants deprecation (#31239) @siriwatknp
1285
+ - &#8203;<!-- 04 -->[typescript] Remove variants deprecation (#31239) @siriwatknp
1105
1286
 
1106
1287
  All contributors of this release in alphabetical order: @adriancampos, @Andarist, @bonellia, @davwheat, @greengiraffe, @hbjORbj, @iclaude3, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @RedHeadphone, @robertwt7, @samuelsycamore, @siriwatknp, @sviande
1107
1288
 
@@ -1166,7 +1347,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
1166
1347
  - [Select] Allow customizing Select based on its variant (#30788) @michaldudak
1167
1348
  - [Portal] Re-export 'Portal' in material (#31003) @liradb2000
1168
1349
  - [ToggleButton] Add prop types for `onClick` and `onChange` (#30883) @sydneyjodon-wk
1169
- - [Typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
1350
+ - [typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
1170
1351
 
1171
1352
  ### `@mui/system@5.4.2`
1172
1353
 
@@ -4604,8 +4785,8 @@ A big thanks to the 15 contributors who made this release possible. Here are som
4604
4785
  - &#8203;<!-- 29 -->[Button] Rename `pending` prop to `loading` in LoadingButton (#25874) @m4theushw
4605
4786
 
4606
4787
  ```diff
4607
- -<LoadingButton pending pendingIndicator="Pending..." pendingPosition="end" />
4608
- +<LoadingButton loading loadingIndicator="Pending..." loadingPosition="end" />
4788
+ -<LoadingButton pending pendingIndicator="Pending" pendingPosition="end" />
4789
+ +<LoadingButton loading loadingIndicator="Pending" loadingPosition="end" />
4609
4790
  ```
4610
4791
 
4611
4792
  - &#8203;<!-- 25 -->[ButtonBase] Remove buttonRef prop (#25896) @m4theushw
@@ -1,8 +1,8 @@
1
- export interface CardClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardClassKey = keyof CardClasses;
6
- export declare function getCardUtilityClass(slot: string): string;
7
- declare const cardClasses: CardClasses;
8
- export default cardClasses;
1
+ export interface CardClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardClassKey = keyof CardClasses;
6
+ export declare function getCardUtilityClass(slot: string): string;
7
+ declare const cardClasses: CardClasses;
8
+ export default cardClasses;
@@ -1,12 +1,12 @@
1
- export interface CardActionAreaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
- focusVisible: string;
6
- /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
- focusHighlight: string;
8
- }
9
- export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
- export declare function getCardActionAreaUtilityClass(slot: string): string;
11
- declare const cardActionAreaClasses: CardActionAreaClasses;
12
- export default cardActionAreaClasses;
1
+ export interface CardActionAreaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
+ focusVisible: string;
6
+ /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
+ focusHighlight: string;
8
+ }
9
+ export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
+ export declare function getCardActionAreaUtilityClass(slot: string): string;
11
+ declare const cardActionAreaClasses: CardActionAreaClasses;
12
+ export default cardActionAreaClasses;
@@ -1,10 +1,10 @@
1
- export interface CardActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export declare type CardActionsClassKey = keyof CardActionsClasses;
8
- export declare function getCardActionsUtilityClass(slot: string): string;
9
- declare const cardActionsClasses: CardActionsClasses;
10
- export default cardActionsClasses;
1
+ export interface CardActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export declare type CardActionsClassKey = keyof CardActionsClasses;
8
+ export declare function getCardActionsUtilityClass(slot: string): string;
9
+ declare const cardActionsClasses: CardActionsClasses;
10
+ export default cardActionsClasses;
@@ -1,8 +1,8 @@
1
- export interface CardContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type CardContentClassKey = keyof CardContentClasses;
6
- export declare function getCardContentUtilityClass(slot: string): string;
7
- declare const cardContentClasses: CardContentClasses;
8
- export default cardContentClasses;
1
+ export interface CardContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type CardContentClassKey = keyof CardContentClasses;
6
+ export declare function getCardContentUtilityClass(slot: string): string;
7
+ declare const cardContentClasses: CardContentClasses;
8
+ export default cardContentClasses;
@@ -1,18 +1,18 @@
1
- export interface CardHeaderClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar element. */
5
- avatar: string;
6
- /** Styles applied to the action element. */
7
- action: string;
8
- /** Styles applied to the content wrapper element. */
9
- content: string;
10
- /** Styles applied to the title Typography element. */
11
- title: string;
12
- /** Styles applied to the subheader Typography element. */
13
- subheader: string;
14
- }
15
- export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
- export declare function getCardHeaderUtilityClass(slot: string): string;
17
- declare const cardHeaderClasses: CardHeaderClasses;
18
- export default cardHeaderClasses;
1
+ export interface CardHeaderClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar element. */
5
+ avatar: string;
6
+ /** Styles applied to the action element. */
7
+ action: string;
8
+ /** Styles applied to the content wrapper element. */
9
+ content: string;
10
+ /** Styles applied to the title Typography element. */
11
+ title: string;
12
+ /** Styles applied to the subheader Typography element. */
13
+ subheader: string;
14
+ }
15
+ export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
+ export declare function getCardHeaderUtilityClass(slot: string): string;
17
+ declare const cardHeaderClasses: CardHeaderClasses;
18
+ export default cardHeaderClasses;
@@ -1,12 +1,12 @@
1
- export interface CardMediaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
- media: string;
6
- /** Styles applied to the root element if `component="picture or img"`. */
7
- img: string;
8
- }
9
- export declare type CardMediaClassKey = keyof CardMediaClasses;
10
- export declare function getCardMediaUtilityClass(slot: string): string;
11
- declare const cardMediaClasses: CardMediaClasses;
12
- export default cardMediaClasses;
1
+ export interface CardMediaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
+ media: string;
6
+ /** Styles applied to the root element if `component="picture or img"`. */
7
+ img: string;
8
+ }
9
+ export declare type CardMediaClassKey = keyof CardMediaClasses;
10
+ export declare function getCardMediaUtilityClass(slot: string): string;
11
+ declare const cardMediaClasses: CardMediaClasses;
12
+ export default cardMediaClasses;
@@ -1,18 +1,18 @@
1
- export interface CheckboxClasses {
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
- /** State class applied to the root element if `indeterminate={true}`. */
9
- indeterminate: string;
10
- /** Styles applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- }
15
- export declare type CheckboxClassKey = keyof CheckboxClasses;
16
- export declare function getCheckboxUtilityClass(slot: string): string;
17
- declare const checkboxClasses: CheckboxClasses;
18
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
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
+ /** State class applied to the root element if `indeterminate={true}`. */
9
+ indeterminate: string;
10
+ /** Styles applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ }
15
+ export declare type CheckboxClassKey = keyof CheckboxClasses;
16
+ export declare function getCheckboxUtilityClass(slot: string): string;
17
+ declare const checkboxClasses: CheckboxClasses;
18
+ export default checkboxClasses;