@mui/material 5.5.2 → 5.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (556) hide show
  1. package/Accordion/Accordion.d.ts +4 -4
  2. package/Accordion/Accordion.js +1 -1
  3. package/Accordion/accordionClasses.d.ts +18 -18
  4. package/AccordionActions/AccordionActions.d.ts +2 -2
  5. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  6. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  7. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  8. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  9. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  10. package/Alert/Alert.d.ts +7 -5
  11. package/Alert/Alert.js +4 -2
  12. package/Alert/alertClasses.d.ts +44 -44
  13. package/AlertTitle/AlertTitle.d.ts +2 -2
  14. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  15. package/AppBar/AppBar.d.ts +6 -4
  16. package/AppBar/AppBar.js +3 -1
  17. package/AppBar/appBarClasses.d.ts +28 -28
  18. package/Autocomplete/Autocomplete.d.ts +8 -8
  19. package/Autocomplete/Autocomplete.js +7 -7
  20. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  21. package/Avatar/Avatar.d.ts +2 -2
  22. package/Avatar/avatarClasses.d.ts +20 -20
  23. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  24. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  25. package/Backdrop/Backdrop.d.ts +35 -18
  26. package/Backdrop/Backdrop.js +26 -20
  27. package/Backdrop/backdropClasses.d.ts +10 -0
  28. package/Backdrop/backdropClasses.js +6 -0
  29. package/Backdrop/index.d.ts +3 -0
  30. package/Backdrop/index.js +2 -1
  31. package/Badge/Badge.d.ts +27 -12
  32. package/Badge/Badge.js +46 -22
  33. package/Badge/badgeClasses.d.ts +24 -0
  34. package/Badge/badgeClasses.js +8 -0
  35. package/Badge/index.d.ts +3 -0
  36. package/Badge/index.js +2 -1
  37. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  38. package/BottomNavigation/BottomNavigation.js +0 -0
  39. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  40. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  41. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  42. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  43. package/Breadcrumbs/Breadcrumbs.js +1 -1
  44. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  45. package/Button/Button.d.ts +7 -5
  46. package/Button/Button.js +104 -97
  47. package/Button/buttonClasses.d.ts +76 -76
  48. package/ButtonBase/ButtonBase.d.ts +2 -2
  49. package/ButtonBase/ButtonBase.js +7 -7
  50. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  51. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  52. package/ButtonGroup/ButtonGroup.d.ts +5 -3
  53. package/ButtonGroup/ButtonGroup.js +3 -1
  54. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  55. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  56. package/CHANGELOG.md +247 -30
  57. package/Card/Card.d.ts +4 -3
  58. package/Card/cardClasses.d.ts +8 -8
  59. package/CardActionArea/CardActionArea.d.ts +3 -3
  60. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  61. package/CardActions/CardActions.d.ts +2 -2
  62. package/CardActions/cardActionsClasses.d.ts +10 -10
  63. package/CardContent/CardContent.d.ts +2 -2
  64. package/CardContent/cardContentClasses.d.ts +8 -8
  65. package/CardHeader/CardHeader.d.ts +2 -2
  66. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  67. package/CardMedia/CardMedia.d.ts +2 -2
  68. package/CardMedia/cardMediaClasses.d.ts +12 -12
  69. package/Checkbox/Checkbox.d.ts +7 -5
  70. package/Checkbox/Checkbox.js +3 -1
  71. package/Checkbox/checkboxClasses.d.ts +18 -18
  72. package/Chip/Chip.d.ts +5 -3
  73. package/Chip/Chip.js +3 -1
  74. package/Chip/chipClasses.d.ts +80 -80
  75. package/CircularProgress/CircularProgress.d.ts +5 -3
  76. package/CircularProgress/CircularProgress.js +3 -1
  77. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  78. package/ClickAwayListener/index.d.ts +2 -2
  79. package/Collapse/Collapse.d.ts +5 -5
  80. package/Collapse/Collapse.js +1 -1
  81. package/Collapse/collapseClasses.d.ts +18 -18
  82. package/Container/Container.d.ts +2 -2
  83. package/Container/containerClasses.d.ts +22 -22
  84. package/CssBaseline/CssBaseline.d.ts +2 -2
  85. package/Dialog/Dialog.d.ts +5 -5
  86. package/Dialog/Dialog.js +2 -2
  87. package/Dialog/DialogContext.d.ts +6 -6
  88. package/Dialog/dialogClasses.d.ts +36 -36
  89. package/DialogActions/DialogActions.d.ts +2 -2
  90. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  91. package/DialogContent/DialogContent.d.ts +2 -2
  92. package/DialogContent/dialogContentClasses.d.ts +10 -10
  93. package/DialogContentText/DialogContentText.d.ts +3 -3
  94. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  95. package/DialogTitle/DialogTitle.d.ts +2 -2
  96. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  97. package/Divider/Divider.d.ts +3 -3
  98. package/Divider/dividerClasses.d.ts +34 -34
  99. package/Drawer/Drawer.d.ts +6 -6
  100. package/Drawer/Drawer.js +4 -4
  101. package/Drawer/drawerClasses.d.ts +30 -30
  102. package/Fab/Fab.d.ts +6 -4
  103. package/Fab/Fab.js +3 -1
  104. package/Fab/fabClasses.d.ts +26 -26
  105. package/Fade/Fade.d.ts +3 -3
  106. package/Fade/Fade.js +1 -1
  107. package/FilledInput/FilledInput.d.ts +3 -3
  108. package/FilledInput/FilledInput.js +4 -2
  109. package/FilledInput/filledInputClasses.d.ts +40 -40
  110. package/FormControl/FormControl.d.ts +9 -7
  111. package/FormControl/FormControl.js +4 -2
  112. package/FormControl/formControlClasses.d.ts +14 -14
  113. package/FormControlLabel/FormControlLabel.d.ts +5 -5
  114. package/FormControlLabel/FormControlLabel.js +14 -9
  115. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  116. package/FormGroup/FormGroup.d.ts +3 -3
  117. package/FormGroup/formGroupClasses.d.ts +12 -12
  118. package/FormHelperText/FormHelperText.d.ts +2 -2
  119. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  120. package/FormLabel/FormLabel.d.ts +7 -5
  121. package/FormLabel/FormLabel.js +3 -1
  122. package/FormLabel/formLabelClasses.d.ts +22 -22
  123. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  124. package/Grid/Grid.d.ts +2 -2
  125. package/Grid/gridClasses.d.ts +48 -48
  126. package/Grow/Grow.d.ts +5 -5
  127. package/Grow/Grow.js +13 -7
  128. package/Hidden/Hidden.d.ts +2 -2
  129. package/Icon/Icon.d.ts +6 -4
  130. package/Icon/Icon.js +3 -1
  131. package/Icon/iconClasses.d.ts +24 -24
  132. package/IconButton/IconButton.d.ts +7 -5
  133. package/IconButton/IconButton.js +4 -2
  134. package/IconButton/iconButtonClasses.d.ts +26 -26
  135. package/ImageList/ImageList.d.ts +2 -2
  136. package/ImageList/imageListClasses.d.ts +16 -16
  137. package/ImageListItem/ImageListItem.d.ts +2 -2
  138. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  139. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  140. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  141. package/Input/Input.d.ts +3 -3
  142. package/Input/Input.js +4 -2
  143. package/Input/inputClasses.d.ts +34 -34
  144. package/InputAdornment/InputAdornment.d.ts +2 -2
  145. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  146. package/InputBase/InputBase.d.ts +6 -4
  147. package/InputBase/InputBase.js +4 -2
  148. package/InputBase/inputBaseClasses.d.ts +44 -44
  149. package/InputLabel/InputLabel.d.ts +3 -3
  150. package/InputLabel/InputLabel.js +3 -1
  151. package/InputLabel/inputLabelClasses.d.ts +32 -32
  152. package/LinearProgress/LinearProgress.d.ts +5 -3
  153. package/LinearProgress/LinearProgress.js +3 -1
  154. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  155. package/Link/Link.d.ts +5 -5
  156. package/Link/Link.js +15 -6
  157. package/Link/linkClasses.d.ts +18 -18
  158. package/List/List.d.ts +3 -3
  159. package/List/listClasses.d.ts +14 -14
  160. package/ListItem/ListItem.d.ts +8 -8
  161. package/ListItem/ListItem.js +4 -4
  162. package/ListItem/listItemClasses.d.ts +30 -30
  163. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  164. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  165. package/ListItemButton/ListItemButton.d.ts +3 -3
  166. package/ListItemButton/ListItemButton.js +1 -0
  167. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  168. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  169. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  170. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  171. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  172. package/ListItemText/ListItemText.d.ts +2 -2
  173. package/ListItemText/listItemTextClasses.d.ts +18 -18
  174. package/ListSubheader/ListSubheader.d.ts +2 -2
  175. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  176. package/Menu/Menu.d.ts +6 -6
  177. package/Menu/Menu.js +2 -2
  178. package/Menu/menuClasses.d.ts +12 -12
  179. package/MenuItem/MenuItem.d.ts +3 -3
  180. package/MenuItem/menuItemClasses.d.ts +20 -20
  181. package/MenuList/MenuList.d.ts +4 -4
  182. package/MenuList/MenuList.js +1 -1
  183. package/MobileStepper/MobileStepper.d.ts +3 -3
  184. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  185. package/Modal/Modal.d.ts +8 -8
  186. package/Modal/Modal.js +6 -6
  187. package/NativeSelect/NativeSelect.d.ts +3 -3
  188. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  189. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  190. package/OutlinedInput/OutlinedInput.js +4 -2
  191. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  192. package/Pagination/Pagination.d.ts +5 -3
  193. package/Pagination/Pagination.js +3 -1
  194. package/Pagination/paginationClasses.d.ts +14 -14
  195. package/PaginationItem/PaginationItem.d.ts +4 -2
  196. package/PaginationItem/PaginationItem.js +2 -0
  197. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  198. package/Paper/Paper.d.ts +3 -3
  199. package/Paper/paperClasses.d.ts +39 -39
  200. package/Popover/Popover.d.ts +6 -6
  201. package/Popover/Popover.js +2 -2
  202. package/Popover/popoverClasses.d.ts +10 -10
  203. package/Popper/Popper.d.ts +29 -29
  204. package/Popper/Popper.js +4 -4
  205. package/README.md +7 -7
  206. package/Radio/Radio.d.ts +6 -4
  207. package/Radio/Radio.js +3 -1
  208. package/Radio/radioClasses.d.ts +16 -16
  209. package/RadioGroup/RadioGroup.d.ts +3 -3
  210. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  211. package/RadioGroup/useRadioGroup.d.ts +4 -4
  212. package/Rating/Rating.d.ts +3 -3
  213. package/Rating/Rating.js +1 -1
  214. package/Rating/ratingClasses.d.ts +40 -40
  215. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  216. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  217. package/Select/Select.d.ts +5 -5
  218. package/Select/Select.js +2 -2
  219. package/Select/SelectInput.js +24 -3
  220. package/Select/selectClasses.d.ts +30 -30
  221. package/Skeleton/Skeleton.d.ts +2 -2
  222. package/Skeleton/skeletonClasses.d.ts +24 -24
  223. package/Slide/Slide.d.ts +4 -4
  224. package/Slide/Slide.js +1 -1
  225. package/Slider/Slider.d.ts +6 -4
  226. package/Slider/Slider.js +3 -1
  227. package/Snackbar/Snackbar.d.ts +4 -4
  228. package/Snackbar/Snackbar.js +2 -2
  229. package/Snackbar/snackbarClasses.d.ts +20 -20
  230. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  231. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  232. package/SpeedDial/SpeedDial.d.ts +4 -4
  233. package/SpeedDial/SpeedDial.js +2 -2
  234. package/SpeedDial/speedDialClasses.d.ts +22 -22
  235. package/SpeedDialAction/SpeedDialAction.d.ts +5 -5
  236. package/SpeedDialAction/SpeedDialAction.js +2 -2
  237. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  238. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  239. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  240. package/Stack/Stack.d.ts +2 -2
  241. package/Step/Step.d.ts +2 -2
  242. package/Step/StepContext.d.ts +20 -20
  243. package/Step/stepClasses.d.ts +16 -16
  244. package/StepButton/StepButton.d.ts +3 -3
  245. package/StepButton/stepButtonClasses.d.ts +14 -14
  246. package/StepConnector/StepConnector.d.ts +2 -2
  247. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  248. package/StepContent/StepContent.d.ts +3 -3
  249. package/StepContent/StepContent.js +1 -1
  250. package/StepContent/stepContentClasses.d.ts +12 -12
  251. package/StepIcon/StepIcon.d.ts +2 -2
  252. package/StepIcon/stepIconClasses.d.ts +16 -16
  253. package/StepLabel/StepLabel.d.ts +4 -4
  254. package/StepLabel/StepLabel.js +2 -2
  255. package/StepLabel/stepLabelClasses.d.ts +28 -28
  256. package/Stepper/Stepper.d.ts +2 -2
  257. package/Stepper/stepperClasses.d.ts +14 -14
  258. package/SvgIcon/SvgIcon.d.ts +6 -4
  259. package/SvgIcon/SvgIcon.js +3 -1
  260. package/SvgIcon/svgIconClasses.d.ts +24 -24
  261. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  262. package/Switch/Switch.d.ts +7 -5
  263. package/Switch/Switch.js +3 -1
  264. package/Switch/switchClasses.d.ts +32 -32
  265. package/Tab/Tab.d.ts +3 -3
  266. package/Tab/tabClasses.d.ts +26 -26
  267. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  268. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  269. package/Table/Table.d.ts +2 -2
  270. package/Table/tableClasses.d.ts +10 -10
  271. package/TableBody/TableBody.d.ts +2 -2
  272. package/TableBody/tableBodyClasses.d.ts +8 -8
  273. package/TableCell/TableCell.d.ts +2 -2
  274. package/TableCell/tableCellClasses.d.ts +32 -32
  275. package/TableContainer/TableContainer.d.ts +2 -2
  276. package/TableContainer/tableContainerClasses.d.ts +8 -8
  277. package/TableFooter/TableFooter.d.ts +2 -2
  278. package/TableFooter/tableFooterClasses.d.ts +8 -8
  279. package/TableHead/TableHead.d.ts +2 -2
  280. package/TableHead/tableHeadClasses.d.ts +8 -8
  281. package/TablePagination/TablePagination.d.ts +9 -9
  282. package/TablePagination/TablePagination.js +6 -6
  283. package/TablePagination/TablePaginationActions.d.ts +1 -1
  284. package/TablePagination/TablePaginationActions.js +3 -3
  285. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  286. package/TableRow/TableRow.d.ts +2 -2
  287. package/TableRow/tableRowClasses.d.ts +16 -16
  288. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  289. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  290. package/Tabs/Tabs.d.ts +3 -3
  291. package/Tabs/Tabs.js +1 -1
  292. package/Tabs/tabsClasses.d.ts +32 -32
  293. package/TextField/TextField.d.ts +23 -22
  294. package/TextField/TextField.js +15 -13
  295. package/TextField/textFieldClasses.d.ts +8 -8
  296. package/ToggleButton/ToggleButton.d.ts +5 -3
  297. package/ToggleButton/ToggleButton.js +2 -0
  298. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  299. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +5 -3
  300. package/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  301. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  302. package/Toolbar/Toolbar.d.ts +2 -2
  303. package/Toolbar/toolbarClasses.d.ts +14 -14
  304. package/Tooltip/Tooltip.d.ts +4 -4
  305. package/Tooltip/Tooltip.js +2 -2
  306. package/Tooltip/tooltipClasses.d.ts +30 -30
  307. package/Typography/Typography.d.ts +3 -3
  308. package/Typography/typographyClasses.d.ts +50 -50
  309. package/Unstable_TrapFocus/index.d.ts +2 -2
  310. package/Unstable_TrapFocus/index.js +1 -1
  311. package/Zoom/Zoom.d.ts +3 -3
  312. package/Zoom/Zoom.js +1 -1
  313. package/className/index.d.ts +8 -8
  314. package/darkScrollbar/index.d.ts +28 -28
  315. package/index.js +1 -1
  316. package/internal/switchBaseClasses.d.ts +12 -12
  317. package/legacy/Accordion/Accordion.js +1 -1
  318. package/legacy/Alert/Alert.js +4 -2
  319. package/legacy/AppBar/AppBar.js +3 -1
  320. package/legacy/Autocomplete/Autocomplete.js +7 -7
  321. package/legacy/Backdrop/Backdrop.js +27 -20
  322. package/legacy/Backdrop/backdropClasses.js +6 -0
  323. package/legacy/Backdrop/index.js +2 -1
  324. package/legacy/Badge/Badge.js +47 -22
  325. package/legacy/Badge/badgeClasses.js +8 -0
  326. package/legacy/Badge/index.js +2 -1
  327. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  328. package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
  329. package/legacy/Button/Button.js +33 -30
  330. package/legacy/ButtonBase/ButtonBase.js +11 -11
  331. package/legacy/ButtonGroup/ButtonGroup.js +3 -1
  332. package/legacy/Checkbox/Checkbox.js +3 -1
  333. package/legacy/Chip/Chip.js +3 -1
  334. package/legacy/CircularProgress/CircularProgress.js +3 -1
  335. package/legacy/Collapse/Collapse.js +1 -1
  336. package/legacy/Dialog/Dialog.js +2 -2
  337. package/legacy/Drawer/Drawer.js +4 -4
  338. package/legacy/Fab/Fab.js +3 -1
  339. package/legacy/Fade/Fade.js +1 -1
  340. package/legacy/FilledInput/FilledInput.js +4 -2
  341. package/legacy/FormControl/FormControl.js +4 -2
  342. package/legacy/FormControlLabel/FormControlLabel.js +14 -9
  343. package/legacy/FormLabel/FormLabel.js +3 -1
  344. package/legacy/Grow/Grow.js +13 -7
  345. package/legacy/Icon/Icon.js +3 -1
  346. package/legacy/IconButton/IconButton.js +4 -2
  347. package/legacy/Input/Input.js +4 -2
  348. package/legacy/InputBase/InputBase.js +4 -2
  349. package/legacy/InputLabel/InputLabel.js +3 -1
  350. package/legacy/LinearProgress/LinearProgress.js +3 -1
  351. package/legacy/Link/Link.js +16 -5
  352. package/legacy/ListItem/ListItem.js +4 -4
  353. package/legacy/ListItemButton/ListItemButton.js +1 -0
  354. package/legacy/Menu/Menu.js +2 -2
  355. package/legacy/MenuList/MenuList.js +1 -1
  356. package/legacy/Modal/Modal.js +6 -6
  357. package/legacy/OutlinedInput/OutlinedInput.js +4 -2
  358. package/legacy/Pagination/Pagination.js +3 -1
  359. package/legacy/PaginationItem/PaginationItem.js +2 -0
  360. package/legacy/Popover/Popover.js +2 -2
  361. package/legacy/Popper/Popper.js +4 -4
  362. package/legacy/Radio/Radio.js +3 -1
  363. package/legacy/Rating/Rating.js +1 -1
  364. package/legacy/Select/Select.js +2 -2
  365. package/legacy/Select/SelectInput.js +26 -3
  366. package/legacy/Slide/Slide.js +1 -1
  367. package/legacy/Slider/Slider.js +3 -1
  368. package/legacy/Snackbar/Snackbar.js +2 -2
  369. package/legacy/SpeedDial/SpeedDial.js +2 -2
  370. package/legacy/SpeedDialAction/SpeedDialAction.js +2 -2
  371. package/legacy/StepContent/StepContent.js +1 -1
  372. package/legacy/StepLabel/StepLabel.js +2 -2
  373. package/legacy/SvgIcon/SvgIcon.js +3 -1
  374. package/legacy/Switch/Switch.js +3 -1
  375. package/legacy/TablePagination/TablePagination.js +6 -6
  376. package/legacy/TablePagination/TablePaginationActions.js +3 -3
  377. package/legacy/Tabs/Tabs.js +1 -1
  378. package/legacy/TextField/TextField.js +15 -13
  379. package/legacy/ToggleButton/ToggleButton.js +2 -0
  380. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  381. package/legacy/Tooltip/Tooltip.js +2 -2
  382. package/legacy/Unstable_TrapFocus/index.js +1 -1
  383. package/legacy/Zoom/Zoom.js +1 -1
  384. package/legacy/index.js +1 -1
  385. package/legacy/locale/index.js +115 -111
  386. package/legacy/styles/CssVarsProvider.js +31 -0
  387. package/legacy/styles/experimental_extendTheme.js +96 -0
  388. package/legacy/styles/index.js +3 -1
  389. package/locale/index.d.ts +71 -71
  390. package/locale/index.js +6 -3
  391. package/modern/Accordion/Accordion.js +1 -1
  392. package/modern/Alert/Alert.js +4 -2
  393. package/modern/AppBar/AppBar.js +3 -1
  394. package/modern/Autocomplete/Autocomplete.js +7 -7
  395. package/modern/Backdrop/Backdrop.js +25 -19
  396. package/modern/Backdrop/backdropClasses.js +6 -0
  397. package/modern/Backdrop/index.js +2 -1
  398. package/modern/Badge/Badge.js +43 -19
  399. package/modern/Badge/badgeClasses.js +8 -0
  400. package/modern/Badge/index.js +2 -1
  401. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  402. package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
  403. package/modern/Button/Button.js +32 -29
  404. package/modern/ButtonBase/ButtonBase.js +7 -7
  405. package/modern/ButtonGroup/ButtonGroup.js +3 -1
  406. package/modern/Checkbox/Checkbox.js +3 -1
  407. package/modern/Chip/Chip.js +3 -1
  408. package/modern/CircularProgress/CircularProgress.js +3 -1
  409. package/modern/Collapse/Collapse.js +1 -1
  410. package/modern/Dialog/Dialog.js +2 -2
  411. package/modern/Drawer/Drawer.js +4 -4
  412. package/modern/Fab/Fab.js +3 -1
  413. package/modern/Fade/Fade.js +1 -1
  414. package/modern/FilledInput/FilledInput.js +4 -2
  415. package/modern/FormControl/FormControl.js +4 -2
  416. package/modern/FormControlLabel/FormControlLabel.js +14 -9
  417. package/modern/FormLabel/FormLabel.js +3 -1
  418. package/modern/Grow/Grow.js +13 -7
  419. package/modern/Icon/Icon.js +3 -1
  420. package/modern/IconButton/IconButton.js +4 -2
  421. package/modern/Input/Input.js +4 -2
  422. package/modern/InputBase/InputBase.js +4 -2
  423. package/modern/InputLabel/InputLabel.js +3 -1
  424. package/modern/LinearProgress/LinearProgress.js +3 -1
  425. package/modern/Link/Link.js +15 -6
  426. package/modern/ListItem/ListItem.js +4 -4
  427. package/modern/ListItemButton/ListItemButton.js +1 -0
  428. package/modern/Menu/Menu.js +2 -2
  429. package/modern/MenuList/MenuList.js +1 -1
  430. package/modern/Modal/Modal.js +6 -6
  431. package/modern/OutlinedInput/OutlinedInput.js +4 -2
  432. package/modern/Pagination/Pagination.js +3 -1
  433. package/modern/PaginationItem/PaginationItem.js +2 -0
  434. package/modern/Popover/Popover.js +2 -2
  435. package/modern/Popper/Popper.js +4 -4
  436. package/modern/Radio/Radio.js +3 -1
  437. package/modern/Rating/Rating.js +1 -1
  438. package/modern/Select/Select.js +2 -2
  439. package/modern/Select/SelectInput.js +24 -3
  440. package/modern/Slide/Slide.js +1 -1
  441. package/modern/Slider/Slider.js +3 -1
  442. package/modern/Snackbar/Snackbar.js +2 -2
  443. package/modern/SpeedDial/SpeedDial.js +2 -2
  444. package/modern/SpeedDialAction/SpeedDialAction.js +2 -2
  445. package/modern/StepContent/StepContent.js +1 -1
  446. package/modern/StepLabel/StepLabel.js +2 -2
  447. package/modern/SvgIcon/SvgIcon.js +3 -1
  448. package/modern/Switch/Switch.js +3 -1
  449. package/modern/TablePagination/TablePagination.js +6 -6
  450. package/modern/TablePagination/TablePaginationActions.js +3 -3
  451. package/modern/Tabs/Tabs.js +1 -1
  452. package/modern/TextField/TextField.js +15 -13
  453. package/modern/ToggleButton/ToggleButton.js +2 -0
  454. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  455. package/modern/Tooltip/Tooltip.js +2 -2
  456. package/modern/Unstable_TrapFocus/index.js +1 -1
  457. package/modern/Zoom/Zoom.js +1 -1
  458. package/modern/index.js +1 -1
  459. package/modern/locale/index.js +6 -3
  460. package/modern/styles/CssVarsProvider.js +28 -0
  461. package/modern/styles/experimental_extendTheme.js +89 -0
  462. package/modern/styles/index.js +3 -1
  463. package/node/Accordion/Accordion.js +1 -1
  464. package/node/Alert/Alert.js +4 -2
  465. package/node/AppBar/AppBar.js +3 -1
  466. package/node/Autocomplete/Autocomplete.js +7 -7
  467. package/node/Backdrop/Backdrop.js +28 -23
  468. package/node/Backdrop/backdropClasses.js +17 -0
  469. package/node/Backdrop/index.js +17 -5
  470. package/node/Badge/Badge.js +56 -33
  471. package/node/Badge/badgeClasses.js +22 -0
  472. package/node/Badge/index.js +17 -5
  473. package/node/BottomNavigation/BottomNavigation.js +0 -0
  474. package/node/Breadcrumbs/Breadcrumbs.js +1 -1
  475. package/node/Button/Button.js +104 -97
  476. package/node/ButtonBase/ButtonBase.js +7 -7
  477. package/node/ButtonGroup/ButtonGroup.js +3 -1
  478. package/node/Checkbox/Checkbox.js +3 -1
  479. package/node/Chip/Chip.js +3 -1
  480. package/node/CircularProgress/CircularProgress.js +3 -1
  481. package/node/Collapse/Collapse.js +1 -1
  482. package/node/Dialog/Dialog.js +2 -2
  483. package/node/Drawer/Drawer.js +4 -4
  484. package/node/Fab/Fab.js +3 -1
  485. package/node/Fade/Fade.js +1 -1
  486. package/node/FilledInput/FilledInput.js +4 -2
  487. package/node/FormControl/FormControl.js +4 -2
  488. package/node/FormControlLabel/FormControlLabel.js +14 -9
  489. package/node/FormLabel/FormLabel.js +3 -1
  490. package/node/Grow/Grow.js +12 -6
  491. package/node/Icon/Icon.js +3 -1
  492. package/node/IconButton/IconButton.js +4 -2
  493. package/node/Input/Input.js +4 -2
  494. package/node/InputBase/InputBase.js +4 -2
  495. package/node/InputLabel/InputLabel.js +3 -1
  496. package/node/LinearProgress/LinearProgress.js +3 -1
  497. package/node/Link/Link.js +16 -6
  498. package/node/ListItem/ListItem.js +4 -4
  499. package/node/ListItemButton/ListItemButton.js +1 -0
  500. package/node/Menu/Menu.js +2 -2
  501. package/node/MenuList/MenuList.js +1 -1
  502. package/node/Modal/Modal.js +6 -6
  503. package/node/OutlinedInput/OutlinedInput.js +4 -2
  504. package/node/Pagination/Pagination.js +3 -1
  505. package/node/PaginationItem/PaginationItem.js +2 -0
  506. package/node/Popover/Popover.js +2 -2
  507. package/node/Popper/Popper.js +4 -4
  508. package/node/Radio/Radio.js +3 -1
  509. package/node/Rating/Rating.js +1 -1
  510. package/node/Select/Select.js +2 -2
  511. package/node/Select/SelectInput.js +24 -3
  512. package/node/Slide/Slide.js +1 -1
  513. package/node/Slider/Slider.js +3 -1
  514. package/node/Snackbar/Snackbar.js +2 -2
  515. package/node/SpeedDial/SpeedDial.js +2 -2
  516. package/node/SpeedDialAction/SpeedDialAction.js +2 -2
  517. package/node/StepContent/StepContent.js +1 -1
  518. package/node/StepLabel/StepLabel.js +2 -2
  519. package/node/SvgIcon/SvgIcon.js +3 -1
  520. package/node/Switch/Switch.js +3 -1
  521. package/node/TablePagination/TablePagination.js +6 -6
  522. package/node/TablePagination/TablePaginationActions.js +3 -3
  523. package/node/Tabs/Tabs.js +1 -1
  524. package/node/TextField/TextField.js +15 -13
  525. package/node/ToggleButton/ToggleButton.js +2 -0
  526. package/node/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
  527. package/node/Tooltip/Tooltip.js +2 -2
  528. package/node/Unstable_TrapFocus/index.js +2 -2
  529. package/node/Zoom/Zoom.js +1 -1
  530. package/node/index.js +1 -1
  531. package/node/locale/index.js +6 -3
  532. package/node/styles/CssVarsProvider.js +41 -0
  533. package/node/styles/experimental_extendTheme.js +105 -0
  534. package/node/styles/index.js +58 -0
  535. package/package.json +8 -8
  536. package/styles/CssVarsProvider.d.ts +28 -0
  537. package/styles/CssVarsProvider.js +28 -0
  538. package/styles/ThemeProvider.d.ts +1 -1
  539. package/styles/createPalette.d.ts +26 -0
  540. package/styles/createTheme.d.ts +1 -1
  541. package/styles/experimental_extendTheme.d.ts +90 -0
  542. package/styles/experimental_extendTheme.js +91 -0
  543. package/styles/index.d.ts +5 -0
  544. package/styles/index.js +3 -1
  545. package/transitions/index.d.ts +1 -1
  546. package/transitions/transition.d.ts +13 -13
  547. package/transitions/utils.d.ts +23 -23
  548. package/umd/material-ui.development.js +1412 -599
  549. package/umd/material-ui.production.min.js +21 -21
  550. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  551. package/useTouchRipple/index.d.ts +1 -1
  552. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  553. package/utils/getScrollbarSize.d.ts +2 -2
  554. package/utils/ownerDocument.d.ts +2 -2
  555. package/utils/ownerWindow.d.ts +2 -2
  556. package/utils/setRef.d.ts +2 -2
