@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,32 +1,32 @@
1
- export interface TabsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="vertical"`. */
5
- vertical: string;
6
- /** Styles applied to the flex container element. */
7
- flexContainer: string;
8
- /** Styles applied to the flex container element if `orientation="vertical"`. */
9
- flexContainerVertical: string;
10
- /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
11
- centered: string;
12
- /** Styles applied to the tablist element. */
13
- scroller: string;
14
- /** Styles applied to the tablist element if `!variant="scrollable"`. */
15
- fixed: string;
16
- /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
17
- scrollableX: string;
18
- /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
19
- scrollableY: string;
20
- /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
21
- hideScrollbar: string;
22
- /** Styles applied to the ScrollButtonComponent component. */
23
- scrollButtons: string;
24
- /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
25
- scrollButtonsHideMobile: string;
26
- /** Styles applied to the TabIndicator component. */
27
- indicator: string;
28
- }
29
- export declare type TabsClassKey = keyof TabsClasses;
30
- export declare function getTabsUtilityClass(slot: string): string;
31
- declare const tabsClasses: TabsClasses;
32
- export default tabsClasses;
1
+ export interface TabsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="vertical"`. */
5
+ vertical: string;
6
+ /** Styles applied to the flex container element. */
7
+ flexContainer: string;
8
+ /** Styles applied to the flex container element if `orientation="vertical"`. */
9
+ flexContainerVertical: string;
10
+ /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
11
+ centered: string;
12
+ /** Styles applied to the tablist element. */
13
+ scroller: string;
14
+ /** Styles applied to the tablist element if `!variant="scrollable"`. */
15
+ fixed: string;
16
+ /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
17
+ scrollableX: string;
18
+ /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
19
+ scrollableY: string;
20
+ /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
21
+ hideScrollbar: string;
22
+ /** Styles applied to the ScrollButtonComponent component. */
23
+ scrollButtons: string;
24
+ /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
25
+ scrollButtonsHideMobile: string;
26
+ /** Styles applied to the TabIndicator component. */
27
+ indicator: string;
28
+ }
29
+ export declare type TabsClassKey = keyof TabsClasses;
30
+ export declare function getTabsUtilityClass(slot: string): string;
31
+ declare const tabsClasses: TabsClasses;
32
+ export default tabsClasses;
@@ -42,7 +42,9 @@ export interface BaseTextFieldProps
42
42
  */
43
43
  classes?: Partial<TextFieldClasses>;
44
44
  /**
45
- * The color of the component. It supports those theme colors that make sense for this component.
45
+ * The color of the component.
46
+ * It supports both default and custom theme colors, which can be added as shown in the
47
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
46
48
  * @default 'primary'
47
49
  */
48
50
  color?: OverridableStringUnion<
@@ -64,7 +66,7 @@ export interface BaseTextFieldProps
64
66
  */
65
67
  error?: boolean;
66
68
  /**
67
- * Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
69
+ * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
68
70
  */
69
71
  FormHelperTextProps?: Partial<FormHelperTextProps>;
70
72
  /**
@@ -82,7 +84,7 @@ export interface BaseTextFieldProps
82
84
  */
83
85
  id?: string;
84
86
  /**
85
- * Props applied to the [`InputLabel`](/api/input-label/) element.
87
+ * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
86
88
  * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
87
89
  */
88
90
  InputLabelProps?: Partial<InputLabelProps>;
@@ -131,13 +133,13 @@ export interface BaseTextFieldProps
131
133
  */
132
134
  minRows?: string | number;
133
135
  /**
134
- * Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
136
+ * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
135
137
  * If this option is set you must pass the options of the select as children.
136
138
  * @default false
137
139
  */
138
140
  select?: boolean;
139
141
  /**
140
- * Props applied to the [`Select`](/api/select/) element.
142
+ * Props applied to the [`Select`](/material-ui/api/select/) element.
141
143
  */
142
144
  SelectProps?: Partial<SelectProps>;
143
145
  /**
@@ -173,8 +175,8 @@ export interface StandardTextFieldProps extends BaseTextFieldProps {
173
175
  variant?: 'standard';
174
176
  /**
175
177
  * Props applied to the Input element.
176
- * It will be a [`FilledInput`](/api/filled-input/),
177
- * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
178
+ * It will be a [`FilledInput`](/material-ui/api/filled-input/),
179
+ * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
178
180
  * component depending on the `variant` prop value.
179
181
  */
180
182
  InputProps?: Partial<StandardInputProps>;
