@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/Grow/Grow.js CHANGED
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import { elementAcceptingRef } from '@mui/utils';
7
7
  import { Transition } from 'react-transition-group';
8
8
  import useTheme from '../styles/useTheme';
9
- import { reflow, getTransitionProps } from '../transitions/utils';
9
+ import { getTransitionProps, reflow } from '../transitions/utils';
10
10
  import useForkRef from '../utils/useForkRef';
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
 
@@ -25,8 +25,14 @@ const styles = {
25
25
  }
26
26
  };
27
27
  /**
28
- * The Grow transition is used by the [Tooltip](/components/tooltips/) and
29
- * [Popover](/components/popover/) components.
28
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
29
+ * Remove this workaround once the WebKit bug fix is released.
30
+ */
31
+
32
+ const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
33
+ /**
34
+ * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
35
+ * [Popover](/material-ui/react-popover/) components.
30
36
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
31
37
  */
32
38
 
@@ -97,7 +103,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
97
103
  duration,
98
104
  delay
99
105
  }), theme.transitions.create('transform', {
100
- duration: duration * 0.666,
106
+ duration: isWebKit154 ? duration : duration * 0.666,
101
107
  delay,
102
108
  easing: transitionTimingFunction
103
109
  })].join(',');
@@ -133,11 +139,11 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
133
139
  duration,
134
140
  delay
135
141
  }), theme.transitions.create('transform', {
136
- duration: duration * 0.666,
137
- delay: delay || duration * 0.333,
142
+ duration: isWebKit154 ? duration : duration * 0.666,
143
+ delay: isWebKit154 ? delay : delay || duration * 0.333,
138
144
  easing: transitionTimingFunction
139
145
  })].join(',');
140
- node.style.opacity = '0';
146
+ node.style.opacity = 0;
141
147
  node.style.transform = getScale(0.75);
142
148
 
