@mui/material 5.5.3 → 5.6.2

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 (530) 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 +5 -5
  11. package/Alert/Alert.js +2 -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 +4 -4
  16. package/AppBar/AppBar.js +1 -1
  17. package/AppBar/appBarClasses.d.ts +28 -28
  18. package/Autocomplete/Autocomplete.d.ts +8 -8
  19. package/Autocomplete/Autocomplete.js +8 -6
  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 +3 -3
  26. package/Backdrop/backdropClasses.d.ts +10 -10
  27. package/Badge/Badge.d.ts +25 -12
  28. package/Badge/Badge.js +48 -24
  29. package/Badge/badgeClasses.d.ts +24 -0
  30. package/Badge/badgeClasses.js +8 -0
  31. package/Badge/index.d.ts +3 -0
  32. package/Badge/index.js +2 -1
  33. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  34. package/BottomNavigation/BottomNavigation.js +0 -0
  35. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  36. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  37. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  38. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  39. package/Breadcrumbs/Breadcrumbs.js +1 -1
  40. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  41. package/Button/Button.d.ts +5 -5
  42. package/Button/Button.js +102 -97
  43. package/Button/buttonClasses.d.ts +76 -76
  44. package/ButtonBase/ButtonBase.d.ts +2 -2
  45. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  46. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  47. package/ButtonGroup/ButtonGroup.d.ts +3 -3
  48. package/ButtonGroup/ButtonGroup.js +1 -1
  49. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  50. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  51. package/CHANGELOG.md +210 -32
  52. package/Card/Card.d.ts +3 -3
  53. package/Card/cardClasses.d.ts +8 -8
  54. package/CardActionArea/CardActionArea.d.ts +3 -3
  55. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  56. package/CardActions/CardActions.d.ts +2 -2
  57. package/CardActions/cardActionsClasses.d.ts +10 -10
  58. package/CardContent/CardContent.d.ts +2 -2
  59. package/CardContent/cardContentClasses.d.ts +8 -8
  60. package/CardHeader/CardHeader.d.ts +2 -2
  61. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  62. package/CardMedia/CardMedia.d.ts +2 -2
  63. package/CardMedia/cardMediaClasses.d.ts +12 -12
  64. package/Checkbox/Checkbox.d.ts +5 -5
  65. package/Checkbox/Checkbox.js +1 -1
  66. package/Checkbox/checkboxClasses.d.ts +18 -18
  67. package/Chip/Chip.d.ts +3 -3
  68. package/Chip/Chip.js +1 -1
  69. package/Chip/chipClasses.d.ts +80 -80
  70. package/CircularProgress/CircularProgress.d.ts +3 -3
  71. package/CircularProgress/CircularProgress.js +1 -1
  72. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  73. package/ClickAwayListener/index.d.ts +2 -2
  74. package/Collapse/Collapse.d.ts +5 -5
  75. package/Collapse/Collapse.js +1 -1
  76. package/Collapse/collapseClasses.d.ts +18 -18
  77. package/Container/Container.d.ts +2 -2
  78. package/Container/containerClasses.d.ts +22 -22
  79. package/CssBaseline/CssBaseline.d.ts +2 -2
  80. package/Dialog/Dialog.d.ts +6 -5
  81. package/Dialog/Dialog.js +3 -2
  82. package/Dialog/DialogContext.d.ts +6 -6
  83. package/Dialog/dialogClasses.d.ts +36 -36
  84. package/DialogActions/DialogActions.d.ts +2 -2
  85. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  86. package/DialogContent/DialogContent.d.ts +2 -2
  87. package/DialogContent/dialogContentClasses.d.ts +10 -10
  88. package/DialogContentText/DialogContentText.d.ts +3 -3
  89. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  90. package/DialogTitle/DialogTitle.d.ts +2 -2
  91. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  92. package/Divider/Divider.d.ts +3 -3
  93. package/Divider/dividerClasses.d.ts +34 -34
  94. package/Drawer/Drawer.d.ts +6 -6
  95. package/Drawer/Drawer.js +4 -4
  96. package/Drawer/drawerClasses.d.ts +30 -30
  97. package/Fab/Fab.d.ts +4 -4
  98. package/Fab/Fab.js +1 -1
  99. package/Fab/fabClasses.d.ts +26 -26
  100. package/Fade/Fade.d.ts +3 -3
  101. package/Fade/Fade.js +1 -1
  102. package/FilledInput/FilledInput.d.ts +3 -3
  103. package/FilledInput/FilledInput.js +5 -3
  104. package/FilledInput/filledInputClasses.d.ts +40 -40
  105. package/FormControl/FormControl.d.ts +7 -7
  106. package/FormControl/FormControl.js +2 -2
  107. package/FormControl/formControlClasses.d.ts +14 -14
  108. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  109. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  110. package/FormGroup/FormGroup.d.ts +3 -3
  111. package/FormGroup/formGroupClasses.d.ts +12 -12
  112. package/FormHelperText/FormHelperText.d.ts +2 -2
  113. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  114. package/FormLabel/FormLabel.d.ts +5 -5
  115. package/FormLabel/FormLabel.js +1 -1
  116. package/FormLabel/formLabelClasses.d.ts +22 -22
  117. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  118. package/Grid/Grid.d.ts +2 -2
  119. package/Grid/gridClasses.d.ts +48 -48
  120. package/Grow/Grow.d.ts +5 -5
  121. package/Grow/Grow.js +8 -8
  122. package/Hidden/Hidden.d.ts +2 -2
  123. package/Icon/Icon.d.ts +4 -4
  124. package/Icon/Icon.js +1 -1
  125. package/Icon/iconClasses.d.ts +24 -24
  126. package/IconButton/IconButton.d.ts +5 -5
  127. package/IconButton/IconButton.js +2 -2
  128. package/IconButton/iconButtonClasses.d.ts +26 -26
  129. package/ImageList/ImageList.d.ts +2 -2
  130. package/ImageList/imageListClasses.d.ts +16 -16
  131. package/ImageListItem/ImageListItem.d.ts +2 -2
  132. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  133. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  134. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  135. package/Input/Input.d.ts +3 -3
  136. package/Input/Input.js +5 -3
  137. package/Input/inputClasses.d.ts +34 -34
  138. package/InputAdornment/InputAdornment.d.ts +2 -2
  139. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  140. package/InputBase/InputBase.d.ts +4 -4
  141. package/InputBase/InputBase.js +2 -2
  142. package/InputBase/inputBaseClasses.d.ts +44 -44
  143. package/InputLabel/InputLabel.d.ts +3 -3
  144. package/InputLabel/InputLabel.js +1 -1
  145. package/InputLabel/inputLabelClasses.d.ts +32 -32
  146. package/LinearProgress/LinearProgress.d.ts +3 -3
  147. package/LinearProgress/LinearProgress.js +1 -1
  148. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  149. package/Link/Link.d.ts +5 -5
  150. package/Link/Link.js +15 -6
  151. package/Link/linkClasses.d.ts +18 -18
  152. package/List/List.d.ts +3 -3
  153. package/List/listClasses.d.ts +14 -14
  154. package/ListItem/ListItem.d.ts +8 -8
  155. package/ListItem/ListItem.js +4 -4
  156. package/ListItem/listItemClasses.d.ts +30 -30
  157. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  158. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  159. package/ListItemButton/ListItemButton.d.ts +3 -3
  160. package/ListItemButton/ListItemButton.js +1 -0
  161. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  162. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  163. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  164. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  165. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  166. package/ListItemText/ListItemText.d.ts +2 -2
  167. package/ListItemText/listItemTextClasses.d.ts +18 -18
  168. package/ListSubheader/ListSubheader.d.ts +2 -2
  169. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  170. package/Menu/Menu.d.ts +6 -6
  171. package/Menu/Menu.js +2 -2
  172. package/Menu/menuClasses.d.ts +12 -12
  173. package/MenuItem/MenuItem.d.ts +3 -3
  174. package/MenuItem/menuItemClasses.d.ts +20 -20
  175. package/MenuList/MenuList.d.ts +4 -4
  176. package/MenuList/MenuList.js +1 -1
  177. package/MobileStepper/MobileStepper.d.ts +3 -3
  178. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  179. package/Modal/Modal.d.ts +8 -8
  180. package/Modal/Modal.js +7 -6
  181. package/NativeSelect/NativeSelect.d.ts +3 -3
  182. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  183. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  184. package/OutlinedInput/OutlinedInput.js +2 -2
  185. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  186. package/Pagination/Pagination.d.ts +4 -4
  187. package/Pagination/Pagination.js +2 -2
  188. package/Pagination/paginationClasses.d.ts +14 -14
  189. package/PaginationItem/PaginationItem.d.ts +3 -3
  190. package/PaginationItem/PaginationItem.js +1 -1
  191. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  192. package/Paper/Paper.d.ts +3 -3
  193. package/Paper/paperClasses.d.ts +39 -39
  194. package/Popover/Popover.d.ts +6 -6
  195. package/Popover/Popover.js +2 -2
  196. package/Popover/popoverClasses.d.ts +10 -10
  197. package/Popper/Popper.d.ts +29 -29
  198. package/Popper/Popper.js +4 -4
  199. package/README.md +7 -8
  200. package/Radio/Radio.d.ts +4 -4
  201. package/Radio/Radio.js +1 -1
  202. package/Radio/radioClasses.d.ts +16 -16
  203. package/RadioGroup/RadioGroup.d.ts +3 -3
  204. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  205. package/RadioGroup/useRadioGroup.d.ts +4 -4
  206. package/Rating/Rating.d.ts +3 -3
  207. package/Rating/Rating.js +1 -1
  208. package/Rating/ratingClasses.d.ts +40 -40
  209. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  210. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  211. package/Select/Select.d.ts +5 -5
  212. package/Select/Select.js +2 -2
  213. package/Select/SelectInput.js +24 -3
  214. package/Select/selectClasses.d.ts +30 -30
  215. package/Skeleton/Skeleton.d.ts +2 -2
  216. package/Skeleton/skeletonClasses.d.ts +24 -24
  217. package/Slide/Slide.d.ts +4 -4
  218. package/Slide/Slide.js +1 -1
  219. package/Slider/Slider.d.ts +4 -4
  220. package/Slider/Slider.js +1 -1
  221. package/Snackbar/Snackbar.d.ts +4 -4
  222. package/Snackbar/Snackbar.js +2 -2
  223. package/Snackbar/snackbarClasses.d.ts +20 -20
  224. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  225. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  226. package/SpeedDial/SpeedDial.d.ts +4 -4
  227. package/SpeedDial/SpeedDial.js +2 -2
  228. package/SpeedDial/speedDialClasses.d.ts +22 -22
  229. package/SpeedDialAction/SpeedDialAction.d.ts +5 -5
  230. package/SpeedDialAction/SpeedDialAction.js +2 -2
  231. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  232. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  233. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  234. package/Stack/Stack.d.ts +2 -2
  235. package/Step/Step.d.ts +2 -2
  236. package/Step/StepContext.d.ts +20 -20
  237. package/Step/stepClasses.d.ts +16 -16
  238. package/StepButton/StepButton.d.ts +3 -3
  239. package/StepButton/stepButtonClasses.d.ts +14 -14
  240. package/StepConnector/StepConnector.d.ts +2 -2
  241. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  242. package/StepContent/StepContent.d.ts +3 -3
  243. package/StepContent/StepContent.js +1 -1
  244. package/StepContent/stepContentClasses.d.ts +12 -12
  245. package/StepIcon/StepIcon.d.ts +2 -2
  246. package/StepIcon/stepIconClasses.d.ts +16 -16
  247. package/StepLabel/StepLabel.d.ts +4 -4
  248. package/StepLabel/StepLabel.js +2 -2
  249. package/StepLabel/stepLabelClasses.d.ts +28 -28
  250. package/Stepper/Stepper.d.ts +2 -2
  251. package/Stepper/stepperClasses.d.ts +14 -14
  252. package/SvgIcon/SvgIcon.d.ts +4 -4
  253. package/SvgIcon/SvgIcon.js +1 -1
  254. package/SvgIcon/svgIconClasses.d.ts +24 -24
  255. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  256. package/Switch/Switch.d.ts +5 -5
  257. package/Switch/Switch.js +1 -1
  258. package/Switch/switchClasses.d.ts +32 -32
  259. package/Tab/Tab.d.ts +3 -3
  260. package/Tab/tabClasses.d.ts +26 -26
  261. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  262. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  263. package/Table/Table.d.ts +2 -2
  264. package/Table/tableClasses.d.ts +10 -10
  265. package/TableBody/TableBody.d.ts +2 -2
  266. package/TableBody/tableBodyClasses.d.ts +8 -8
  267. package/TableCell/TableCell.d.ts +2 -2
  268. package/TableCell/tableCellClasses.d.ts +32 -32
  269. package/TableContainer/TableContainer.d.ts +2 -2
  270. package/TableContainer/tableContainerClasses.d.ts +8 -8
  271. package/TableFooter/TableFooter.d.ts +2 -2
  272. package/TableFooter/tableFooterClasses.d.ts +8 -8
  273. package/TableHead/TableHead.d.ts +2 -2
  274. package/TableHead/tableHeadClasses.d.ts +8 -8
  275. package/TablePagination/TablePagination.d.ts +9 -9
  276. package/TablePagination/TablePagination.js +6 -6
  277. package/TablePagination/TablePaginationActions.d.ts +1 -1
  278. package/TablePagination/TablePaginationActions.js +3 -3
  279. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  280. package/TableRow/TableRow.d.ts +2 -2
  281. package/TableRow/tableRowClasses.d.ts +16 -16
  282. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  283. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  284. package/Tabs/Tabs.d.ts +3 -3
  285. package/Tabs/Tabs.js +1 -1
  286. package/Tabs/tabsClasses.d.ts +32 -32
  287. package/TextField/TextField.d.ts +21 -22
  288. package/TextField/TextField.js +13 -13
  289. package/TextField/textFieldClasses.d.ts +8 -8
  290. package/ToggleButton/ToggleButton.d.ts +4 -4
  291. package/ToggleButton/ToggleButton.js +1 -1
  292. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  293. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -3
  294. package/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  295. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  296. package/Toolbar/Toolbar.d.ts +2 -2
  297. package/Toolbar/toolbarClasses.d.ts +14 -14
  298. package/Tooltip/Tooltip.d.ts +4 -4
  299. package/Tooltip/Tooltip.js +2 -2
  300. package/Tooltip/tooltipClasses.d.ts +30 -30
  301. package/Typography/Typography.d.ts +3 -3
  302. package/Typography/typographyClasses.d.ts +50 -50
  303. package/Zoom/Zoom.d.ts +3 -3
  304. package/Zoom/Zoom.js +1 -1
  305. package/className/index.d.ts +8 -8
  306. package/darkScrollbar/index.d.ts +28 -28
  307. package/index.js +1 -1
  308. package/internal/switchBaseClasses.d.ts +12 -12
  309. package/legacy/Accordion/Accordion.js +1 -1
  310. package/legacy/Alert/Alert.js +2 -2
  311. package/legacy/AppBar/AppBar.js +1 -1
  312. package/legacy/Autocomplete/Autocomplete.js +8 -6
  313. package/legacy/Badge/Badge.js +49 -24
  314. package/legacy/Badge/badgeClasses.js +8 -0
  315. package/legacy/Badge/index.js +2 -1
  316. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  317. package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
  318. package/legacy/Button/Button.js +31 -30
  319. package/legacy/ButtonGroup/ButtonGroup.js +1 -1
  320. package/legacy/Checkbox/Checkbox.js +1 -1
  321. package/legacy/Chip/Chip.js +1 -1
  322. package/legacy/CircularProgress/CircularProgress.js +1 -1
  323. package/legacy/Collapse/Collapse.js +1 -1
  324. package/legacy/Dialog/Dialog.js +3 -2
  325. package/legacy/Drawer/Drawer.js +4 -4
  326. package/legacy/Fab/Fab.js +1 -1
  327. package/legacy/Fade/Fade.js +1 -1
  328. package/legacy/FilledInput/FilledInput.js +5 -3
  329. package/legacy/FormControl/FormControl.js +2 -2
  330. package/legacy/FormLabel/FormLabel.js +1 -1
  331. package/legacy/Grow/Grow.js +8 -8
  332. package/legacy/Icon/Icon.js +1 -1
  333. package/legacy/IconButton/IconButton.js +2 -2
  334. package/legacy/Input/Input.js +5 -3
  335. package/legacy/InputBase/InputBase.js +2 -2
  336. package/legacy/InputLabel/InputLabel.js +1 -1
  337. package/legacy/LinearProgress/LinearProgress.js +1 -1
  338. package/legacy/Link/Link.js +16 -5
  339. package/legacy/ListItem/ListItem.js +4 -4
  340. package/legacy/ListItemButton/ListItemButton.js +1 -0
  341. package/legacy/Menu/Menu.js +2 -2
  342. package/legacy/MenuList/MenuList.js +1 -1
  343. package/legacy/Modal/Modal.js +7 -6
  344. package/legacy/OutlinedInput/OutlinedInput.js +2 -2
  345. package/legacy/Pagination/Pagination.js +2 -2
  346. package/legacy/PaginationItem/PaginationItem.js +1 -1
  347. package/legacy/Popover/Popover.js +2 -2
  348. package/legacy/Popper/Popper.js +4 -4
  349. package/legacy/Radio/Radio.js +1 -1
  350. package/legacy/Rating/Rating.js +1 -1
  351. package/legacy/Select/Select.js +2 -2
  352. package/legacy/Select/SelectInput.js +26 -3
  353. package/legacy/Slide/Slide.js +1 -1
  354. package/legacy/Slider/Slider.js +1 -1
  355. package/legacy/Snackbar/Snackbar.js +2 -2
  356. package/legacy/SpeedDial/SpeedDial.js +2 -2
  357. package/legacy/SpeedDialAction/SpeedDialAction.js +2 -2
  358. package/legacy/StepContent/StepContent.js +1 -1
  359. package/legacy/StepLabel/StepLabel.js +2 -2
  360. package/legacy/SvgIcon/SvgIcon.js +1 -1
  361. package/legacy/Switch/Switch.js +1 -1
  362. package/legacy/TablePagination/TablePagination.js +6 -6
  363. package/legacy/TablePagination/TablePaginationActions.js +3 -3
  364. package/legacy/Tabs/Tabs.js +1 -1
  365. package/legacy/TextField/TextField.js +13 -13
  366. package/legacy/ToggleButton/ToggleButton.js +1 -1
  367. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  368. package/legacy/Tooltip/Tooltip.js +2 -2
  369. package/legacy/Zoom/Zoom.js +1 -1
  370. package/legacy/index.js +1 -1
  371. package/legacy/locale/index.js +115 -111
  372. package/legacy/styles/CssVarsProvider.js +31 -0
  373. package/legacy/styles/experimental_extendTheme.js +96 -0
  374. package/legacy/styles/index.js +3 -1
  375. package/locale/index.d.ts +71 -71
  376. package/locale/index.js +6 -3
  377. package/modern/Accordion/Accordion.js +1 -1
  378. package/modern/Alert/Alert.js +2 -2
  379. package/modern/AppBar/AppBar.js +1 -1
  380. package/modern/Autocomplete/Autocomplete.js +8 -6
  381. package/modern/Badge/Badge.js +45 -21
  382. package/modern/Badge/badgeClasses.js +8 -0
  383. package/modern/Badge/index.js +2 -1
  384. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  385. package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
  386. package/modern/Button/Button.js +30 -29
  387. package/modern/ButtonGroup/ButtonGroup.js +1 -1
  388. package/modern/Checkbox/Checkbox.js +1 -1
  389. package/modern/Chip/Chip.js +1 -1
  390. package/modern/CircularProgress/CircularProgress.js +1 -1
  391. package/modern/Collapse/Collapse.js +1 -1
  392. package/modern/Dialog/Dialog.js +3 -2
  393. package/modern/Drawer/Drawer.js +4 -4
  394. package/modern/Fab/Fab.js +1 -1
  395. package/modern/Fade/Fade.js +1 -1
  396. package/modern/FilledInput/FilledInput.js +5 -3
  397. package/modern/FormControl/FormControl.js +2 -2
  398. package/modern/FormLabel/FormLabel.js +1 -1
  399. package/modern/Grow/Grow.js +8 -8
  400. package/modern/Icon/Icon.js +1 -1
  401. package/modern/IconButton/IconButton.js +2 -2
  402. package/modern/Input/Input.js +5 -3
  403. package/modern/InputBase/InputBase.js +2 -2
  404. package/modern/InputLabel/InputLabel.js +1 -1
  405. package/modern/LinearProgress/LinearProgress.js +1 -1
  406. package/modern/Link/Link.js +15 -6
  407. package/modern/ListItem/ListItem.js +4 -4
  408. package/modern/ListItemButton/ListItemButton.js +1 -0
  409. package/modern/Menu/Menu.js +2 -2
  410. package/modern/MenuList/MenuList.js +1 -1
  411. package/modern/Modal/Modal.js +7 -6
  412. package/modern/OutlinedInput/OutlinedInput.js +2 -2
  413. package/modern/Pagination/Pagination.js +2 -2
  414. package/modern/PaginationItem/PaginationItem.js +1 -1
  415. package/modern/Popover/Popover.js +2 -2
  416. package/modern/Popper/Popper.js +4 -4
  417. package/modern/Radio/Radio.js +1 -1
  418. package/modern/Rating/Rating.js +1 -1
  419. package/modern/Select/Select.js +2 -2
  420. package/modern/Select/SelectInput.js +24 -3
  421. package/modern/Slide/Slide.js +1 -1
  422. package/modern/Slider/Slider.js +1 -1
  423. package/modern/Snackbar/Snackbar.js +2 -2
  424. package/modern/SpeedDial/SpeedDial.js +2 -2
  425. package/modern/SpeedDialAction/SpeedDialAction.js +2 -2
  426. package/modern/StepContent/StepContent.js +1 -1
  427. package/modern/StepLabel/StepLabel.js +2 -2
  428. package/modern/SvgIcon/SvgIcon.js +1 -1
  429. package/modern/Switch/Switch.js +1 -1
  430. package/modern/TablePagination/TablePagination.js +6 -6
  431. package/modern/TablePagination/TablePaginationActions.js +3 -3
  432. package/modern/Tabs/Tabs.js +1 -1
  433. package/modern/TextField/TextField.js +13 -13
  434. package/modern/ToggleButton/ToggleButton.js +1 -1
  435. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  436. package/modern/Tooltip/Tooltip.js +2 -2
  437. package/modern/Zoom/Zoom.js +1 -1
  438. package/modern/index.js +1 -1
  439. package/modern/locale/index.js +6 -3
  440. package/modern/styles/CssVarsProvider.js +28 -0
  441. package/modern/styles/experimental_extendTheme.js +89 -0
  442. package/modern/styles/index.js +3 -1
  443. package/node/Accordion/Accordion.js +1 -1
  444. package/node/Alert/Alert.js +2 -2
  445. package/node/AppBar/AppBar.js +1 -1
  446. package/node/Autocomplete/Autocomplete.js +8 -6
  447. package/node/Badge/Badge.js +58 -34
  448. package/node/Badge/badgeClasses.js +22 -0
  449. package/node/Badge/index.js +17 -5
  450. package/node/BottomNavigation/BottomNavigation.js +0 -0
  451. package/node/Breadcrumbs/Breadcrumbs.js +1 -1
  452. package/node/Button/Button.js +102 -97
  453. package/node/ButtonGroup/ButtonGroup.js +1 -1
  454. package/node/Checkbox/Checkbox.js +1 -1
  455. package/node/Chip/Chip.js +1 -1
  456. package/node/CircularProgress/CircularProgress.js +1 -1
  457. package/node/Collapse/Collapse.js +1 -1
  458. package/node/Dialog/Dialog.js +3 -2
  459. package/node/Drawer/Drawer.js +4 -4
  460. package/node/Fab/Fab.js +1 -1
  461. package/node/Fade/Fade.js +1 -1
  462. package/node/FilledInput/FilledInput.js +5 -3
  463. package/node/FormControl/FormControl.js +2 -2
  464. package/node/FormLabel/FormLabel.js +1 -1
  465. package/node/Grow/Grow.js +8 -8
  466. package/node/Icon/Icon.js +1 -1
  467. package/node/IconButton/IconButton.js +2 -2
  468. package/node/Input/Input.js +5 -3
  469. package/node/InputBase/InputBase.js +2 -2
  470. package/node/InputLabel/InputLabel.js +1 -1
  471. package/node/LinearProgress/LinearProgress.js +1 -1
  472. package/node/Link/Link.js +16 -6
  473. package/node/ListItem/ListItem.js +4 -4
  474. package/node/ListItemButton/ListItemButton.js +1 -0
  475. package/node/Menu/Menu.js +2 -2
  476. package/node/MenuList/MenuList.js +1 -1
  477. package/node/Modal/Modal.js +7 -6
  478. package/node/OutlinedInput/OutlinedInput.js +2 -2
  479. package/node/Pagination/Pagination.js +2 -2
  480. package/node/PaginationItem/PaginationItem.js +1 -1
  481. package/node/Popover/Popover.js +2 -2
  482. package/node/Popper/Popper.js +4 -4
  483. package/node/Radio/Radio.js +1 -1
  484. package/node/Rating/Rating.js +1 -1
  485. package/node/Select/Select.js +2 -2
  486. package/node/Select/SelectInput.js +24 -3
  487. package/node/Slide/Slide.js +1 -1
  488. package/node/Slider/Slider.js +1 -1
  489. package/node/Snackbar/Snackbar.js +2 -2
  490. package/node/SpeedDial/SpeedDial.js +2 -2
  491. package/node/SpeedDialAction/SpeedDialAction.js +2 -2
  492. package/node/StepContent/StepContent.js +1 -1
  493. package/node/StepLabel/StepLabel.js +2 -2
  494. package/node/SvgIcon/SvgIcon.js +1 -1
  495. package/node/Switch/Switch.js +1 -1
  496. package/node/TablePagination/TablePagination.js +6 -6
  497. package/node/TablePagination/TablePaginationActions.js +3 -3
  498. package/node/Tabs/Tabs.js +1 -1
  499. package/node/TextField/TextField.js +13 -13
  500. package/node/ToggleButton/ToggleButton.js +1 -1
  501. package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  502. package/node/Tooltip/Tooltip.js +2 -2
  503. package/node/Zoom/Zoom.js +1 -1
  504. package/node/index.js +1 -1
  505. package/node/locale/index.js +6 -3
  506. package/node/styles/CssVarsProvider.js +41 -0
  507. package/node/styles/experimental_extendTheme.js +105 -0
  508. package/node/styles/index.js +58 -0
  509. package/package.json +9 -9
  510. package/styles/CssVarsProvider.d.ts +28 -0
  511. package/styles/CssVarsProvider.js +28 -0
  512. package/styles/ThemeProvider.d.ts +1 -1
  513. package/styles/createPalette.d.ts +26 -0
  514. package/styles/createTheme.d.ts +1 -1
  515. package/styles/experimental_extendTheme.d.ts +90 -0
  516. package/styles/experimental_extendTheme.js +91 -0
  517. package/styles/index.d.ts +5 -0
  518. package/styles/index.js +3 -1
  519. package/transitions/index.d.ts +1 -1
  520. package/transitions/transition.d.ts +13 -13
  521. package/transitions/utils.d.ts +23 -23
  522. package/umd/material-ui.development.js +1297 -438
  523. package/umd/material-ui.production.min.js +21 -21
  524. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  525. package/useTouchRipple/index.d.ts +1 -1
  526. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  527. package/utils/getScrollbarSize.d.ts +2 -2
  528. package/utils/ownerDocument.d.ts +2 -2
  529. package/utils/ownerWindow.d.ts +2 -2
  530. package/utils/setRef.d.ts +2 -2
