@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
package/Dialog/Dialog.js CHANGED
@@ -374,7 +374,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
374
374
  PaperComponent: PropTypes.elementType,
375
375
 
376
376
  /**
377
- * Props applied to the [`Paper`](/api/paper/) element.
377
+ * Props applied to the [`Paper`](/material-ui/api/paper/) element.
378
378
  * @default {}
379
379
  */
380
380
  PaperProps: PropTypes.object,
@@ -392,7 +392,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
392
392
 
393
393
  /**
394
394
  * The component used for the transition.
395
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
395
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
396
396
  * @default Fade
397
397
  */
398
398
  TransitionComponent: PropTypes.elementType,
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- interface DialogContextValue {
3
- titleId?: string;
4
- }
5
- declare const DialogContext: import("react").Context<DialogContextValue>;
6
- export default DialogContext;
1
+ /// <reference types="react" />
2
+ interface DialogContextValue {
3
+ titleId?: string;
4
+ }
5
+ declare const DialogContext: import("react").Context<DialogContextValue>;
6
+ export default DialogContext;
@@ -1,36 +1,36 @@
1
- export interface DialogClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the container element if `scroll="paper"`. */
5
- scrollPaper: string;
6
- /** Styles applied to the container element if `scroll="body"`. */
7
- scrollBody: string;
8
- /** Styles applied to the container element. */
9
- container: string;
10
- /** Styles applied to the Paper component. */
11
- paper: string;
12
- /** Styles applied to the Paper component if `scroll="paper"`. */
13
- paperScrollPaper: string;
14
- /** Styles applied to the Paper component if `scroll="body"`. */
15
- paperScrollBody: string;
16
- /** Styles applied to the Paper component if `maxWidth=false`. */
17
- paperWidthFalse: string;
18
- /** Styles applied to the Paper component if `maxWidth="xs"`. */
19
- paperWidthXs: string;
20
- /** Styles applied to the Paper component if `maxWidth="sm"`. */
21
- paperWidthSm: string;
22
- /** Styles applied to the Paper component if `maxWidth="md"`. */
23
- paperWidthMd: string;
24
- /** Styles applied to the Paper component if `maxWidth="lg"`. */
25
- paperWidthLg: string;
26
- /** Styles applied to the Paper component if `maxWidth="xl"`. */
27
- paperWidthXl: string;
28
- /** Styles applied to the Paper component if `fullWidth={true}`. */
29
- paperFullWidth: string;
30
- /** Styles applied to the Paper component if `fullScreen={true}`. */
31
- paperFullScreen: string;
32
- }
33
- export declare type DialogClassKey = keyof DialogClasses;
34
- export declare function getDialogUtilityClass(slot: string): string;
35
- declare const dialogClasses: DialogClasses;
36
- export default dialogClasses;
1
+ export interface DialogClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the container element if `scroll="paper"`. */
5
+ scrollPaper: string;
6
+ /** Styles applied to the container element if `scroll="body"`. */
7
+ scrollBody: string;
8
+ /** Styles applied to the container element. */
9
+ container: string;
10
+ /** Styles applied to the Paper component. */
11
+ paper: string;
12
+ /** Styles applied to the Paper component if `scroll="paper"`. */
13
+ paperScrollPaper: string;
14
+ /** Styles applied to the Paper component if `scroll="body"`. */
15
+ paperScrollBody: string;
16
+ /** Styles applied to the Paper component if `maxWidth=false`. */
17
+ paperWidthFalse: string;
18
+ /** Styles applied to the Paper component if `maxWidth="xs"`. */
19
+ paperWidthXs: string;
20
+ /** Styles applied to the Paper component if `maxWidth="sm"`. */
21
+ paperWidthSm: string;
22
+ /** Styles applied to the Paper component if `maxWidth="md"`. */
23
+ paperWidthMd: string;
24
+ /** Styles applied to the Paper component if `maxWidth="lg"`. */
25
+ paperWidthLg: string;
26
+ /** Styles applied to the Paper component if `maxWidth="xl"`. */
27
+ paperWidthXl: string;
28
+ /** Styles applied to the Paper component if `fullWidth={true}`. */
29
+ paperFullWidth: string;
30
+ /** Styles applied to the Paper component if `fullScreen={true}`. */
31
+ paperFullScreen: string;
32
+ }
33
+ export declare type DialogClassKey = keyof DialogClasses;
34
+ export declare function getDialogUtilityClass(slot: string): string;
35
+ declare const dialogClasses: DialogClasses;
36
+ export default dialogClasses;
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialogs](https://mui.com/components/dialogs/)
30
+ * - [Dialogs](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogActions API](https://mui.com/api/dialog-actions/)
34
+ * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
35
35
  */
36
36
  export default function DialogActions(props: DialogActionsProps): JSX.Element;
@@ -1,10 +1,10 @@
1
- export interface DialogActionsClasses {
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 DialogActionsClassKey = keyof DialogActionsClasses;
8
- export declare function getDialogActionsUtilityClass(slot: string): string;
9
- declare const dialogActionsClasses: DialogActionsClasses;
10
- export default dialogActionsClasses;
1
+ export interface DialogActionsClasses {
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 DialogActionsClassKey = keyof DialogActionsClasses;
8
+ export declare function getDialogActionsUtilityClass(slot: string): string;
9
+ declare const dialogActionsClasses: DialogActionsClasses;
10
+ export default dialogActionsClasses;
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialogs](https://mui.com/components/dialogs/)
30
+ * - [Dialogs](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogContent API](https://mui.com/api/dialog-content/)
34
+ * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
35
35
  */
36
36
  export default function DialogContent(props: DialogContentProps): JSX.Element;
@@ -1,10 +1,10 @@
1
- export interface DialogContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `dividers={true}`. */
5
- dividers: string;
6
- }
7
- export declare type DialogContentClassKey = keyof DialogContentClasses;
8
- export declare function getDialogContentUtilityClass(slot: string): string;
9
- declare const dialogContentClasses: DialogContentClasses;
10
- export default dialogContentClasses;
1
+ export interface DialogContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `dividers={true}`. */
5
+ dividers: string;
6
+ }
7
+ export declare type DialogContentClassKey = keyof DialogContentClasses;
8
+ export declare function getDialogContentUtilityClass(slot: string): string;
9
+ declare const dialogContentClasses: DialogContentClasses;
10
+ export default dialogContentClasses;
@@ -26,12 +26,12 @@ export interface DialogContentTextTypeMap<
26
26
  *
27
27
  * Demos:
28
28
  *
29
- * - [Dialogs](https://mui.com/components/dialogs/)
29
+ * - [Dialogs](https://mui.com/material-ui/react-dialog/)
30
30
  *
31
31
  * API:
32
32
  *
33
- * - [DialogContentText API](https://mui.com/api/dialog-content-text/)
34
- * - inherits [Typography API](https://mui.com/api/typography/)
33
+ * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
34
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
35
35
  */
36
36
  declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
37
37
 
@@ -1,8 +1,8 @@
1
- export interface DialogContentTextClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
6
- export declare function getDialogContentTextUtilityClass(slot: string): string;
7
- declare const dialogContentTextClasses: DialogContentTextClasses;
8
- export default dialogContentTextClasses;
1
+ export interface DialogContentTextClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
6
+ export declare function getDialogContentTextUtilityClass(slot: string): string;
7
+ declare const dialogContentTextClasses: DialogContentTextClasses;
8
+ export default dialogContentTextClasses;
@@ -22,10 +22,10 @@ export interface DialogTitleProps extends StandardProps<React.HTMLAttributes<HTM
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Dialogs](https://mui.com/components/dialogs/)
25
+ * - [Dialogs](https://mui.com/material-ui/react-dialog/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [DialogTitle API](https://mui.com/api/dialog-title/)
29
+ * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
30
30
  */
31
31
  export default function DialogTitle(props: DialogTitleProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- export interface DialogTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type DialogTitleClassKey = keyof DialogTitleClasses;
6
- export declare function getDialogTitleUtilityClass(slot: string): string;
7
- declare const dialogTitleClasses: DialogTitleClasses;
8
- export default dialogTitleClasses;
1
+ export interface DialogTitleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type DialogTitleClassKey = keyof DialogTitleClasses;
6
+ export declare function getDialogTitleUtilityClass(slot: string): string;
7
+ declare const dialogTitleClasses: DialogTitleClasses;
8
+ export default dialogTitleClasses;
@@ -63,12 +63,12 @@ export interface DividerTypeMap<P = {}, D extends React.ElementType = 'hr'> {
63
63
  *
64
64
  * Demos:
65
65
  *
66
- * - [Dividers](https://mui.com/components/dividers/)
67
- * - [Lists](https://mui.com/components/lists/)
66
+ * - [Dividers](https://mui.com/material-ui/react-divider/)
67
+ * - [Lists](https://mui.com/material-ui/react-list/)
68
68
  *
69
69
  * API:
70
70
  *
71
- * - [Divider API](https://mui.com/api/divider/)
71
+ * - [Divider API](https://mui.com/material-ui/api/divider/)
72
72
  */
73
73
  declare const Divider: OverridableComponent<DividerTypeMap>;
74
74
 
@@ -1,34 +1,34 @@
1
- export interface DividerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `absolute={true}`. */
5
- absolute: string;
6
- /** Styles applied to the root element if `variant="inset"`. */
7
- inset: string;
8
- /** Styles applied to the root element if `variant="fullWidth"`. */
9
- fullWidth: string;
10
- /** Styles applied to the root element if `light={true}`. */
11
- light: string;
12
- /** Styles applied to the root element if `variant="middle"`. */
13
- middle: string;
14
- /** Styles applied to the root element if `orientation="vertical"`. */
15
- vertical: string;
16
- /** Styles applied to the root element if `flexItem={true}`. */
17
- flexItem: string;
18
- /** Styles applied to the root element if divider have text. */
19
- withChildren: string;
20
- /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
- withChildrenVertical: string;
22
- /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
- textAlignRight: string;
24
- /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
- textAlignLeft: string;
26
- /** Styles applied to the span children element if `orientation="horizontal"`. */
27
- wrapper: string;
28
- /** Styles applied to the span children element if `orientation="vertical"`. */
29
- wrapperVertical: string;
30
- }
31
- export declare type DividerClassKey = keyof DividerClasses;
32
- export declare function getDividerUtilityClass(slot: string): string;
33
- declare const dividerClasses: DividerClasses;
34
- export default dividerClasses;
1
+ export interface DividerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `absolute={true}`. */
5
+ absolute: string;
6
+ /** Styles applied to the root element if `variant="inset"`. */
7
+ inset: string;
8
+ /** Styles applied to the root element if `variant="fullWidth"`. */
9
+ fullWidth: string;
10
+ /** Styles applied to the root element if `light={true}`. */
11
+ light: string;
12
+ /** Styles applied to the root element if `variant="middle"`. */
13
+ middle: string;
14
+ /** Styles applied to the root element if `orientation="vertical"`. */
15
+ vertical: string;
16
+ /** Styles applied to the root element if `flexItem={true}`. */
17
+ flexItem: string;
18
+ /** Styles applied to the root element if divider have text. */
19
+ withChildren: string;
20
+ /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
+ withChildrenVertical: string;
22
+ /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
+ textAlignRight: string;
24
+ /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
+ textAlignLeft: string;
26
+ /** Styles applied to the span children element if `orientation="horizontal"`. */
27
+ wrapper: string;
28
+ /** Styles applied to the span children element if `orientation="vertical"`. */
29
+ wrapperVertical: string;
30
+ }
31
+ export declare type DividerClassKey = keyof DividerClasses;
32
+ export declare function getDividerUtilityClass(slot: string): string;
33
+ declare const dividerClasses: DividerClasses;
34
+ export default dividerClasses;
@@ -27,7 +27,7 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
27
27
  */
28
28
  elevation?: number;
29
29
  /**
30
- * Props applied to the [`Modal`](/api/modal/) element.
30
+ * Props applied to the [`Modal`](/material-ui/api/modal/) element.
31
31
  * @default {}
32
32
  */
33
33
  ModalProps?: Partial<ModalProps>;
@@ -43,12 +43,12 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
43
43
  */
44
44
  open?: boolean;
45
45
  /**
46
- * Props applied to the [`Paper`](/api/paper/) element.
46
+ * Props applied to the [`Paper`](/material-ui/api/paper/) element.
47
47
  * @default {}
48
48
  */
49
49
  PaperProps?: Partial<PaperProps>;
50
50
  /**
51
- * Props applied to the [`Slide`](/api/slide/) element.
51
+ * Props applied to the [`Slide`](/material-ui/api/slide/) element.
52
52
  */
53
53
  SlideProps?: Partial<SlideProps>;
54
54
  /**
@@ -72,15 +72,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
72
72
  }
73
73
 
74
74
  /**
75
- * The props of the [Modal](https://mui.com/api/modal/) component are available
75
+ * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
76
76
  * when `variant="temporary"` is set.
77
77
  *
78
78
  * Demos:
79
79
  *
80
- * - [Drawers](https://mui.com/components/drawers/)
80
+ * - [Drawers](https://mui.com/material-ui/react-drawer/)
81
81
  *
82
82
  * API:
83
83
  *
84
- * - [Drawer API](https://mui.com/api/drawer/)
84
+ * - [Drawer API](https://mui.com/material-ui/api/drawer/)
85
85
  */
86
86
  export default function Drawer(props: DrawerProps): JSX.Element;
package/Drawer/Drawer.js CHANGED
@@ -124,7 +124,7 @@ export function getAnchor(theme, anchor) {
124
124
  return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
125
125
  }
126
126
  /**
127
- * The props of the [Modal](/api/modal/) component are available
127
+ * The props of the [Modal](/material-ui/api/modal/) component are available
128
128
  * when `variant="temporary"` is set.
129
129
  */
130
130
 
@@ -280,7 +280,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
280
280
  hideBackdrop: PropTypes.bool,
281
281
 
282
282
  /**
283
- * Props applied to the [`Modal`](/api/modal/) element.
283
+ * Props applied to the [`Modal`](/material-ui/api/modal/) element.
284
284
  * @default {}
285
285
  */
286
286
  ModalProps: PropTypes.object,
@@ -299,13 +299,13 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
299
299
  open: PropTypes.bool,
300
300
 
301
301
  /**
302
- * Props applied to the [`Paper`](/api/paper/) element.
302
+ * Props applied to the [`Paper`](/material-ui/api/paper/) element.
303
303
  * @default {}
304
304
  */
305
305
  PaperProps: PropTypes.object,
306
306
 
307
307
  /**
308
- * Props applied to the [`Slide`](/api/slide/) element.
308
+ * Props applied to the [`Slide`](/material-ui/api/slide/) element.
309
309
  */
310
310
  SlideProps: PropTypes.object,
311
311
 
@@ -1,30 +1,30 @@
1
- export interface DrawerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="permanent or persistent"`. */
5
- docked: string;
6
- /** Styles applied to the Paper component. */
7
- paper: string;
8
- /** Styles applied to the Paper component if `anchor="left"`. */
9
- paperAnchorLeft: string;
10
- /** Styles applied to the Paper component if `anchor="right"`. */
11
- paperAnchorRight: string;
12
- /** Styles applied to the Paper component if `anchor="top"`. */
13
- paperAnchorTop: string;
14
- /** Styles applied to the Paper component if `anchor="bottom"`. */
15
- paperAnchorBottom: string;
16
- /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
17
- paperAnchorDockedLeft: string;
18
- /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
19
- paperAnchorDockedTop: string;
20
- /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
21
- paperAnchorDockedRight: string;
22
- /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
23
- paperAnchorDockedBottom: string;
24
- /** Styles applied to the Modal component. */
25
- modal: string;
26
- }
27
- export declare type DrawerClassKey = keyof DrawerClasses;
28
- export declare function getDrawerUtilityClass(slot: string): string;
29
- declare const drawerClasses: DrawerClasses;
30
- export default drawerClasses;
1
+ export interface DrawerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="permanent or persistent"`. */
5
+ docked: string;
6
+ /** Styles applied to the Paper component. */
7
+ paper: string;
8
+ /** Styles applied to the Paper component if `anchor="left"`. */
9
+ paperAnchorLeft: string;
10
+ /** Styles applied to the Paper component if `anchor="right"`. */
11
+ paperAnchorRight: string;
12
+ /** Styles applied to the Paper component if `anchor="top"`. */
13
+ paperAnchorTop: string;
14
+ /** Styles applied to the Paper component if `anchor="bottom"`. */
15
+ paperAnchorBottom: string;
16
+ /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
17
+ paperAnchorDockedLeft: string;
18
+ /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
19
+ paperAnchorDockedTop: string;
20
+ /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
21
+ paperAnchorDockedRight: string;
22
+ /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
23
+ paperAnchorDockedBottom: string;
24
+ /** Styles applied to the Modal component. */
25
+ modal: string;
26
+ }
27
+ export declare type DrawerClassKey = keyof DrawerClasses;
28
+ export declare function getDrawerUtilityClass(slot: string): string;
29
+ declare const drawerClasses: DrawerClasses;
30
+ export default drawerClasses;
package/Fab/Fab.d.ts CHANGED
@@ -22,7 +22,9 @@ export type FabTypeMap<P = {}, D extends React.ElementType = 'button'> = ExtendB
22
22
  */
23
23
  classes?: Partial<FabClasses>;
24
24
  /**
25
- * The color of the component. It supports those theme colors that make sense for this component.
25
+ * The color of the component.
26
+ * It supports both default and custom theme colors, which can be added as shown in the
27
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
26
28
  * @default 'default'
27
29
  */
28
30
  color?: OverridableStringUnion<
@@ -71,12 +73,12 @@ export type FabTypeMap<P = {}, D extends React.ElementType = 'button'> = ExtendB
71
73
  *
72
74
  * Demos:
73
75
  *
74
- * - [Floating Action Button](https://mui.com/components/floating-action-button/)
76
+ * - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
75
77
  *
76
78
  * API:
77
79
  *
78
- * - [Fab API](https://mui.com/api/fab/)
79
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
80
+ * - [Fab API](https://mui.com/material-ui/api/fab/)
81
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
80
82
  */
81
83
  declare const Fab: ExtendButtonBase<FabTypeMap>;
82
84
 
package/Fab/Fab.js CHANGED
@@ -176,7 +176,9 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
176
176
  className: PropTypes.string,
177
177
 
178
178
  /**
179
- * The color of the component. It supports those theme colors that make sense for this component.
179
+ * The color of the component.
180
+ * It supports both default and custom theme colors, which can be added as shown in the
181
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
180
182
  * @default 'default'
181
183
  */
182
184
  color: PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
@@ -1,26 +1,26 @@
1
- export interface FabClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `color="primary"`. */
5
- primary: string;
6
- /** Styles applied to the root element if `color="secondary"`. */
7
- secondary: string;
8
- /** Styles applied to the root element if `variant="extended"`. */
9
- extended: string;
10
- /** Styles applied to the root element if `variant="circular"`. */
11
- circular: string;
12
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
13
- focusVisible: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the root element if `color="inherit"`. */
17
- colorInherit: string;
18
- /** Styles applied to the root element if `size="small"``. */
19
- sizeSmall: string;
20
- /** Styles applied to the root element if `size="medium"``. */
21
- sizeMedium: string;
22
- }
23
- export declare type FabClassKey = keyof FabClasses;
24
- export declare function getFabUtilityClass(slot: string): string;
25
- declare const fabClasses: FabClasses;
26
- export default fabClasses;
1
+ export interface FabClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `color="primary"`. */
5
+ primary: string;
6
+ /** Styles applied to the root element if `color="secondary"`. */
7
+ secondary: string;
8
+ /** Styles applied to the root element if `variant="extended"`. */
9
+ extended: string;
10
+ /** Styles applied to the root element if `variant="circular"`. */
11
+ circular: string;
12
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
13
+ focusVisible: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `color="inherit"`. */
17
+ colorInherit: string;
18
+ /** Styles applied to the root element if `size="small"``. */
19
+ sizeSmall: string;
20
+ /** Styles applied to the root element if `size="medium"``. */
21
+ sizeMedium: string;
22
+ }
23
+ export declare type FabClassKey = keyof FabClasses;
24
+ export declare function getFabUtilityClass(slot: string): string;
25
+ declare const fabClasses: FabClasses;
26
+ export default fabClasses;
package/Fade/Fade.d.ts CHANGED
@@ -34,16 +34,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
34
34
  }
35
35
 
36
36
  /**
37
- * The Fade transition is used by the [Modal](https://mui.com/components/modal/) component.
37
+ * The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
38
38
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
39
39
  *
40
40
  * Demos:
41
41
  *
42
- * - [Transitions](https://mui.com/components/transitions/)
42
+ * - [Transitions](https://mui.com/material-ui/transitions/)
43
43
  *
44
44
  * API:
45
45
  *
46
- * - [Fade API](https://mui.com/api/fade/)
46
+ * - [Fade API](https://mui.com/material-ui/api/fade/)
47
47
  * - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
48
48
  */
49
49
  export default function Fade(props: FadeProps): JSX.Element;
package/Fade/Fade.js CHANGED
@@ -18,7 +18,7 @@ const styles = {
18
18
  }
19
19
  };
20
20
  /**
21
- * The Fade transition is used by the [Modal](/components/modal/) component.
21
+ * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
22
22
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
23
23
  */
24
24
 
@@ -29,12 +29,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
29
29
  *
30
30
  * Demos:
31
31
  *
32
- * - [Text Fields](https://mui.com/components/text-fields/)
32
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
33
33
  *
34
34
  * API:
35
35
  *
36
- * - [FilledInput API](https://mui.com/api/filled-input/)
37
- * - inherits [InputBase API](https://mui.com/api/input-base/)
36
+ * - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
37
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
38
38
  */
39
39
  declare const FilledInput: ((props: FilledInputProps) => JSX.Element) & { muiName: string };
40
40
 
@@ -236,7 +236,9 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
236
236
  classes: PropTypes.object,
237
237
 
238
238
  /**
239
- * The color of the component. It supports those theme colors that make sense for this component.
239
+ * The color of the component.
240
+ * It supports both default and custom theme colors, which can be added as shown in the
241
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
240
242
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
241
243
  */
242
244
  color: PropTypes
@@ -344,7 +346,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
344
346
  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
345
347
 
346
348
  /**
347
- * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
349
+ * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
348
350
  * @default false
349
351
  */
350
352
  multiline: PropTypes.bool,