@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,18 +1,18 @@
1
- export interface CardHeaderClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar element. */
5
- avatar: string;
6
- /** Styles applied to the action element. */
7
- action: string;
8
- /** Styles applied to the content wrapper element. */
9
- content: string;
10
- /** Styles applied to the title Typography element. */
11
- title: string;
12
- /** Styles applied to the subheader Typography element. */
13
- subheader: string;
14
- }
15
- export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
- export declare function getCardHeaderUtilityClass(slot: string): string;
17
- declare const cardHeaderClasses: CardHeaderClasses;
18
- export default cardHeaderClasses;
1
+ export interface CardHeaderClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar element. */
5
+ avatar: string;
6
+ /** Styles applied to the action element. */
7
+ action: string;
8
+ /** Styles applied to the content wrapper element. */
9
+ content: string;
10
+ /** Styles applied to the title Typography element. */
11
+ title: string;
12
+ /** Styles applied to the subheader Typography element. */
13
+ subheader: string;
14
+ }
15
+ export declare type CardHeaderClassKey = keyof CardHeaderClasses;
16
+ export declare function getCardHeaderUtilityClass(slot: string): string;
17
+ declare const cardHeaderClasses: CardHeaderClasses;
18
+ export default cardHeaderClasses;
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<P, D extends React.ElementType> {
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [Cards](https://mui.com/components/cards/)
41
+ * - [Cards](https://mui.com/material-ui/react-card/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [CardMedia API](https://mui.com/api/card-media/)
45
+ * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
46
46
  */
47
47
  declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
48
48
 
@@ -1,12 +1,12 @@
1
- export interface CardMediaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
- media: string;
6
- /** Styles applied to the root element if `component="picture or img"`. */
7
- img: string;
8
- }
9
- export declare type CardMediaClassKey = keyof CardMediaClasses;
10
- export declare function getCardMediaUtilityClass(slot: string): string;
11
- declare const cardMediaClasses: CardMediaClasses;
12
- export default cardMediaClasses;
1
+ export interface CardMediaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
+ media: string;
6
+ /** Styles applied to the root element if `component="picture or img"`. */
7
+ img: string;
8
+ }
9
+ export declare type CardMediaClassKey = keyof CardMediaClasses;
10
+ export declare function getCardMediaUtilityClass(slot: string): string;
11
+ declare const cardMediaClasses: CardMediaClasses;
12
+ export default cardMediaClasses;
@@ -25,7 +25,9 @@ export interface CheckboxProps
25
25
  */
26
26
  classes?: Partial<CheckboxClasses>;
27
27
  /**
28
- * The color of the component. It supports those theme colors that make sense for this component.
28
+ * The color of the component.
29
+ * It supports both default and custom theme colors, which can be added as shown in the
30
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
29
31
  * @default 'primary'
30
32
  */
31
33
  color?: OverridableStringUnion<
@@ -102,12 +104,12 @@ export interface CheckboxProps
102
104
  *
103
105
  * Demos:
104
106
  *
105
- * - [Checkboxes](https://mui.com/components/checkboxes/)
106
- * - [Transfer List](https://mui.com/components/transfer-list/)
107
+ * - [Checkboxes](https://mui.com/material-ui/react-checkbox/)
108
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
107
109
  *
108
110
  * API:
109
111
  *
110
- * - [Checkbox API](https://mui.com/api/checkbox/)
111
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
112
+ * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
113
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
112
114
  */
113
115
  export default function Checkbox(props: CheckboxProps): JSX.Element;
@@ -138,7 +138,9 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
138
138
  classes: PropTypes.object,
139
139
 
140
140
  /**
141
- * The color of the component. It supports those theme colors that make sense for this component.
141
+ * The color of the component.
142
+ * It supports both default and custom theme colors, which can be added as shown in the
143
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
142
144
  * @default 'primary'
143
145
  */
144
146
  color: PropTypes
@@ -1,18 +1,18 @@
1
- export interface CheckboxClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** State class applied to the root element if `indeterminate={true}`. */
9
- indeterminate: string;
10
- /** Styles applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- }
15
- export declare type CheckboxClassKey = keyof CheckboxClasses;
16
- export declare function getCheckboxUtilityClass(slot: string): string;
17
- declare const checkboxClasses: CheckboxClasses;
18
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** State class applied to the root element if `indeterminate={true}`. */
9
+ indeterminate: string;
10
+ /** Styles applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ }
15
+ export declare type CheckboxClassKey = keyof CheckboxClasses;
16
+ export declare function getCheckboxUtilityClass(slot: string): string;
17
+ declare const checkboxClasses: CheckboxClasses;
18
+ export default checkboxClasses;
package/Chip/Chip.d.ts CHANGED
@@ -36,7 +36,9 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
36
36
  */
37
37
  clickable?: boolean;
38
38
  /**
39
- * The color of the component. It supports those theme colors that make sense for this component.
39
+ * The color of the component.
40
+ * It supports both default and custom theme colors, which can be added as shown in the
41
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
40
42
  * @default 'default'
41
43
  */
42
44
  color?: OverridableStringUnion<
@@ -88,11 +90,11 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
88
90
  *
89
91
  * Demos:
90
92
  *
91
- * - [Chips](https://mui.com/components/chips/)
93
+ * - [Chips](https://mui.com/material-ui/react-chip/)
92
94
  *
93
95
  * API:
94
96
  *
95
- * - [Chip API](https://mui.com/api/chip/)
97
+ * - [Chip API](https://mui.com/material-ui/api/chip/)
96
98
  */
97
99
  declare const Chip: OverridableComponent<ChipTypeMap>;
98
100
 
package/Chip/Chip.js CHANGED
@@ -450,7 +450,9 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
450
450
  clickable: PropTypes.bool,
451
451
 
452
452
  /**
453
- * The color of the component. It supports those theme colors that make sense for this component.
453
+ * The color of the component.
454
+ * It supports both default and custom theme colors, which can be added as shown in the
455
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
454
456
  * @default 'default'
455
457
  */
456
458
  color: PropTypes
@@ -1,80 +1,80 @@
1
- export interface ChipClasses {
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 `color="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
15
- clickable: string;
16
- /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
17
- clickableColorPrimary: string;
18
- /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
19
- clickableColorSecondary: string;
20
- /** Styles applied to the root element if `onDelete` is defined. */
21
- deletable: string;
22
- /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
23
- deletableColorPrimary: string;
24
- /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
25
- deletableColorSecondary: string;
26
- /** Styles applied to the root element if `variant="outlined"`. */
27
- outlined: string;
28
- /** Styles applied to the root element if `variant="filled"`. */
29
- filled: string;
30
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
31
- outlinedPrimary: string;
32
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
33
- outlinedSecondary: string;
34
- /** Styles applied to the avatar element. */
35
- avatar: string;
36
- /** Styles applied to the avatar element if `size="small"`. */
37
- avatarSmall: string;
38
- /** Styles applied to the avatar element if `size="medium"`. */
39
- avatarMedium: string;
40
- /** Styles applied to the avatar element if `color="primary"`. */
41
- avatarColorPrimary: string;
42
- /** Styles applied to the avatar element if `color="secondary"`. */
43
- avatarColorSecondary: string;
44
- /** Styles applied to the icon element. */
45
- icon: string;
46
- /** Styles applied to the icon element if `size="small"`. */
47
- iconSmall: string;
48
- /** Styles applied to the icon element if `size="medium"`. */
49
- iconMedium: string;
50
- /** Styles applied to the icon element if `color="primary"`. */
51
- iconColorPrimary: string;
52
- /** Styles applied to the icon element if `color="secondary"`. */
53
- iconColorSecondary: string;
54
- /** Styles applied to the label `span` element. */
55
- label: string;
56
- /** Styles applied to the label `span` element if `size="small"`. */
57
- labelSmall: string;
58
- /** Styles applied to the label `span` element if `size="medium"`. */
59
- labelMedium: string;
60
- /** Styles applied to the deleteIcon element. */
61
- deleteIcon: string;
62
- /** Styles applied to the deleteIcon element if `size="small"`. */
63
- deleteIconSmall: string;
64
- /** Styles applied to the deleteIcon element if `size="medium"`. */
65
- deleteIconMedium: string;
66
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
67
- deleteIconColorPrimary: string;
68
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
69
- deleteIconColorSecondary: string;
70
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
71
- deleteIconOutlinedColorPrimary: string;
72
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
73
- deleteIconOutlinedColorSecondary: string;
74
- /** State class applied to the root element if keyboard focused. */
75
- focusVisible: string;
76
- }
77
- export declare type ChipClassKey = keyof ChipClasses;
78
- export declare function getChipUtilityClass(slot: string): string;
79
- declare const chipClasses: ChipClasses;
80
- export default chipClasses;
1
+ export interface ChipClasses {
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 `color="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
15
+ clickable: string;
16
+ /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
17
+ clickableColorPrimary: string;
18
+ /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
19
+ clickableColorSecondary: string;
20
+ /** Styles applied to the root element if `onDelete` is defined. */
21
+ deletable: string;
22
+ /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
23
+ deletableColorPrimary: string;
24
+ /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
25
+ deletableColorSecondary: string;
26
+ /** Styles applied to the root element if `variant="outlined"`. */
27
+ outlined: string;
28
+ /** Styles applied to the root element if `variant="filled"`. */
29
+ filled: string;
30
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
31
+ outlinedPrimary: string;
32
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
33
+ outlinedSecondary: string;
34
+ /** Styles applied to the avatar element. */
35
+ avatar: string;
36
+ /** Styles applied to the avatar element if `size="small"`. */
37
+ avatarSmall: string;
38
+ /** Styles applied to the avatar element if `size="medium"`. */
39
+ avatarMedium: string;
40
+ /** Styles applied to the avatar element if `color="primary"`. */
41
+ avatarColorPrimary: string;
42
+ /** Styles applied to the avatar element if `color="secondary"`. */
43
+ avatarColorSecondary: string;
44
+ /** Styles applied to the icon element. */
45
+ icon: string;
46
+ /** Styles applied to the icon element if `size="small"`. */
47
+ iconSmall: string;
48
+ /** Styles applied to the icon element if `size="medium"`. */
49
+ iconMedium: string;
50
+ /** Styles applied to the icon element if `color="primary"`. */
51
+ iconColorPrimary: string;
52
+ /** Styles applied to the icon element if `color="secondary"`. */
53
+ iconColorSecondary: string;
54
+ /** Styles applied to the label `span` element. */
55
+ label: string;
56
+ /** Styles applied to the label `span` element if `size="small"`. */
57
+ labelSmall: string;
58
+ /** Styles applied to the label `span` element if `size="medium"`. */
59
+ labelMedium: string;
60
+ /** Styles applied to the deleteIcon element. */
61
+ deleteIcon: string;
62
+ /** Styles applied to the deleteIcon element if `size="small"`. */
63
+ deleteIconSmall: string;
64
+ /** Styles applied to the deleteIcon element if `size="medium"`. */
65
+ deleteIconMedium: string;
66
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
67
+ deleteIconColorPrimary: string;
68
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
69
+ deleteIconColorSecondary: string;
70
+ /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
71
+ deleteIconOutlinedColorPrimary: string;
72
+ /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
73
+ deleteIconOutlinedColorSecondary: string;
74
+ /** State class applied to the root element if keyboard focused. */
75
+ focusVisible: string;
76
+ }
77
+ export declare type ChipClassKey = keyof ChipClasses;
78
+ export declare function getChipUtilityClass(slot: string): string;
79
+ declare const chipClasses: ChipClasses;
80
+ export default chipClasses;
@@ -13,7 +13,9 @@ export interface CircularProgressProps
13
13
  */
14
14
  classes?: Partial<CircularProgressClasses>;
15
15
  /**
16
- * The color of the component. It supports those theme colors that make sense for this component.
16
+ * The color of the component.
17
+ * It supports both default and custom theme colors, which can be added as shown in the
18
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
17
19
  * @default 'primary'
18
20
  */
19
21
  color?: OverridableStringUnion<
@@ -65,10 +67,10 @@ export interface CircularProgressProps
65
67
  *
66
68
  * Demos:
67
69
  *
68
- * - [Progress](https://mui.com/components/progress/)
70
+ * - [Progress](https://mui.com/material-ui/react-progress/)
69
71
  *
70
72
  * API:
71
73
  *
72
- * - [CircularProgress API](https://mui.com/api/circular-progress/)
74
+ * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
73
75
  */
74
76
  export default function CircularProgress(props: CircularProgressProps): JSX.Element;
@@ -212,7 +212,9 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
212
212
  className: PropTypes.string,
213
213
 
214
214
  /**
215
- * The color of the component. It supports those theme colors that make sense for this component.
215
+ * The color of the component.
216
+ * It supports both default and custom theme colors, which can be added as shown in the
217
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
216
218
  * @default 'primary'
217
219
  */
218
220
  color: PropTypes
@@ -1,26 +1,26 @@
1
- export interface CircularProgressClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="determinate"`. */
5
- determinate: string;
6
- /** Styles applied to the root element if `variant="indeterminate"`. */
7
- indeterminate: 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
- /** Styles applied to the svg element. */
13
- svg: string;
14
- /** Styles applied to the `circle` svg path. */
15
- circle: string;
16
- /** Styles applied to the `circle` svg path if `variant="determinate"`. */
17
- circleDeterminate: string;
18
- /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
19
- circleIndeterminate: string;
20
- /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
21
- circleDisableShrink: string;
22
- }
23
- export declare type CircularProgressClassKey = keyof CircularProgressClasses;
24
- export declare function getCircularProgressUtilityClass(slot: string): string;
25
- declare const circularProgressClasses: CircularProgressClasses;
26
- export default circularProgressClasses;
1
+ export interface CircularProgressClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="determinate"`. */
5
+ determinate: string;
6
+ /** Styles applied to the root element if `variant="indeterminate"`. */
7
+ indeterminate: 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
+ /** Styles applied to the svg element. */
13
+ svg: string;
14
+ /** Styles applied to the `circle` svg path. */
15
+ circle: string;
16
+ /** Styles applied to the `circle` svg path if `variant="determinate"`. */
17
+ circleDeterminate: string;
18
+ /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
19
+ circleIndeterminate: string;
20
+ /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
21
+ circleDisableShrink: string;
22
+ }
23
+ export declare type CircularProgressClassKey = keyof CircularProgressClasses;
24
+ export declare function getCircularProgressUtilityClass(slot: string): string;
25
+ declare const circularProgressClasses: CircularProgressClasses;
26
+ export default circularProgressClasses;
@@ -1,2 +1,2 @@
1
- export { default } from '@mui/base/ClickAwayListener';
2
- export * from '@mui/base/ClickAwayListener';
1
+ export { default } from '@mui/base/ClickAwayListener';
2
+ export * from '@mui/base/ClickAwayListener';
@@ -54,18 +54,18 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
54
54
 
55
55
  /**
56
56
  * The Collapse transition is used by the
57
- * [Vertical Stepper](https://mui.com/components/steppers/#vertical-stepper) StepContent component.
57
+ * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
58
58
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
59
59
  *
60
60
  * Demos:
61
61
  *
62
- * - [Cards](https://mui.com/components/cards/)
63
- * - [Lists](https://mui.com/components/lists/)
64
- * - [Transitions](https://mui.com/components/transitions/)
62
+ * - [Cards](https://mui.com/material-ui/react-card/)
63
+ * - [Lists](https://mui.com/material-ui/react-list/)
64
+ * - [Transitions](https://mui.com/material-ui/transitions/)
65
65
  *
66
66
  * API:
67
67
  *
68
- * - [Collapse API](https://mui.com/api/collapse/)
68
+ * - [Collapse API](https://mui.com/material-ui/api/collapse/)
69
69
  * - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
70
70
  */
71
71
 
@@ -87,7 +87,7 @@ const CollapseWrapperInner = styled('div', {
87
87
  }));
88
88
  /**
89
89
  * The Collapse transition is used by the
90
- * [Vertical Stepper](/components/steppers/#vertical-stepper) StepContent component.
90
+ * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
91
91
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
92
92
  */
93
93
 
@@ -1,18 +1,18 @@
1
- export interface CollapseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element when the transition has entered. */
7
- entered: string;
8
- /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
9
- hidden: string;
10
- /** Styles applied to the outer wrapper element. */
11
- wrapper: string;
12
- /** Styles applied to the inner wrapper element. */
13
- wrapperInner: string;
14
- }
15
- export declare type CollapseClassKey = keyof CollapseClasses;
16
- export declare function getCollapseUtilityClass(slot: string): string;
17
- declare const collapseClasses: CollapseClasses;
18
- export default collapseClasses;
1
+ export interface CollapseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element when the transition has entered. */
7
+ entered: string;
8
+ /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
9
+ hidden: string;
10
+ /** Styles applied to the outer wrapper element. */
11
+ wrapper: string;
12
+ /** Styles applied to the inner wrapper element. */
13
+ wrapperInner: string;
14
+ }
15
+ export declare type CollapseClassKey = keyof CollapseClasses;
16
+ export declare function getCollapseUtilityClass(slot: string): string;
17
+ declare const collapseClasses: CollapseClasses;
18
+ export default collapseClasses;
@@ -42,11 +42,11 @@ export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
42
42
  *
43
43
  * Demos:
44
44
  *
45
- * - [Container](https://mui.com/components/container/)
45
+ * - [Container](https://mui.com/material-ui/react-container/)
46
46
  *
47
47
  * API:
48
48
  *
49
- * - [Container API](https://mui.com/api/container/)
49
+ * - [Container API](https://mui.com/material-ui/api/container/)
50
50
  */
51
51
  declare const Container: OverridableComponent<ContainerTypeMap>;
52
52
 
@@ -1,22 +1,22 @@
1
- export interface ContainerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `disableGutters={true}`. */
5
- disableGutters: string;
6
- /** Styles applied to the root element if `fixed={true}`. */
7
- fixed: string;
8
- /** Styles applied to the root element if `maxWidth="xs"`. */
9
- maxWidthXs: string;
10
- /** Styles applied to the root element if `maxWidth="sm"`. */
11
- maxWidthSm: string;
12
- /** Styles applied to the root element if `maxWidth="md"`. */
13
- maxWidthMd: string;
14
- /** Styles applied to the root element if `maxWidth="lg"`. */
15
- maxWidthLg: string;
16
- /** Styles applied to the root element if `maxWidth="xl"`. */
17
- maxWidthXl: string;
18
- }
19
- export declare type ContainerClassKey = keyof ContainerClasses;
20
- export declare function getContainerUtilityClass(slot: string): string;
21
- declare const containerClasses: ContainerClasses;
22
- export default containerClasses;
1
+ export interface ContainerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `disableGutters={true}`. */
5
+ disableGutters: string;
6
+ /** Styles applied to the root element if `fixed={true}`. */
7
+ fixed: string;
8
+ /** Styles applied to the root element if `maxWidth="xs"`. */
9
+ maxWidthXs: string;
10
+ /** Styles applied to the root element if `maxWidth="sm"`. */
11
+ maxWidthSm: string;
12
+ /** Styles applied to the root element if `maxWidth="md"`. */
13
+ maxWidthMd: string;
14
+ /** Styles applied to the root element if `maxWidth="lg"`. */
15
+ maxWidthLg: string;
16
+ /** Styles applied to the root element if `maxWidth="xl"`. */
17
+ maxWidthXl: string;
18
+ }
19
+ export declare type ContainerClassKey = keyof ContainerClasses;
20
+ export declare function getContainerUtilityClass(slot: string): string;
21
+ declare const containerClasses: ContainerClasses;
22
+ export default containerClasses;
@@ -20,10 +20,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
20
20
  *
21
21
  * Demos:
22
22
  *
23
- * - [Css Baseline](https://mui.com/components/css-baseline/)
23
+ * - [Css Baseline](https://mui.com/material-ui/react-css-baseline/)
24
24
  *
25
25
  * API:
26
26
  *
27
- * - [CssBaseline API](https://mui.com/api/css-baseline/)
27
+ * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
28
28
  */
29
29
  export default function CssBaseline(props: CssBaselineProps): JSX.Element;
@@ -68,7 +68,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
68
68
  */
69
69
  PaperComponent?: React.JSXElementConstructor<PaperProps>;
70
70
  /**
71
- * Props applied to the [`Paper`](/api/paper/) element.
71
+ * Props applied to the [`Paper`](/material-ui/api/paper/) element.
72
72
  * @default {}
73
73
  */
74
74
  PaperProps?: Partial<PaperProps>;
@@ -83,7 +83,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
83
83
  sx?: SxProps<Theme>;
84
84
  /**
85
85
  * The component used for the transition.
86
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
86
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
87
87
  * @default Fade
88
88
  */
89
89
  TransitionComponent?: React.JSXElementConstructor<
@@ -110,11 +110,11 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
110
110
  *
111
111
  * Demos:
112
112
  *
113
- * - [Dialogs](https://mui.com/components/dialogs/)
113
+ * - [Dialogs](https://mui.com/material-ui/react-dialog/)
114
114
  *
115
115
  * API:
116
116
  *
117
- * - [Dialog API](https://mui.com/api/dialog/)
118
- * - inherits [Modal API](https://mui.com/api/modal/)
117
+ * - [Dialog API](https://mui.com/material-ui/api/dialog/)
118
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
119
119
  */
120
120
  export default function Dialog(props: DialogProps): JSX.Element;