@@ -1,48 +1,48 @@
1
- export interface GridClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `container={true}`. */
5
- container: string;
6
- /** Styles applied to the root element if `item={true}`. */
7
- item: string;
8
- /** Styles applied to the root element if `zeroMinWidth={true}`. */
9
- zeroMinWidth: string;
10
- /** Styles applied to the root element if `direction="column"`. */
11
- 'direction-xs-column': string;
12
- /** Styles applied to the root element if `direction="column-reverse"`. */
13
- 'direction-xs-column-reverse': string;
14
- /** Styles applied to the root element if `direction="row-reverse"`. */
15
- 'direction-xs-row-reverse': string;
16
- /** Styles applied to the root element if `wrap="nowrap"`. */
17
- 'wrap-xs-nowrap': string;
18
- /** Styles applied to the root element if `wrap="reverse"`. */
19
- 'wrap-xs-wrap-reverse': string;
20
- 'spacing-xs-1': string;
21
- 'spacing-xs-2': string;
22
- 'spacing-xs-3': string;
23
- 'spacing-xs-4': string;
24
- 'spacing-xs-5': string;
25
- 'spacing-xs-6': string;
26
- 'spacing-xs-7': string;
27
- 'spacing-xs-8': string;
28
- 'spacing-xs-9': string;
29
- 'spacing-xs-10': string;
30
- 'grid-xs-auto': string;
31
- 'grid-xs-true': string;
32
- 'grid-xs-1': string;
33
- 'grid-xs-2': string;
34
- 'grid-xs-3': string;
35
- 'grid-xs-4': string;
36
- 'grid-xs-5': string;
37
- 'grid-xs-6': string;
38
- 'grid-xs-7': string;
39
- 'grid-xs-8': string;
40
- 'grid-xs-9': string;
41
- 'grid-xs-10': string;
42
- 'grid-xs-11': string;
43
- 'grid-xs-12': string;
44
- }
45
- export declare type GridClassKey = keyof GridClasses;
46
- export declare function getGridUtilityClass(slot: string): string;
47
- declare const gridClasses: GridClasses;
48
- export default gridClasses;
1
+ export interface GridClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `container={true}`. */
5
+ container: string;
6
+ /** Styles applied to the root element if `item={true}`. */
7
+ item: string;
8
+ /** Styles applied to the root element if `zeroMinWidth={true}`. */
9
+ zeroMinWidth: string;
10
+ /** Styles applied to the root element if `direction="column"`. */
11
+ 'direction-xs-column': string;
12
+ /** Styles applied to the root element if `direction="column-reverse"`. */
13
+ 'direction-xs-column-reverse': string;
14
+ /** Styles applied to the root element if `direction="row-reverse"`. */
15
+ 'direction-xs-row-reverse': string;
16
+ /** Styles applied to the root element if `wrap="nowrap"`. */
17
+ 'wrap-xs-nowrap': string;
18
+ /** Styles applied to the root element if `wrap="reverse"`. */
19
+ 'wrap-xs-wrap-reverse': string;
20
+ 'spacing-xs-1': string;
21
+ 'spacing-xs-2': string;
22
+ 'spacing-xs-3': string;
23
+ 'spacing-xs-4': string;
24
+ 'spacing-xs-5': string;
25
+ 'spacing-xs-6': string;
26
+ 'spacing-xs-7': string;
27
+ 'spacing-xs-8': string;
28
+ 'spacing-xs-9': string;
29
+ 'spacing-xs-10': string;
30
+ 'grid-xs-auto': string;
31
+ 'grid-xs-true': string;
32
+ 'grid-xs-1': string;
33
+ 'grid-xs-2': string;
34
+ 'grid-xs-3': string;
35
+ 'grid-xs-4': string;
36
+ 'grid-xs-5': string;
37
+ 'grid-xs-6': string;
38
+ 'grid-xs-7': string;
39
+ 'grid-xs-8': string;
40
+ 'grid-xs-9': string;
41
+ 'grid-xs-10': string;
42
+ 'grid-xs-11': string;
43
+ 'grid-xs-12': string;
44
+ }
45
+ export declare type GridClassKey = keyof GridClasses;
46
+ export declare function getGridUtilityClass(slot: string): string;
47
+ declare const gridClasses: GridClasses;
48
+ export default gridClasses;
package/Grow/Grow.d.ts CHANGED
@@ -33,18 +33,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
33
33
  }
