@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
@@ -47,7 +47,7 @@ export interface AccordionProps extends StandardProps<PaperProps, 'onChange'> {
47
47
  sx?: SxProps<Theme>;
48
48
  /**
49
49
  * The component used for the transition.
50
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
50
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
51
51
  * @default Collapse
52
52
  */
53
53
  TransitionComponent?: React.JSXElementConstructor<
@@ -64,11 +64,11 @@ export interface AccordionProps extends StandardProps<PaperProps, 'onChange'> {
64
64
  *
65
65
  * Demos:
66
66
  *
67
- * - [Accordion](https://mui.com/components/accordion/)
67
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
68
68
  *
69
69
  * API:
70
70
  *
71
- * - [Accordion API](https://mui.com/api/accordion/)
72
- * - inherits [Paper API](https://mui.com/api/paper/)
71
+ * - [Accordion API](https://mui.com/material-ui/api/accordion/)
72
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
73
73
  */
74
74
  export default function Accordion(props: AccordionProps): JSX.Element;
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes
265
265
 
266
266
  /**
267
267
  * The component used for the transition.
268
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
268
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
269
269
  * @default Collapse
270
270
  */
271
271
  TransitionComponent: PropTypes.elementType,
@@ -1,18 +1,18 @@
1
- export interface AccordionClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `square={true}`. */
5
- rounded: string;
6
- /** State class applied to the root element if `expanded={true}`. */
7
- expanded: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element unless `disableGutters={true}`. */
11
- gutters: string;
12
- /** Styles applied to the region element, the container of the children. */
13
- region: string;
14
- }
15
- export declare type AccordionClassKey = keyof AccordionClasses;
16
- export declare function getAccordionUtilityClass(slot: string): string;
17
- declare const accordionClasses: AccordionClasses;
18
- export default accordionClasses;
1
+ export interface AccordionClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `square={true}`. */
5
+ rounded: string;
6
+ /** State class applied to the root element if `expanded={true}`. */
7
+ expanded: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element unless `disableGutters={true}`. */
11
+ gutters: string;
12
+ /** Styles applied to the region element, the container of the children. */
13
+ region: string;
14
+ }
15
+ export declare type AccordionClassKey = keyof AccordionClasses;
16
+ export declare function getAccordionUtilityClass(slot: string): string;
17
+ declare const accordionClasses: AccordionClasses;
18
+ export default accordionClasses;
@@ -27,10 +27,10 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Accordion](https://mui.com/components/accordion/)
30
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [AccordionActions API](https://mui.com/api/accordion-actions/)
34
+ * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
35
35
  */
36
36
  export default function AccordionActions(props: AccordionActionsProps): JSX.Element;
@@ -1,10 +1,10 @@
1
- export interface AccordionActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export declare type AccordionActionsClassKey = keyof AccordionActionsClasses;
8
- export declare function getAccordionActionsUtilityClass(slot: string): string;
9
- declare const accordionActionsClasses: AccordionActionsClasses;
10
- export default accordionActionsClasses;
1
+ export interface AccordionActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export declare type AccordionActionsClassKey = keyof AccordionActionsClasses;
8
+ export declare function getAccordionActionsUtilityClass(slot: string): string;
9
+ declare const accordionActionsClasses: AccordionActionsClasses;
10
+ export default accordionActionsClasses;
@@ -22,10 +22,10 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Accordion](https://mui.com/components/accordion/)
25
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [AccordionDetails API](https://mui.com/api/accordion-details/)
29
+ * - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
30
30
  */
31
31
  export default function AccordionDetails(props: AccordionDetailsProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- export interface AccordionDetailsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
6
- export declare function getAccordionDetailsUtilityClass(slot: string): string;
7
- declare const accordionDetailsClasses: AccordionDetailsClasses;
8
- export default accordionDetailsClasses;
1
+ export interface AccordionDetailsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
6
+ export declare function getAccordionDetailsUtilityClass(slot: string): string;
7
+ declare const accordionDetailsClasses: AccordionDetailsClasses;
8
+ export default accordionDetailsClasses;
@@ -34,12 +34,12 @@ export type AccordionSummaryTypeMap<
34
34
  *
35
35
  * Demos:
36
36
  *
37
- * - [Accordion](https://mui.com/components/accordion/)
37
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
38
38
  *
39
39
  * API:
40
40
  *
41
- * - [AccordionSummary API](https://mui.com/api/accordion-summary/)
42
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
41
+ * - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
42
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
43
43
  */
44
44
  declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
45
45
 
@@ -1,22 +1,22 @@
1
- export interface AccordionSummaryClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
5
- expanded: string;
6
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
7
- focusVisible: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element unless `disableGutters={true}`. */
11
- gutters: string;
12
- /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
13
- contentGutters: string;
14
- /** Styles applied to the children wrapper element. */
15
- content: string;
16
- /** Styles applied to the `expandIcon`'s wrapper element. */
17
- expandIconWrapper: string;
18
- }
19
- export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
20
- export declare function getAccordionSummaryUtilityClass(slot: string): string;
21
- declare const accordionSummaryClasses: AccordionSummaryClasses;
22
- export default accordionSummaryClasses;
1
+ export interface AccordionSummaryClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
5
+ expanded: string;
6
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
7
+ focusVisible: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element unless `disableGutters={true}`. */
11
+ gutters: string;
12
+ /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
13
+ contentGutters: string;
14
+ /** Styles applied to the children wrapper element. */
15
+ content: string;
16
+ /** Styles applied to the `expandIcon`'s wrapper element. */
17
+ expandIconWrapper: string;
18
+ }
19
+ export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
20
+ export declare function getAccordionSummaryUtilityClass(slot: string): string;
21
+ declare const accordionSummaryClasses: AccordionSummaryClasses;
22
+ export default accordionSummaryClasses;
package/Alert/Alert.d.ts CHANGED
@@ -23,12 +23,14 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'> {
23
23
  /**
24
24
  * Override the default label for the *close popup* icon button.
25
25
  *
26
- * For localization purposes, you can use the provided [translations](/guides/localization/).
26
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
27
27
  * @default 'Close'
28
28
  */
29
29
  closeText?: string;
30
30
  /**
31
- * The main color for the alert. Unless provided, the value is taken from the `severity` prop.
31
+ * The color of the component. Unless provided, the value is taken from the `severity` prop.
32
+ * It supports both default and custom theme colors, which can be added as shown in the
33
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
32
34
  */
33
35
  color?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides>;
34
36
  /**
@@ -75,11 +77,11 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'> {
75
77
  *
76
78
  * Demos:
77
79
  *
78
- * - [Alert](https://mui.com/components/alert/)
80
+ * - [Alert](https://mui.com/material-ui/react-alert/)
79
81
  *
80
82
  * API:
81
83
  *
82
- * - [Alert API](https://mui.com/api/alert/)
83
- * - inherits [Paper API](https://mui.com/api/paper/)
84
+ * - [Alert API](https://mui.com/material-ui/api/alert/)
85
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
84
86
  */
85
87
  export default function Alert(props: AlertProps): JSX.Element;
package/Alert/Alert.js CHANGED
@@ -213,13 +213,15 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
213
213
  /**
214
214
  * Override the default label for the *close popup* icon button.
215
215
  *
216
- * For localization purposes, you can use the provided [translations](/guides/localization/).
216
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
217
217
  * @default 'Close'
218
218
  */
219
219
  closeText: PropTypes.string,
220
220
 
221
221
  /**
222
- * The main color for the alert. Unless provided, the value is taken from the `severity` prop.
222
+ * The color of the component. Unless provided, the value is taken from the `severity` prop.
223
+ * It supports both default and custom theme colors, which can be added as shown in the
224
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
223
225
  */
224
226
  color: PropTypes
225
227
  /* @typescript-to-proptypes-ignore */
@@ -1,44 +1,44 @@
1
- export interface AlertClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="filled"`. */
5
- filled: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="standard"`. */
9
- standard: string;
10
- /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
11
- standardSuccess: string;
12
- /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
13
- standardInfo: string;
14
- /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
15
- standardWarning: string;
16
- /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
17
- standardError: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
19
- outlinedSuccess: string;
20
- /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
21
- outlinedInfo: string;
22
- /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
23
- outlinedWarning: string;
24
- /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
25
- outlinedError: string;
26
- /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
27
- filledSuccess: string;
28
- /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
29
- filledInfo: string;
30
- /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
31
- filledWarning: string;
32
- /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
33
- filledError: string;
34
- /** Styles applied to the icon wrapper element. */
35
- icon: string;
36
- /** Styles applied to the message wrapper element. */
37
- message: string;
38
- /** Styles applied to the action wrapper element if `action` is provided. */
39
- action: string;
40
- }
41
- export declare type AlertClassKey = keyof AlertClasses;
42
- export declare function getAlertUtilityClass(slot: string): string;
43
- declare const alertClasses: AlertClasses;
44
- export default alertClasses;
1
+ export interface AlertClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="filled"`. */
5
+ filled: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="standard"`. */
9
+ standard: string;
10
+ /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
11
+ standardSuccess: string;
12
+ /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
13
+ standardInfo: string;
14
+ /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
15
+ standardWarning: string;
16
+ /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
17
+ standardError: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
19
+ outlinedSuccess: string;
20
+ /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
21
+ outlinedInfo: string;
22
+ /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
23
+ outlinedWarning: string;
24
+ /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
25
+ outlinedError: string;
26
+ /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
27
+ filledSuccess: string;
28
+ /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
29
+ filledInfo: string;
30
+ /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
31
+ filledWarning: string;
32
+ /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
33
+ filledError: string;
34
+ /** Styles applied to the icon wrapper element. */
35
+ icon: string;
36
+ /** Styles applied to the message wrapper element. */
37
+ message: string;
38
+ /** Styles applied to the action wrapper element if `action` is provided. */
39
+ action: string;
40
+ }
41
+ export declare type AlertClassKey = keyof AlertClasses;
42
+ export declare function getAlertUtilityClass(slot: string): string;
43
+ declare const alertClasses: AlertClasses;
44
+ export default alertClasses;
@@ -22,10 +22,10 @@ export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTML
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Alert](https://mui.com/components/alert/)
25
+ * - [Alert](https://mui.com/material-ui/react-alert/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [AlertTitle API](https://mui.com/api/alert-title/)
29
+ * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
30
30
  */
31
31
  export default function AlertTitle(props: AlertTitleProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- export interface AlertTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type AlertTitleClassKey = keyof AlertTitleClasses;
6
- export declare function getAlertTitleUtilityClass(slot: string): string;
7
- declare const alertTitleClasses: AlertTitleClasses;
8
- export default alertTitleClasses;
1
+ export interface AlertTitleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type AlertTitleClassKey = keyof AlertTitleClasses;
6
+ export declare function getAlertTitleUtilityClass(slot: string): string;
7
+ declare const alertTitleClasses: AlertTitleClasses;
8
+ export default alertTitleClasses;
@@ -16,7 +16,9 @@ export interface AppBarTypeMap<P = {}, D extends React.ElementType = 'header'> {
16
16
  */
17
17
  classes?: Partial<AppBarClasses>;
18
18
  /**
19
- * The color of the component. It supports those theme colors that make sense for this component.
19
+ * The color of the component.
20
+ * It supports both default and custom theme colors, which can be added as shown in the
21
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
20
22
  * @default 'primary'
21
23
  */
22
24
  color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
@@ -44,12 +46,12 @@ export interface AppBarTypeMap<P = {}, D extends React.ElementType = 'header'> {
44
46
  *
45
47
  * Demos:
46
48
  *
47
- * - [App Bar](https://mui.com/components/app-bar/)
49
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
48
50
  *
49
51
  * API:
50
52
  *
51
- * - [AppBar API](https://mui.com/api/app-bar/)
52
- * - inherits [Paper API](https://mui.com/api/paper/)
53
+ * - [AppBar API](https://mui.com/material-ui/api/app-bar/)
54
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
53
55
  */
54
56
 
55
57
  declare const AppBar: OverridableComponent<AppBarTypeMap>;
package/AppBar/AppBar.js CHANGED
@@ -144,7 +144,9 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes
144
144
  className: PropTypes.string,
145
145
 
146
146
  /**
147
- * The color of the component. It supports those theme colors that make sense for this component.
147
+ * The color of the component.
148
+ * It supports both default and custom theme colors, which can be added as shown in the
149
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
148
150
  * @default 'primary'
149
151
  */
150
152
  color: PropTypes
@@ -1,28 +1,28 @@
1
- export interface AppBarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="fixed"`. */
5
- positionFixed: string;
6
- /** Styles applied to the root element if `position="absolute"`. */
7
- positionAbsolute: string;
8
- /** Styles applied to the root element if `position="sticky"`. */
9
- positionSticky: string;
10
- /** Styles applied to the root element if `position="static"`. */
11
- positionStatic: string;
12
- /** Styles applied to the root element if `position="relative"`. */
13
- positionRelative: string;
14
- /** Styles applied to the root element if `color="default"`. */
15
- colorDefault: string;
16
- /** Styles applied to the root element if `color="primary"`. */
17
- colorPrimary: string;
18
- /** Styles applied to the root element if `color="secondary"`. */
19
- colorSecondary: string;
20
- /** Styles applied to the root element if `color="inherit"`. */
21
- colorInherit: string;
22
- /** Styles applied to the root element if `color="transparent"`. */
23
- colorTransparent: string;
24
- }
25
- export declare type AppBarClassKey = keyof AppBarClasses;
26
- export declare function getAppBarUtilityClass(slot: string): string;
27
- declare const appBarClasses: AppBarClasses;
28
- export default appBarClasses;
1
+ export interface AppBarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `position="fixed"`. */
5
+ positionFixed: string;
6
+ /** Styles applied to the root element if `position="absolute"`. */
7
+ positionAbsolute: string;
8
+ /** Styles applied to the root element if `position="sticky"`. */
9
+ positionSticky: string;
10
+ /** Styles applied to the root element if `position="static"`. */
11
+ positionStatic: string;
12
+ /** Styles applied to the root element if `position="relative"`. */
13
+ positionRelative: string;
14
+ /** Styles applied to the root element if `color="default"`. */
15
+ colorDefault: string;
16
+ /** Styles applied to the root element if `color="primary"`. */
17
+ colorPrimary: string;
18
+ /** Styles applied to the root element if `color="secondary"`. */
19
+ colorSecondary: string;
20
+ /** Styles applied to the root element if `color="inherit"`. */
21
+ colorInherit: string;
22
+ /** Styles applied to the root element if `color="transparent"`. */
23
+ colorTransparent: string;
24
+ }
25
+ export declare type AppBarClassKey = keyof AppBarClasses;
26
+ export declare function getAppBarUtilityClass(slot: string): string;
27
+ declare const appBarClasses: AppBarClasses;
28
+ export default appBarClasses;
@@ -70,7 +70,7 @@ export interface AutocompleteProps<
70
70
  > extends UseAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,
71
71
  StandardProps<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
72
72
  /**
73
- * Props applied to the [`Chip`](/api/chip/) element.
73
+ * Props applied to the [`Chip`](/material-ui/api/chip/) element.
74
74
  */
75
75
  ChipProps?: ChipProps<ChipComponent>;
76
76
  /**
@@ -85,14 +85,14 @@ export interface AutocompleteProps<
85
85
  /**
86
86
  * Override the default text for the *clear* icon button.
87
87
  *
88
- * For localization purposes, you can use the provided [translations](/guides/localization/).
88
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
89
89
  * @default 'Clear'
90
90
  */
91
91
  clearText?: string;
92
92
  /**
93
93
  * Override the default text for the *close popup* icon button.
94
94
  *
95
- * For localization purposes, you can use the provided [translations](/guides/localization/).
95
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
96
96
  * @default 'Close'
97
97
  */
98
98
  closeText?: string;
@@ -150,7 +150,7 @@ export interface AutocompleteProps<
150
150
  /**
151
151
  * Text to display when in a loading state.
152
152
  *
153
- * For localization purposes, you can use the provided [translations](/guides/localization/).
153
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
154
154
  * @default 'Loading…'
155
155
  */
156
156
  loadingText?: React.ReactNode;
@@ -163,14 +163,14 @@ export interface AutocompleteProps<
163
163
  /**
164
164
  * Text to display when there are no options.
165
165
  *
166
- * For localization purposes, you can use the provided [translations](/guides/localization/).
166
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
167
167
  * @default 'No options'
168
168
  */
169
169
  noOptionsText?: React.ReactNode;
170
170
  /**
171
171
  * Override the default text for the *open popup* icon button.
172
172
  *
173
- * For localization purposes, you can use the provided [translations](/guides/localization/).
173
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
174
174
  * @default 'Open'
175
175
  */
176
176
  openText?: string;
@@ -244,11 +244,11 @@ export interface AutocompleteProps<
244
244
  *
245
245
  * Demos:
246
246
  *
247
- * - [Autocomplete](https://mui.com/components/autocomplete/)
247
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
248
248
  *
249
249
  * API:
250
250
  *
251
- * - [Autocomplete API](https://mui.com/api/autocomplete/)
251
+ * - [Autocomplete API](https://mui.com/material-ui/api/autocomplete/)
252
252
  */
253
253
  export default function Autocomplete<
254
254
  T,
@@ -653,7 +653,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
653
653
  blurOnSelect: PropTypes.oneOfType([PropTypes.oneOf(['mouse', 'touch']), PropTypes.bool]),
654
654
 
655
655
  /**
656
- * Props applied to the [`Chip`](/api/chip/) element.
656
+ * Props applied to the [`Chip`](/material-ui/api/chip/) element.
657
657
  */
658
658
  ChipProps: PropTypes.object,
659
659
 
@@ -691,7 +691,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
691
691
  /**
692
692
  * Override the default text for the *clear* icon button.
693
693
  *
694
- * For localization purposes, you can use the provided [translations](/guides/localization/).
694
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
695
695
  * @default 'Clear'
696
696
  */
697
697
  clearText: PropTypes.string,
@@ -699,7 +699,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
699
699
  /**
700
700
  * Override the default text for the *close popup* icon button.
701
701
  *
702
- * For localization purposes, you can use the provided [translations](/guides/localization/).
702
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
703
703
  * @default 'Close'
704
704
  */
705
705
  closeText: PropTypes.string,
@@ -762,7 +762,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
762
762
  disablePortal: PropTypes.bool,
763
763
 
764
764
  /**
765
- * A filter function that determines the options that are eligible.
765
+ * A function that determines the filtered options to be rendered on search.
766
766
  *
767
767
  * @param {T[]} options The options to render.
768
768
  * @param {object} state The state of the component.
@@ -893,7 +893,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
893
893
  /**
894
894
  * Text to display when in a loading state.
895
895
  *
896
- * For localization purposes, you can use the provided [translations](/guides/localization/).
896
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
897
897
  * @default 'Loading…'
898
898
  */
899
899
  loadingText: PropTypes.node,
@@ -907,7 +907,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
907
907
  /**
908
908
  * Text to display when there are no options.
909
909
  *
910
- * For localization purposes, you can use the provided [translations](/guides/localization/).
910
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
911
911
  * @default 'No options'
912
912
  */
913
913
  noOptionsText: PropTypes.node,
@@ -971,7 +971,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
971
971
  /**
972
972
  * Override the default text for the *open popup* icon button.
973
973
  *
974
- * For localization purposes, you can use the provided [translations](/guides/localization/).
974
+ * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
975
975
  * @default 'Open'
976
976
  */
977
977
  openText: PropTypes.string,