@mui/material 5.0.0 → 5.0.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 (414) 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.d.ts +2 -1
  6. package/Alert/Alert.js +1 -0
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +1 -1
  11. package/Autocomplete/Autocomplete.js +1 -1
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/Avatar.d.ts +1 -1
  14. package/Avatar/Avatar.js +1 -1
  15. package/Avatar/avatarClasses.d.ts +20 -20
  16. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  17. package/BottomNavigation/BottomNavigation.js +0 -0
  18. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  19. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  20. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  21. package/Button/buttonClasses.d.ts +76 -76
  22. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  23. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  24. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  25. package/CHANGELOG.md +278 -2
  26. package/Card/cardClasses.d.ts +8 -8
  27. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  28. package/CardActions/cardActionsClasses.d.ts +10 -10
  29. package/CardContent/cardContentClasses.d.ts +8 -8
  30. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  31. package/CardMedia/cardMediaClasses.d.ts +12 -12
  32. package/Checkbox/checkboxClasses.d.ts +18 -18
  33. package/Chip/Chip.js +5 -4
  34. package/Chip/chipClasses.d.ts +80 -80
  35. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  36. package/ClickAwayListener/ClickAwayListener.d.ts +47 -47
  37. package/ClickAwayListener/index.d.ts +2 -2
  38. package/Collapse/Collapse.js +16 -3
  39. package/Collapse/collapseClasses.d.ts +18 -18
  40. package/Container/containerClasses.d.ts +22 -22
  41. package/Dialog/Dialog.d.ts +1 -1
  42. package/Dialog/DialogContext.d.ts +6 -6
  43. package/Dialog/dialogClasses.d.ts +36 -36
  44. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  45. package/DialogContent/dialogContentClasses.d.ts +10 -10
  46. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  47. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  48. package/Divider/dividerClasses.d.ts +34 -34
  49. package/Drawer/drawerClasses.d.ts +30 -30
  50. package/Fab/fabClasses.d.ts +26 -26
  51. package/Fade/Fade.d.ts +1 -1
  52. package/Fade/Fade.js +19 -2
  53. package/FilledInput/filledInputClasses.d.ts +40 -40
  54. package/FormControl/formControlClasses.d.ts +14 -14
  55. package/FormControlLabel/formControlLabelClasses.d.ts +18 -18
  56. package/FormGroup/formGroupClasses.d.ts +10 -10
  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/Grow/Grow.d.ts +1 -1
  61. package/Grow/Grow.js +17 -4
  62. package/Icon/iconClasses.d.ts +24 -24
  63. package/IconButton/iconButtonClasses.d.ts +26 -26
  64. package/ImageList/imageListClasses.d.ts +16 -16
  65. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  66. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  67. package/Input/inputClasses.d.ts +34 -34
  68. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  69. package/InputBase/inputBaseClasses.d.ts +44 -44
  70. package/InputLabel/InputLabel.js +1 -1
  71. package/InputLabel/inputLabelClasses.d.ts +32 -32
  72. package/LICENSE +21 -21
  73. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  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/NativeSelect/NativeSelect.d.ts +1 -1
  87. package/NativeSelect/NativeSelect.js +1 -1
  88. package/NativeSelect/nativeSelectClasses.d.ts +30 -30
  89. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  90. package/Pagination/paginationClasses.d.ts +14 -14
  91. package/PaginationItem/PaginationItem.js +3 -4
  92. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  93. package/Paper/paperClasses.d.ts +39 -39
  94. package/Popover/Popover.d.ts +1 -1
  95. package/Popover/popoverClasses.d.ts +10 -10
  96. package/README.md +8 -3
  97. package/Radio/Radio.js +10 -1
  98. package/Radio/radioClasses.d.ts +16 -16
  99. package/Rating/ratingClasses.d.ts +40 -40
  100. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  101. package/Select/SelectInput.js +2 -1
  102. package/Select/selectClasses.d.ts +30 -30
  103. package/Skeleton/skeletonClasses.d.ts +24 -24
  104. package/Slide/Slide.d.ts +1 -1
  105. package/Slide/Slide.js +19 -2
  106. package/Snackbar/Snackbar.d.ts +1 -1
  107. package/Snackbar/snackbarClasses.d.ts +20 -20
  108. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  109. package/SpeedDial/speedDialClasses.d.ts +22 -22
  110. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  111. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  112. package/Step/stepClasses.d.ts +16 -16
  113. package/StepButton/stepButtonClasses.d.ts +14 -14
  114. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  115. package/StepContent/stepContentClasses.d.ts +12 -12
  116. package/StepIcon/stepIconClasses.d.ts +16 -16
  117. package/StepLabel/stepLabelClasses.d.ts +28 -28
  118. package/Stepper/stepperClasses.d.ts +14 -14
  119. package/SvgIcon/svgIconClasses.d.ts +24 -24
  120. package/Switch/Switch.js +3 -1
  121. package/Switch/switchClasses.d.ts +32 -32
  122. package/Tab/Tab.js +8 -4
  123. package/Tab/tabClasses.d.ts +26 -24
  124. package/Tab/tabClasses.js +1 -1
  125. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  126. package/Table/tableClasses.d.ts +10 -10
  127. package/TableBody/tableBodyClasses.d.ts +8 -8
  128. package/TableCell/tableCellClasses.d.ts +32 -32
  129. package/TableContainer/tableContainerClasses.d.ts +8 -8
  130. package/TableFooter/tableFooterClasses.d.ts +8 -8
  131. package/TableHead/tableHeadClasses.d.ts +8 -8
  132. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  133. package/TableRow/tableRowClasses.d.ts +16 -16
  134. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  135. package/Tabs/tabsClasses.d.ts +32 -32
  136. package/TextField/textFieldClasses.d.ts +8 -8
  137. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  138. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  139. package/Toolbar/toolbarClasses.d.ts +14 -14
  140. package/Tooltip/Tooltip.d.ts +29 -2
  141. package/Tooltip/Tooltip.js +56 -24
  142. package/Tooltip/tooltipClasses.d.ts +30 -30
  143. package/Typography/typographyClasses.d.ts +50 -50
  144. package/Zoom/Zoom.d.ts +1 -1
  145. package/Zoom/Zoom.js +19 -2
  146. package/colors/amber.d.ts +15 -15
  147. package/colors/blue.d.ts +15 -15
  148. package/colors/blueGrey.d.ts +15 -15
  149. package/colors/brown.d.ts +15 -15
  150. package/colors/common.d.ts +3 -3
  151. package/colors/cyan.d.ts +15 -15
  152. package/colors/deepOrange.d.ts +15 -15
  153. package/colors/deepPurple.d.ts +15 -15
  154. package/colors/green.d.ts +15 -15
  155. package/colors/grey.d.ts +15 -15
  156. package/colors/indigo.d.ts +15 -15
  157. package/colors/lightBlue.d.ts +15 -15
  158. package/colors/lightGreen.d.ts +15 -15
  159. package/colors/lime.d.ts +15 -15
  160. package/colors/orange.d.ts +15 -15
  161. package/colors/pink.d.ts +15 -15
  162. package/colors/purple.d.ts +15 -15
  163. package/colors/red.d.ts +15 -15
  164. package/colors/teal.d.ts +15 -15
  165. package/colors/yellow.d.ts +15 -15
  166. package/darkScrollbar/index.d.ts +28 -28
  167. package/index.js +1 -1
  168. package/internal/SwitchBase.js +3 -2
  169. package/internal/switchBaseClasses.d.ts +12 -12
  170. package/legacy/Alert/Alert.js +1 -0
  171. package/legacy/Autocomplete/Autocomplete.js +1 -1
  172. package/legacy/Avatar/Avatar.js +1 -1
  173. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  174. package/legacy/Chip/Chip.js +5 -4
  175. package/legacy/Collapse/Collapse.js +17 -4
  176. package/legacy/Fade/Fade.js +20 -3
  177. package/legacy/Grow/Grow.js +18 -5
  178. package/legacy/InputLabel/InputLabel.js +1 -1
  179. package/legacy/NativeSelect/NativeSelect.js +1 -1
  180. package/legacy/PaginationItem/PaginationItem.js +3 -4
  181. package/legacy/Radio/Radio.js +11 -1
  182. package/legacy/Select/SelectInput.js +2 -1
  183. package/legacy/Slide/Slide.js +20 -3
  184. package/legacy/Switch/Switch.js +22 -22
  185. package/legacy/Tab/Tab.js +8 -4
  186. package/legacy/Tab/tabClasses.js +1 -1
  187. package/legacy/Tooltip/Tooltip.js +55 -24
  188. package/legacy/Zoom/Zoom.js +20 -3
  189. package/legacy/index.js +1 -1
  190. package/legacy/internal/SwitchBase.js +2 -1
  191. package/legacy/useMediaQuery/useMediaQuery.js +23 -21
  192. package/locale/index.d.ts +65 -65
  193. package/modern/Alert/Alert.js +1 -0
  194. package/modern/Autocomplete/Autocomplete.js +1 -1
  195. package/modern/Avatar/Avatar.js +1 -1
  196. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  197. package/modern/Chip/Chip.js +5 -4
  198. package/modern/Collapse/Collapse.js +16 -3
  199. package/modern/Fade/Fade.js +19 -2
  200. package/modern/Grow/Grow.js +17 -4
  201. package/modern/InputLabel/InputLabel.js +1 -1
  202. package/modern/NativeSelect/NativeSelect.js +1 -1
  203. package/modern/PaginationItem/PaginationItem.js +3 -4
  204. package/modern/Radio/Radio.js +10 -1
  205. package/modern/Select/SelectInput.js +2 -1
  206. package/modern/Slide/Slide.js +19 -2
  207. package/modern/Switch/Switch.js +3 -1
  208. package/modern/Tab/Tab.js +8 -4
  209. package/modern/Tab/tabClasses.js +1 -1
  210. package/modern/Tooltip/Tooltip.js +47 -21
  211. package/modern/Zoom/Zoom.js +19 -2
  212. package/modern/index.js +1 -1
  213. package/modern/internal/SwitchBase.js +3 -2
  214. package/modern/useMediaQuery/useMediaQuery.js +18 -18
  215. package/node/Accordion/accordionClasses.js +1 -1
  216. package/node/Accordion/index.js +4 -4
  217. package/node/AccordionActions/accordionActionsClasses.js +1 -1
  218. package/node/AccordionActions/index.js +4 -4
  219. package/node/AccordionDetails/accordionDetailsClasses.js +1 -1
  220. package/node/AccordionDetails/index.js +4 -4
  221. package/node/AccordionSummary/accordionSummaryClasses.js +1 -1
  222. package/node/AccordionSummary/index.js +4 -4
  223. package/node/Alert/Alert.js +1 -0
  224. package/node/Alert/alertClasses.js +1 -1
  225. package/node/Alert/index.js +4 -4
  226. package/node/AlertTitle/alertTitleClasses.js +1 -1
  227. package/node/AlertTitle/index.js +4 -4
  228. package/node/AppBar/appBarClasses.js +1 -1
  229. package/node/AppBar/index.js +4 -4
  230. package/node/Autocomplete/Autocomplete.js +1 -1
  231. package/node/Autocomplete/autocompleteClasses.js +1 -1
  232. package/node/Autocomplete/index.js +4 -4
  233. package/node/Avatar/Avatar.js +1 -1
  234. package/node/Avatar/avatarClasses.js +1 -1
  235. package/node/Avatar/index.js +4 -4
  236. package/node/AvatarGroup/avatarGroupClasses.js +1 -1
  237. package/node/AvatarGroup/index.js +4 -4
  238. package/node/BottomNavigation/BottomNavigation.js +0 -0
  239. package/node/BottomNavigation/bottomNavigationClasses.js +1 -1
  240. package/node/BottomNavigation/index.js +4 -4
  241. package/node/BottomNavigationAction/bottomNavigationActionClasses.js +1 -1
  242. package/node/BottomNavigationAction/index.js +4 -4
  243. package/node/Breadcrumbs/breadcrumbsClasses.js +1 -1
  244. package/node/Breadcrumbs/index.js +4 -4
  245. package/node/Button/buttonClasses.js +1 -1
  246. package/node/Button/index.js +4 -4
  247. package/node/ButtonBase/TouchRipple.js +1 -1
  248. package/node/ButtonBase/buttonBaseClasses.js +1 -1
  249. package/node/ButtonBase/index.js +4 -4
  250. package/node/ButtonBase/touchRippleClasses.js +1 -1
  251. package/node/ButtonGroup/buttonGroupClasses.js +1 -1
  252. package/node/ButtonGroup/index.js +4 -4
  253. package/node/Card/cardClasses.js +1 -1
  254. package/node/Card/index.js +4 -4
  255. package/node/CardActionArea/cardActionAreaClasses.js +1 -1
  256. package/node/CardActionArea/index.js +4 -4
  257. package/node/CardActions/cardActionsClasses.js +1 -1
  258. package/node/CardActions/index.js +4 -4
  259. package/node/CardContent/cardContentClasses.js +1 -1
  260. package/node/CardContent/index.js +4 -4
  261. package/node/CardHeader/cardHeaderClasses.js +1 -1
  262. package/node/CardHeader/index.js +4 -4
  263. package/node/CardMedia/cardMediaClasses.js +1 -1
  264. package/node/CardMedia/index.js +4 -4
  265. package/node/Checkbox/checkboxClasses.js +1 -1
  266. package/node/Checkbox/index.js +4 -4
  267. package/node/Chip/Chip.js +5 -4
  268. package/node/Chip/chipClasses.js +1 -1
  269. package/node/Chip/index.js +4 -4
  270. package/node/CircularProgress/circularProgressClasses.js +1 -1
  271. package/node/CircularProgress/index.js +4 -4
  272. package/node/Collapse/Collapse.js +16 -3
  273. package/node/Collapse/collapseClasses.js +1 -1
  274. package/node/Collapse/index.js +4 -4
  275. package/node/Container/containerClasses.js +1 -1
  276. package/node/Container/index.js +4 -4
  277. package/node/CssBaseline/CssBaseline.js +1 -1
  278. package/node/Dialog/dialogClasses.js +1 -1
  279. package/node/DialogActions/dialogActionsClasses.js +1 -1
  280. package/node/DialogContent/dialogContentClasses.js +1 -1
  281. package/node/DialogContentText/dialogContentTextClasses.js +1 -1
  282. package/node/DialogTitle/dialogTitleClasses.js +1 -1
  283. package/node/Divider/dividerClasses.js +1 -1
  284. package/node/Drawer/Drawer.js +2 -2
  285. package/node/Drawer/drawerClasses.js +1 -1
  286. package/node/Fab/fabClasses.js +1 -1
  287. package/node/Fade/Fade.js +19 -2
  288. package/node/FilledInput/filledInputClasses.js +1 -1
  289. package/node/FormControl/formControlClasses.js +1 -1
  290. package/node/FormControl/index.js +4 -4
  291. package/node/FormControlLabel/formControlLabelClasses.js +1 -1
  292. package/node/FormGroup/formGroupClasses.js +1 -1
  293. package/node/FormHelperText/formHelperTextClasses.js +1 -1
  294. package/node/FormLabel/formLabelClasses.js +1 -1
  295. package/node/Grid/Grid.js +2 -2
  296. package/node/Grid/gridClasses.js +1 -1
  297. package/node/Grow/Grow.js +17 -4
  298. package/node/Hidden/hiddenCssClasses.js +1 -1
  299. package/node/Hidden/withWidth.js +1 -1
  300. package/node/Icon/iconClasses.js +1 -1
  301. package/node/IconButton/iconButtonClasses.js +1 -1
  302. package/node/ImageList/imageListClasses.js +1 -1
  303. package/node/ImageListItem/imageListItemClasses.js +1 -1
  304. package/node/ImageListItemBar/imageListItemBarClasses.js +1 -1
  305. package/node/Input/inputClasses.js +1 -1
  306. package/node/InputAdornment/inputAdornmentClasses.js +1 -1
  307. package/node/InputBase/InputBase.js +1 -1
  308. package/node/InputBase/inputBaseClasses.js +1 -1
  309. package/node/InputBase/utils.js +1 -1
  310. package/node/InputLabel/InputLabel.js +1 -1
  311. package/node/InputLabel/inputLabelClasses.js +1 -1
  312. package/node/LinearProgress/linearProgressClasses.js +1 -1
  313. package/node/Link/linkClasses.js +1 -1
  314. package/node/List/listClasses.js +1 -1
  315. package/node/ListItem/ListItem.js +1 -1
  316. package/node/ListItem/listItemClasses.js +1 -1
  317. package/node/ListItemAvatar/listItemAvatarClasses.js +1 -1
  318. package/node/ListItemButton/ListItemButton.js +1 -1
  319. package/node/ListItemButton/listItemButtonClasses.js +1 -1
  320. package/node/ListItemIcon/listItemIconClasses.js +1 -1
  321. package/node/ListItemSecondaryAction/listItemSecondaryActionClasses.js +1 -1
  322. package/node/ListItemText/listItemTextClasses.js +1 -1
  323. package/node/ListSubheader/listSubheaderClasses.js +1 -1
  324. package/node/Menu/menuClasses.js +1 -1
  325. package/node/MenuItem/MenuItem.js +1 -1
  326. package/node/MenuItem/menuItemClasses.js +1 -1
  327. package/node/MobileStepper/mobileStepperClasses.js +1 -1
  328. package/node/Modal/Modal.js +1 -1
  329. package/node/NativeSelect/NativeSelect.js +1 -1
  330. package/node/NativeSelect/NativeSelectInput.js +1 -1
  331. package/node/NativeSelect/nativeSelectClasses.js +1 -1
  332. package/node/OutlinedInput/outlinedInputClasses.js +1 -1
  333. package/node/Pagination/paginationClasses.js +1 -1
  334. package/node/PaginationItem/PaginationItem.js +3 -4
  335. package/node/PaginationItem/paginationItemClasses.js +1 -1
  336. package/node/Paper/paperClasses.js +1 -1
  337. package/node/Popover/Popover.js +2 -2
  338. package/node/Popover/popoverClasses.js +1 -1
  339. package/node/Radio/Radio.js +11 -1
  340. package/node/Radio/radioClasses.js +1 -1
  341. package/node/Rating/ratingClasses.js +1 -1
  342. package/node/ScopedCssBaseline/scopedCssBaselineClasses.js +1 -1
  343. package/node/Select/SelectInput.js +2 -1
  344. package/node/Select/selectClasses.js +1 -1
  345. package/node/Skeleton/skeletonClasses.js +1 -1
  346. package/node/Slide/Slide.js +20 -3
  347. package/node/Slider/Slider.js +1 -1
  348. package/node/Snackbar/snackbarClasses.js +1 -1
  349. package/node/SnackbarContent/snackbarContentClasses.js +1 -1
  350. package/node/SpeedDial/speedDialClasses.js +1 -1
  351. package/node/SpeedDialAction/speedDialActionClasses.js +1 -1
  352. package/node/SpeedDialIcon/speedDialIconClasses.js +1 -1
  353. package/node/Stack/Stack.js +1 -1
  354. package/node/Step/stepClasses.js +1 -1
  355. package/node/StepButton/stepButtonClasses.js +1 -1
  356. package/node/StepConnector/stepConnectorClasses.js +1 -1
  357. package/node/StepContent/stepContentClasses.js +1 -1
  358. package/node/StepIcon/stepIconClasses.js +1 -1
  359. package/node/StepLabel/stepLabelClasses.js +1 -1
  360. package/node/Stepper/stepperClasses.js +1 -1
  361. package/node/SvgIcon/svgIconClasses.js +1 -1
  362. package/node/SwipeableDrawer/SwipeableDrawer.js +1 -1
  363. package/node/Switch/Switch.js +3 -1
  364. package/node/Switch/switchClasses.js +1 -1
  365. package/node/Tab/Tab.js +8 -4
  366. package/node/Tab/tabClasses.js +2 -2
  367. package/node/TabScrollButton/tabScrollButtonClasses.js +1 -1
  368. package/node/Table/tableClasses.js +1 -1
  369. package/node/TableBody/tableBodyClasses.js +1 -1
  370. package/node/TableCell/tableCellClasses.js +1 -1
  371. package/node/TableContainer/tableContainerClasses.js +1 -1
  372. package/node/TableFooter/tableFooterClasses.js +1 -1
  373. package/node/TableHead/tableHeadClasses.js +1 -1
  374. package/node/TablePagination/tablePaginationClasses.js +1 -1
  375. package/node/TableRow/tableRowClasses.js +1 -1
  376. package/node/TableSortLabel/tableSortLabelClasses.js +1 -1
  377. package/node/Tabs/tabsClasses.js +1 -1
  378. package/node/TextField/textFieldClasses.js +1 -1
  379. package/node/ToggleButton/toggleButtonClasses.js +1 -1
  380. package/node/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  381. package/node/Toolbar/toolbarClasses.js +1 -1
  382. package/node/Tooltip/Tooltip.js +56 -24
  383. package/node/Tooltip/tooltipClasses.js +1 -1
  384. package/node/Typography/typographyClasses.js +1 -1
  385. package/node/Zoom/Zoom.js +19 -2
  386. package/node/colors/index.js +40 -40
  387. package/node/index.js +32 -32
  388. package/node/internal/SwitchBase.js +3 -2
  389. package/node/internal/switchBaseClasses.js +1 -1
  390. package/node/locale/index.js +1 -1
  391. package/node/styles/createPalette.js +2 -1
  392. package/node/styles/createTransitions.js +1 -1
  393. package/node/styles/cssUtils.js +4 -4
  394. package/node/styles/index.js +56 -56
  395. package/node/styles/styled.js +1 -1
  396. package/node/useAutocomplete/index.js +4 -4
  397. package/node/useMediaQuery/useMediaQuery.js +14 -17
  398. package/package.json +7 -7
  399. package/styles/components.d.ts +4 -0
  400. package/styles/props.d.ts +2 -0
  401. package/styles/styled.d.ts +4 -0
  402. package/transitions/index.d.ts +1 -1
  403. package/transitions/transition.d.ts +14 -14
  404. package/transitions/utils.d.ts +23 -23
  405. package/umd/material-ui.development.js +848 -595
  406. package/umd/material-ui.production.min.js +21 -21
  407. package/useMediaQuery/useMediaQuery.d.ts +21 -16
  408. package/useMediaQuery/useMediaQuery.js +18 -18
  409. package/useTouchRipple/index.d.ts +1 -1
  410. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  411. package/utils/getScrollbarSize.d.ts +2 -2
  412. package/utils/ownerDocument.d.ts +2 -2
  413. package/utils/ownerWindow.d.ts +2 -2
  414. package/utils/setRef.d.ts +2 -2