34
34
 
35
35
  /**
36
- * The Grow transition is used by the [Tooltip](https://mui.com/components/tooltips/) and
37
- * [Popover](https://mui.com/components/popover/) components.
36
+ * The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
37
+ * [Popover](https://mui.com/material-ui/react-popover/) components.
38
38
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
39
39
  *
40
40
  * Demos:
41
41
  *
42
- * - [Popover](https://mui.com/components/popover/)
43
- * - [Transitions](https://mui.com/components/transitions/)
42
+ * - [Popover](https://mui.com/material-ui/react-popover/)
43
+ * - [Transitions](https://mui.com/material-ui/transitions/)
44
44
  *
45
45
  * API:
46
46
  *
47
- * - [Grow API](https://mui.com/api/grow/)
47
+ * - [Grow API](https://mui.com/material-ui/api/grow/)
48
48
  * - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
49
49
  */
50
50
  export default function Grow(props: GrowProps): JSX.Element;
package/Grow/Grow.js CHANGED
@@ -25,14 +25,14 @@ const styles = {
25
25
  }
26
26
  };
27
27
  /**
28
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
29
- * Remove this workaround once the Safari bug is fixed.
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
30
  */
31
31
 
32
- const isSafari154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && /version\/15\.[4-9]/i.test(navigator.userAgent);
32
+ const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
33
33
  /**
34
- * The Grow transition is used by the [Tooltip](/components/tooltips/) and
35
- * [Popover](/components/popover/) components.
34
+ * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
35
+ * [Popover](/material-ui/react-popover/) components.
36
36
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
37
37
  */
