@mui/material 5.6.1 → 5.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (239) hide show
  1. package/Accordion/Accordion.js +6 -6
  2. package/Accordion/accordionClasses.d.ts +18 -18
  3. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  4. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  5. package/AccordionSummary/AccordionSummary.js +3 -3
  6. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/AppBar.d.ts +1 -1
  10. package/AppBar/appBarClasses.d.ts +28 -28
  11. package/Autocomplete/Autocomplete.js +2 -0
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/avatarClasses.d.ts +20 -20
  14. package/AvatarGroup/AvatarGroup.js +2 -2
  15. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  16. package/Backdrop/backdropClasses.d.ts +10 -10
  17. package/Badge/Badge.js +9 -7
  18. package/Badge/badgeClasses.d.ts +24 -24
  19. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  20. package/BottomNavigation/BottomNavigation.js +1 -1
  21. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  22. package/BottomNavigationAction/BottomNavigationAction.d.ts +1 -1
  23. package/BottomNavigationAction/BottomNavigationAction.js +6 -5
  24. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  25. package/Box/Box.d.ts +9 -28
  26. package/Box/Box.js +25 -4
  27. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  28. package/Button/Button.d.ts +1 -1
  29. package/Button/buttonClasses.d.ts +76 -76
  30. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  31. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  32. package/ButtonGroup/ButtonGroup.d.ts +1 -1
  33. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  34. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  35. package/CHANGELOG.md +185 -2
  36. package/Card/cardClasses.d.ts +8 -8
  37. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  38. package/CardActions/cardActionsClasses.d.ts +10 -10
  39. package/CardContent/cardContentClasses.d.ts +8 -8
  40. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  41. package/CardMedia/cardMediaClasses.d.ts +12 -12
  42. package/Checkbox/Checkbox.d.ts +1 -1
  43. package/Checkbox/checkboxClasses.d.ts +18 -18
  44. package/Chip/chipClasses.d.ts +80 -80
  45. package/CircularProgress/CircularProgress.js +1 -1
  46. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  47. package/ClickAwayListener/index.d.ts +2 -2
  48. package/Collapse/collapseClasses.d.ts +18 -18
  49. package/Container/containerClasses.d.ts +22 -22
  50. package/CssBaseline/CssBaseline.d.ts +1 -1
  51. package/Dialog/Dialog.d.ts +1 -0
  52. package/Dialog/Dialog.js +1 -0
  53. package/Dialog/DialogContext.d.ts +6 -6
  54. package/Dialog/dialogClasses.d.ts +36 -36
  55. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  56. package/DialogContent/dialogContentClasses.d.ts +10 -10
  57. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  58. package/DialogTitle/DialogTitle.d.ts +30 -15
  59. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  60. package/Divider/dividerClasses.d.ts +34 -34
  61. package/Drawer/drawerClasses.d.ts +30 -30
  62. package/Fab/Fab.d.ts +1 -1
  63. package/Fab/fabClasses.d.ts +26 -26
  64. package/FilledInput/FilledInput.d.ts +1 -1
  65. package/FilledInput/FilledInput.js +6 -2
  66. package/FilledInput/filledInputClasses.d.ts +40 -40
  67. package/FormControl/FormControl.d.ts +2 -2
  68. package/FormControl/formControlClasses.d.ts +14 -14
  69. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  70. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  71. package/FormGroup/formGroupClasses.d.ts +12 -12
  72. package/FormHelperText/FormHelperText.d.ts +1 -1
  73. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  74. package/FormLabel/FormLabel.d.ts +1 -1
  75. package/FormLabel/formLabelClasses.d.ts +22 -22
  76. package/GlobalStyles/GlobalStyles.d.ts +1 -1
  77. package/Grid/gridClasses.d.ts +48 -48
  78. package/Icon/Icon.d.ts +1 -1
  79. package/Icon/iconClasses.d.ts +24 -24
  80. package/IconButton/iconButtonClasses.d.ts +26 -26
  81. package/ImageList/ImageList.d.ts +1 -1
  82. package/ImageList/imageListClasses.d.ts +16 -16
  83. package/ImageListItem/ImageListItem.d.ts +1 -1
  84. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  85. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  86. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  87. package/Input/Input.d.ts +1 -1
  88. package/Input/Input.js +3 -1
  89. package/Input/inputClasses.d.ts +34 -34
  90. package/InputAdornment/InputAdornment.d.ts +1 -1
  91. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  92. package/InputBase/InputBase.d.ts +1 -1
  93. package/InputBase/inputBaseClasses.d.ts +44 -44
  94. package/InputLabel/InputLabel.d.ts +1 -1
  95. package/InputLabel/inputLabelClasses.d.ts +32 -32
  96. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  97. package/Link/linkClasses.d.ts +18 -18
  98. package/List/List.d.ts +1 -1
  99. package/List/listClasses.d.ts +14 -14
  100. package/ListItem/ListItem.d.ts +1 -1
  101. package/ListItem/listItemClasses.d.ts +30 -30
  102. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  103. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  104. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  105. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  106. package/ListItemText/listItemTextClasses.d.ts +18 -18
  107. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  108. package/Menu/Menu.d.ts +1 -1
  109. package/Menu/menuClasses.d.ts +12 -12
  110. package/MenuItem/menuItemClasses.d.ts +20 -20
  111. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  112. package/Modal/Modal.js +1 -0
  113. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  114. package/OutlinedInput/OutlinedInput.d.ts +1 -1
  115. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  116. package/Pagination/paginationClasses.d.ts +14 -14
  117. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  118. package/Paper/paperClasses.d.ts +39 -39
  119. package/Popover/popoverClasses.d.ts +10 -10
  120. package/Popper/Popper.d.ts +29 -29
  121. package/README.md +79 -33
  122. package/Radio/Radio.d.ts +1 -1
  123. package/Radio/radioClasses.d.ts +16 -16
  124. package/RadioGroup/RadioGroup.d.ts +1 -1
  125. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  126. package/RadioGroup/useRadioGroup.d.ts +4 -4
  127. package/Rating/ratingClasses.d.ts +40 -40
  128. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  129. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  130. package/Select/selectClasses.d.ts +30 -30
  131. package/Skeleton/skeletonClasses.d.ts +24 -24
  132. package/Snackbar/snackbarClasses.d.ts +20 -20
  133. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  134. package/SpeedDial/SpeedDial.d.ts +1 -1
  135. package/SpeedDial/speedDialClasses.d.ts +22 -22
  136. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  137. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  138. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  139. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  140. package/Step/StepContext.d.ts +20 -20
  141. package/Step/stepClasses.d.ts +16 -16
  142. package/StepButton/stepButtonClasses.d.ts +14 -14
  143. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  144. package/StepContent/StepContent.d.ts +3 -1
  145. package/StepContent/stepContentClasses.d.ts +12 -12
  146. package/StepIcon/stepIconClasses.d.ts +16 -16
  147. package/StepLabel/stepLabelClasses.d.ts +28 -28
  148. package/Stepper/stepperClasses.d.ts +14 -14
  149. package/SvgIcon/SvgIcon.d.ts +1 -1
  150. package/SvgIcon/svgIconClasses.d.ts +24 -24
  151. package/Switch/Switch.d.ts +1 -1
  152. package/Switch/switchClasses.d.ts +32 -32
  153. package/Tab/tabClasses.d.ts +26 -26
  154. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  155. package/Table/tableClasses.d.ts +10 -10
  156. package/TableBody/tableBodyClasses.d.ts +8 -8
  157. package/TableCell/tableCellClasses.d.ts +32 -32
  158. package/TableContainer/tableContainerClasses.d.ts +8 -8
  159. package/TableFooter/tableFooterClasses.d.ts +8 -8
  160. package/TableHead/tableHeadClasses.d.ts +8 -8
  161. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  162. package/TableRow/tableRowClasses.d.ts +16 -16
  163. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  164. package/Tabs/Tabs.d.ts +1 -1
  165. package/Tabs/tabsClasses.d.ts +32 -32
  166. package/TextField/TextField.d.ts +1 -1
  167. package/TextField/textFieldClasses.d.ts +8 -8
  168. package/ToggleButton/ToggleButton.d.ts +1 -1
  169. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  170. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  171. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  172. package/Toolbar/Toolbar.d.ts +1 -1
  173. package/Toolbar/toolbarClasses.d.ts +14 -14
  174. package/Tooltip/tooltipClasses.d.ts +30 -30
  175. package/Typography/typographyClasses.d.ts +50 -50
  176. package/className/index.d.ts +8 -8
  177. package/darkScrollbar/index.d.ts +28 -28
  178. package/index.js +1 -1
  179. package/internal/switchBaseClasses.d.ts +12 -12
  180. package/legacy/Accordion/Accordion.js +6 -6
  181. package/legacy/AccordionSummary/AccordionSummary.js +3 -3
  182. package/legacy/Autocomplete/Autocomplete.js +2 -0
  183. package/legacy/AvatarGroup/AvatarGroup.js +2 -2
  184. package/legacy/Badge/Badge.js +9 -7
  185. package/legacy/BottomNavigation/BottomNavigation.js +1 -1
  186. package/legacy/BottomNavigationAction/BottomNavigationAction.js +6 -5
  187. package/legacy/Box/Box.js +25 -4
  188. package/legacy/CircularProgress/CircularProgress.js +1 -1
  189. package/legacy/Dialog/Dialog.js +1 -0
  190. package/legacy/FilledInput/FilledInput.js +5 -3
  191. package/legacy/Input/Input.js +3 -1
  192. package/legacy/Modal/Modal.js +1 -0
  193. package/legacy/index.js +1 -1
  194. package/legacy/locale/index.js +1 -1
  195. package/locale/index.d.ts +71 -71
  196. package/locale/index.js +1 -1
  197. package/modern/Accordion/Accordion.js +6 -6
  198. package/modern/AccordionSummary/AccordionSummary.js +3 -3
  199. package/modern/Autocomplete/Autocomplete.js +2 -0
  200. package/modern/AvatarGroup/AvatarGroup.js +2 -2
  201. package/modern/Badge/Badge.js +9 -7
  202. package/modern/BottomNavigation/BottomNavigation.js +1 -1
  203. package/modern/BottomNavigationAction/BottomNavigationAction.js +6 -5
  204. package/modern/Box/Box.js +25 -4
  205. package/modern/CircularProgress/CircularProgress.js +1 -1
  206. package/modern/Dialog/Dialog.js +1 -0
  207. package/modern/FilledInput/FilledInput.js +4 -2
  208. package/modern/Input/Input.js +3 -1
  209. package/modern/Modal/Modal.js +1 -0
  210. package/modern/index.js +1 -1
  211. package/modern/locale/index.js +1 -1
  212. package/node/Accordion/Accordion.js +6 -6
  213. package/node/AccordionSummary/AccordionSummary.js +3 -3
  214. package/node/Autocomplete/Autocomplete.js +2 -0
  215. package/node/AvatarGroup/AvatarGroup.js +2 -2
  216. package/node/Badge/Badge.js +10 -7
  217. package/node/BottomNavigation/BottomNavigation.js +1 -1
  218. package/node/BottomNavigationAction/BottomNavigationAction.js +6 -5
  219. package/node/Box/Box.js +28 -4
  220. package/node/CircularProgress/CircularProgress.js +1 -1
  221. package/node/Dialog/Dialog.js +1 -0
  222. package/node/FilledInput/FilledInput.js +6 -2
  223. package/node/Input/Input.js +3 -1
  224. package/node/Modal/Modal.js +1 -0
  225. package/node/index.js +1 -1
  226. package/node/locale/index.js +1 -1
  227. package/package.json +4 -4
  228. package/transitions/index.d.ts +1 -1
  229. package/transitions/transition.d.ts +13 -13
  230. package/transitions/utils.d.ts +23 -23
  231. package/umd/material-ui.development.js +181 -156
  232. package/umd/material-ui.production.min.js +20 -20
  233. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  234. package/useTouchRipple/index.d.ts +1 -1
  235. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  236. package/utils/getScrollbarSize.d.ts +2 -2
  237. package/utils/ownerDocument.d.ts +2 -2
  238. package/utils/ownerWindow.d.ts +2 -2
  239. 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,188 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.6.4