143
149
  if (onExit) {
@@ -85,11 +85,11 @@ export interface HiddenProps {
85
85
  *
86
86
  * Demos:
87
87
  *
88
- * - [Hidden](https://mui.com/components/hidden/)
88
+ * - [Hidden](https://mui.com/material-ui/react-hidden/)
89
89
  *
90
90
  * API:
91
91
  *
92
- * - [Hidden API](https://mui.com/api/hidden/)
92
+ * - [Hidden API](https://mui.com/material-ui/api/hidden/)
93
93
  */
94
94
  declare const Hidden: React.JSXElementConstructor<HiddenProps>;
95
95
 
package/Icon/Icon.d.ts CHANGED
@@ -26,7 +26,9 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
26
26
  */
27
27
  classes?: Partial<IconClasses>;
28
28
  /**
29
- * The color of the component. It supports those theme colors that make sense for this component.
29
+ * The color of the component.
30
+ * It supports both default and custom theme colors, which can be added as shown in the
31
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
30
32
  * @default 'inherit'
31
33
  */
32
34
  color?: OverridableStringUnion<
@@ -60,12 +62,12 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
60
62
  *
61
63
  * Demos:
62
64
  *
63
- * - [Icons](https://mui.com/components/icons/)
64
- * - [Material Icons](https://mui.com/components/material-icons/)
65
+ * - [Icons](https://mui.com/material-ui/icons/)
66
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
65
67
  *
66
68
  * API:
67
69
  *
68
- * - [Icon API](https://mui.com/api/icon/)
70
+ * - [Icon API](https://mui.com/material-ui/api/icon/)
69
71
  */
70
72
  declare const Icon: OverridableComponent<IconTypeMap> & { muiName: string };
71
73
 
package/Icon/Icon.js CHANGED
@@ -130,7 +130,9 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
130
130
  className: PropTypes.string,
131
131
 
132
132
  /**
133
- * The color of the component. It supports those theme colors that make sense for this component.
133
+ * The color of the component.
134
+ * It supports both default and custom theme colors, which can be added as shown in the
135
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
134
136
  * @default 'inherit'
135
137
  */
136
138
  color: PropTypes
@@ -1,24 +1,24 @@
1
- export interface IconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `color="primary"`. */
5
- colorPrimary: string;
6
- /** Styles applied to the root element if `color="secondary"`. */
7
- colorSecondary: string;
8
- /** Styles applied to the root element if `color="action"`. */
9
- colorAction: string;
10
- /** Styles applied to the root element if `color="error"`. */
11
- colorError: string;
12
- /** Styles applied to the root element if `color="disabled"`. */
13
- colorDisabled: string;
14
- /** Styles applied to the root element if `fontSize="inherit"`. */
15
- fontSizeInherit: string;
16
- /** Styles applied to the root element if `fontSize="small"`. */
17
- fontSizeSmall: string;
18
- /** Styles applied to the root element if `fontSize="large"`. */
19
- fontSizeLarge: string;
20
- }
21
- export declare type IconClassKey = keyof IconClasses;
22
- export declare function getIconUtilityClass(slot: string): string;
23
- declare const iconClasses: IconClasses;
24
- export default iconClasses;
1
+ export interface IconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `color="primary"`. */
5
+ colorPrimary: string;
6
+ /** Styles applied to the root element if `color="secondary"`. */
7
+ colorSecondary: string;
8
+ /** Styles applied to the root element if `color="action"`. */
9
+ colorAction: string;
10
+ /** Styles applied to the root element if `color="error"`. */
11
+ colorError: string;
12
+ /** Styles applied to the root element if `color="disabled"`. */
13
+ colorDisabled: string;
14
+ /** Styles applied to the root element if `fontSize="inherit"`. */
15
+ fontSizeInherit: string;
16
+ /** Styles applied to the root element if `fontSize="small"`. */
17
+ fontSizeSmall: string;
18
+ /** Styles applied to the root element if `fontSize="large"`. */
19
+ fontSizeLarge: string;
20
+ }
21
+ export declare type IconClassKey = keyof IconClasses;
22
+ export declare function getIconUtilityClass(slot: string): string;
23
+ declare const iconClasses: IconClasses;
24
+ export default iconClasses;
@@ -24,7 +24,9 @@ export type IconButtonTypeMap<
24
24
  */
25
25
  classes?: Partial<IconButtonClasses>;
26
26
  /**
27
- * The color of the component. It supports those theme colors that make sense for this component.
27
+ * The color of the component.
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 'default'
29
31
  */
30
32
  color?: OverridableStringUnion<
@@ -64,17 +66,17 @@ export type IconButtonTypeMap<
64
66
  }>;
65
67
 
66
68
  /**
67
- * Refer to the [Icons](https://mui.com/components/icons/) section of the documentation
69
+ * Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
68
70
  * regarding the available icon options.
69
71
  *
70
72
  * Demos:
71
73
  *
72
- * - [Buttons](https://mui.com/components/buttons/)
74
+ * - [Buttons](https://mui.com/material-ui/react-button/)
73
75
  *
74
76
  * API:
75
77
  *
76
- * - [IconButton API](https://mui.com/api/icon-button/)
77
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
78
+ * - [IconButton API](https://mui.com/material-ui/api/icon-button/)
79
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
78
80
  */
79
81
  declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
80
82
 
@@ -92,7 +92,7 @@ const IconButtonRoot = styled(ButtonBase, {
92
92
  }
93
93
  }));
94
94
  /**
95
- * Refer to the [Icons](/components/icons/) section of the documentation
95
+ * Refer to the [Icons](/material-ui/icons/) section of the documentation
96
96
  * regarding the available icon options.
97
97
  */
98
98
 
@@ -165,7 +165,9 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
165
165
  className: PropTypes.string,
166
166
 
167
167
  /**
168
- * The color of the component. It supports those theme colors that make sense for this component.
168
+ * The color of the component.
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 'default'
170
172
  */
171
173
  color: PropTypes
@@ -1,26 +1,26 @@
1
- export interface IconButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `edge="start"`. */
5
- edgeStart: string;
6
- /** Styles applied to the root element if `edge="end"`. */
7
- edgeEnd: string;
8
- /** Styles applied to the root element if `color="inherit"`. */
9
- colorInherit: string;
10
- /** Styles applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the root element if `size="small"`. */
17
- sizeSmall: string;
18
- /** Styles applied to the root element if `size="medium"`. */
19
- sizeMedium: string;
20
- /** Styles applied to the root element if `size="large"`. */
21
- sizeLarge: string;
22
- }
23
- export declare type IconButtonClassKey = keyof IconButtonClasses;
24
- export declare function getIconButtonUtilityClass(slot: string): string;
25
- declare const iconButtonClasses: IconButtonClasses;
26
- export default iconButtonClasses;
1
+ export interface IconButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `edge="start"`. */
5
+ edgeStart: string;
6
+ /** Styles applied to the root element if `edge="end"`. */
7
+ edgeEnd: string;
8
+ /** Styles applied to the root element if `color="inherit"`. */
9
+ colorInherit: string;
10
+ /** Styles applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `size="small"`. */
17
+ sizeSmall: string;
18
+ /** Styles applied to the root element if `size="medium"`. */
19
+ sizeMedium: string;
20
+ /** Styles applied to the root element if `size="large"`. */
21
+ sizeLarge: string;
22
+ }
23
+ export declare type IconButtonClassKey = keyof IconButtonClasses;
24
+ export declare function getIconButtonUtilityClass(slot: string): string;
25
+ declare const iconButtonClasses: IconButtonClasses;
26
+ export default iconButtonClasses;
@@ -51,11 +51,11 @@ export interface ImageListTypeMap<P = {}, D extends React.ElementType = 'ul'> {
51
51
  *
52
52
  * Demos:
53
53
  *
54
- * - [Image List](https://mui.com/components/image-list/)
54
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
55
55
  *
56
56
  * API:
57
57
  *
58
- * - [ImageList API](https://mui.com/api/image-list/)
58
+ * - [ImageList API](https://mui.com/material-ui/api/image-list/)
59
59
  */
60
60
  declare const ImageList: OverridableComponent<ImageListTypeMap>;
61
61
 
@@ -1,16 +1,16 @@
1
- export interface ImageListClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="masonry"`. */
5
- masonry: string;
6
- /** Styles applied to the root element if `variant="quilted"`. */
7
- quilted: string;
8
- /** Styles applied to the root element if `variant="standard"`. */
9
- standard: string;
10
- /** Styles applied to the root element if `variant="woven"`. */
11
- woven: string;
12
- }
13
- export declare type ImageListClassKey = keyof ImageListClasses;
14
- export declare function getImageListUtilityClass(slot: string): string;
15
- declare const imageListClasses: ImageListClasses;
16
- export default imageListClasses;
1
+ export interface ImageListClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="masonry"`. */
5
+ masonry: string;
6
+ /** Styles applied to the root element if `variant="quilted"`. */
7
+ quilted: string;
8
+ /** Styles applied to the root element if `variant="standard"`. */
9
+ standard: string;
10
+ /** Styles applied to the root element if `variant="woven"`. */
11
+ woven: string;
12
+ }
13
+ export declare type ImageListClassKey = keyof ImageListClasses;
14
+ export declare function getImageListUtilityClass(slot: string): string;
15
+ declare const imageListClasses: ImageListClasses;
16
+ export default imageListClasses;
@@ -35,11 +35,11 @@ export interface ImageListItemTypeMap<P = {}, D extends React.ElementType = 'li'
35
35
  *
36
36
  * Demos:
37
37
  *
38
- * - [Image List](https://mui.com/components/image-list/)
38
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
39
39
  *
40
40
  * API:
41
41
  *
42
- * - [ImageListItem API](https://mui.com/api/image-list-item/)
42
+ * - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
43
43
  */
44
44
  declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
45
45
 
@@ -1,18 +1,18 @@
1
- export interface ImageListItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to an `img` element to ensure it covers the item. */
5
- img: string;
6
- /** Styles applied to the root element if `variant="standard"`. */
7
- standard: string;
8
- /** Styles applied to the root element if `variant="woven"`. */
9
- woven: string;
10
- /** Styles applied to the root element if `variant="masonry"`. */
11
- masonry: string;
12
- /** Styles applied to the root element if `variant="quilted"`. */
13
- quilted: string;
14
- }
15
- export declare type ImageListItemClassKey = keyof ImageListItemClasses;
16
- export declare function getImageListItemUtilityClass(slot: string): string;
17
- declare const imageListItemClasses: ImageListItemClasses;
18
- export default imageListItemClasses;
1
+ export interface ImageListItemClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to an `img` element to ensure it covers the item. */
5
+ img: string;
6
+ /** Styles applied to the root element if `variant="standard"`. */
7
+ standard: string;
8
+ /** Styles applied to the root element if `variant="woven"`. */
9
+ woven: string;
10
+ /** Styles applied to the root element if `variant="masonry"`. */
11
+ masonry: string;
12
+ /** Styles applied to the root element if `variant="quilted"`. */
13
+ quilted: string;
14
+ }
15
+ export declare type ImageListItemClassKey = keyof ImageListItemClasses;
16
+ export declare function getImageListItemUtilityClass(slot: string): string;
17
+ declare const imageListItemClasses: ImageListItemClasses;
18
+ export default imageListItemClasses;
@@ -42,10 +42,10 @@ export interface ImageListItemBarProps
42
42
  *
43
43
  * Demos:
44
44
  *
45
- * - [Image List](https://mui.com/components/image-list/)
45
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
46
46
  *
47
47
  * API:
48
48
  *
49
- * - [ImageListItemBar API](https://mui.com/api/image-list-item-bar/)
49
+ * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
50
50
  */
51
51
  export default function ImageListItemBar(props: ImageListItemBarProps): JSX.Element;
@@ -1,30 +1,30 @@
1
- export interface ImageListItemBarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="bottom"`. */
5
- positionBottom: string;
6
- /** Styles applied to the root element if `position="top"`. */
7
- positionTop: string;
8
- /** Styles applied to the root element if `position="below"`. */
9
- positionBelow: string;
10
- /** Styles applied to the title and subtitle container element. */
11
- titleWrap: string;
12
- /** Styles applied to the title and subtitle container element if `position="below"`. */
13
- titleWrapBelow: string;
14
- /** Styles applied to the container element if `actionPosition="left"`. */
15
- titleWrapActionPosLeft: string;
16
- /** Styles applied to the container element if `actionPosition="right"`. */
17
- titleWrapActionPosRight: string;
18
- /** Styles applied to the title container element. */
19
- title: string;
20
- /** Styles applied to the subtitle container element. */
21
- subtitle: string;
22
- /** Styles applied to the actionIcon if supplied. */
23
- actionIcon: string;
24
- /** Styles applied to the actionIcon if `actionPosition="left"`. */
25
- actionIconActionPosLeft: string;
26
- }
27
- export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
28
- export declare function getImageListItemBarUtilityClass(slot: string): string;
29
- declare const imageListItemBarClasses: ImageListItemBarClasses;
30
- export default imageListItemBarClasses;
1
+ export interface ImageListItemBarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `position="bottom"`. */
5
+ positionBottom: string;
6
+ /** Styles applied to the root element if `position="top"`. */
7
+ positionTop: string;
8
+ /** Styles applied to the root element if `position="below"`. */
9
+ positionBelow: string;
10
+ /** Styles applied to the title and subtitle container element. */
11
+ titleWrap: string;
12
+ /** Styles applied to the title and subtitle container element if `position="below"`. */
13
+ titleWrapBelow: string;
14
+ /** Styles applied to the container element if `actionPosition="left"`. */
15
+ titleWrapActionPosLeft: string;
16
+ /** Styles applied to the container element if `actionPosition="right"`. */
17
+ titleWrapActionPosRight: string;
18
+ /** Styles applied to the title container element. */
19
+ title: string;
20
+ /** Styles applied to the subtitle container element. */
21
+ subtitle: string;
22
+ /** Styles applied to the actionIcon if supplied. */
23
+ actionIcon: string;
24
+ /** Styles applied to the actionIcon if `actionPosition="left"`. */
25
+ actionIconActionPosLeft: string;
26
+ }
27
+ export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
28
+ export declare function getImageListItemBarUtilityClass(slot: string): string;
29
+ declare const imageListItemBarClasses: ImageListItemBarClasses;
30
+ export default imageListItemBarClasses;
package/Input/Input.d.ts CHANGED
@@ -22,12 +22,12 @@ export interface InputProps extends StandardProps<InputBaseProps> {
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Text Fields](https://mui.com/components/text-fields/)
25
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [Input API](https://mui.com/api/input/)
30
- * - inherits [InputBase API](https://mui.com/api/input-base/)
29
+ * - [Input API](https://mui.com/material-ui/api/input/)
30
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
31
31
  */
32
32
  declare const Input: ((props: InputProps) => JSX.Element) & { muiName: string };
33
33
 
package/Input/Input.js CHANGED
@@ -171,7 +171,9 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
171
171
  classes: PropTypes.object,
172
172
 
173
173
  /**
174
- * The color of the component. It supports those theme colors that make sense for this component.
174
+ * The color of the component.
175
+ * It supports both default and custom theme colors, which can be added as shown in the
176
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
175
177
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
176
178
  */
177
179
  color: PropTypes
@@ -271,7 +273,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
271
273
  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
272
274
 
273
275
  /**
274
- * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
276
+ * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
275
277
  * @default false
276
278
  */
277
279
  multiline: PropTypes.bool,
@@ -1,34 +1,34 @@
1
- export interface InputClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if the component is a descendant of `FormControl`. */
5
- formControl: string;
6
- /** Styles applied to the root element if the component is focused. */
7
- focused: string;
8
- /** Styles applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** Styles applied to the root element if color secondary. */
11
- colorSecondary: string;
12
- /** Styles applied to the root element unless `disableUnderline={true}`. */
13
- underline: string;
14
- /** State class applied to the root element if `error={true}`. */
15
- error: string;
16
- /** Styles applied to the input element if `size="small"`. */
17
- sizeSmall: string;
18
- /** Styles applied to the root element if `multiline={true}`. */
19
- multiline: string;
20
- /** Styles applied to the root element if `fullWidth={true}`. */
21
- fullWidth: string;
22
- /** Styles applied to the input element. */
23
- input: string;
24
- /** Styles applied to the input element if `size="small"`. */
25
- inputSizeSmall: string;
26
- /** Styles applied to the input element if `multiline={true}`. */
27
- inputMultiline: string;
28
- /** Styles applied to the input element if `type="search"`. */
29
- inputTypeSearch: string;
30
- }
31
- export declare type InputClassKey = keyof InputClasses;
32
- export declare function getInputUtilityClass(slot: string): string;
33
- declare const inputClasses: InputClasses;
34
- export default inputClasses;
1
+ export interface InputClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if the component is a descendant of `FormControl`. */
5
+ formControl: string;
6
+ /** Styles applied to the root element if the component is focused. */
7
+ focused: string;
8
+ /** Styles applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** Styles applied to the root element if color secondary. */
11
+ colorSecondary: string;
12
+ /** Styles applied to the root element unless `disableUnderline={true}`. */
13
+ underline: string;
14
+ /** State class applied to the root element if `error={true}`. */
15
+ error: string;
16
+ /** Styles applied to the input element if `size="small"`. */
17
+ sizeSmall: string;
18
+ /** Styles applied to the root element if `multiline={true}`. */
19
+ multiline: string;
20
+ /** Styles applied to the root element if `fullWidth={true}`. */
21
+ fullWidth: string;
22
+ /** Styles applied to the input element. */
23
+ input: string;
24
+ /** Styles applied to the input element if `size="small"`. */
25
+ inputSizeSmall: string;
26
+ /** Styles applied to the input element if `multiline={true}`. */
27
+ inputMultiline: string;
28
+ /** Styles applied to the input element if `type="search"`. */
29
+ inputTypeSearch: string;
30
+ }
31
+ export declare type InputClassKey = keyof InputClasses;
32
+ export declare function getInputUtilityClass(slot: string): string;
33
+ declare const inputClasses: InputClasses;
34
+ export default inputClasses;
@@ -46,11 +46,11 @@ export interface InputAdornmentTypeMap<P = {}, D extends React.ElementType = 'di
46
46
  *
47
47
  * Demos:
48
48
  *
49
- * - [Text Fields](https://mui.com/components/text-fields/)
49
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
50
50
  *
51
51
  * API:
52
52
  *
53
- * - [InputAdornment API](https://mui.com/api/input-adornment/)
53
+ * - [InputAdornment API](https://mui.com/material-ui/api/input-adornment/)
54
54
  */
55
55
  declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
56
56
 
@@ -1,24 +1,24 @@
1
- export interface InputAdornmentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="filled"`. */
5
- filled: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="standard"`. */
9
- standard: string;
10
- /** Styles applied to the root element if `position="start"`. */
11
- positionStart: string;
12
- /** Styles applied to the root element if `position="end"`. */
13
- positionEnd: string;
14
- /** Styles applied to the root element if `disablePointerEvents={true}`. */
15
- disablePointerEvents: string;
16
- /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
17
- hiddenLabel: string;
18
- /** Styles applied if the adornment is used inside <FormControl size="small" />. */
19
- sizeSmall: string;
20
- }
21
- export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
22
- export declare function getInputAdornmentUtilityClass(slot: string): string;
23
- declare const inputAdornmentClasses: InputAdornmentClasses;
24
- export default inputAdornmentClasses;
1
+ export interface InputAdornmentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="filled"`. */
5
+ filled: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="standard"`. */
9
+ standard: string;
10
+ /** Styles applied to the root element if `position="start"`. */
11
+ positionStart: string;
12
+ /** Styles applied to the root element if `position="end"`. */
13
+ positionEnd: string;
14
+ /** Styles applied to the root element if `disablePointerEvents={true}`. */
15
+ disablePointerEvents: string;
16
+ /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
17
+ hiddenLabel: string;
18
+ /** Styles applied if the adornment is used inside <FormControl size="small" />. */
19
+ sizeSmall: string;
20
+ }
21
+ export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
22
+ export declare function getInputAdornmentUtilityClass(slot: string): string;
23
+ declare const inputAdornmentClasses: InputAdornmentClasses;
24
+ export default inputAdornmentClasses;