38
38
 
@@ -103,7 +103,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
103
103
  duration,
104
104
  delay
105
105
  }), theme.transitions.create('transform', {
106
- duration: isSafari154 ? duration : duration * 0.666,
106
+ duration: isWebKit154 ? duration : duration * 0.666,
107
107
  delay,
108
108
  easing: transitionTimingFunction
109
109
  })].join(',');
@@ -139,8 +139,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
139
139
  duration,
140
140
  delay
141
141
  }), theme.transitions.create('transform', {
142
- duration: isSafari154 ? duration : duration * 0.666,
143
- delay: isSafari154 ? delay : delay || duration * 0.333,
142
+ duration: isWebKit154 ? duration : duration * 0.666,
143
+ delay: isWebKit154 ? delay : delay || duration * 0.333,
144
144
  easing: transitionTimingFunction
145
145
  })].join(',');
146
146
  node.style.opacity = 0;
@@ -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
@@ -28,7 +28,7 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
28
28
  /**
29
29
  * The color of the component.
30
30
  * It supports both default and custom theme colors, which can be added as shown in the
31
- * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
31
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
32
32
  * @default 'inherit'
33
33
  */
34
34
  color?: OverridableStringUnion<
@@ -62,12 +62,12 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
62
62
  *
63
63
  * Demos:
