@mui/material 5.5.2 → 5.6.1

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 (556) hide show
  1. package/Accordion/Accordion.d.ts +4 -4
  2. package/Accordion/Accordion.js +1 -1
  3. package/Accordion/accordionClasses.d.ts +18 -18
  4. package/AccordionActions/AccordionActions.d.ts +2 -2
  5. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  6. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  7. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  8. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  9. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  10. package/Alert/Alert.d.ts +7 -5
  11. package/Alert/Alert.js +4 -2
  12. package/Alert/alertClasses.d.ts +44 -44
  13. package/AlertTitle/AlertTitle.d.ts +2 -2
  14. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  15. package/AppBar/AppBar.d.ts +6 -4
  16. package/AppBar/AppBar.js +3 -1
  17. package/AppBar/appBarClasses.d.ts +28 -28
  18. package/Autocomplete/Autocomplete.d.ts +8 -8
  19. package/Autocomplete/Autocomplete.js +7 -7
  20. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  21. package/Avatar/Avatar.d.ts +2 -2
  22. package/Avatar/avatarClasses.d.ts +20 -20
  23. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  24. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  25. package/Backdrop/Backdrop.d.ts +35 -18
  26. package/Backdrop/Backdrop.js +26 -20
  27. package/Backdrop/backdropClasses.d.ts +10 -0
  28. package/Backdrop/backdropClasses.js +6 -0
  29. package/Backdrop/index.d.ts +3 -0
  30. package/Backdrop/index.js +2 -1
  31. package/Badge/Badge.d.ts +27 -12
  32. package/Badge/Badge.js +46 -22
  33. package/Badge/badgeClasses.d.ts +24 -0
  34. package/Badge/badgeClasses.js +8 -0
  35. package/Badge/index.d.ts +3 -0
  36. package/Badge/index.js +2 -1
  37. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  38. package/BottomNavigation/BottomNavigation.js +0 -0
  39. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  40. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  41. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  42. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  43. package/Breadcrumbs/Breadcrumbs.js +1 -1
  44. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  45. package/Button/Button.d.ts +7 -5
  46. package/Button/Button.js +104 -97
  47. package/Button/buttonClasses.d.ts +76 -76
  48. package/ButtonBase/ButtonBase.d.ts +2 -2
  49. package/ButtonBase/ButtonBase.js +7 -7
  50. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  51. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  52. package/ButtonGroup/ButtonGroup.d.ts +5 -3
  53. package/ButtonGroup/ButtonGroup.js +3 -1
  54. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  55. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  56. package/CHANGELOG.md +247 -30
  57. package/Card/Card.d.ts +4 -3
  58. package/Card/cardClasses.d.ts +8 -8
  59. package/CardActionArea/CardActionArea.d.ts +3 -3
  60. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  61. package/CardActions/CardActions.d.ts +2 -2
  62. package/CardActions/cardActionsClasses.d.ts +10 -10
  63. package/CardContent/CardContent.d.ts +2 -2
  64. package/CardContent/cardContentClasses.d.ts +8 -8
  65. package/CardHeader/CardHeader.d.ts +2 -2
  66. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  67. package/CardMedia/CardMedia.d.ts +2 -2
  68. package/CardMedia/cardMediaClasses.d.ts +12 -12
  69. package/Checkbox/Checkbox.d.ts +7 -5
  70. package/Checkbox/Checkbox.js +3 -1
  71. package/Checkbox/checkboxClasses.d.ts +18 -18
  72. package/Chip/Chip.d.ts +5 -3
  73. package/Chip/Chip.js +3 -1
  74. package/Chip/chipClasses.d.ts +80 -80
  75. package/CircularProgress/CircularProgress.d.ts +5 -3
  76. package/CircularProgress/CircularProgress.js +3 -1
  77. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  78. package/ClickAwayListener/index.d.ts +2 -2
  79. package/Collapse/Collapse.d.ts +5 -5
  80. package/Collapse/Collapse.js +1 -1
  81. package/Collapse/collapseClasses.d.ts +18 -18
  82. package/Container/Container.d.ts +2 -2
  83. package/Container/containerClasses.d.ts +22 -22
  84. package/CssBaseline/CssBaseline.d.ts +2 -2
  85. package/Dialog/Dialog.d.ts +5 -5
  86. package/Dialog/Dialog.js +2 -2
  87. package/Dialog/DialogContext.d.ts +6 -6
  88. package/Dialog/dialogClasses.d.ts +36 -36
  89. package/DialogActions/DialogActions.d.ts +2 -2
  90. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  91. package/DialogContent/DialogContent.d.ts +2 -2
  92. package/DialogContent/dialogContentClasses.d.ts +10 -10
  93. package/DialogContentText/DialogContentText.d.ts +3 -3
  94. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  95. package/DialogTitle/DialogTitle.d.ts +2 -2
  96. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  97. package/Divider/Divider.d.ts +3 -3
  98. package/Divider/dividerClasses.d.ts +34 -34
  99. package/Drawer/Drawer.d.ts +6 -6
  100. package/Drawer/Drawer.js +4 -4
  101. package/Drawer/drawerClasses.d.ts +30 -30
  102. package/Fab/Fab.d.ts +6 -4
  103. package/Fab/Fab.js +3 -1
  104. package/Fab/fabClasses.d.ts +26 -26
  105. package/Fade/Fade.d.ts +3 -3
  106. package/Fade/Fade.js +1 -1
  107. package/FilledInput/FilledInput.d.ts +3 -3
  108. package/FilledInput/FilledInput.js +4 -2
  109. package/FilledInput/filledInputClasses.d.ts +40 -40
  110. package/FormControl/FormControl.d.ts +9 -7
  111. package/FormControl/FormControl.js +4 -2
  112. package/FormControl/formControlClasses.d.ts +14 -14
  113. package/FormControlLabel/FormControlLabel.d.ts +5 -5
  114. package/FormControlLabel/FormControlLabel.js +14 -9
  115. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  116. package/FormGroup/FormGroup.d.ts +3 -3
  117. package/FormGroup/formGroupClasses.d.ts +12 -12
  118. package/FormHelperText/FormHelperText.d.ts +2 -2
  119. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  120. package/FormLabel/FormLabel.d.ts +7 -5
  121. package/FormLabel/FormLabel.js +3 -1
  122. package/FormLabel/formLabelClasses.d.ts +22 -22
  123. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  124. package/Grid/Grid.d.ts +2 -2
  125. package/Grid/gridClasses.d.ts +48 -48
  126. package/Grow/Grow.d.ts +5 -5
  127. package/Grow/Grow.js +13 -7
  128. package/Hidden/Hidden.d.ts +2 -2
  129. package/Icon/Icon.d.ts +6 -4
  130. package/Icon/Icon.js +3 -1
  131. package/Icon/iconClasses.d.ts +24 -24
  132. package/IconButton/IconButton.d.ts +7 -5
  133. package/IconButton/IconButton.js +4 -2
  134. package/IconButton/iconButtonClasses.d.ts +26 -26
  135. package/ImageList/ImageList.d.ts +2 -2
  136. package/ImageList/imageListClasses.d.ts +16 -16
  137. package/ImageListItem/ImageListItem.d.ts +2 -2
  138. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  139. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  140. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  141. package/Input/Input.d.ts +3 -3
  142. package/Input/Input.js +4 -2
  143. package/Input/inputClasses.d.ts +34 -34
  144. package/InputAdornment/InputAdornment.d.ts +2 -2
  145. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  146. package/InputBase/InputBase.d.ts +6 -4
  147. package/InputBase/InputBase.js +4 -2
  148. package/InputBase/inputBaseClasses.d.ts +44 -44
  149. package/InputLabel/InputLabel.d.ts +3 -3
  150. package/InputLabel/InputLabel.js +3 -1
  151. package/InputLabel/inputLabelClasses.d.ts +32 -32
  152. package/LinearProgress/LinearProgress.d.ts +5 -3
  153. package/LinearProgress/LinearProgress.js +3 -1
  154. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  155. package/Link/Link.d.ts +5 -5
  156. package/Link/Link.js +15 -6
  157. package/Link/linkClasses.d.ts +18 -18
  158. package/List/List.d.ts +3 -3
  159. package/List/listClasses.d.ts +14 -14
  160. package/ListItem/ListItem.d.ts +8 -8
  161. package/ListItem/ListItem.js +4 -4
  162. package/ListItem/listItemClasses.d.ts +30 -30
  163. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  164. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  165. package/ListItemButton/ListItemButton.d.ts +3 -3
  166. package/ListItemButton/ListItemButton.js +1 -0
  167. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  168. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  169. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  170. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  171. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  172. package/ListItemText/ListItemText.d.ts +2 -2
  173. package/ListItemText/listItemTextClasses.d.ts +18 -18
  174. package/ListSubheader/ListSubheader.d.ts +2 -2
  175. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  176. package/Menu/Menu.d.ts +6 -6
  177. package/Menu/Menu.js +2 -2
  178. package/Menu/menuClasses.d.ts +12 -12
  179. package/MenuItem/MenuItem.d.ts +3 -3
  180. package/MenuItem/menuItemClasses.d.ts +20 -20
  181. package/MenuList/MenuList.d.ts +4 -4
  182. package/MenuList/MenuList.js +1 -1
  183. package/MobileStepper/MobileStepper.d.ts +3 -3
  184. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  185. package/Modal/Modal.d.ts +8 -8
  186. package/Modal/Modal.js +6 -6
  187. package/NativeSelect/NativeSelect.d.ts +3 -3
  188. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  189. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  190. package/OutlinedInput/OutlinedInput.js +4 -2
  191. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  192. package/Pagination/Pagination.d.ts +5 -3
  193. package/Pagination/Pagination.js +3 -1
  194. package/Pagination/paginationClasses.d.ts +14 -14
  195. package/PaginationItem/PaginationItem.d.ts +4 -2
  196. package/PaginationItem/PaginationItem.js +2 -0
  197. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  198. package/Paper/Paper.d.ts +3 -3
  199. package/Paper/paperClasses.d.ts +39 -39
  200. package/Popover/Popover.d.ts +6 -6
  201. package/Popover/Popover.js +2 -2
  202. package/Popover/popoverClasses.d.ts +10 -10
  203. package/Popper/Popper.d.ts +29 -29
  204. package/Popper/Popper.js +4 -4
  205. package/README.md +7 -7
  206. package/Radio/Radio.d.ts +6 -4
  207. package/Radio/Radio.js +3 -1
  208. package/Radio/radioClasses.d.ts +16 -16
  209. package/RadioGroup/RadioGroup.d.ts +3 -3
  210. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  211. package/RadioGroup/useRadioGroup.d.ts +4 -4
  212. package/Rating/Rating.d.ts +3 -3
  213. package/Rating/Rating.js +1 -1
  214. package/Rating/ratingClasses.d.ts +40 -40
  215. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  216. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  217. package/Select/Select.d.ts +5 -5
  218. package/Select/Select.js +2 -2
  219. package/Select/SelectInput.js +24 -3
  220. package/Select/selectClasses.d.ts +30 -30
  221. package/Skeleton/Skeleton.d.ts +2 -2
  222. package/Skeleton/skeletonClasses.d.ts +24 -24
  223. package/Slide/Slide.d.ts +4 -4
  224. package/Slide/Slide.js +1 -1
  225. package/Slider/Slider.d.ts +6 -4
  226. package/Slider/Slider.js +3 -1
  227. package/Snackbar/Snackbar.d.ts +4 -4
  228. package/Snackbar/Snackbar.js +2 -2
  229. package/Snackbar/snackbarClasses.d.ts +20 -20
  230. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  231. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  232. package/SpeedDial/SpeedDial.d.ts +4 -4
  233. package/SpeedDial/SpeedDial.js +2 -2
  234. package/SpeedDial/speedDialClasses.d.ts +22 -22
  235. package/SpeedDialAction/SpeedDialAction.d.ts +5 -5
  236. package/SpeedDialAction/SpeedDialAction.js +2 -2
  237. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  238. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  239. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  240. package/Stack/Stack.d.ts +2 -2
  241. package/Step/Step.d.ts +2 -2
  242. package/Step/StepContext.d.ts +20 -20
  243. package/Step/stepClasses.d.ts +16 -16
  244. package/StepButton/StepButton.d.ts +3 -3
  245. package/StepButton/stepButtonClasses.d.ts +14 -14
  246. package/StepConnector/StepConnector.d.ts +2 -2
  247. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  248. package/StepContent/StepContent.d.ts +3 -3
  249. package/StepContent/StepContent.js +1 -1
  250. package/StepContent/stepContentClasses.d.ts +12 -12
  251. package/StepIcon/StepIcon.d.ts +2 -2
  252. package/StepIcon/stepIconClasses.d.ts +16 -16
  253. package/StepLabel/StepLabel.d.ts +4 -4
  254. package/StepLabel/StepLabel.js +2 -2
  255. package/StepLabel/stepLabelClasses.d.ts +28 -28
  256. package/Stepper/Stepper.d.ts +2 -2
  257. package/Stepper/stepperClasses.d.ts +14 -14
  258. package/SvgIcon/SvgIcon.d.ts +6 -4
  259. package/SvgIcon/SvgIcon.js +3 -1
  260. package/SvgIcon/svgIconClasses.d.ts +24 -24
  261. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  262. package/Switch/Switch.d.ts +7 -5
  263. package/Switch/Switch.js +3 -1
  264. package/Switch/switchClasses.d.ts +32 -32
  265. package/Tab/Tab.d.ts +3 -3
  266. package/Tab/tabClasses.d.ts +26 -26
  267. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  268. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  269. package/Table/Table.d.ts +2 -2
  270. package/Table/tableClasses.d.ts +10 -10
  271. package/TableBody/TableBody.d.ts +2 -2
  272. package/TableBody/tableBodyClasses.d.ts +8 -8
  273. package/TableCell/TableCell.d.ts +2 -2
  274. package/TableCell/tableCellClasses.d.ts +32 -32
  275. package/TableContainer/TableContainer.d.ts +2 -2
  276. package/TableContainer/tableContainerClasses.d.ts +8 -8
  277. package/TableFooter/TableFooter.d.ts +2 -2
  278. package/TableFooter/tableFooterClasses.d.ts +8 -8
  279. package/TableHead/TableHead.d.ts +2 -2
  280. package/TableHead/tableHeadClasses.d.ts +8 -8
  281. package/TablePagination/TablePagination.d.ts +9 -9
  282. package/TablePagination/TablePagination.js +6 -6
  283. package/TablePagination/TablePaginationActions.d.ts +1 -1
  284. package/TablePagination/TablePaginationActions.js +3 -3
  285. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  286. package/TableRow/TableRow.d.ts +2 -2
  287. package/TableRow/tableRowClasses.d.ts +16 -16
  288. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  289. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  290. package/Tabs/Tabs.d.ts +3 -3
  291. package/Tabs/Tabs.js +1 -1
  292. package/Tabs/tabsClasses.d.ts +32 -32
  293. package/TextField/TextField.d.ts +23 -22
  294. package/TextField/TextField.js +15 -13
  295. package/TextField/textFieldClasses.d.ts +8 -8
  296. package/ToggleButton/ToggleButton.d.ts +5 -3
  297. package/ToggleButton/ToggleButton.js +2 -0
  298. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  299. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +5 -3
  300. package/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  301. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  302. package/Toolbar/Toolbar.d.ts +2 -2
  303. package/Toolbar/toolbarClasses.d.ts +14 -14
  304. package/Tooltip/Tooltip.d.ts +4 -4
  305. package/Tooltip/Tooltip.js +2 -2
  306. package/Tooltip/tooltipClasses.d.ts +30 -30
  307. package/Typography/Typography.d.ts +3 -3
  308. package/Typography/typographyClasses.d.ts +50 -50
  309. package/Unstable_TrapFocus/index.d.ts +2 -2
  310. package/Unstable_TrapFocus/index.js +1 -1
  311. package/Zoom/Zoom.d.ts +3 -3
  312. package/Zoom/Zoom.js +1 -1
  313. package/className/index.d.ts +8 -8
  314. package/darkScrollbar/index.d.ts +28 -28
  315. package/index.js +1 -1
  316. package/internal/switchBaseClasses.d.ts +12 -12
  317. package/legacy/Accordion/Accordion.js +1 -1
  318. package/legacy/Alert/Alert.js +4 -2
  319. package/legacy/AppBar/AppBar.js +3 -1
  320. package/legacy/Autocomplete/Autocomplete.js +7 -7
  321. package/legacy/Backdrop/Backdrop.js +27 -20
  322. package/legacy/Backdrop/backdropClasses.js +6 -0
  323. package/legacy/Backdrop/index.js +2 -1
  324. package/legacy/Badge/Badge.js +47 -22
  325. package/legacy/Badge/badgeClasses.js +8 -0
  326. package/legacy/Badge/index.js +2 -1
  327. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  328. package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
  329. package/legacy/Button/Button.js +33 -30
  330. package/legacy/ButtonBase/ButtonBase.js +11 -11
  331. package/legacy/ButtonGroup/ButtonGroup.js +3 -1
  332. package/legacy/Checkbox/Checkbox.js +3 -1
  333. package/legacy/Chip/Chip.js +3 -1
  334. package/legacy/CircularProgress/CircularProgress.js +3 -1
  335. package/legacy/Collapse/Collapse.js +1 -1
  336. package/legacy/Dialog/Dialog.js +2 -2
  337. package/legacy/Drawer/Drawer.js +4 -4
  338. package/legacy/Fab/Fab.js +3 -1
  339. package/legacy/Fade/Fade.js +1 -1
  340. package/legacy/FilledInput/FilledInput.js +4 -2
  341. package/legacy/FormControl/FormControl.js +4 -2
  342. package/legacy/FormControlLabel/FormControlLabel.js +14 -9
  343. package/legacy/FormLabel/FormLabel.js +3 -1
  344. package/legacy/Grow/Grow.js +13 -7
  345. package/legacy/Icon/Icon.js +3 -1
  346. package/legacy/IconButton/IconButton.js +4 -2
  347. package/legacy/Input/Input.js +4 -2
  348. package/legacy/InputBase/InputBase.js +4 -2
  349. package/legacy/InputLabel/InputLabel.js +3 -1
  350. package/legacy/LinearProgress/LinearProgress.js +3 -1
  351. package/legacy/Link/Link.js +16 -5
  352. package/legacy/ListItem/ListItem.js +4 -4
  353. package/legacy/ListItemButton/ListItemButton.js +1 -0
  354. package/legacy/Menu/Menu.js +2 -2
  355. package/legacy/MenuList/MenuList.js +1 -1
  356. package/legacy/Modal/Modal.js +6 -6
  357. package/legacy/OutlinedInput/OutlinedInput.js +4 -2
  358. package/legacy/Pagination/Pagination.js +3 -1
  359. package/legacy/PaginationItem/PaginationItem.js +2 -0
  360. package/legacy/Popover/Popover.js +2 -2
  361. package/legacy/Popper/Popper.js +4 -4
  362. package/legacy/Radio/Radio.js +3 -1
  363. package/legacy/Rating/Rating.js +1 -1
  364. package/legacy/Select/Select.js +2 -2
  365. package/legacy/Select/SelectInput.js +26 -3
  366. package/legacy/Slide/Slide.js +1 -1
  367. package/legacy/Slider/Slider.js +3 -1
  368. package/legacy/Snackbar/Snackbar.js +2 -2
  369. package/legacy/SpeedDial/SpeedDial.js +2 -2
  370. package/legacy/SpeedDialAction/SpeedDialAction.js +2 -2
  371. package/legacy/StepContent/StepContent.js +1 -1
  372. package/legacy/StepLabel/StepLabel.js +2 -2
  373. package/legacy/SvgIcon/SvgIcon.js +3 -1
  374. package/legacy/Switch/Switch.js +3 -1
  375. package/legacy/TablePagination/TablePagination.js +6 -6
  376. package/legacy/TablePagination/TablePaginationActions.js +3 -3
  377. package/legacy/Tabs/Tabs.js +1 -1
  378. package/legacy/TextField/TextField.js +15 -13
  379. package/legacy/ToggleButton/ToggleButton.js +2 -0
  380. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  381. package/legacy/Tooltip/Tooltip.js +2 -2
  382. package/legacy/Unstable_TrapFocus/index.js +1 -1
  383. package/legacy/Zoom/Zoom.js +1 -1
  384. package/legacy/index.js +1 -1
  385. package/legacy/locale/index.js +115 -111
  386. package/legacy/styles/CssVarsProvider.js +31 -0
  387. package/legacy/styles/experimental_extendTheme.js +96 -0
  388. package/legacy/styles/index.js +3 -1
  389. package/locale/index.d.ts +71 -71
  390. package/locale/index.js +6 -3
  391. package/modern/Accordion/Accordion.js +1 -1
  392. package/modern/Alert/Alert.js +4 -2
  393. package/modern/AppBar/AppBar.js +3 -1
  394. package/modern/Autocomplete/Autocomplete.js +7 -7
  395. package/modern/Backdrop/Backdrop.js +25 -19
  396. package/modern/Backdrop/backdropClasses.js +6 -0
  397. package/modern/Backdrop/index.js +2 -1
  398. package/modern/Badge/Badge.js +43 -19
  399. package/modern/Badge/badgeClasses.js +8 -0
  400. package/modern/Badge/index.js +2 -1
  401. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  402. package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
  403. package/modern/Button/Button.js +32 -29
  404. package/modern/ButtonBase/ButtonBase.js +7 -7
  405. package/modern/ButtonGroup/ButtonGroup.js +3 -1
  406. package/modern/Checkbox/Checkbox.js +3 -1
  407. package/modern/Chip/Chip.js +3 -1
  408. package/modern/CircularProgress/CircularProgress.js +3 -1
  409. package/modern/Collapse/Collapse.js +1 -1
  410. package/modern/Dialog/Dialog.js +2 -2
  411. package/modern/Drawer/Drawer.js +4 -4
  412. package/modern/Fab/Fab.js +3 -1
  413. package/modern/Fade/Fade.js +1 -1
  414. package/modern/FilledInput/FilledInput.js +4 -2
  415. package/modern/FormControl/FormControl.js +4 -2
  416. package/modern/FormControlLabel/FormControlLabel.js +14 -9
  417. package/modern/FormLabel/FormLabel.js +3 -1
  418. package/modern/Grow/Grow.js +13 -7
  419. package/modern/Icon/Icon.js +3 -1
  420. package/modern/IconButton/IconButton.js +4 -2
  421. package/modern/Input/Input.js +4 -2
  422. package/modern/InputBase/InputBase.js +4 -2
  423. package/modern/InputLabel/InputLabel.js +3 -1
  424. package/modern/LinearProgress/LinearProgress.js +3 -1
  425. package/modern/Link/Link.js +15 -6
  426. package/modern/ListItem/ListItem.js +4 -4
  427. package/modern/ListItemButton/ListItemButton.js +1 -0
  428. package/modern/Menu/Menu.js +2 -2
  429. package/modern/MenuList/MenuList.js +1 -1
  430. package/modern/Modal/Modal.js +6 -6
  431. package/modern/OutlinedInput/OutlinedInput.js +4 -2
  432. package/modern/Pagination/Pagination.js +3 -1
  433. package/modern/PaginationItem/PaginationItem.js +2 -0
  434. package/modern/Popover/Popover.js +2 -2
  435. package/modern/Popper/Popper.js +4 -4
  436. package/modern/Radio/Radio.js +3 -1
  437. package/modern/Rating/Rating.js +1 -1
  438. package/modern/Select/Select.js +2 -2
  439. package/modern/Select/SelectInput.js +24 -3
  440. package/modern/Slide/Slide.js +1 -1
  441. package/modern/Slider/Slider.js +3 -1
  442. package/modern/Snackbar/Snackbar.js +2 -2
  443. package/modern/SpeedDial/SpeedDial.js +2 -2
  444. package/modern/SpeedDialAction/SpeedDialAction.js +2 -2
  445. package/modern/StepContent/StepContent.js +1 -1
  446. package/modern/StepLabel/StepLabel.js +2 -2
  447. package/modern/SvgIcon/SvgIcon.js +3 -1
  448. package/modern/Switch/Switch.js +3 -1
  449. package/modern/TablePagination/TablePagination.js +6 -6
  450. package/modern/TablePagination/TablePaginationActions.js +3 -3
  451. package/modern/Tabs/Tabs.js +1 -1
  452. package/modern/TextField/TextField.js +15 -13
  453. package/modern/ToggleButton/ToggleButton.js +2 -0
  454. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  455. package/modern/Tooltip/Tooltip.js +2 -2
  456. package/modern/Unstable_TrapFocus/index.js +1 -1
  457. package/modern/Zoom/Zoom.js +1 -1
  458. package/modern/index.js +1 -1
  459. package/modern/locale/index.js +6 -3
  460. package/modern/styles/CssVarsProvider.js +28 -0
  461. package/modern/styles/experimental_extendTheme.js +89 -0
  462. package/modern/styles/index.js +3 -1
  463. package/node/Accordion/Accordion.js +1 -1
  464. package/node/Alert/Alert.js +4 -2
  465. package/node/AppBar/AppBar.js +3 -1
  466. package/node/Autocomplete/Autocomplete.js +7 -7
  467. package/node/Backdrop/Backdrop.js +28 -23
  468. package/node/Backdrop/backdropClasses.js +17 -0
  469. package/node/Backdrop/index.js +17 -5
  470. package/node/Badge/Badge.js +56 -33
  471. package/node/Badge/badgeClasses.js +22 -0
  472. package/node/Badge/index.js +17 -5
  473. package/node/BottomNavigation/BottomNavigation.js +0 -0
  474. package/node/Breadcrumbs/Breadcrumbs.js +1 -1
  475. package/node/Button/Button.js +104 -97
  476. package/node/ButtonBase/ButtonBase.js +7 -7
  477. package/node/ButtonGroup/ButtonGroup.js +3 -1
  478. package/node/Checkbox/Checkbox.js +3 -1
  479. package/node/Chip/Chip.js +3 -1
  480. package/node/CircularProgress/CircularProgress.js +3 -1
  481. package/node/Collapse/Collapse.js +1 -1
  482. package/node/Dialog/Dialog.js +2 -2
  483. package/node/Drawer/Drawer.js +4 -4
  484. package/node/Fab/Fab.js +3 -1
  485. package/node/Fade/Fade.js +1 -1
  486. package/node/FilledInput/FilledInput.js +4 -2
  487. package/node/FormControl/FormControl.js +4 -2
  488. package/node/FormControlLabel/FormControlLabel.js +14 -9
  489. package/node/FormLabel/FormLabel.js +3 -1
  490. package/node/Grow/Grow.js +12 -6
  491. package/node/Icon/Icon.js +3 -1
  492. package/node/IconButton/IconButton.js +4 -2
  493. package/node/Input/Input.js +4 -2
  494. package/node/InputBase/InputBase.js +4 -2
  495. package/node/InputLabel/InputLabel.js +3 -1
  496. package/node/LinearProgress/LinearProgress.js +3 -1
  497. package/node/Link/Link.js +16 -6
  498. package/node/ListItem/ListItem.js +4 -4
  499. package/node/ListItemButton/ListItemButton.js +1 -0
  500. package/node/Menu/Menu.js +2 -2
  501. package/node/MenuList/MenuList.js +1 -1
  502. package/node/Modal/Modal.js +6 -6
  503. package/node/OutlinedInput/OutlinedInput.js +4 -2
  504. package/node/Pagination/Pagination.js +3 -1
  505. package/node/PaginationItem/PaginationItem.js +2 -0
  506. package/node/Popover/Popover.js +2 -2
  507. package/node/Popper/Popper.js +4 -4
  508. package/node/Radio/Radio.js +3 -1
  509. package/node/Rating/Rating.js +1 -1
  510. package/node/Select/Select.js +2 -2
  511. package/node/Select/SelectInput.js +24 -3
  512. package/node/Slide/Slide.js +1 -1
  513. package/node/Slider/Slider.js +3 -1
  514. package/node/Snackbar/Snackbar.js +2 -2
  515. package/node/SpeedDial/SpeedDial.js +2 -2
  516. package/node/SpeedDialAction/SpeedDialAction.js +2 -2
  517. package/node/StepContent/StepContent.js +1 -1
  518. package/node/StepLabel/StepLabel.js +2 -2
  519. package/node/SvgIcon/SvgIcon.js +3 -1
  520. package/node/Switch/Switch.js +3 -1
  521. package/node/TablePagination/TablePagination.js +6 -6
  522. package/node/TablePagination/TablePaginationActions.js +3 -3
  523. package/node/Tabs/Tabs.js +1 -1
  524. package/node/TextField/TextField.js +15 -13
  525. package/node/ToggleButton/ToggleButton.js +2 -0
  526. package/node/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  527. package/node/Tooltip/Tooltip.js +2 -2
  528. package/node/Unstable_TrapFocus/index.js +2 -2
  529. package/node/Zoom/Zoom.js +1 -1
  530. package/node/index.js +1 -1
  531. package/node/locale/index.js +6 -3
  532. package/node/styles/CssVarsProvider.js +41 -0
  533. package/node/styles/experimental_extendTheme.js +105 -0
  534. package/node/styles/index.js +58 -0
  535. package/package.json +8 -8
  536. package/styles/CssVarsProvider.d.ts +28 -0
  537. package/styles/CssVarsProvider.js +28 -0
  538. package/styles/ThemeProvider.d.ts +1 -1
  539. package/styles/createPalette.d.ts +26 -0
  540. package/styles/createTheme.d.ts +1 -1
  541. package/styles/experimental_extendTheme.d.ts +90 -0
  542. package/styles/experimental_extendTheme.js +91 -0
  543. package/styles/index.d.ts +5 -0
  544. package/styles/index.js +3 -1
  545. package/transitions/index.d.ts +1 -1
  546. package/transitions/transition.d.ts +13 -13
  547. package/transitions/utils.d.ts +23 -23
  548. package/umd/material-ui.development.js +1412 -599
  549. package/umd/material-ui.production.min.js +21 -21
  550. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  551. package/useTouchRipple/index.d.ts +1 -1
  552. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  553. package/utils/getScrollbarSize.d.ts +2 -2
  554. package/utils/ownerDocument.d.ts +2 -2
  555. package/utils/ownerWindow.d.ts +2 -2
  556. package/utils/setRef.d.ts +2 -2