@@ -195,8 +197,8 @@ export interface FilledTextFieldProps extends BaseTextFieldProps {
195
197
  variant: 'filled';
196
198
  /**
197
199
  * Props applied to the Input element.
198
- * It will be a [`FilledInput`](/api/filled-input/),
199
- * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
200
+ * It will be a [`FilledInput`](/material-ui/api/filled-input/),
201
+ * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
200
202
  * component depending on the `variant` prop value.
201
203
  */
202
204
  InputProps?: Partial<FilledInputProps>;
@@ -217,8 +219,8 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps {
217
219
  variant: 'outlined';
218
220
  /**
219
221
  * Props applied to the Input element.
220
- * It will be a [`FilledInput`](/api/filled-input/),
221
- * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
222
+ * It will be a [`FilledInput`](/material-ui/api/filled-input/),
223
+ * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
222
224
  * component depending on the `variant` prop value.
223
225
  */
224
226
  InputProps?: Partial<OutlinedInputProps>;
@@ -235,12 +237,12 @@ export type TextFieldProps = StandardTextFieldProps | FilledTextFieldProps | Out
235
237
  * It's important to understand that the text field is a simple abstraction
236
238
  * on top of the following components:
237
239
  *
238
- * * [FormControl](https://mui.com/api/form-control/)
239
- * * [InputLabel](https://mui.com/api/input-label/)
240
- * * [FilledInput](https://mui.com/api/filled-input/)
241
- * * [OutlinedInput](https://mui.com/api/outlined-input/)
242
- * * [Input](https://mui.com/api/input/)
243
- * * [FormHelperText](https://mui.com/api/form-helper-text/)
240
+ * * [FormControl](https://mui.com/material-ui/api/form-control/)
241
+ * * [InputLabel](https://mui.com/material-ui/api/input-label/)
242
+ * * [FilledInput](https://mui.com/material-ui/api/filled-input/)
243
+ * * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
244
+ * * [Input](https://mui.com/material-ui/api/input/)
245
+ * * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
244
246
  *
245
247
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
246
248
  *
@@ -260,13 +262,12 @@ export type TextFieldProps = StandardTextFieldProps | FilledTextFieldProps | Out
260
262
  *
261
263
  * Demos:
262
264
  *
263
- * - [Autocomplete](https://mui.com/components/autocomplete/)
264
- * - [Pickers](https://mui.com/components/pickers/)
265
- * - [Text Fields](https://mui.com/components/text-fields/)
265
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
266
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
266
267
  *
267
268
  * API:
268
269
  *
269
- * - [TextField API](https://mui.com/api/text-field/)
270
- * - inherits [FormControl API](https://mui.com/api/form-control/)
270
+ * - [TextField API](https://mui.com/material-ui/api/text-field/)
271
+ * - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
271
272
  */
272
273
  export default function TextField(props: TextFieldProps): JSX.Element;
@@ -48,12 +48,12 @@ const TextFieldRoot = styled(FormControl, {
48
48
  * It's important to understand that the text field is a simple abstraction
49
49
  * on top of the following components:
50
50
  *
51
- * - [FormControl](/api/form-control/)
52
- * - [InputLabel](/api/input-label/)
53
- * - [FilledInput](/api/filled-input/)
54
- * - [OutlinedInput](/api/outlined-input/)
55
- * - [Input](/api/input/)
56
- * - [FormHelperText](/api/form-helper-text/)
51
+ * - [FormControl](/material-ui/api/form-control/)
52
+ * - [InputLabel](/material-ui/api/input-label/)
53
+ * - [FilledInput](/material-ui/api/filled-input/)
54
+ * - [OutlinedInput](/material-ui/api/outlined-input/)
55
+ * - [Input](/material-ui/api/input/)
56
+ * - [FormHelperText](/material-ui/api/form-helper-text/)
57
57
  *
58
58
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
59
59
  *
@@ -248,7 +248,9 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
248
248
  className: PropTypes.string,
249
249
 
250
250
  /**
251
- * The color of the component. It supports those theme colors that make sense for this component.
251
+ * The color of the component.
252
+ * It supports both default and custom theme colors, which can be added as shown in the
253
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
252
254
  * @default 'primary'
253
255
  */
254
256
  color: PropTypes
@@ -273,7 +275,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
273
275
  error: PropTypes.bool,
274
276
 
275
277
  /**
276
- * Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
278
+ * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
277
279
  */
278
280
  FormHelperTextProps: PropTypes.object,
279
281
 
@@ -295,7 +297,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
295
297
  id: PropTypes.string,
296
298
 
297
299
  /**
298
- * Props applied to the [`InputLabel`](/api/input-label/) element.
300
+ * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
299
301
  * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
300
302
  */
301
303
  InputLabelProps: PropTypes.object,
@@ -307,8 +309,8 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
307
309
 
308
310
  /**
309
311
  * Props applied to the Input element.
310
- * It will be a [`FilledInput`](/api/filled-input/),
311
- * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
312
+ * It will be a [`FilledInput`](/material-ui/api/filled-input/),
313
+ * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
312
314
  * component depending on the `variant` prop value.
313
315
  */
314
316
  InputProps: PropTypes.object,
@@ -385,14 +387,14 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
385
387
  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
386
388
 
387
389
  /**
388
- * Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
390
+ * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
389
391
  * If this option is set you must pass the options of the select as children.
390
392
  * @default false
391
393
  */
392
394
  select: PropTypes.bool,
393
395
 
394
396
  /**
395
- * Props applied to the [`Select`](/api/select/) element.
397
+ * Props applied to the [`Select`](/material-ui/api/select/) element.
396
398
  */
397
399
  SelectProps: PropTypes.object,
398
400
 
@@ -1,8 +1,8 @@
1
- export interface TextFieldClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type TextFieldClassKey = keyof TextFieldClasses;
6
- export declare function getTextFieldUtilityClass(slot: string): string;
7
- declare const textFieldClasses: TextFieldClasses;
8
- export default textFieldClasses;
1
+ export interface TextFieldClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type TextFieldClassKey = keyof TextFieldClasses;
6
+ export declare function getTextFieldUtilityClass(slot: string): string;
7
+ declare const textFieldClasses: TextFieldClasses;
8
+ export default textFieldClasses;
@@ -25,6 +25,8 @@ export type ToggleButtonTypeMap<
25
25
  classes?: Partial<ToggleButtonClasses>;
26
26
  /**
27
27
  * The color of the button when it is in an active state.
28
+ * It supports both default and custom theme colors, which can be added as shown in the
29
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
28
30
  * @default 'standard'
29
31
  */
30
32
  color?: OverridableStringUnion<
@@ -87,12 +89,12 @@ export type ToggleButtonTypeMap<
87
89
  *
88
90
  * Demos:
89
91
  *
90
- * - [Toggle Button](https://mui.com/components/toggle-button/)
92
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
91
93
  *
92
94
  * API:
93
95
  *
94
- * - [ToggleButton API](https://mui.com/api/toggle-button/)
95
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
96
+ * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
97
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
96
98
  */
97
99
  declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
98
100
 
@@ -166,6 +166,8 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
166
166
 
167
167
  /**
168
168
  * The color of the button when it is in an active state.
169
+ * It supports both default and custom theme colors, which can be added as shown in the
170
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
169
171
  * @default 'standard'
170
172
  */
171
173
  color: PropTypes
@@ -1,24 +1,24 @@
1
- export interface ToggleButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if `selected={true}`. */
7
- selected: string;
8
- /** State class applied to the root element if `color="standard"`. */
9
- standard: string;
10
- /** State class applied to the root element if `color="primary"`. */
11
- primary: string;
12
- /** State class applied to the root element if `color="secondary"`. */
13
- secondary: string;
14
- /** Styles applied to the root element if `size="small"`. */
15
- sizeSmall: string;
16
- /** Styles applied to the root element if `size="medium"`. */
17
- sizeMedium: string;
18
- /** Styles applied to the root element if `size="large"`. */
19
- sizeLarge: string;
20
- }
21
- export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
22
- export declare function getToggleButtonUtilityClass(slot: string): string;
23
- declare const toggleButtonClasses: ToggleButtonClasses;
24
- export default toggleButtonClasses;
1
+ export interface ToggleButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `disabled={true}`. */
5
+ disabled: string;
6
+ /** State class applied to the root element if `selected={true}`. */
7
+ selected: string;
8
+ /** State class applied to the root element if `color="standard"`. */
9
+ standard: string;
10
+ /** State class applied to the root element if `color="primary"`. */
11
+ primary: string;
12
+ /** State class applied to the root element if `color="secondary"`. */
13
+ secondary: string;
14
+ /** Styles applied to the root element if `size="small"`. */
15
+ sizeSmall: string;
16
+ /** Styles applied to the root element if `size="medium"`. */
17
+ sizeMedium: string;
18
+ /** Styles applied to the root element if `size="large"`. */
19
+ sizeLarge: string;
20
+ }
21
+ export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
22
+ export declare function getToggleButtonUtilityClass(slot: string): string;
23
+ declare const toggleButtonClasses: ToggleButtonClasses;
24
+ export default toggleButtonClasses;
@@ -20,7 +20,9 @@ export interface ToggleButtonGroupProps
20
20
  */
21
21
  classes?: Partial<ToggleButtonGroupClasses>;
22
22
  /**
23
- * The color of a button when it is selected.
23
+ * The color of the button when it is selected.
24
+ * It supports both default and custom theme colors, which can be added as shown in the
25
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
24
26
  * @default 'standard'
25
27
  */
26
28
  color?: OverridableStringUnion<
@@ -78,10 +80,10 @@ export interface ToggleButtonGroupProps
78
80
  *
79
81
  * Demos:
80
82
  *
81
- * - [Toggle Button](https://mui.com/components/toggle-button/)
83
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
82
84
  *
83
85
  * API:
84
86
  *
85
- * - [ToggleButtonGroup API](https://mui.com/api/toggle-button-group/)
87
+ * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
86
88
  */
87
89
  export default function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element;
@@ -191,7 +191,9 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
191
191
  className: PropTypes.string,
192
192
 
193
193
  /**
194
- * The color of a button when it is selected.
194
+ * The color of the button when it is selected.
195
+ * It supports both default and custom theme colors, which can be added as shown in the
196
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
195
197
  * @default 'standard'
196
198
  */
197
199
  color: PropTypes
@@ -1,18 +1,18 @@
1
- export interface ToggleButtonGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="vertical"`. */
5
- vertical: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** Styles applied to the children. */
9
- grouped: string;
10
- /** Styles applied to the children if `orientation="horizontal"`. */
11
- groupedHorizontal: string;
12
- /** Styles applied to the children if `orientation="vertical"`. */
13
- groupedVertical: string;
14
- }
15
- export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
16
- export declare function getToggleButtonGroupUtilityClass(slot: string): string;
17
- declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
18
- export default toggleButtonGroupClasses;
1
+ export interface ToggleButtonGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="vertical"`. */
5
+ vertical: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** Styles applied to the children. */
9
+ grouped: string;
10
+ /** Styles applied to the children if `orientation="horizontal"`. */
11
+ groupedHorizontal: string;
12
+ /** Styles applied to the children if `orientation="vertical"`. */
13
+ groupedVertical: string;
14
+ }
15
+ export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
16
+ export declare function getToggleButtonGroupUtilityClass(slot: string): string;
17
+ declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
18
+ export default toggleButtonGroupClasses;
@@ -39,11 +39,11 @@ export interface ToolbarTypeMap<P = {}, D extends React.ElementType = 'div'> {
39
39
  *
40
40
  * Demos:
41
41
  *
42
- * - [App Bar](https://mui.com/components/app-bar/)
42
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
43
43
  *
44
44
  * API:
45
45
  *
46
- * - [Toolbar API](https://mui.com/api/toolbar/)
46
+ * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
47
47
  */
48
48
  declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
49
49
 
@@ -1,14 +1,14 @@
1
- export interface ToolbarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableGutters={true}`. */
5
- gutters: string;
6
- /** Styles applied to the root element if `variant="regular"`. */
7
- regular: string;
8
- /** Styles applied to the root element if `variant="dense"`. */
9
- dense: string;
10
- }
11
- export declare type ToolbarClassKey = keyof ToolbarClasses;
12
- export declare function getToolbarUtilityClass(slot: string): string;
13
- declare const toolbarClasses: ToolbarClasses;
14
- export default toolbarClasses;
1
+ export interface ToolbarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableGutters={true}`. */
5
+ gutters: string;
6
+ /** Styles applied to the root element if `variant="regular"`. */
7
+ regular: string;
8
+ /** Styles applied to the root element if `variant="dense"`. */
9
+ dense: string;
10
+ }
11
+ export declare type ToolbarClassKey = keyof ToolbarClasses;
12
+ export declare function getToolbarUtilityClass(slot: string): string;
13
+ declare const toolbarClasses: ToolbarClasses;
14
+ export default toolbarClasses;
@@ -151,7 +151,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
151
151
  */
152
152
  PopperComponent?: React.JSXElementConstructor<PopperProps>;
153
153
  /**
154
- * Props applied to the [`Popper`](/api/popper/) element.
154
+ * Props applied to the [`Popper`](/material-ui/api/popper/) element.
155
155
  * @default {}
156
156
  */
157
157
  PopperProps?: Partial<PopperProps>;
@@ -165,7 +165,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
165
165
  title: NonNullable<React.ReactNode>;
166
166
  /**
167
167
  * The component used for the transition.
168
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
168
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
169
169
  * @default Grow
170
170
  */
171
171
  TransitionComponent?: React.JSXElementConstructor<
@@ -182,10 +182,10 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
182
182
  *
183
183
  * Demos:
184
184
  *
185
- * - [Tooltips](https://mui.com/components/tooltips/)
185
+ * - [Tooltips](https://mui.com/material-ui/react-tooltip/)
186
186
  *
187
187
  * API:
188
188
  *
189
- * - [Tooltip API](https://mui.com/api/tooltip/)
189
+ * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
190
190
  */
191
191
  export default function Tooltip(props: TooltipProps): JSX.Element;
@@ -796,7 +796,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
796
796
  PopperComponent: PropTypes.elementType,
797
797
 
798
798
  /**
799
- * Props applied to the [`Popper`](/api/popper/) element.
799
+ * Props applied to the [`Popper`](/material-ui/api/popper/) element.
800
800
  * @default {}
801
801
  */
802
802
  PopperProps: PropTypes.object,
@@ -815,7 +815,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
815
815
 
816
816
  /**
817
817
  * The component used for the transition.
818
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
818
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
819
819
  * @default Grow
820
820
  */
821
821
  TransitionComponent: PropTypes.elementType,
@@ -1,30 +1,30 @@
1
- export interface TooltipClasses {
2
- /** Styles applied to the Popper component. */
3
- popper: string;
4
- /** Styles applied to the Popper component unless `disableInteractive={true}`. */
5
- popperInteractive: string;
6
- /** Styles applied to the Popper component if `arrow={true}`. */
7
- popperArrow: string;
8
- /** Styles applied to the Popper component unless the tooltip is open. */
9
- popperClose: string;
10
- /** Styles applied to the tooltip (label wrapper) element. */
11
- tooltip: string;
12
- /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
13
- tooltipArrow: string;
14
- /** Styles applied to the arrow element. */
15
- arrow: string;
16
- /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
17
- touch: string;
18
- /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
19
- tooltipPlacementLeft: string;
20
- /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
21
- tooltipPlacementRight: string;
22
- /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
23
- tooltipPlacementTop: string;
24
- /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
25
- tooltipPlacementBottom: string;
26
- }
27
- export declare type TooltipClassKey = keyof TooltipClasses;
28
- export declare function getTooltipUtilityClass(slot: string): string;
29
- declare const tooltipClasses: TooltipClasses;
30
- export default tooltipClasses;
1
+ export interface TooltipClasses {
2
+ /** Styles applied to the Popper component. */
3
+ popper: string;
4
+ /** Styles applied to the Popper component unless `disableInteractive={true}`. */
5
+ popperInteractive: string;
6
+ /** Styles applied to the Popper component if `arrow={true}`. */
7
+ popperArrow: string;
8
+ /** Styles applied to the Popper component unless the tooltip is open. */
9
+ popperClose: string;
10
+ /** Styles applied to the tooltip (label wrapper) element. */
11
+ tooltip: string;
12
+ /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
13
+ tooltipArrow: string;
14
+ /** Styles applied to the arrow element. */
15
+ arrow: string;
16
+ /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
17
+ touch: string;
18
+ /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
19
+ tooltipPlacementLeft: string;
20
+ /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
21
+ tooltipPlacementRight: string;
22
+ /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
23
+ tooltipPlacementTop: string;
24
+ /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
25
+ tooltipPlacementBottom: string;
26
+ }
27
+ export declare type TooltipClassKey = keyof TooltipClasses;
28
+ export declare function getTooltipUtilityClass(slot: string): string;
29
+ declare const tooltipClasses: TooltipClasses;
30
+ export default tooltipClasses;
@@ -81,12 +81,12 @@ export interface TypographyTypeMap<P = {}, D extends React.ElementType = 'span'>
81
81
  *
82
82
  * Demos:
83
83
  *
84
- * - [Breadcrumbs](https://mui.com/components/breadcrumbs/)
85
- * - [Typography](https://mui.com/components/typography/)
84
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
85
+ * - [Typography](https://mui.com/material-ui/react-typography/)
86
86
  *
87
87
  * API:
88
88
  *
89
- * - [Typography API](https://mui.com/api/typography/)
89
+ * - [Typography API](https://mui.com/material-ui/api/typography/)
90
90
  */
91
91
  declare const Typography: OverridableComponent<TypographyTypeMap>;
92
92