@@ -1,20 +1,20 @@
1
- export interface MenuItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if keyboard focused. */
5
- focusVisible: string;
6
- /** Styles applied to the root element if dense. */
7
- dense: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element if `divider={true}`. */
11
- divider: string;
12
- /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
13
- gutters: string;
14
- /** State class applied to the root element if `selected={true}`. */
15
- selected: string;
16
- }
17
- export declare type MenuItemClassKey = keyof MenuItemClasses;
18
- export declare function getMenuItemUtilityClass(slot: string): string;
19
- declare const menuItemClasses: MenuItemClasses;
20
- export default menuItemClasses;
1
+ export interface MenuItemClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if keyboard focused. */
5
+ focusVisible: string;
6
+ /** Styles applied to the root element if dense. */
7
+ dense: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element if `divider={true}`. */
11
+ divider: string;
12
+ /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
13
+ gutters: string;
14
+ /** State class applied to the root element if `selected={true}`. */
15
+ selected: string;
16
+ }
17
+ export declare type MenuItemClassKey = keyof MenuItemClasses;
18
+ export declare function getMenuItemUtilityClass(slot: string): string;
19
+ declare const menuItemClasses: MenuItemClasses;
20
+ export default menuItemClasses;
@@ -1,22 +1,22 @@
1
- export interface MobileStepperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="bottom"`. */
5
- positionBottom: string;
6
- /** Styles applied to the root element if `position="top"`. */
7
- positionTop: string;
8
- /** Styles applied to the root element if `position="static"`. */
9
- positionStatic: string;
10
- /** Styles applied to the dots container if `variant="dots"`. */
11
- dots: string;
12
- /** Styles applied to each dot if `variant="dots"`. */
13
- dot: string;
14
- /** Styles applied to a dot if `variant="dots"` and this is the active step. */
15
- dotActive: string;
16
- /** Styles applied to the Linear Progress component if `variant="progress"`. */
17
- progress: string;
18
- }
19
- export declare type MobileStepperClassKey = keyof MobileStepperClasses;
20
- export declare function getMobileStepperUtilityClass(slot: string): string;
21
- declare const mobileStepperClasses: MobileStepperClasses;
22
- export default mobileStepperClasses;
1
+ export interface MobileStepperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `position="bottom"`. */
5
+ positionBottom: string;
6
+ /** Styles applied to the root element if `position="top"`. */
7
+ positionTop: string;
8
+ /** Styles applied to the root element if `position="static"`. */
9
+ positionStatic: string;
10
+ /** Styles applied to the dots container if `variant="dots"`. */
11
+ dots: string;
12
+ /** Styles applied to each dot if `variant="dots"`. */
13
+ dot: string;
14
+ /** Styles applied to a dot if `variant="dots"` and this is the active step. */
15
+ dotActive: string;
16
+ /** Styles applied to the Linear Progress component if `variant="progress"`. */
17
+ progress: string;
18
+ }
19
+ export declare type MobileStepperClassKey = keyof MobileStepperClasses;
20
+ export declare function getMobileStepperUtilityClass(slot: string): string;
21
+ declare const mobileStepperClasses: MobileStepperClasses;
22
+ export default mobileStepperClasses;
@@ -28,7 +28,7 @@ export interface NativeSelectProps
28
28
  */
29
29
  input?: React.ReactElement<any, any>;
30
30
  /**
31
- * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes">Attributes</a> applied to the `select` element.
31
+ * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
32
32
  */
33
33
  inputProps?: Partial<NativeSelectInputProps>;
34
34
  /**
@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes
116
116
  input: PropTypes.element,
117
117
 
118
118
  /**
119
- * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes">Attributes</a> applied to the `select` element.
119
+ * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
120
120
  */
121
121
  inputProps: PropTypes.object,
122
122
 
@@ -1,30 +1,30 @@
1
- export interface NativeSelectClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the select component `select` class. */
5
- select: 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
- }
27
- export declare type NativeSelectClassKey = keyof NativeSelectClasses;
28
- export declare function getNativeSelectUtilityClasses(slot: string): string;
29
- declare const nativeSelectClasses: NativeSelectClasses;
30
- export default nativeSelectClasses;
1
+ export interface NativeSelectClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the select component `select` class. */
5
+ select: 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
+ }
27
+ export declare type NativeSelectClassKey = keyof NativeSelectClasses;
28
+ export declare function getNativeSelectUtilityClasses(slot: string): string;
29
+ declare const nativeSelectClasses: NativeSelectClasses;
30
+ export default nativeSelectClasses;
@@ -1,36 +1,36 @@
1
- export interface OutlinedInputClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if the color is secondary. */
5
- colorSecondary: string;
6
- /** Styles applied to the root element if the component is focused. */
7
- focused: string;
8
- /** Styles applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element if `startAdornment` is provided. */
11
- adornedStart: string;
12
- /** Styles applied to the root element if `endAdornment` is provided. */
13
- adornedEnd: string;
14
- /** State class applied to the root element if `error={true}`. */
15
- error: string;
16
- /** Styles applied to the input element if `size="small"`. */
17
- sizeSmall: string;
18
- /** Styles applied to the root element if `multiline={true}`. */
19
- multiline: string;
20
- /** Styles applied to the NotchedOutline element. */
21
- notchedOutline: string;
22
- /** Styles applied to the input element. */
23
- input: string;
24
- /** Styles applied to the input element if `size="small"`. */
25
- inputSizeSmall: string;
26
- /** Styles applied to the input element if `multiline={true}`. */
27
- inputMultiline: string;
28
- /** Styles applied to the input element if `startAdornment` is provided. */
29
- inputAdornedStart: string;
30
- /** Styles applied to the input element if `endAdornment` is provided. */
31
- inputAdornedEnd: string;
32
- }
33
- export declare type OutlinedInputClassKey = keyof OutlinedInputClasses;
34
- export declare function getOutlinedInputUtilityClass(slot: string): string;
35
- declare const outlinedInputClasses: OutlinedInputClasses;
36
- export default outlinedInputClasses;
1
+ export interface OutlinedInputClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if the color is secondary. */
5
+ colorSecondary: string;
6
+ /** Styles applied to the root element if the component is focused. */
7
+ focused: string;
8
+ /** Styles applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element if `startAdornment` is provided. */
11
+ adornedStart: string;
12
+ /** Styles applied to the root element if `endAdornment` is provided. */
13
+ adornedEnd: string;
14
+ /** State class applied to the root element if `error={true}`. */
15
+ error: string;
16
+ /** Styles applied to the input element if `size="small"`. */
17
+ sizeSmall: string;
18
+ /** Styles applied to the root element if `multiline={true}`. */
19
+ multiline: string;
20
+ /** Styles applied to the NotchedOutline element. */
21
+ notchedOutline: string;
22
+ /** Styles applied to the input element. */
23
+ input: string;
24
+ /** Styles applied to the input element if `size="small"`. */
25
+ inputSizeSmall: string;
26
+ /** Styles applied to the input element if `multiline={true}`. */
27
+ inputMultiline: string;
28
+ /** Styles applied to the input element if `startAdornment` is provided. */
29
+ inputAdornedStart: string;
30
+ /** Styles applied to the input element if `endAdornment` is provided. */
31
+ inputAdornedEnd: string;
32
+ }
33
+ export declare type OutlinedInputClassKey = keyof OutlinedInputClasses;
34
+ export declare function getOutlinedInputUtilityClass(slot: string): string;
35
+ declare const outlinedInputClasses: OutlinedInputClasses;
36
+ export default outlinedInputClasses;
@@ -1,14 +1,14 @@
1
- export interface PaginationClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the ul element. */
5
- ul: 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
- }
11
- export declare type PaginationClassKey = keyof PaginationClasses;
12
- export declare function getPaginationUtilityClass(slot: string): string;
13
- declare const paginationClasses: PaginationClasses;
14
- export default paginationClasses;
1
+ export interface PaginationClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the ul element. */
5
+ ul: 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
+ }
11
+ export declare type PaginationClassKey = keyof PaginationClasses;
12
+ export declare function getPaginationUtilityClass(slot: string): string;
13
+ declare const paginationClasses: PaginationClasses;
14
+ export default paginationClasses;
@@ -250,13 +250,12 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
250
250
  last: LastPageIcon
251
251
  };
252
252
  const Icon = normalizedIcons[type];
253
- return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, _extends({
253
+ return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, {
254
254
  ref: ref,
255
255
  ownerState: ownerState,
256
- className: clsx(classes.root, className)
257
- }, other, {
256
+ className: clsx(classes.root, className),
258
257
  children: "\u2026"
259
- })) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
258
+ }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
260
259
  ref: ref,
261
260
  ownerState: ownerState,
262
261
  component: component,
@@ -1,42 +1,42 @@
1
- export interface PaginationItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `type="page"`. */
5
- page: string;
6
- /** Styles applied to the root element if `size="small"`. */
7
- sizeSmall: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `variant="text"`. */
11
- text: string;
12
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
- textPrimary: string;
14
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
- textSecondary: string;
16
- /** Styles applied to the root element if `variant="outlined"`. */
17
- outlined: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
- outlinedPrimary: string;
20
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
- outlinedSecondary: string;
22
- /** Styles applied to the root element if `rounded="true"`. */
23
- rounded: string;
24
- /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
- ellipsis: string;
26
- /** Styles applyed to the root element if `type="first"` or type="last". */
27
- firstLast: string;
28
- /** Styles applyed to the root element if `type="previous"` or type="next". */
29
- previousNext: string;
30
- /** State class applied to the root element if keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** State class applied to the root element if `selected={true}`. */
35
- selected: string;
36
- /** Styles applied to the icon to display. */
37
- icon: string;
38
- }
39
- export declare type PaginationItemClassKey = keyof PaginationItemClasses;
40
- export declare function getPaginationItemUtilityClass(slot: string): string;
41
- declare const paginationItemClasses: PaginationItemClasses;
42
- export default paginationItemClasses;
1
+ export interface PaginationItemClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `type="page"`. */
5
+ page: string;
6
+ /** Styles applied to the root element if `size="small"`. */
7
+ sizeSmall: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `variant="text"`. */
11
+ text: string;
12
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
+ textPrimary: string;
14
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
+ textSecondary: string;
16
+ /** Styles applied to the root element if `variant="outlined"`. */
17
+ outlined: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
+ outlinedPrimary: string;
20
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
+ outlinedSecondary: string;
22
+ /** Styles applied to the root element if `rounded="true"`. */
23
+ rounded: string;
24
+ /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
+ ellipsis: string;
26
+ /** Styles applyed to the root element if `type="first"` or type="last". */
27
+ firstLast: string;
28
+ /** Styles applyed to the root element if `type="previous"` or type="next". */
29
+ previousNext: string;
30
+ /** State class applied to the root element if keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** State class applied to the root element if `selected={true}`. */
35
+ selected: string;
36
+ /** Styles applied to the icon to display. */
37
+ icon: string;
38
+ }
39
+ export declare type PaginationItemClassKey = keyof PaginationItemClasses;
40
+ export declare function getPaginationItemUtilityClass(slot: string): string;
41
+ declare const paginationItemClasses: PaginationItemClasses;
42
+ export default paginationItemClasses;
@@ -1,39 +1,39 @@
1
- export interface PaperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `square={true}`. */
5
- rounded: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="elevation"`. */
9
- elevation: string;
10
- elevation0: string;
11
- elevation1: string;
12
- elevation2: string;
13
- elevation3: string;
14
- elevation4: string;
15
- elevation5: string;
16
- elevation6: string;
17
- elevation7: string;
18
- elevation8: string;
19
- elevation9: string;
20
- elevation10: string;
21
- elevation11: string;
22
- elevation12: string;
23
- elevation13: string;
24
- elevation14: string;
25
- elevation15: string;
26
- elevation16: string;
27
- elevation17: string;
28
- elevation18: string;
29
- elevation19: string;
30
- elevation20: string;
31
- elevation21: string;
32
- elevation22: string;
33
- elevation23: string;
34
- elevation24: string;
35
- }
36
- export declare type PaperClassKey = keyof PaperClasses;
37
- export declare function getPaperUtilityClass(slot: string): string;
38
- declare const paperClasses: PaperClasses;
39
- export default paperClasses;
1
+ export interface PaperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `square={true}`. */
5
+ rounded: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="elevation"`. */
9
+ elevation: string;
10
+ elevation0: string;
11
+ elevation1: string;
12
+ elevation2: string;
13
+ elevation3: string;
14
+ elevation4: string;
15
+ elevation5: string;
16
+ elevation6: string;
17
+ elevation7: string;
18
+ elevation8: string;
19
+ elevation9: string;
20
+ elevation10: string;
21
+ elevation11: string;
22
+ elevation12: string;
23
+ elevation13: string;
24
+ elevation14: string;
25
+ elevation15: string;
26
+ elevation16: string;
27
+ elevation17: string;
28
+ elevation18: string;
29
+ elevation19: string;
30
+ elevation20: string;
31
+ elevation21: string;
32
+ elevation22: string;
33
+ elevation23: string;
34
+ elevation24: string;
35
+ }
36
+ export declare type PaperClassKey = keyof PaperClasses;
37
+ export declare function getPaperUtilityClass(slot: string): string;
38
+ declare const paperClasses: PaperClasses;
39
+ export default paperClasses;
@@ -114,7 +114,7 @@ export interface PopoverProps extends StandardProps<ModalProps, 'children'> {
114
114
  * @default Grow
115
115
  */
116
116
  TransitionComponent?: React.JSXElementConstructor<
117
- TransitionProps & { children?: React.ReactElement<any, any> }
117
+ TransitionProps & { children: React.ReactElement<any, any> }
118
118
  >;
119
119
  /**
120
120
  * Set to 'auto' to automatically calculate transition time based on height.
@@ -1,10 +1,10 @@
1
- export interface PopoverClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the Paper component. */
5
- paper: string;
6
- }
7
- export declare type PopoverClassKey = keyof PopoverClasses;
8
- export declare function getPopoverUtilityClass(slot: string): string;
9
- declare const popoverClasses: PopoverClasses;
10
- export default popoverClasses;
1
+ export interface PopoverClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the Paper component. */
5
+ paper: string;
6
+ }
7
+ export declare type PopoverClassKey = keyof PopoverClasses;
8
+ export declare function getPopoverUtilityClass(slot: string): string;
9
+ declare const popoverClasses: PopoverClasses;
10
+ export default popoverClasses;
package/README.md CHANGED
@@ -54,6 +54,7 @@ Please note that `@next` will only point to pre-releases; to get the latest stab
54
54
  <p style="display: flex; justify-content: center;">
55
55
  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="octopus" href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://avatars3.githubusercontent.com/u/1287123?s=256" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
56
56
  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="doit-intl" href="https://www.doit-intl.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://avatars3.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
57
+ <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="aptugo" href="https://www.aptugo.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://www.aptugo.com/img/favicon.png" alt="aptugo" title="Augmented Software Development Platform" loading="lazy" /></a>
57
58
  </p>
58
59
 
59
60
  Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
@@ -93,12 +94,16 @@ See the full list of [our backers](https://mui.com/discover-more/backers/).
93
94
  Here is a quick example to get you started, **it's all you need**:
94
95
 
95
96
  ```jsx