@@ -1,29 +1,29 @@
1
- import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
- import { SxProps } from '@mui/system';
3
- import * as React from 'react';
4
- import { Theme } from '../styles';
5
- export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
- /**
7
- * The system prop that allows defining system overrides as well as additional CSS styles.
8
- */
9
- sx?: SxProps<Theme>;
10
- };
11
- /**
12
- *
13
- * Demos:
14
- *
15
- * - [Autocomplete](https://mui.com/components/autocomplete/)
16
- * - [Menus](https://mui.com/components/menus/)
17
- * - [Popper](https://mui.com/components/popper/)
18
- *
19
- * API:
20
- *
21
- * - [Popper API](https://mui.com/api/popper/)
22
- */
23
- declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<PopperUnstyledProps, "direction"> & {
24
- /**
25
- * The system prop that allows defining system overrides as well as additional CSS styles.
26
- */
27
- sx?: SxProps<Theme> | undefined;
28
- }, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "placement" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
29
- export default Popper;
1
+ import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
+ import { SxProps } from '@mui/system';
3
+ import * as React from 'react';
4
+ import { Theme } from '../styles';
5
+ export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
+ /**
7
+ * The system prop that allows defining system overrides as well as additional CSS styles.
8
+ */
9
+ sx?: SxProps<Theme>;
10
+ };
11
+ /**
12
+ *
13
+ * Demos:
14
+ *
15
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
16
+ * - [Menus](https://mui.com/material-ui/react-menu/)
17
+ * - [Popper](https://mui.com/material-ui/react-popper/)
18
+ *
19
+ * API:
20
+ *
21
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
22
+ */
23
+ declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<PopperUnstyledProps, "direction"> & {
24
+ /**
25
+ * The system prop that allows defining system overrides as well as additional CSS styles.
26
+ */
27
+ sx?: SxProps<Theme> | undefined;
28
+ }, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "placement" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
29
+ export default Popper;
package/Popper/Popper.js CHANGED
@@ -15,13 +15,13 @@ const PopperRoot = styled(PopperUnstyled, {
15
15
  *
16
16
  * Demos:
17
17
  *
18
- * - [Autocomplete](https://mui.com/components/autocomplete/)
19
- * - [Menus](https://mui.com/components/menus/)
20
- * - [Popper](https://mui.com/components/popper/)
18
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
19
+ * - [Menus](https://mui.com/material-ui/react-menu/)
20
+ * - [Popper](https://mui.com/material-ui/react-popper/)
21
21
  *
22
22
  * API:
23
23
  *
24
- * - [Popper API](https://mui.com/api/popper/)
24
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
25
25
  */
26
26
 
27
27
  const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
package/README.md CHANGED
@@ -40,9 +40,9 @@ yarn add @mui/material @emotion/react @emotion/styled
40
40
  <details>
41
41
  <summary>Older versions</summary>
42
42
 
43
- - **[v4.x](https://v4.mui.com/)** ([Migration from v4 to v5](https://mui.com/guides/migration-v4/))
44
- - **[v3.x](https://v3.mui.com/)** ([Migration from v3 to v4](https://mui.com/guides/migration-v3/))
45
- - **[v0.x](https://v0.mui.com/)** ([Migration to v1](https://mui.com/guides/migration-v0x/))
43
+ - **[v4.x](https://v4.mui.com/)** ([Migration from v4 to v5](https://mui.com/material-ui/guides/migration-v4/))
44
+ - **[v3.x](https://v3.mui.com/)** ([Migration from v3 to v4](https://mui.com/material-ui/guides/migration-v3/))
45
+ - **[v0.x](https://v0.mui.com/)** ([Migration to v1](https://mui.com/material-ui/guides/migration-v0x/))
46
46
 
47
47
  </details>
48
48
 
@@ -79,7 +79,7 @@ Gold Sponsors are those who have pledged \$500/month or more to MUI.
79
79
 
80
80
  ### There is more
81
81
 
82
- See the full list of [our backers](https://mui.com/discover-more/backers/).
82
+ See the full list of [our backers](https://mui.com/material-ui/discover-more/backers/).
83
83
 
84
84
  ## Usage
85
85
 
@@ -114,7 +114,7 @@ There is a StackOverflow tag called "material-ui" that you can use to tag your q
114
114
  ## Examples
115
115
 
116
116
  Are you looking for an example project to get started?
117
- [We host some](https://mui.com/getting-started/example-projects/).
117
+ [We host some](https://mui.com/material-ui/getting-started/example-projects/).
118
118
 
119
119
  ## Documentation
120
120
 
@@ -129,7 +129,7 @@ You can find complete templates & themes in the [MUI Store](https://mui.com/stor
129
129
  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.
130
130
 
131
131
  Notice that contributions go far beyond pull requests and commits.
132
- 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).
132
+ 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/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project).
133
133
 
134
134
  ## Changelog
135
135
 
@@ -137,7 +137,7 @@ If you have recently updated, please read the [changelog](https://github.com/mui
137
137
 
138
138
  ## Roadmap
139
139
 
140
- The future plans and high priority features and enhancements can be found in the [roadmap](https://mui.com/discover-more/roadmap/) file.
140
+ The future plans and high priority features and enhancements can be found in the [roadmap](https://mui.com/material-ui/discover-more/roadmap/) file.
141
141
 
142
142
  ## License
143
143
 
package/Radio/Radio.d.ts CHANGED
@@ -21,7 +21,9 @@ export interface RadioProps
21
21
  */
22
22
  classes?: Partial<RadioClasses>;
23
23
  /**
24
- * The color of the component. It supports those theme colors that make sense for this component.
24
+ * The color of the component.
25
+ * It supports both default and custom theme colors, which can be added as shown in the
26
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
25
27
  * @default 'primary'
26
28
  */
27
29
  color?: OverridableStringUnion<
@@ -53,11 +55,11 @@ export interface RadioProps
53
55
  *
54
56
  * Demos:
55
57
  *
56
- * - [Radio Buttons](https://mui.com/components/radio-buttons/)
58
+ * - [Radio Buttons](https://mui.com/material-ui/react-radio-button/)
57
59
  *
58
60
  * API:
59
61
  *
60
- * - [Radio API](https://mui.com/api/radio/)
61
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
62
+ * - [Radio API](https://mui.com/material-ui/api/radio/)
63
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
62
64
  */
63
65
  export default function Radio(props: RadioProps): JSX.Element;
package/Radio/Radio.js CHANGED
@@ -155,7 +155,9 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes
155
155
  classes: PropTypes.object,
156
156
 
157
157
  /**
158
- * The color of the component. It supports those theme colors that make sense for this component.
158
+ * The color of the component.
159
+ * It supports both default and custom theme colors, which can be added as shown in the
160
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
159
161
  * @default 'primary'
160
162
  */
161
163
  color: PropTypes
@@ -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;
@@ -31,11 +31,11 @@ export type RadioGroupClassKey = keyof NonNullable<RadioGroupProps['classes']>;
31
31
  *
32
32
  * Demos:
33
33
  *
34
- * - [Radio Buttons](https://mui.com/components/radio-buttons/)
34
+ * - [Radio Buttons](https://mui.com/material-ui/react-radio-button/)
35
35
  *
36
36
  * API:
37
37
  *
38
- * - [RadioGroup API](https://mui.com/api/radio-group/)
39
- * - inherits [FormGroup API](https://mui.com/api/form-group/)
38
+ * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
39
+ * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
40
40
  */
41
41
  export default function RadioGroup(props: RadioGroupProps): JSX.Element;
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- export interface RadioGroupContextValue {
3
- name: string | undefined;
4
- onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
- value: any;
6
- }
7
- /**
8
- * @ignore - internal component.
9
- */
10
- declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
- export default RadioGroupContext;
1
+ import * as React from 'react';
2
+ export interface RadioGroupContextValue {
3
+ name: string | undefined;
4
+ onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
+ value: any;
6
+ }
7
+ /**
8
+ * @ignore - internal component.
9
+ */
10
+ declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
+ export default RadioGroupContext;
@@ -1,4 +1,4 @@
1
- import { RadioGroupContextValue } from './RadioGroupContext';
2
- export interface RadioGroupState extends RadioGroupContextValue {
3
- }
4
- export default function useRadioGroup(): RadioGroupState | undefined;
1
+ import { RadioGroupContextValue } from './RadioGroupContext';
2
+ export interface RadioGroupState extends RadioGroupContextValue {
3
+ }
4
+ export default function useRadioGroup(): RadioGroupState | undefined;
@@ -40,7 +40,7 @@ export interface RatingProps
40
40
  * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
41
41
  * This is important for screen reader users.
42
42
  *
43
- * For localization purposes, you can use the provided [translations](/guides/localization/).
43
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
44
44
  * @param {number} value The rating label's value to format.
45
45
  * @returns {string}
46
46
  * @default function defaultLabelText(value) {
@@ -118,10 +118,10 @@ export interface RatingProps
118
118
  *
119
119
  * Demos:
120
120
  *
121
- * - [Rating](https://mui.com/components/rating/)
121
+ * - [Rating](https://mui.com/material-ui/react-rating/)
122
122
  *
123
123
  * API:
124
124
  *
125
- * - [Rating API](https://mui.com/api/rating/)
125
+ * - [Rating API](https://mui.com/material-ui/api/rating/)
126
126
  */
127
127
  export default function Rating(props: RatingProps): JSX.Element;
package/Rating/Rating.js CHANGED
@@ -614,7 +614,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
614
614
  * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
615
615
  * This is important for screen reader users.
616
616
  *
617
- * For localization purposes, you can use the provided [translations](/guides/localization/).
617
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
618
618
  * @param {number} value The rating label's value to format.
619
619
  * @returns {string}
620
620
  * @default function defaultLabelText(value) {
@@ -1,40 +1,40 @@
1
- export interface RatingClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `readOnly={true}`. */
11
- readOnly: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root element if keyboard focused. */
15
- focusVisible: string;
16
- /** Visually hide an element. */
17
- visuallyHidden: string;
18
- /** Styles applied to the label elements. */
19
- label: string;
20
- /** Styles applied to the label of the "no value" input when it is active. */
21
- labelEmptyValueActive: string;
22
- /** Styles applied to the icon wrapping elements. */
23
- icon: string;
24
- /** Styles applied to the icon wrapping elements when empty. */
25
- iconEmpty: string;
26
- /** Styles applied to the icon wrapping elements when filled. */
27
- iconFilled: string;
28
- /** Styles applied to the icon wrapping elements when hover. */
29
- iconHover: string;
30
- /** Styles applied to the icon wrapping elements when focus. */
31
- iconFocus: string;
32
- /** Styles applied to the icon wrapping elements when active. */
33
- iconActive: string;
34
- /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
- decimal: string;
36
- }
37
- export declare type RatingClassKey = keyof RatingClasses;
38
- export declare function getRatingUtilityClass(slot: string): string;
39
- declare const ratingClasses: RatingClasses;
40
- export default ratingClasses;
1
+ export interface RatingClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `readOnly={true}`. */
11
+ readOnly: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root element if keyboard focused. */
15
+ focusVisible: string;
16
+ /** Visually hide an element. */
17
+ visuallyHidden: string;
18
+ /** Styles applied to the label elements. */
19
+ label: string;
20
+ /** Styles applied to the label of the "no value" input when it is active. */
21
+ labelEmptyValueActive: string;
22
+ /** Styles applied to the icon wrapping elements. */
23
+ icon: string;
24
+ /** Styles applied to the icon wrapping elements when empty. */
25
+ iconEmpty: string;
26
+ /** Styles applied to the icon wrapping elements when filled. */
27
+ iconFilled: string;
28
+ /** Styles applied to the icon wrapping elements when hover. */
29
+ iconHover: string;
30
+ /** Styles applied to the icon wrapping elements when focus. */
31
+ iconFocus: string;
32
+ /** Styles applied to the icon wrapping elements when active. */
33
+ iconActive: string;
34
+ /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
+ decimal: string;
36
+ }
37
+ export declare type RatingClassKey = keyof RatingClasses;
38
+ export declare function getRatingUtilityClass(slot: string): string;
39
+ declare const ratingClasses: RatingClasses;
40
+ export default ratingClasses;
@@ -25,11 +25,11 @@ export interface ScopedCssBaselineTypeMap<P = {}, D extends React.ElementType =
25
25
  *
26
26
  * Demos:
27
27
  *
28
- * - [Css Baseline](https://mui.com/components/css-baseline/)
28
+ * - [Css Baseline](https://mui.com/material-ui/react-css-baseline/)
29
29
  *
30
30
  * API:
31
31
  *
32
- * - [ScopedCssBaseline API](https://mui.com/api/scoped-css-baseline/)
32
+ * - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
33
33
  */
34
34
  declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
35
35
 
@@ -1,8 +1,8 @@
1
- export interface ScopedCssBaselineClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
- export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
- declare const scopedCssBaselineClasses: Record<"root", string>;
8
- export default scopedCssBaselineClasses;
1
+ export interface ScopedCssBaselineClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -71,7 +71,7 @@ export interface SelectProps<T = unknown>
71
71
  */
72
72
  inputProps?: InputProps['inputProps'];
73
73
  /**
74
- * See [OutlinedInput#label](/api/outlined-input/#props)
74
+ * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
75
75
  */
76
76
  label?: React.ReactNode;
77
77
  /**
@@ -80,7 +80,7 @@ export interface SelectProps<T = unknown>
80
80
  */
81
81
  labelId?: string;
82
82
  /**
83
- * Props applied to the [`Menu`](/api/menu/) element.
83
+ * Props applied to the [`Menu`](/material-ui/api/menu/) element.
84
84
  */
85
85
  MenuProps?: Partial<MenuProps>;
86
86
  /**
@@ -156,12 +156,12 @@ export interface SelectProps<T = unknown>
156
156
  *
157
157
  * Demos:
158
158
  *
159
- * - [Selects](https://mui.com/components/selects/)
159
+ * - [Selects](https://mui.com/material-ui/react-select/)
160
160
  *
161
161
  * API:
162
162
  *
163
- * - [Select API](https://mui.com/api/select/)
164
- * - inherits [OutlinedInput API](https://mui.com/api/outlined-input/)
163
+ * - [Select API](https://mui.com/material-ui/api/select/)
164
+ * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
165
165
  */
166
166
  declare const Select: (<T>(props: SelectProps<T>) => JSX.Element) & {
167
167
  muiName: string;
package/Select/Select.js CHANGED
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
209
209
  inputProps: PropTypes.object,
210
210
 
211
211
  /**
212
- * See [OutlinedInput#label](/api/outlined-input/#props)
212
+ * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
213
213
  */
214
214
  label: PropTypes.node,
215
215
 
@@ -220,7 +220,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
220
220
  labelId: PropTypes.string,
221
221
 
222
222
  /**
223
- * Props applied to the [`Menu`](/api/menu/) element.
223
+ * Props applied to the [`Menu`](/material-ui/api/menu/) element.
224
224
  */
225
225
  MenuProps: PropTypes.object,
226
226
 
@@ -356,7 +356,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
356
356
  }
357
357
  }
358
358
 
359
- const items = childrenArray.map(child => {
359
+ const items = childrenArray.map((child, index, arr) => {
360
360
  if (! /*#__PURE__*/React.isValidElement(child)) {
361
361
  return null;
362
362
  }
@@ -391,6 +391,27 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
391
391
  foundMatch = true;
392
392
  }
393
393
 
394
+ if (child.props.value === undefined) {
395
+ return /*#__PURE__*/React.cloneElement(child, {
396
+ 'aria-readonly': true,
397
+ role: 'option'
398
+ });
399
+ }
400
+
401
+ const isFirstSelectableElement = () => {
402
+ if (value) {
403
+ return selected;
404
+ }
405
+
406
+ const firstSelectableElement = arr.find(item => item.props.value !== undefined && item.props.disabled !== true);
407
+
408
+ if (child === firstSelectableElement) {
409
+ return true;
410
+ }
411
+
412
+ return selected;
413
+ };
414
+
394
415
  return /*#__PURE__*/React.cloneElement(child, {
395
416
  'aria-selected': selected ? 'true' : 'false',
396
417
  onClick: handleItemClick(child),
@@ -407,7 +428,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
407
428
  }
408
429
  },
409
430
  role: 'option',
410
- selected,
431
+ selected: arr[0].props.value === undefined || arr[0].props.disabled === true ? isFirstSelectableElement() : selected,
411
432
  value: undefined,
412
433
  // The value is most likely not a valid HTML attribute.
413
434
  'data-value': child.props.value // Instead, we provide it as a data attribute.
@@ -615,7 +636,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
615
636
  labelId: PropTypes.string,
616
637
 
617
638
  /**
618
- * Props applied to the [`Menu`](/api/menu/) element.
639
+ * Props applied to the [`Menu`](/material-ui/api/menu/) element.
619
640
  */
620
641
  MenuProps: PropTypes.object,
621
642
 
@@ -1,30 +1,30 @@
1
- export interface SelectClasses {
2
- /** Styles applied to the select component `select` class. */
3
- select: string;
4
- /** Styles applied to the select component if `multiple={true}`. */
5
- multiple: string;
6
- /** Styles applied to the select component if `variant="filled"`. */
7
- filled: string;
8
- /** Styles applied to the select component if `variant="outlined"`. */
9
- outlined: string;
10
- /** Styles applied to the select component if `variant="standard"`. */
11
- standard: string;
12
- /** State class applied to the select component `disabled` class. */
13
- disabled: string;
14
- /** Styles applied to the icon component. */
15
- icon: string;
16
- /** Styles applied to the icon component if the popup is open. */
17
- iconOpen: string;
18
- /** Styles applied to the icon component if `variant="filled"`. */
19
- iconFilled: string;
20
- /** Styles applied to the icon component if `variant="outlined"`. */
21
- iconOutlined: string;
22
- /** Styles applied to the icon component if `variant="standard"`. */
23
- iconStandard: string;
24
- /** Styles applied to the underlying native input component. */
25
- nativeInput: string;
26
- }
27
- export declare type SelectClassKey = keyof SelectClasses;
28
- export declare function getSelectUtilityClasses(slot: string): string;
29
- declare const selectClasses: SelectClasses;
30
- export default selectClasses;
1
+ export interface SelectClasses {
2
+ /** Styles applied to the select component `select` class. */
3
+ select: string;
4
+ /** Styles applied to the select component if `multiple={true}`. */
5
+ multiple: string;
6
+ /** Styles applied to the select component if `variant="filled"`. */
7
+ filled: string;
8
+ /** Styles applied to the select component if `variant="outlined"`. */
9
+ outlined: string;
10
+ /** Styles applied to the select component if `variant="standard"`. */
11
+ standard: string;
12
+ /** State class applied to the select component `disabled` class. */
13
+ disabled: string;
14
+ /** Styles applied to the icon component. */
15
+ icon: string;
16
+ /** Styles applied to the icon component if the popup is open. */
17
+ iconOpen: string;
18
+ /** Styles applied to the icon component if `variant="filled"`. */
19
+ iconFilled: string;
20
+ /** Styles applied to the icon component if `variant="outlined"`. */
21
+ iconOutlined: string;
22
+ /** Styles applied to the icon component if `variant="standard"`. */
23
+ iconStandard: string;
24
+ /** Styles applied to the underlying native input component. */
25
+ nativeInput: string;
26
+ }
27
+ export declare type SelectClassKey = keyof SelectClasses;
28
+ export declare function getSelectUtilityClasses(slot: string): string;
29
+ declare const selectClasses: SelectClasses;
30
+ export default selectClasses;
@@ -53,11 +53,11 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
53
53
  *
54
54
  * Demos:
55
55
  *
56
- * - [Skeleton](https://mui.com/components/skeleton/)
56
+ * - [Skeleton](https://mui.com/material-ui/react-skeleton/)
57
57
  *
58
58
  * API:
59
59
  *
60
- * - [Skeleton API](https://mui.com/api/skeleton/)
60
+ * - [Skeleton API](https://mui.com/material-ui/api/skeleton/)
61
61
  */
62
62
  declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
63
63