@@ -1,14 +1,14 @@
1
- export interface StepButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the `ButtonBase` touch-ripple. */
9
- touchRipple: string;
10
- }
11
- export declare type StepButtonClassKey = keyof StepButtonClasses;
12
- export declare function getStepButtonUtilityClass(slot: string): string;
13
- declare const stepButtonClasses: StepButtonClasses;
14
- export default stepButtonClasses;
1
+ export interface StepButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the `ButtonBase` touch-ripple. */
9
+ touchRipple: string;
10
+ }
11
+ export declare type StepButtonClassKey = keyof StepButtonClasses;
12
+ export declare function getStepButtonUtilityClass(slot: string): string;
13
+ declare const stepButtonClasses: StepButtonClasses;
14
+ export default stepButtonClasses;
@@ -24,10 +24,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
24
24
  *
25
25
  * Demos:
26
26
  *
27
- * - [Steppers](https://mui.com/components/steppers/)
27
+ * - [Steppers](https://mui.com/material-ui/react-stepper/)
28
28
  *
29
29
  * API:
30
30
  *
31
- * - [StepConnector API](https://mui.com/api/step-connector/)
31
+ * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
32
32
  */
33
33
  export default function StepConnector(props: StepConnectorProps): JSX.Element;
@@ -1,26 +1,26 @@
1
- export interface StepConnectorClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- /** State class applied to the root element if `active={true}`. */
11
- active: string;
12
- /** State class applied to the root element if `completed={true}`. */
13
- completed: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the line element. */
17
- line: string;
18
- /** Styles applied to the root element if `orientation="horizontal"`. */
19
- lineHorizontal: string;
20
- /** Styles applied to the root element if `orientation="vertical"`. */
21
- lineVertical: string;
22
- }
23
- export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
- export declare function getStepConnectorUtilityClass(slot: string): string;
25
- declare const stepConnectorClasses: StepConnectorClasses;
26
- export default stepConnectorClasses;
1
+ export interface StepConnectorClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ /** State class applied to the root element if `active={true}`. */
11
+ active: string;
12
+ /** State class applied to the root element if `completed={true}`. */
13
+ completed: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the line element. */
17
+ line: string;
18
+ /** Styles applied to the root element if `orientation="horizontal"`. */
19
+ lineHorizontal: string;
20
+ /** Styles applied to the root element if `orientation="vertical"`. */
21
+ lineVertical: string;
22
+ }
23
+ export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
+ export declare function getStepConnectorUtilityClass(slot: string): string;
25
+ declare const stepConnectorClasses: StepConnectorClasses;
26
+ export default stepConnectorClasses;
@@ -20,7 +20,7 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
20
20
  sx?: SxProps<Theme>;
21
21
  /**
22
22
  * The component used for the transition.
23
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
23
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
24
24
  * @default Collapse
25
25
  */
26
26
  TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
@@ -45,10 +45,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
45
45
  *
46
46
  * Demos:
47
47
  *
48
- * - [Steppers](https://mui.com/components/steppers/)
48
+ * - [Steppers](https://mui.com/material-ui/react-stepper/)
49
49
  *
50
50
  * API:
51
51
  *
52
- * - [StepContent API](https://mui.com/api/step-content/)
52
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
53
53
  */
54
54
  export default function StepContent(props: StepContentProps): JSX.Element;
@@ -141,7 +141,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes
141
141
 
142
142
  /**
143
143
  * The component used for the transition.
144
- * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
144
+ * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
145
145
  * @default Collapse
146
146
  */
147
147
  TransitionComponent: PropTypes.elementType,
@@ -1,12 +1,12 @@
1
- export interface StepContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
- last: string;
6
- /** Styles applied to the Transition component. */
7
- transition: string;
8
- }
9
- export declare type StepContentClassKey = keyof StepContentClasses;
10
- export declare function getStepContentUtilityClass(slot: string): string;
11
- declare const stepContentClasses: StepContentClasses;
12
- export default stepContentClasses;
1
+ export interface StepContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
+ last: string;
6
+ /** Styles applied to the Transition component. */
7
+ transition: string;
8
+ }
9
+ export declare type StepContentClassKey = keyof StepContentClasses;
10
+ export declare function getStepContentUtilityClass(slot: string): string;
11
+ declare const stepContentClasses: StepContentClasses;
12
+ export default stepContentClasses;
@@ -41,10 +41,10 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
41
41
  *
42
42
  * Demos:
43
43
  *
44
- * - [Steppers](https://mui.com/components/steppers/)
44
+ * - [Steppers](https://mui.com/material-ui/react-stepper/)
45
45
  *
46
46
  * API:
47
47
  *
48
- * - [StepIcon API](https://mui.com/api/step-icon/)
48
+ * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
49
49
  */
50
50
  export default function StepIcon(props: StepIconProps): JSX.Element;
@@ -1,16 +1,16 @@
1
- export interface StepIconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the SVG text element. */
5
- text: string;
6
- /** State class applied to the root element if `active={true}`. */
7
- active: string;
8
- /** State class applied to the root element if `completed={true}`. */
9
- completed: string;
10
- /** State class applied to the root element if `error={true}`. */
11
- error: string;
12
- }
13
- export declare type StepIconClassKey = keyof StepIconClasses;
14
- export declare function getStepIconUtilityClass(slot: string): string;
15
- declare const stepIconClasses: StepIconClasses;
16
- export default stepIconClasses;
1
+ export interface StepIconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the SVG text element. */
5
+ text: string;
6
+ /** State class applied to the root element if `active={true}`. */
7
+ active: string;
8
+ /** State class applied to the root element if `completed={true}`. */
9
+ completed: string;
10
+ /** State class applied to the root element if `error={true}`. */
11
+ error: string;
12
+ }
13
+ export declare type StepIconClassKey = keyof StepIconClasses;
14
+ export declare function getStepIconUtilityClass(slot: string): string;
15
+ declare const stepIconClasses: StepIconClasses;
16
+ export default stepIconClasses;
@@ -39,11 +39,11 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
39
39
  */
40
40
  optional?: React.ReactNode;
41
41
  /**
42
- * The component to render in place of the [`StepIcon`](/api/step-icon/).
42
+ * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
43
43
  */
44
44
  StepIconComponent?: React.ElementType;
45
45
  /**
46
- * Props applied to the [`StepIcon`](/api/step-icon/) element.
46
+ * Props applied to the [`StepIcon`](/material-ui/api/step-icon/) element.
47
47
  */
48
48
  StepIconProps?: Partial<StepIconProps>;
49
49
  /**
@@ -58,11 +58,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
58
58
  *
59
59
  * Demos:
60
60
  *
61
- * - [Steppers](https://mui.com/components/steppers/)
61
+ * - [Steppers](https://mui.com/material-ui/react-stepper/)
62
62
  *
63
63
  * API:
64
64
  *
65
- * - [StepLabel API](https://mui.com/api/step-label/)
65
+ * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
66
66
  */
67
67
  declare const StepLabel: ((props: StepLabelProps) => JSX.Element) & { muiName: string };
68
68
 
@@ -226,12 +226,12 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
226
226
  optional: PropTypes.node,
227
227
 
228
228
  /**
229
- * The component to render in place of the [`StepIcon`](/api/step-icon/).
229
+ * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
230
230
  */
231
231
  StepIconComponent: PropTypes.elementType,
232
232
 
233
233
  /**
234
- * Props applied to the [`StepIcon`](/api/step-icon/) element.
234
+ * Props applied to the [`StepIcon`](/material-ui/api/step-icon/) element.
235
235
  */
236
236
  StepIconProps: PropTypes.object,
237
237
 
@@ -1,28 +1,28 @@
1
- export interface StepLabelClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the label element that wraps `children`. */
9
- label: string;
10
- /** State class applied to the label element if `active={true}`. */
11
- active: string;
12
- /** State class applied to the label element if `completed={true}`. */
13
- completed: string;
14
- /** State class applied to the root and label elements if `error={true}`. */
15
- error: string;
16
- /** State class applied to the root and label elements if `disabled={true}`. */
17
- disabled: string;
18
- /** Styles applied to the `icon` container element. */
19
- iconContainer: string;
20
- /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
21
- alternativeLabel: string;
22
- /** Styles applied to the container element which wraps label and `optional`. */
23
- labelContainer: string;
24
- }
25
- export declare type StepLabelClassKey = keyof StepLabelClasses;
26
- export declare function getStepLabelUtilityClass(slot: string): string;
27
- declare const stepLabelClasses: StepLabelClasses;
28
- export default stepLabelClasses;
1
+ export interface StepLabelClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the label element that wraps `children`. */
9
+ label: string;
10
+ /** State class applied to the label element if `active={true}`. */
11
+ active: string;
12
+ /** State class applied to the label element if `completed={true}`. */
13
+ completed: string;
14
+ /** State class applied to the root and label elements if `error={true}`. */
15
+ error: string;
16
+ /** State class applied to the root and label elements if `disabled={true}`. */
17
+ disabled: string;
18
+ /** Styles applied to the `icon` container element. */
19
+ iconContainer: string;
20
+ /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
21
+ alternativeLabel: string;
22
+ /** Styles applied to the container element which wraps label and `optional`. */
23
+ labelContainer: string;
24
+ }
25
+ export declare type StepLabelClassKey = keyof StepLabelClasses;
26
+ export declare function getStepLabelUtilityClass(slot: string): string;
27
+ declare const stepLabelClasses: StepLabelClasses;
28
+ export default stepLabelClasses;
@@ -55,10 +55,10 @@ export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
55
55
  *
56
56
  * Demos:
57
57
  *
58
- * - [Steppers](https://mui.com/components/steppers/)
58
+ * - [Steppers](https://mui.com/material-ui/react-stepper/)
59
59
  *
60
60
  * API:
61
61
  *
62
- * - [Stepper API](https://mui.com/api/stepper/)
62
+ * - [Stepper API](https://mui.com/material-ui/api/stepper/)
63
63
  */
64
64
  export default function Stepper(props: StepperProps): JSX.Element;
@@ -1,14 +1,14 @@
1
- export interface StepperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- }
11
- export declare type StepperClassKey = keyof StepperClasses;
12
- export declare function getStepperUtilityClass(slot: string): string;
13
- declare const stepperClasses: StepperClasses;
14
- export default stepperClasses;
1
+ export interface StepperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ }
11
+ export declare type StepperClassKey = keyof StepperClasses;
12
+ export declare function getStepperUtilityClass(slot: string): string;
13
+ declare const stepperClasses: StepperClasses;
14
+ export default stepperClasses;
@@ -20,7 +20,9 @@ export interface SvgIconTypeMap<P = {}, D extends React.ElementType = 'svg'> {
20
20
  */
21
21
  classes?: Partial<SvgIconClasses>;
22
22
  /**
23
- * The color of the component. It supports those theme colors that make sense for this component.
23
+ * The color of the component.
24
+ * It supports both default and custom theme colors, which can be added as shown in the
25
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
24
26
  * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
25
27
  * @default 'inherit'
26
28
  */
@@ -87,12 +89,12 @@ export interface SvgIconTypeMap<P = {}, D extends React.ElementType = 'svg'> {
87
89
  *
88
90
  * Demos:
89
91
  *
90
- * - [Icons](https://mui.com/components/icons/)
91
- * - [Material Icons](https://mui.com/components/material-icons/)
92
+ * - [Icons](https://mui.com/material-ui/icons/)
93
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
92
94
  *
93
95
  * API:
94
96
  *
95
- * - [SvgIcon API](https://mui.com/api/svg-icon/)
97
+ * - [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
96
98
  */
97
99
  declare const SvgIcon: OverridableComponent<SvgIconTypeMap> & { muiName: string };
98
100
 
@@ -137,7 +137,9 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes
137
137
  className: PropTypes.string,
138
138
 
139
139
  /**
140
- * The color of the component. It supports those theme colors that make sense for this component.
140
+ * The color of the component.
141
+ * It supports both default and custom theme colors, which can be added as shown in the
142
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
141
143
  * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
142
144
  * @default 'inherit'
143
145
  */
@@ -1,24 +1,24 @@
1
- export interface SvgIconClasses {
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 SvgIconClassKey = keyof SvgIconClasses;
22
- export declare function getSvgIconUtilityClass(slot: string): string;
23
- declare const svgIconClasses: SvgIconClasses;
24
- export default svgIconClasses;
1
+ export interface SvgIconClasses {
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 SvgIconClassKey = keyof SvgIconClasses;
22
+ export declare function getSvgIconUtilityClass(slot: string): string;
23
+ declare const svgIconClasses: SvgIconClasses;
24
+ export default svgIconClasses;
@@ -65,12 +65,12 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
65
65
  *
66
66
  * Demos:
67
67
  *
68
- * - [Drawers](https://mui.com/components/drawers/)
68
+ * - [Drawers](https://mui.com/material-ui/react-drawer/)
69
69
  *
70
70
  * API:
71
71
  *
72
- * - [SwipeableDrawer API](https://mui.com/api/swipeable-drawer/)
73
- * - inherits [Drawer API](https://mui.com/api/drawer/)
72
+ * - [SwipeableDrawer API](https://mui.com/material-ui/api/swipeable-drawer/)
73
+ * - inherits [Drawer API](https://mui.com/material-ui/api/drawer/)
74
74
  */
75
75
  declare const SwipeableDrawer: React.JSXElementConstructor<SwipeableDrawerProps>;
76
76
 
@@ -20,7 +20,9 @@ export interface SwitchProps
20
20
  */
21
21
  classes?: Partial<SwitchClasses>;
22
22
  /**
23
- * The color of the component. It supports those theme colors that make sense for this component.
23
+ * The color of the component.
24
+ * It supports both default and custom theme colors, which can be added as shown in the
25
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
24
26
  * @default 'primary'
25
27
  */
26
28
  color?: OverridableStringUnion<
@@ -56,12 +58,12 @@ export interface SwitchProps
56
58
  *
57
59
  * Demos:
58
60
  *
59
- * - [Switches](https://mui.com/components/switches/)
60
- * - [Transfer List](https://mui.com/components/transfer-list/)
61
+ * - [Switches](https://mui.com/material-ui/react-switch/)
62
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
61
63
  *
62
64
  * API:
63
65
  *
64
- * - [Switch API](https://mui.com/api/switch/)
65
- * - inherits [IconButton API](https://mui.com/api/icon-button/)
66
+ * - [Switch API](https://mui.com/material-ui/api/switch/)
67
+ * - inherits [IconButton API](https://mui.com/material-ui/api/icon-button/)
66
68
  */
67
69
  export default function Switch(props: SwitchProps): JSX.Element;
package/Switch/Switch.js CHANGED
@@ -256,7 +256,9 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes
256
256
  className: PropTypes.string,
257
257
 
258
258
  /**
259
- * The color of the component. It supports those theme colors that make sense for this component.
259
+ * The color of the component.
260
+ * It supports both default and custom theme colors, which can be added as shown in the
261
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
260
262
  * @default 'primary'
261
263
  */
262
264
  color: PropTypes
@@ -1,32 +1,32 @@
1
- export interface SwitchClasses {
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 internal `SwitchBase` component's `root` class. */
9
- switchBase: string;
10
- /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- /** Styles applied to the root element if `size="small"`. */
15
- sizeSmall: string;
16
- /** Styles applied to the root element if `size="medium"`. */
17
- sizeMedium: string;
18
- /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
- checked: string;
20
- /** State class applied to the internal SwitchBase component's disabled class. */
21
- disabled: string;
22
- /** Styles applied to the internal SwitchBase component's input element. */
23
- input: string;
24
- /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
- thumb: string;
26
- /** Styles applied to the track element. */
27
- track: string;
28
- }
29
- export declare type SwitchClassKey = keyof SwitchClasses;
30
- export declare function getSwitchUtilityClass(slot: string): string;
31
- declare const switchClasses: SwitchClasses;
32
- export default switchClasses;
1
+ export interface SwitchClasses {
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 internal `SwitchBase` component's `root` class. */
9
+ switchBase: string;
10
+ /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ /** Styles applied to the root element if `size="small"`. */
15
+ sizeSmall: string;
16
+ /** Styles applied to the root element if `size="medium"`. */
17
+ sizeMedium: string;
18
+ /** State class applied to the internal `SwitchBase` component's `checked` class. */
19
+ checked: string;
20
+ /** State class applied to the internal SwitchBase component's disabled class. */
21
+ disabled: string;
22
+ /** Styles applied to the internal SwitchBase component's input element. */
23
+ input: string;
24
+ /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
25
+ thumb: string;
26
+ /** Styles applied to the track element. */
27
+ track: string;
28
+ }
29
+ export declare type SwitchClassKey = keyof SwitchClasses;
30
+ export declare function getSwitchUtilityClass(slot: string): string;
31
+ declare const switchClasses: SwitchClasses;
32
+ export default switchClasses;
package/Tab/Tab.d.ts CHANGED
@@ -62,12 +62,12 @@ export type TabTypeMap<P = {}, D extends React.ElementType = 'div'> = ExtendButt
62
62
  *
63
63
  * Demos:
64
64
  *
65
- * - [Tabs](https://mui.com/components/tabs/)
65
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
66
66
  *
67
67
  * API:
68
68
  *
69
- * - [Tab API](https://mui.com/api/tab/)
70
- * - inherits [ButtonBase API](https://mui.com/api/button-base/)
69
+ * - [Tab API](https://mui.com/material-ui/api/tab/)
70
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
71
71
  */
72
72
  declare const Tab: ExtendButtonBase<TabTypeMap>;
73
73
 
@@ -1,26 +1,26 @@
1
- export interface TabClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if both `icon` and `label` are provided. */
5
- labelIcon: string;
6
- /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="inherit"`. */
7
- textColorInherit: string;
8
- /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="primary"`. */
9
- textColorPrimary: string;
10
- /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="secondary"`. */
11
- textColorSecondary: string;
12
- /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
- selected: string;
14
- /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
- disabled: string;
16
- /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
- fullWidth: string;
18
- /** Styles applied to the root element if `wrapped={true}`. */
19
- wrapped: string;
20
- /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
- iconWrapper: string;
22
- }
23
- export declare type TabClassKey = keyof TabClasses;
24
- export declare function getTabUtilityClass(slot: string): string;
25
- declare const tabClasses: TabClasses;
26
- export default tabClasses;
1
+ export interface TabClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if both `icon` and `label` are provided. */
5
+ labelIcon: string;
6
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
7
+ textColorInherit: string;
8
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
9
+ textColorPrimary: string;
10
+ /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
11
+ textColorSecondary: string;
12
+ /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
13
+ selected: string;
14
+ /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
17
+ fullWidth: string;
18
+ /** Styles applied to the root element if `wrapped={true}`. */
19
+ wrapped: string;
20
+ /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
21
+ iconWrapper: string;
22
+ }
23
+ export declare type TabClassKey = keyof TabClasses;
24
+ export declare function getTabUtilityClass(slot: string): string;
25
+ declare const tabClasses: TabClasses;
26
+ export default tabClasses;