4
+
5
+ <!-- generated comparing v5.6.3..master -->
6
+
7
+ _May 2, 2022_
8
+
9
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 💅 5 Material UI components were updated to support CSS variables by @ZeeshanTamboli & @vicasas
12
+ - And more 🐛 bug fixes and 📚 improvements.
13
+
14
+ ### `@mui/material@5.6.4`
15
+
16
+ - &#8203;<!-- 37 -->[Accordion] Add support for CSS variables (#32542) @ZeeshanTamboli
17
+ - &#8203;<!-- 36 -->[AvatarGroup] Add support for CSS variables (#32507) @vicasas
18
+ - &#8203;<!-- 35 -->[Badge] Add support for CSS variables (#32516) @vicasas
19
+ - &#8203;<!-- 34 -->[BottomNavigation] Add support for CSS variables (#32517) @vicasas
20
+ - &#8203;<!-- 33 -->[CircularProgress] Add support for CSS variables (#32543) @ZeeshanTamboli
21
+ - &#8203;<!-- 07 -->[FilledInput] Fix type error from undefined `color` (#32258) @hbjORbj
22
+ - &#8203;<!-- 02 -->[l10n] Fix typo in csCZ translation of Pagination component (#32509) @Martin005
23
+ - &#8203;<!-- 01 -->[Tabs] Fix `TabIndicatorProps` prop missing `sx` prop (#32503) @b-novikov-ipersonality
24
+
25
+ ### `@mui/codemod@5.6.4`
26
+
27
+ - &#8203;<!-- 32 -->[codemod] Leave numeric arguments to breakpoints functions unchanged (#32426) @ryancogswell
28
+ - &#8203;<!-- 31 -->[codemod] Allow for line breaks within theme.spacing parentheses (#32432) @ryancogswell
29
+
30
+ ### `@mui/joy@5.0.0-alpha.26`
31
+
32
+ - &#8203;<!-- 06 -->[Joy] Miscellaneous fixes (#32541) @siriwatknp
33
+ - &#8203;<!-- 05 -->[Joy] Add `extendSxProp` to Link (#32505) @siriwatknp
34
+ - &#8203;<!-- 04 -->[Joy] Rename variants (#32489) @siriwatknp
35
+ - &#8203;<!-- 03 -->[Joy] Add `extendTheme` (#32450) @siriwatknp
36
+
37
+ ### Docs
38
+
39
+ - &#8203;<!-- 30 -->[docs] SEO fixes (#32515) @oliviertassinari
40
+ - &#8203;<!-- 29 -->[docs] Replace `Overriding nested component styles` anchor link with text (#32487) @ZeeshanTamboli
41
+ - &#8203;<!-- 28 -->[docs] Update the list of external domains (#32514) @oliviertassinari
42
+ - &#8203;<!-- 27 -->[docs] Update Material UI code snippets for React 18 (#32361) @samuelsycamore
43
+ - &#8203;<!-- 26 -->[docs] Base TextareaAutosize style revisions and final review (#32481) @samuelsycamore
44
+ - &#8203;<!-- 25 -->[docs] Base ClickAwayListener style revisions and final review (#32156) @samuelsycamore
45
+ - &#8203;<!-- 24 -->[docs] Base Button style revisions and final review (#32380) @samuelsycamore
46
+ - &#8203;<!-- 23 -->[docs] Base NoSsr style revisions and final review (#32254) @samuelsycamore
47
+ - &#8203;<!-- 22 -->[docs] Correctly capitalize Ctrl @oliviertassinari
48
+ - &#8203;<!-- 21 -->[docs] Fix styling in `Basic Popper` demo on the MUI Base docs (#32488) @ZeeshanTamboli
49
+ - &#8203;<!-- 20 -->[docs] Add "Overview" page to Base docs (#32310) @samuelsycamore
50
+ - &#8203;<!-- 19 -->[docs] Add copy button to code block (#32390) @siriwatknp
51
+ - &#8203;<!-- 18 -->[docs] Base Tabs style revisions and final review (#32423) @samuelsycamore
52
+ - &#8203;<!-- 17 -->[docs] Base Popper style revisions and final review (#32412) @samuelsycamore
53
+ - &#8203;<!-- 16 -->[docs] Improve sidenav for MUI X (#32435) @oliviertassinari
54
+ - &#8203;<!-- 15 -->[docs] Don't redirect on deploy preview (#32399) @m4theushw
55
+ - &#8203;<!-- 14 -->[docs] A few SEO fixes (#32431) @oliviertassinari
56
+ - &#8203;<!-- 13 -->[docs] Update links to the new Group & Pivot pages (#32410) @flaviendelangle
57
+ - &#8203;<!-- 12 -->[docs] Support callouts (#32402) @siriwatknp
58
+ - &#8203;<!-- 11 -->[docs] Fix import path in the Snackbar article #32462 @mongolyy
59
+ - &#8203;<!-- 10 -->[docs] Fix grammar mistake in shadows.md (#32454) @HexM7
60
+ - &#8203;<!-- 09 -->[docs] Improve unstyled button docs (#32429) @oliviertassinari
61
+
62
+ ### Core
63
+
64
+ - &#8203;<!-- 08 -->[experiment] Add template for testing Material UI components with CSS variables (#32500) @siriwatknp
65
+
66
+ All contributors of this release in alphabetical order: @b-novikov-ipersonality, @flaviendelangle, @hbjORbj, @HexM7, @m4theushw, @Martin005, @mongolyy, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas, @ZeeshanTamboli
67
+
68
+ ## 5.6.3
69
+
70
+ <!-- generated comparing v5.6.2..master -->
71
+
72
+ _Apr 25, 2022_
73
+
74
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
75
+
76
+ - 🛠 Fixed TypeScript issue when the `fill` CSS property is used in the system (#32355) @valerii15298
77
+ - And more 🐛 bug fixes and 📚 improvements.
78
+
79
+ ### `@mui/material@5.6.3`
80
+
81
+ - [BottomNavigation] Action icon `padding` fix (#32030) @abhinav-22-tech
82
+ - [Dialog] Fix `component` prop is not available in `DialogTitleProps` (#32389) @hbjORbj
83
+ - [StepContent] Fix TypeScript type of `TransitionComponent` prop (#32314) @ZeeshanTamboli
84
+
85
+ ### `@mui/system@5.6.3`
86
+
87
+ - [system] Fix prop types when the `fill` CSS property is used (#32355) @valerii15298
88
+ - [system] Fix broken behavior when theme value is `zero` (#32365) @ZeeshanTamboli
89
+
90
+ ### `@mui/base@5.0.0-alpha.78`
91
+
92
+ - [InputUnstyled] `multiline` property should not log DOM warnings for `maxRows` and `minRows` props (#32401) @ZeeshanTamboli
93
+
94
+ ### `@mui/joy@5.0.0-alpha.25`
95
+
96
+ - [Joy] Improve theme focus to be more flexible (#32405) @siriwatknp
97
+ - [Joy] Add `Radio`, `RadioGroup` components (#32279) @siriwatknp
98
+ - [Joy] Add `Chip` component (#31983) @hbjORbj
99
+ - [Joy] Improve controls (#32267) @siriwatknp
100
+ - [Joy] Set up docs (#32370) @siriwatknp
101
+
102
+ ### Docs
103
+
104
+ - [docs] Enable row reordering on the pricing page (#31875) @DanailH
105
+ - [blog] A few improvements on date picker change (#32325) @oliviertassinari
106
+ - [docs] Emphasize how to avoid failing tests when migrating from v4 to v5 (#32159) @dwjohnston
107
+ - [docs] Revise the related projects page (#32180) @danilo-leal
108
+ - [docs] Cleanup remaining @mui/styles usages (#32313) @mnajdova
109
+ - [docs] Fix sidenav mobile color (#32324) @oliviertassinari
110
+ - [docs] Base TrapFocus style revisions and final review (#32364) @samuelsycamore
111
+ - [docs] Update the README.md to better cover the different products (#32360) @samuelsycamore
112
+ - [docs] Improve the propTypes generation and API demos' links (#32295) @mnajdova
113
+ - [docs] Add ability to display a plan icon next to a page link in nav bar (#32393) @flaviendelangle
114
+ - [docs] Change label on `FormControlLabelPlacement` (#32322) @ainatenhi
115
+ - [website] Update Diamond sponsors list (#32433) @oliviertassinari
116
+ - [website] Add privacy policy link to website's footer (#32080) @danilo-leal
117
+ - [website] Remove the designer role (#32384) @danilo-leal
118
+
119
+ ### Core
120
+
121
+ - [core] `yarn prettier` write @oliviertassinari
122
+ - [core] Fix changelog warning message (#32240) @praveen001
123
+ - [core] Update the proptypes scripts to support components in @mui/system (#32456) @mnajdova
124
+
125
+ All contributors of this release in alphabetical order: @abhinav-22-tech, @ainatenhi, @DanailH, @danilo-leal, @dwjohnston, @flaviendelangle, @hbjORbj, @mnajdova, @oliviertassinari, @praveen001, @samuelsycamore, @siriwatknp, @valerii15298, @ZeeshanTamboli
126
+
127
+ ## 5.6.2
128
+
129
+ <!-- generated comparing v5.6.1..master -->
130
+
131
+ _Apr 18, 2022_
132
+
133
+ A big thanks to the 11 contributors who made this release possible. This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
134
+
135
+ ### `@mui/material@5.6.2`
136
+
137
+ - &#8203;<!-- 29 -->[Autocomplete] Explain how to use getOptionLabel in free solo mode and update getOptionLabel type (#32165) @michaldudak
138
+ - &#8203;<!-- 28 -->[Badge] Fix customization of classes (#32185) @michaldudak
139
+ - &#8203;<!-- 03 -->[TextField] Add a workaround for Safari CSS transition scale bug (#32188) @igordanchenko
140
+
141
+ ### `@mui/system@5.6.2`
142
+
143
+ - &#8203;<!-- 05 -->[system] Update style function to use vars automatically if available (#32244) @mnajdova
144
+
145
+ ### `@mui/base@5.0.0-alpha.77`
146
+
147
+ - &#8203;<!-- 08 -->[FormControlUnstyled] Revise API (#32134) @michaldudak
148
+
149
+ ### `@mui/joy@5.0.0-alpha.24`
150
+
151
+ - &#8203;<!-- 07 -->[Joy] Add `Badge` component (#31401) @hbjORbj
152
+ - &#8203;<!-- 06 -->[Joy] Fix misuse variable in `Input` (#32268) @siriwatknp
153
+
154
+ ### Docs
155
+
156
+ - &#8203;<!-- 27 -->[blog] Fix images for the docs separation post (#32257) @danilo-leal
157
+ - &#8203;<!-- 25 -->[docs] Base Form Control style revisions and final review (#32309) @samuelsycamore
158
+ - &#8203;<!-- 24 -->[docs] Base TablePagination style revisions and final review (#32178) @samuelsycamore
159
+ - &#8203;<!-- 23 -->[docs] Revise the dark mode article (#32179) @danilo-leal
160
+ - &#8203;<!-- 22 -->[docs] Add `aria-label` for `IconButton` (#32276) @SiarheiBobryk
161
+ - &#8203;<!-- 21 -->[docs] Fix `borderRadius` in the docs example (#32347) @ZeeshanTamboli
162
+ - &#8203;<!-- 20 -->[docs] Fix 404 link in the code (#32323) @oliviertassinari
163
+ - &#8203;<!-- 19 -->[docs] Sync h1 with side nav label (#32235) @oliviertassinari
164
+ - &#8203;<!-- 18 -->[docs] Fix SEO issues (#32282) @oliviertassinari
165
+ - &#8203;<!-- 17 -->[docs] Fix broken link in the test contributing guide (#32283) @sirartemis
166
+ - &#8203;<!-- 16 -->[docs] Update "How to customize" page anchor links #32315 @abaker93
167
+ - &#8203;<!-- 15 -->[docs] Mark `onBackdropClick` prop as deprecated in `Dialog`, `Modal` and `ModalUnstyled` components (#32297) @ZeeshanTamboli
168
+ - &#8203;<!-- 14 -->[docs] Link to advanced components page (#32290) @siriwatknp
169
+ - &#8203;<!-- 13 -->[docs] Sync package description with the docs (#32211) @oliviertassinari
170
+ - &#8203;<!-- 12 -->[docs] Revise "Component theming" and "How to customize" guides (#31997) @danilo-leal
171
+ - &#8203;<!-- 11 -->[docs] Add note in the Contributing guide about linking issues to a PR (#32174) @danilo-leal
172
+ - &#8203;<!-- 10 -->[docs] Update RTL guide (#32242) @michaldudak
173
+ - &#8203;<!-- 09 -->[docs] Uniformize capitalization (#32238) @oliviertassinari
174
+ - &#8203;<!-- 02 -->[website] Improve new role template @oliviertassinari
175
+ - &#8203;<!-- 01 -->[website] Remove a gold sponsor (#32261) @hbjORbj
176
+ - &#8203;<!-- 24 -->[website] Mark DataGrid Column spanning done on Pricing page (#32305) @cherniavskii
177
+
178
+ ### Core
179
+
180
+ - &#8203;<!-- 31 -->[core] Remove unecessary div (#32237) @oliviertassinari
181
+ - &#8203;<!-- 30 -->[core] Revert #32229 (#32262) @michaldudak
182
+ - &#8203;<!-- 04 -->[test] Fix running unit tests on Windows (#32260) @michaldudak
183
+
184
+ All contributors of this release in alphabetical order: @abaker93, @cherniavskii, @danilo-leal, @hbjORbj, @igordanchenko, @michaldudak, @mnajdova, @oliviertassinari, @samuelsycamore, @SiarheiBobryk, @sirartemis, @siriwatknp, @ZeeshanTamboli
185
+
3
186
  ## 5.6.1
4
187
 
5
188
  <!-- generated comparing v5.6.0..master -->
@@ -3575,7 +3758,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
3575
3758
  - &#8203;<!-- 28 -->[docs] Fix broken overrides link on API pages (#26244) @mnajdova
3576
3759
  - &#8203;<!-- 27 -->[docs] Improve documentation for Buttons (#26184) @arpitBhalla
3577
3760
  - &#8203;<!-- 24 -->[docs] Emphasize on props for screen readers (#26222) @atisheyJain03
3578
- - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom Navigation (#26190) @arpitBhalla
3761
+ - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom navigation (#26190) @arpitBhalla
3579
3762
  - &#8203;<!-- 22 -->[docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova
3580
3763
  - &#8203;<!-- 20 -->[docs] Add accessibility section to Badges (#26009) @likitarai1
3581
3764
  - &#8203;<!-- 15 -->[docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova
@@ -4587,7 +4770,7 @@ The prop didn't solve any important problem better than any of its alternatives
4587
4770
 
4588
4771
  ### Docs
4589
4772
 
4590
- - &#8203;<!-- 22 -->[docs] Migrate Bottom Navigation demos to emotion (#25180) @vicasas
4773
+ - &#8203;<!-- 22 -->[docs] Migrate Bottom navigation demos to emotion (#25180) @vicasas
4591
4774
  - &#8203;<!-- 09 -->[docs] Migrate Button demos to emotion (#25138) @vicasas
4592
4775
  - &#8203;<!-- 17 -->[docs] Migrate Divider demos to emotion (#25145) @vicasas
4593
4776
  - &#8203;<!-- 24 -->[docs] Migrate Pagination demos to emotion (#25183) @vicasas
@@ -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;
@@ -105,7 +105,7 @@ export interface CheckboxProps
105
105
  * Demos:
106
106
  *
107
107
  * - [Checkboxes](https://mui.com/material-ui/react-checkbox/)
108
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
108
+ * - [Transfer list](https://mui.com/material-ui/react-transfer-list/)
109
109
  *
110
110
  * API:
111
111
  *
@@ -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;