96
- import * as React from 'react';
97
+ import React from 'react';
97
98
  import ReactDOM from 'react-dom';
98
99
  import Button from '@mui/material/Button';
99
100
 
100
101
  function App() {
101
- return <Button variant="contained">Hello World</Button>;
102
+ return (
103
+ <Button variant="contained" color="primary">
104
+ Hello World
105
+ </Button>
106
+ );
102
107
  }
103
108
 
104
109
  ReactDOM.render(<App />, document.querySelector('#app'));
@@ -132,7 +137,7 @@ You can find complete templates & themes in the [MUI store](https://material-ui.
132
137
  Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to MUI.
133
138
 
134
139
  Notice that contributions go far beyond pull requests and commits.
135
- Although we love giving you the opportunity to put your stamp on MUI, we also are thrilled to receive a variety of [other contributions](https://mui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).
140
+ Although we love giving you the opportunity to put your stamp on MUI, we also are thrilled to receive a variety of [other contributions](https://mui.com/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project).
136
141
 
137
142
  ## Changelog
138
143
 
package/Radio/Radio.js CHANGED
@@ -59,6 +59,15 @@ const RadioRoot = styled(SwitchBase, {
59
59
  }
60
60
  }));
61
61
 
62
+ function areEqualValues(a, b) {
63
+ if (typeof b === 'object' && b !== null) {
64
+ return a === b;
65
+ } // The value could be a number, the DOM will stringify it anyway.
66
+
67
+
68
+ return String(a) === String(b);
69
+ }
70
+
62
71
  const defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {
63
72
  checked: true
64
73
  });
@@ -97,7 +106,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
97
106
 
98
107
  if (radioGroup) {
99
108
  if (typeof checked === 'undefined') {
100
- checked = radioGroup.value === props.value;
109
+ checked = areEqualValues(radioGroup.value, props.value);
101
110
  }
102
111
 
103
112
  if (typeof name === 'undefined') {
@@ -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 declare 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 declare type RadioClassKey = keyof RadioClasses;
14
+ export declare function getRadioUtilityClass(slot: string): string;
15
+ declare const radioClasses: RadioClasses;
16
+ export default radioClasses;