64
64
  *
65
- * - [Icons](https://mui.com/components/icons/)
66
- * - [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/)
67
67
  *
68
68
  * API:
69
69
  *
70
- * - [Icon API](https://mui.com/api/icon/)
70
+ * - [Icon API](https://mui.com/material-ui/api/icon/)
71
71
  */
72
72
  declare const Icon: OverridableComponent<IconTypeMap> & { muiName: string };
73
73
 
package/Icon/Icon.js CHANGED
@@ -132,7 +132,7 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
132
132
  /**
133
133
  * The color of the component.
134
134
  * It supports both default and custom theme colors, which can be added as shown in the
135
- * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
135
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
136
136
  * @default 'inherit'
137
137
  */
138
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;
@@ -26,7 +26,7 @@ export type IconButtonTypeMap<
26
26
  /**
27
27
  * The color of the component.
28
28
  * It supports both default and custom theme colors, which can be added as shown in the
29
- * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
29
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
30
30
  * @default 'default'
31
31
  */
32
32
  color?: OverridableStringUnion<
@@ -66,17 +66,17 @@ export type IconButtonTypeMap<
66
66
  }>;
67
67
 
68
68
  /**
69
- * 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
70
70
  * regarding the available icon options.
71
71
  *
72
72
  * Demos:
73
73
  *
74
- * - [Buttons](https://mui.com/components/buttons/)
74
+ * - [Buttons](https://mui.com/material-ui/react-button/)
75
75
  *
76
76
  * API:
77
77
  *
78
- * - [IconButton API](https://mui.com/api/icon-button/)
79
- * - 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/)
80
80
  */
81
81
  declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
82
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
 
@@ -167,7 +167,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
167
167
  /**
168
168
  * The color of the component.
169
169
  * It supports both default and custom theme colors, which can be added as shown in the
170
- * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
170
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
171
171
  * @default 'default'
172
172
  */
173
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
@@ -65,7 +65,9 @@ const InputRoot = styled(InputBaseRoot, {
65
65
 
66
66
  },
67
67
  [`&.${inputClasses.focused}:after`]: {
68
- transform: 'scaleX(1)'
68
+ // translateX(0) is a workaround for Safari transform scale bug
69
+ // See https://github.com/mui/material-ui/issues/31766
70
+ transform: 'scaleX(1) translateX(0)'
69
71
  },
70
72
  [`&.${inputClasses.error}:after`]: {
71
73
  borderBottomColor: theme.palette.error.main,
@@ -173,7 +175,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
173
175
  /**
174
176
  * The color of the component.
175
177
  * It supports both default and custom theme colors, which can be added as shown in the
176
- * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
178
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
177
179
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
178
180
  */
179
181
  color: PropTypes
@@ -273,7 +275,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
273
275
  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
274
276
 
275
277
  /**
276
- * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
278
+ * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
277
279
  * @default false
278
280
  */
279
281
  multiline: PropTypes.bool,