@mui/material 5.2.0 → 5.2.4

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 (637) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/Accordion/Accordion.js +2 -2
  3. package/Accordion/accordionClasses.d.ts +18 -18
  4. package/AccordionActions/AccordionActions.js +1 -1
  5. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  6. package/AccordionDetails/AccordionDetails.js +1 -1
  7. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  8. package/AccordionSummary/AccordionSummary.js +2 -2
  9. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  10. package/Alert/Alert.js +1 -3
  11. package/Alert/alertClasses.d.ts +44 -44
  12. package/AlertTitle/AlertTitle.js +1 -1
  13. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  14. package/AppBar/AppBar.js +1 -1
  15. package/AppBar/appBarClasses.d.ts +28 -28
  16. package/Autocomplete/Autocomplete.js +1 -1
  17. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  18. package/Avatar/Avatar.d.ts +1 -1
  19. package/Avatar/Avatar.js +1 -1
  20. package/Avatar/avatarClasses.d.ts +20 -20
  21. package/AvatarGroup/AvatarGroup.d.ts +5 -0
  22. package/AvatarGroup/AvatarGroup.js +20 -5
  23. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  24. package/Backdrop/Backdrop.js +1 -1
  25. package/Badge/Badge.js +17 -4
  26. package/BottomNavigation/BottomNavigation.js +1 -1
  27. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  28. package/BottomNavigationAction/BottomNavigationAction.js +1 -1
  29. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  30. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  31. package/Breadcrumbs/Breadcrumbs.js +1 -1
  32. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  33. package/Button/Button.js +16 -35
  34. package/Button/buttonClasses.d.ts +76 -76
  35. package/ButtonBase/ButtonBase.d.ts +1 -1
  36. package/ButtonBase/ButtonBase.js +2 -2
  37. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  38. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  39. package/ButtonGroup/ButtonGroup.js +1 -1
  40. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  41. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  42. package/CHANGELOG.md +244 -1
  43. package/Card/Card.js +1 -1
  44. package/Card/cardClasses.d.ts +8 -8
  45. package/CardActionArea/CardActionArea.js +1 -1
  46. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  47. package/CardActions/CardActions.js +1 -1
  48. package/CardActions/cardActionsClasses.d.ts +10 -10
  49. package/CardContent/CardContent.js +1 -1
  50. package/CardContent/cardContentClasses.d.ts +8 -8
  51. package/CardHeader/CardHeader.js +1 -1
  52. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  53. package/CardMedia/CardMedia.js +1 -1
  54. package/CardMedia/cardMediaClasses.d.ts +12 -12
  55. package/Checkbox/Checkbox.js +1 -1
  56. package/Checkbox/checkboxClasses.d.ts +18 -18
  57. package/Chip/Chip.js +1 -1
  58. package/Chip/chipClasses.d.ts +80 -80
  59. package/CircularProgress/CircularProgress.js +1 -1
  60. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  61. package/ClickAwayListener/index.d.ts +2 -2
  62. package/Collapse/Collapse.d.ts +1 -1
  63. package/Collapse/Collapse.js +1 -1
  64. package/Collapse/collapseClasses.d.ts +18 -18
  65. package/Container/Container.js +1 -1
  66. package/Container/containerClasses.d.ts +22 -22
  67. package/CssBaseline/CssBaseline.d.ts +2 -2
  68. package/CssBaseline/CssBaseline.js +1 -1
  69. package/Dialog/Dialog.d.ts +1 -1
  70. package/Dialog/Dialog.js +2 -2
  71. package/Dialog/DialogContext.d.ts +6 -6
  72. package/Dialog/dialogClasses.d.ts +36 -36
  73. package/DialogActions/DialogActions.js +1 -1
  74. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  75. package/DialogContent/DialogContent.js +1 -1
  76. package/DialogContent/dialogContentClasses.d.ts +10 -10
  77. package/DialogContentText/DialogContentText.js +1 -1
  78. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  79. package/DialogTitle/DialogTitle.js +1 -1
  80. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  81. package/Divider/Divider.js +1 -1
  82. package/Divider/dividerClasses.d.ts +34 -34
  83. package/Drawer/Drawer.js +1 -1
  84. package/Drawer/drawerClasses.d.ts +30 -30
  85. package/Fab/Fab.js +1 -1
  86. package/Fab/fabClasses.d.ts +26 -26
  87. package/Fade/Fade.d.ts +1 -1
  88. package/FilledInput/FilledInput.js +1 -1
  89. package/FilledInput/filledInputClasses.d.ts +40 -40
  90. package/FormControl/FormControl.js +1 -1
  91. package/FormControl/formControlClasses.d.ts +14 -14
  92. package/FormControlLabel/FormControlLabel.js +1 -1
  93. package/FormControlLabel/formControlLabelClasses.d.ts +18 -18
  94. package/FormGroup/FormGroup.js +1 -1
  95. package/FormGroup/formGroupClasses.d.ts +10 -10
  96. package/FormHelperText/FormHelperText.js +1 -1
  97. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  98. package/FormLabel/FormLabel.js +1 -1
  99. package/FormLabel/formLabelClasses.d.ts +22 -22
  100. package/GlobalStyles/GlobalStyles.d.ts +2 -1
  101. package/Grid/Grid.js +98 -69
  102. package/Grid/gridClasses.d.ts +48 -48
  103. package/Grow/Grow.d.ts +1 -1
  104. package/Icon/Icon.js +1 -1
  105. package/Icon/iconClasses.d.ts +24 -24
  106. package/IconButton/IconButton.js +1 -1
  107. package/IconButton/iconButtonClasses.d.ts +26 -26
  108. package/ImageList/ImageList.js +1 -1
  109. package/ImageList/imageListClasses.d.ts +16 -16
  110. package/ImageListItem/ImageListItem.js +1 -1
  111. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  112. package/ImageListItemBar/ImageListItemBar.js +1 -1
  113. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  114. package/Input/Input.js +1 -1
  115. package/Input/inputClasses.d.ts +34 -34
  116. package/InputAdornment/InputAdornment.js +1 -1
  117. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  118. package/InputBase/InputBase.d.ts +6 -0
  119. package/InputBase/InputBase.js +11 -3
  120. package/InputBase/inputBaseClasses.d.ts +44 -44
  121. package/InputLabel/InputLabel.js +1 -1
  122. package/InputLabel/inputLabelClasses.d.ts +32 -32
  123. package/LinearProgress/LinearProgress.js +1 -1
  124. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  125. package/Link/Link.js +1 -1
  126. package/Link/linkClasses.d.ts +18 -18
  127. package/List/List.d.ts +12 -2
  128. package/List/List.js +1 -1
  129. package/List/listClasses.d.ts +14 -14
  130. package/ListItem/ListItem.d.ts +1 -1
  131. package/ListItem/ListItem.js +1 -1
  132. package/ListItem/listItemClasses.d.ts +30 -30
  133. package/ListItemAvatar/ListItemAvatar.js +1 -1
  134. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  135. package/ListItemButton/ListItemButton.d.ts +1 -1
  136. package/ListItemButton/ListItemButton.js +2 -2
  137. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  138. package/ListItemIcon/ListItemIcon.js +1 -1
  139. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  140. package/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  141. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  142. package/ListItemText/ListItemText.js +1 -1
  143. package/ListItemText/listItemTextClasses.d.ts +18 -18
  144. package/ListSubheader/ListSubheader.js +1 -1
  145. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  146. package/Menu/Menu.d.ts +1 -1
  147. package/Menu/Menu.js +2 -2
  148. package/Menu/menuClasses.d.ts +12 -12
  149. package/MenuItem/MenuItem.d.ts +1 -1
  150. package/MenuItem/MenuItem.js +2 -2
  151. package/MenuItem/menuItemClasses.d.ts +20 -20
  152. package/MenuList/MenuList.d.ts +47 -36
  153. package/MobileStepper/MobileStepper.js +1 -1
  154. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  155. package/Modal/Modal.js +1 -1
  156. package/NativeSelect/NativeSelect.js +1 -1
  157. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  158. package/OutlinedInput/OutlinedInput.js +15 -2
  159. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  160. package/Pagination/Pagination.js +1 -1
  161. package/Pagination/paginationClasses.d.ts +14 -14
  162. package/PaginationItem/PaginationItem.js +1 -1
  163. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  164. package/Paper/Paper.js +1 -1
  165. package/Paper/paperClasses.d.ts +39 -39
  166. package/Popover/Popover.d.ts +1 -1
  167. package/Popover/Popover.js +2 -2
  168. package/Popover/popoverClasses.d.ts +10 -10
  169. package/Popper/Popper.d.ts +17 -17
  170. package/README.md +9 -7
  171. package/Radio/Radio.js +1 -1
  172. package/Radio/radioClasses.d.ts +16 -16
  173. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  174. package/RadioGroup/useRadioGroup.d.ts +4 -4
  175. package/Rating/Rating.js +1 -1
  176. package/Rating/ratingClasses.d.ts +40 -40
  177. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  178. package/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  179. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  180. package/Select/Select.js +1 -1
  181. package/Select/SelectInput.js +17 -1
  182. package/Select/selectClasses.d.ts +30 -30
  183. package/Skeleton/Skeleton.js +1 -1
  184. package/Skeleton/skeletonClasses.d.ts +24 -24
  185. package/Slide/Slide.d.ts +1 -1
  186. package/Slider/Slider.js +1 -1
  187. package/Snackbar/Snackbar.d.ts +5 -5
  188. package/Snackbar/Snackbar.js +62 -6
  189. package/Snackbar/snackbarClasses.d.ts +20 -20
  190. package/SnackbarContent/SnackbarContent.js +1 -1
  191. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  192. package/SpeedDial/SpeedDial.d.ts +1 -1
  193. package/SpeedDial/SpeedDial.js +2 -2
  194. package/SpeedDial/speedDialClasses.d.ts +22 -22
  195. package/SpeedDialAction/SpeedDialAction.js +1 -1
  196. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  197. package/SpeedDialIcon/SpeedDialIcon.js +1 -1
  198. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  199. package/Stack/Stack.js +1 -1
  200. package/Step/Step.js +1 -1
  201. package/Step/stepClasses.d.ts +16 -16
  202. package/StepButton/StepButton.js +1 -1
  203. package/StepButton/stepButtonClasses.d.ts +14 -14
  204. package/StepConnector/StepConnector.js +1 -1
  205. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  206. package/StepContent/StepContent.d.ts +1 -1
  207. package/StepContent/StepContent.js +2 -2
  208. package/StepContent/stepContentClasses.d.ts +12 -12
  209. package/StepIcon/StepIcon.js +1 -1
  210. package/StepIcon/stepIconClasses.d.ts +16 -16
  211. package/StepLabel/StepLabel.js +1 -1
  212. package/StepLabel/stepLabelClasses.d.ts +28 -28
  213. package/Stepper/Stepper.js +1 -1
  214. package/Stepper/stepperClasses.d.ts +14 -14
  215. package/SvgIcon/SvgIcon.js +1 -1
  216. package/SvgIcon/svgIconClasses.d.ts +24 -24
  217. package/Switch/Switch.js +1 -1
  218. package/Switch/switchClasses.d.ts +32 -32
  219. package/Tab/Tab.js +1 -1
  220. package/Tab/tabClasses.d.ts +26 -26
  221. package/TabScrollButton/TabScrollButton.js +1 -1
  222. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  223. package/Table/Table.js +1 -1
  224. package/Table/tableClasses.d.ts +10 -10
  225. package/TableBody/TableBody.js +1 -1
  226. package/TableBody/tableBodyClasses.d.ts +8 -8
  227. package/TableCell/TableCell.js +1 -1
  228. package/TableCell/tableCellClasses.d.ts +32 -32
  229. package/TableContainer/TableContainer.js +1 -1
  230. package/TableContainer/tableContainerClasses.d.ts +8 -8
  231. package/TableFooter/TableFooter.js +1 -1
  232. package/TableFooter/tableFooterClasses.d.ts +8 -8
  233. package/TableHead/TableHead.js +1 -1
  234. package/TableHead/tableHeadClasses.d.ts +8 -8
  235. package/TablePagination/TablePagination.js +1 -1
  236. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  237. package/TableRow/TableRow.js +1 -1
  238. package/TableRow/tableRowClasses.d.ts +16 -16
  239. package/TableSortLabel/TableSortLabel.js +1 -1
  240. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  241. package/Tabs/Tabs.js +1 -1
  242. package/Tabs/tabsClasses.d.ts +32 -32
  243. package/TextField/TextField.js +6 -12
  244. package/TextField/textFieldClasses.d.ts +8 -8
  245. package/ToggleButton/ToggleButton.js +1 -1
  246. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  247. package/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  248. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  249. package/Toolbar/Toolbar.js +1 -1
  250. package/Toolbar/toolbarClasses.d.ts +14 -14
  251. package/Tooltip/Tooltip.d.ts +1 -1
  252. package/Tooltip/Tooltip.js +2 -2
  253. package/Tooltip/tooltipClasses.d.ts +30 -30
  254. package/Typography/Typography.js +1 -1
  255. package/Typography/typographyClasses.d.ts +50 -50
  256. package/Zoom/Zoom.d.ts +1 -1
  257. package/darkScrollbar/index.d.ts +28 -28
  258. package/index.js +1 -1
  259. package/internal/switchBaseClasses.d.ts +12 -12
  260. package/legacy/Accordion/Accordion.js +2 -2
  261. package/legacy/AccordionActions/AccordionActions.js +1 -1
  262. package/legacy/AccordionDetails/AccordionDetails.js +1 -1
  263. package/legacy/AccordionSummary/AccordionSummary.js +2 -2
  264. package/legacy/Alert/Alert.js +1 -3
  265. package/legacy/AlertTitle/AlertTitle.js +1 -1
  266. package/legacy/AppBar/AppBar.js +1 -1
  267. package/legacy/Autocomplete/Autocomplete.js +1 -1
  268. package/legacy/Avatar/Avatar.js +1 -1
  269. package/legacy/AvatarGroup/AvatarGroup.js +19 -4
  270. package/legacy/Backdrop/Backdrop.js +1 -1
  271. package/legacy/Badge/Badge.js +19 -5
  272. package/legacy/BottomNavigation/BottomNavigation.js +1 -1
  273. package/legacy/BottomNavigationAction/BottomNavigationAction.js +1 -1
  274. package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
  275. package/legacy/Button/Button.js +23 -35
  276. package/legacy/ButtonBase/ButtonBase.js +2 -2
  277. package/legacy/ButtonGroup/ButtonGroup.js +1 -1
  278. package/legacy/Card/Card.js +1 -1
  279. package/legacy/CardActionArea/CardActionArea.js +1 -1
  280. package/legacy/CardActions/CardActions.js +1 -1
  281. package/legacy/CardContent/CardContent.js +1 -1
  282. package/legacy/CardHeader/CardHeader.js +1 -1
  283. package/legacy/CardMedia/CardMedia.js +1 -1
  284. package/legacy/Checkbox/Checkbox.js +1 -1
  285. package/legacy/Chip/Chip.js +1 -1
  286. package/legacy/CircularProgress/CircularProgress.js +1 -1
  287. package/legacy/Collapse/Collapse.js +1 -1
  288. package/legacy/Container/Container.js +1 -1
  289. package/legacy/CssBaseline/CssBaseline.js +1 -1
  290. package/legacy/Dialog/Dialog.js +2 -2
  291. package/legacy/DialogActions/DialogActions.js +1 -1
  292. package/legacy/DialogContent/DialogContent.js +1 -1
  293. package/legacy/DialogContentText/DialogContentText.js +1 -1
  294. package/legacy/DialogTitle/DialogTitle.js +1 -1
  295. package/legacy/Divider/Divider.js +1 -1
  296. package/legacy/Drawer/Drawer.js +1 -1
  297. package/legacy/Fab/Fab.js +1 -1
  298. package/legacy/FilledInput/FilledInput.js +1 -1
  299. package/legacy/FormControl/FormControl.js +1 -1
  300. package/legacy/FormControlLabel/FormControlLabel.js +1 -1
  301. package/legacy/FormGroup/FormGroup.js +1 -1
  302. package/legacy/FormHelperText/FormHelperText.js +1 -1
  303. package/legacy/FormLabel/FormLabel.js +1 -1
  304. package/legacy/Grid/Grid.js +109 -81
  305. package/legacy/Icon/Icon.js +1 -1
  306. package/legacy/IconButton/IconButton.js +1 -1
  307. package/legacy/ImageList/ImageList.js +1 -1
  308. package/legacy/ImageListItem/ImageListItem.js +1 -1
  309. package/legacy/ImageListItemBar/ImageListItemBar.js +1 -1
  310. package/legacy/Input/Input.js +1 -1
  311. package/legacy/InputAdornment/InputAdornment.js +1 -1
  312. package/legacy/InputBase/InputBase.js +11 -3
  313. package/legacy/InputLabel/InputLabel.js +1 -1
  314. package/legacy/LinearProgress/LinearProgress.js +1 -1
  315. package/legacy/Link/Link.js +1 -1
  316. package/legacy/List/List.js +1 -1
  317. package/legacy/ListItem/ListItem.js +1 -1
  318. package/legacy/ListItemAvatar/ListItemAvatar.js +1 -1
  319. package/legacy/ListItemButton/ListItemButton.js +2 -2
  320. package/legacy/ListItemIcon/ListItemIcon.js +1 -1
  321. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  322. package/legacy/ListItemText/ListItemText.js +1 -1
  323. package/legacy/ListSubheader/ListSubheader.js +1 -1
  324. package/legacy/Menu/Menu.js +2 -2
  325. package/legacy/MenuItem/MenuItem.js +2 -2
  326. package/legacy/MobileStepper/MobileStepper.js +1 -1
  327. package/legacy/Modal/Modal.js +1 -1
  328. package/legacy/NativeSelect/NativeSelect.js +1 -1
  329. package/legacy/OutlinedInput/OutlinedInput.js +15 -2
  330. package/legacy/Pagination/Pagination.js +1 -1
  331. package/legacy/PaginationItem/PaginationItem.js +1 -1
  332. package/legacy/Paper/Paper.js +1 -1
  333. package/legacy/Popover/Popover.js +2 -2
  334. package/legacy/Radio/Radio.js +1 -1
  335. package/legacy/Rating/Rating.js +1 -1
  336. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  337. package/legacy/Select/Select.js +1 -1
  338. package/legacy/Select/SelectInput.js +17 -1
  339. package/legacy/Skeleton/Skeleton.js +1 -1
  340. package/legacy/Slider/Slider.js +1 -1
  341. package/legacy/Snackbar/Snackbar.js +62 -6
  342. package/legacy/SnackbarContent/SnackbarContent.js +1 -1
  343. package/legacy/SpeedDial/SpeedDial.js +2 -2
  344. package/legacy/SpeedDialAction/SpeedDialAction.js +1 -1
  345. package/legacy/SpeedDialIcon/SpeedDialIcon.js +1 -1
  346. package/legacy/Stack/Stack.js +1 -1
  347. package/legacy/Step/Step.js +1 -1
  348. package/legacy/StepButton/StepButton.js +1 -1
  349. package/legacy/StepConnector/StepConnector.js +1 -1
  350. package/legacy/StepContent/StepContent.js +2 -2
  351. package/legacy/StepIcon/StepIcon.js +1 -1
  352. package/legacy/StepLabel/StepLabel.js +1 -1
  353. package/legacy/Stepper/Stepper.js +1 -1
  354. package/legacy/SvgIcon/SvgIcon.js +1 -1
  355. package/legacy/Switch/Switch.js +1 -1
  356. package/legacy/Tab/Tab.js +1 -1
  357. package/legacy/TabScrollButton/TabScrollButton.js +1 -1
  358. package/legacy/Table/Table.js +1 -1
  359. package/legacy/TableBody/TableBody.js +1 -1
  360. package/legacy/TableCell/TableCell.js +1 -1
  361. package/legacy/TableContainer/TableContainer.js +1 -1
  362. package/legacy/TableFooter/TableFooter.js +1 -1
  363. package/legacy/TableHead/TableHead.js +1 -1
  364. package/legacy/TablePagination/TablePagination.js +1 -1
  365. package/legacy/TableRow/TableRow.js +1 -1
  366. package/legacy/TableSortLabel/TableSortLabel.js +1 -1
  367. package/legacy/Tabs/Tabs.js +1 -1
  368. package/legacy/TextField/TextField.js +6 -12
  369. package/legacy/ToggleButton/ToggleButton.js +1 -1
  370. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  371. package/legacy/Toolbar/Toolbar.js +1 -1
  372. package/legacy/Tooltip/Tooltip.js +2 -2
  373. package/legacy/Typography/Typography.js +1 -1
  374. package/legacy/index.js +1 -1
  375. package/legacy/styles/adaptV4Theme.js +1 -1
  376. package/legacy/styles/index.js +1 -1
  377. package/legacy/styles/responsiveFontSizes.js +1 -1
  378. package/legacy/useMediaQuery/useMediaQuery.js +31 -83
  379. package/locale/index.d.ts +66 -66
  380. package/modern/Accordion/Accordion.js +2 -2
  381. package/modern/AccordionActions/AccordionActions.js +1 -1
  382. package/modern/AccordionDetails/AccordionDetails.js +1 -1
  383. package/modern/AccordionSummary/AccordionSummary.js +2 -2
  384. package/modern/Alert/Alert.js +1 -3
  385. package/modern/AlertTitle/AlertTitle.js +1 -1
  386. package/modern/AppBar/AppBar.js +1 -1
  387. package/modern/Autocomplete/Autocomplete.js +1 -1
  388. package/modern/Avatar/Avatar.js +1 -1
  389. package/modern/AvatarGroup/AvatarGroup.js +20 -5
  390. package/modern/Backdrop/Backdrop.js +1 -1
  391. package/modern/Badge/Badge.js +17 -4
  392. package/modern/BottomNavigation/BottomNavigation.js +1 -1
  393. package/modern/BottomNavigationAction/BottomNavigationAction.js +1 -1
  394. package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
  395. package/modern/Button/Button.js +16 -35
  396. package/modern/ButtonBase/ButtonBase.js +2 -2
  397. package/modern/ButtonGroup/ButtonGroup.js +1 -1
  398. package/modern/Card/Card.js +1 -1
  399. package/modern/CardActionArea/CardActionArea.js +1 -1
  400. package/modern/CardActions/CardActions.js +1 -1
  401. package/modern/CardContent/CardContent.js +1 -1
  402. package/modern/CardHeader/CardHeader.js +1 -1
  403. package/modern/CardMedia/CardMedia.js +1 -1
  404. package/modern/Checkbox/Checkbox.js +1 -1
  405. package/modern/Chip/Chip.js +1 -1
  406. package/modern/CircularProgress/CircularProgress.js +1 -1
  407. package/modern/Collapse/Collapse.js +1 -1
  408. package/modern/Container/Container.js +1 -1
  409. package/modern/CssBaseline/CssBaseline.js +1 -1
  410. package/modern/Dialog/Dialog.js +2 -2
  411. package/modern/DialogActions/DialogActions.js +1 -1
  412. package/modern/DialogContent/DialogContent.js +1 -1
  413. package/modern/DialogContentText/DialogContentText.js +1 -1
  414. package/modern/DialogTitle/DialogTitle.js +1 -1
  415. package/modern/Divider/Divider.js +1 -1
  416. package/modern/Drawer/Drawer.js +1 -1
  417. package/modern/Fab/Fab.js +1 -1
  418. package/modern/FilledInput/FilledInput.js +1 -1
  419. package/modern/FormControl/FormControl.js +1 -1
  420. package/modern/FormControlLabel/FormControlLabel.js +1 -1
  421. package/modern/FormGroup/FormGroup.js +1 -1
  422. package/modern/FormHelperText/FormHelperText.js +1 -1
  423. package/modern/FormLabel/FormLabel.js +1 -1
  424. package/modern/Grid/Grid.js +98 -69
  425. package/modern/Icon/Icon.js +1 -1
  426. package/modern/IconButton/IconButton.js +1 -1
  427. package/modern/ImageList/ImageList.js +1 -1
  428. package/modern/ImageListItem/ImageListItem.js +1 -1
  429. package/modern/ImageListItemBar/ImageListItemBar.js +1 -1
  430. package/modern/Input/Input.js +1 -1
  431. package/modern/InputAdornment/InputAdornment.js +1 -1
  432. package/modern/InputBase/InputBase.js +11 -3
  433. package/modern/InputLabel/InputLabel.js +1 -1
  434. package/modern/LinearProgress/LinearProgress.js +1 -1
  435. package/modern/Link/Link.js +1 -1
  436. package/modern/List/List.js +1 -1
  437. package/modern/ListItem/ListItem.js +1 -1
  438. package/modern/ListItemAvatar/ListItemAvatar.js +1 -1
  439. package/modern/ListItemButton/ListItemButton.js +2 -2
  440. package/modern/ListItemIcon/ListItemIcon.js +1 -1
  441. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  442. package/modern/ListItemText/ListItemText.js +1 -1
  443. package/modern/ListSubheader/ListSubheader.js +1 -1
  444. package/modern/Menu/Menu.js +2 -2
  445. package/modern/MenuItem/MenuItem.js +2 -2
  446. package/modern/MobileStepper/MobileStepper.js +1 -1
  447. package/modern/Modal/Modal.js +1 -1
  448. package/modern/NativeSelect/NativeSelect.js +1 -1
  449. package/modern/OutlinedInput/OutlinedInput.js +15 -2
  450. package/modern/Pagination/Pagination.js +1 -1
  451. package/modern/PaginationItem/PaginationItem.js +1 -1
  452. package/modern/Paper/Paper.js +1 -1
  453. package/modern/Popover/Popover.js +2 -2
  454. package/modern/Radio/Radio.js +1 -1
  455. package/modern/Rating/Rating.js +1 -1
  456. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  457. package/modern/Select/Select.js +1 -1
  458. package/modern/Select/SelectInput.js +17 -1
  459. package/modern/Skeleton/Skeleton.js +1 -1
  460. package/modern/Slider/Slider.js +1 -1
  461. package/modern/Snackbar/Snackbar.js +62 -6
  462. package/modern/SnackbarContent/SnackbarContent.js +1 -1
  463. package/modern/SpeedDial/SpeedDial.js +2 -2
  464. package/modern/SpeedDialAction/SpeedDialAction.js +1 -1
  465. package/modern/SpeedDialIcon/SpeedDialIcon.js +1 -1
  466. package/modern/Stack/Stack.js +1 -1
  467. package/modern/Step/Step.js +1 -1
  468. package/modern/StepButton/StepButton.js +1 -1
  469. package/modern/StepConnector/StepConnector.js +1 -1
  470. package/modern/StepContent/StepContent.js +2 -2
  471. package/modern/StepIcon/StepIcon.js +1 -1
  472. package/modern/StepLabel/StepLabel.js +1 -1
  473. package/modern/Stepper/Stepper.js +1 -1
  474. package/modern/SvgIcon/SvgIcon.js +1 -1
  475. package/modern/Switch/Switch.js +1 -1
  476. package/modern/Tab/Tab.js +1 -1
  477. package/modern/TabScrollButton/TabScrollButton.js +1 -1
  478. package/modern/Table/Table.js +1 -1
  479. package/modern/TableBody/TableBody.js +1 -1
  480. package/modern/TableCell/TableCell.js +1 -1
  481. package/modern/TableContainer/TableContainer.js +1 -1
  482. package/modern/TableFooter/TableFooter.js +1 -1
  483. package/modern/TableHead/TableHead.js +1 -1
  484. package/modern/TablePagination/TablePagination.js +1 -1
  485. package/modern/TableRow/TableRow.js +1 -1
  486. package/modern/TableSortLabel/TableSortLabel.js +1 -1
  487. package/modern/Tabs/Tabs.js +1 -1
  488. package/modern/TextField/TextField.js +6 -10
  489. package/modern/ToggleButton/ToggleButton.js +1 -1
  490. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  491. package/modern/Toolbar/Toolbar.js +1 -1
  492. package/modern/Tooltip/Tooltip.js +2 -2
  493. package/modern/Typography/Typography.js +1 -1
  494. package/modern/index.js +1 -1
  495. package/modern/styles/adaptV4Theme.js +1 -1
  496. package/modern/styles/index.js +1 -1
  497. package/modern/styles/responsiveFontSizes.js +1 -1
  498. package/modern/useMediaQuery/useMediaQuery.js +26 -65
  499. package/node/Accordion/Accordion.js +2 -2
  500. package/node/AccordionActions/AccordionActions.js +1 -1
  501. package/node/AccordionDetails/AccordionDetails.js +1 -1
  502. package/node/AccordionSummary/AccordionSummary.js +2 -2
  503. package/node/Alert/Alert.js +1 -3
  504. package/node/AlertTitle/AlertTitle.js +1 -1
  505. package/node/AppBar/AppBar.js +1 -1
  506. package/node/Autocomplete/Autocomplete.js +1 -1
  507. package/node/Avatar/Avatar.js +1 -1
  508. package/node/AvatarGroup/AvatarGroup.js +20 -5
  509. package/node/Backdrop/Backdrop.js +1 -1
  510. package/node/Badge/Badge.js +17 -4
  511. package/node/BottomNavigation/BottomNavigation.js +1 -1
  512. package/node/BottomNavigationAction/BottomNavigationAction.js +1 -1
  513. package/node/Breadcrumbs/Breadcrumbs.js +1 -1
  514. package/node/Button/Button.js +17 -34
  515. package/node/ButtonBase/ButtonBase.js +2 -2
  516. package/node/ButtonGroup/ButtonGroup.js +1 -1
  517. package/node/Card/Card.js +1 -1
  518. package/node/CardActionArea/CardActionArea.js +1 -1
  519. package/node/CardActions/CardActions.js +1 -1
  520. package/node/CardContent/CardContent.js +1 -1
  521. package/node/CardHeader/CardHeader.js +1 -1
  522. package/node/CardMedia/CardMedia.js +1 -1
  523. package/node/Checkbox/Checkbox.js +1 -1
  524. package/node/Chip/Chip.js +1 -1
  525. package/node/CircularProgress/CircularProgress.js +1 -1
  526. package/node/Collapse/Collapse.js +1 -1
  527. package/node/Container/Container.js +1 -1
  528. package/node/CssBaseline/CssBaseline.js +1 -1
  529. package/node/Dialog/Dialog.js +2 -2
  530. package/node/DialogActions/DialogActions.js +1 -1
  531. package/node/DialogContent/DialogContent.js +1 -1
  532. package/node/DialogContentText/DialogContentText.js +1 -1
  533. package/node/DialogTitle/DialogTitle.js +1 -1
  534. package/node/Divider/Divider.js +1 -1
  535. package/node/Drawer/Drawer.js +1 -1
  536. package/node/Fab/Fab.js +1 -1
  537. package/node/FilledInput/FilledInput.js +1 -1
  538. package/node/FormControl/FormControl.js +1 -1
  539. package/node/FormControlLabel/FormControlLabel.js +1 -1
  540. package/node/FormGroup/FormGroup.js +1 -1
  541. package/node/FormHelperText/FormHelperText.js +1 -1
  542. package/node/FormLabel/FormLabel.js +1 -1
  543. package/node/Grid/Grid.js +101 -68
  544. package/node/Icon/Icon.js +1 -1
  545. package/node/IconButton/IconButton.js +1 -1
  546. package/node/ImageList/ImageList.js +1 -1
  547. package/node/ImageListItem/ImageListItem.js +1 -1
  548. package/node/ImageListItemBar/ImageListItemBar.js +1 -1
  549. package/node/Input/Input.js +1 -1
  550. package/node/InputAdornment/InputAdornment.js +1 -1
  551. package/node/InputBase/InputBase.js +11 -3
  552. package/node/InputLabel/InputLabel.js +1 -1
  553. package/node/LinearProgress/LinearProgress.js +1 -1
  554. package/node/Link/Link.js +1 -1
  555. package/node/List/List.js +1 -1
  556. package/node/ListItem/ListItem.js +1 -1
  557. package/node/ListItemAvatar/ListItemAvatar.js +1 -1
  558. package/node/ListItemButton/ListItemButton.js +2 -2
  559. package/node/ListItemIcon/ListItemIcon.js +1 -1
  560. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  561. package/node/ListItemText/ListItemText.js +1 -1
  562. package/node/ListSubheader/ListSubheader.js +1 -1
  563. package/node/Menu/Menu.js +2 -2
  564. package/node/MenuItem/MenuItem.js +2 -2
  565. package/node/MobileStepper/MobileStepper.js +1 -1
  566. package/node/Modal/Modal.js +1 -1
  567. package/node/NativeSelect/NativeSelect.js +1 -1
  568. package/node/OutlinedInput/OutlinedInput.js +16 -2
  569. package/node/Pagination/Pagination.js +1 -1
  570. package/node/PaginationItem/PaginationItem.js +1 -1
  571. package/node/Paper/Paper.js +1 -1
  572. package/node/Popover/Popover.js +2 -2
  573. package/node/Radio/Radio.js +1 -1
  574. package/node/Rating/Rating.js +1 -1
  575. package/node/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  576. package/node/Select/Select.js +1 -1
  577. package/node/Select/SelectInput.js +17 -1
  578. package/node/Skeleton/Skeleton.js +1 -1
  579. package/node/Slider/Slider.js +1 -1
  580. package/node/Snackbar/Snackbar.js +62 -6
  581. package/node/SnackbarContent/SnackbarContent.js +1 -1
  582. package/node/SpeedDial/SpeedDial.js +2 -2
  583. package/node/SpeedDialAction/SpeedDialAction.js +1 -1
  584. package/node/SpeedDialIcon/SpeedDialIcon.js +1 -1
  585. package/node/Stack/Stack.js +1 -1
  586. package/node/Step/Step.js +1 -1
  587. package/node/StepButton/StepButton.js +1 -1
  588. package/node/StepConnector/StepConnector.js +1 -1
  589. package/node/StepContent/StepContent.js +2 -2
  590. package/node/StepIcon/StepIcon.js +1 -1
  591. package/node/StepLabel/StepLabel.js +1 -1
  592. package/node/Stepper/Stepper.js +1 -1
  593. package/node/SvgIcon/SvgIcon.js +1 -1
  594. package/node/Switch/Switch.js +1 -1
  595. package/node/Tab/Tab.js +1 -1
  596. package/node/TabScrollButton/TabScrollButton.js +1 -1
  597. package/node/Table/Table.js +1 -1
  598. package/node/TableBody/TableBody.js +1 -1
  599. package/node/TableCell/TableCell.js +1 -1
  600. package/node/TableContainer/TableContainer.js +1 -1
  601. package/node/TableFooter/TableFooter.js +1 -1
  602. package/node/TableHead/TableHead.js +1 -1
  603. package/node/TablePagination/TablePagination.js +1 -1
  604. package/node/TableRow/TableRow.js +1 -1
  605. package/node/TableSortLabel/TableSortLabel.js +1 -1
  606. package/node/Tabs/Tabs.js +1 -1
  607. package/node/TextField/TextField.js +4 -10
  608. package/node/ToggleButton/ToggleButton.js +1 -1
  609. package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  610. package/node/Toolbar/Toolbar.js +1 -1
  611. package/node/Tooltip/Tooltip.js +2 -2
  612. package/node/Typography/Typography.js +1 -1
  613. package/node/index.js +1 -1
  614. package/node/styles/adaptV4Theme.js +1 -1
  615. package/node/styles/index.js +6 -0
  616. package/node/styles/responsiveFontSizes.js +1 -1
  617. package/node/useMediaQuery/useMediaQuery.js +26 -65
  618. package/package.json +5 -5
  619. package/styles/adaptV4Theme.js +1 -1
  620. package/styles/createTheme.d.ts +1 -1
  621. package/styles/cssUtils.d.ts +32 -0
  622. package/styles/index.d.ts +4 -1
  623. package/styles/index.js +1 -1
  624. package/styles/responsiveFontSizes.js +1 -1
  625. package/transitions/index.d.ts +1 -1
  626. package/transitions/transition.d.ts +13 -14
  627. package/transitions/utils.d.ts +23 -23
  628. package/umd/material-ui.development.js +1116 -1032
  629. package/umd/material-ui.production.min.js +21 -21
  630. package/useMediaQuery/useMediaQuery.d.ts +27 -31
  631. package/useMediaQuery/useMediaQuery.js +26 -65
  632. package/useTouchRipple/index.d.ts +1 -1
  633. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  634. package/utils/getScrollbarSize.d.ts +2 -2
  635. package/utils/ownerDocument.d.ts +2 -2
  636. package/utils/ownerWindow.d.ts +2 -2
  637. package/utils/setRef.d.ts +2 -2
@@ -87,6 +87,6 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
87
87
  /**
88
88
  * The system prop that allows defining system overrides as well as additional CSS styles.
89
89
  */
90
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
90
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
91
91
  } : void 0;
92
92
  export default DialogTitle;
@@ -1,8 +1,8 @@
1
- export interface DialogTitleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type DialogTitleClassKey = keyof DialogTitleClasses;
6
- export declare function getDialogTitleUtilityClass(slot: string): string;
7
- declare const dialogTitleClasses: DialogTitleClasses;
8
- export default dialogTitleClasses;
1
+ export interface DialogTitleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type DialogTitleClassKey = keyof DialogTitleClasses;
6
+ export declare function getDialogTitleUtilityClass(slot: string): string;
7
+ declare const dialogTitleClasses: DialogTitleClasses;
8
+ export default dialogTitleClasses;
@@ -247,7 +247,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes
247
247
  /**
248
248
  * The system prop that allows defining system overrides as well as additional CSS styles.
249
249
  */
250
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
250
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
251
251
 
252
252
  /**
253
253
  * The text alignment.
@@ -1,34 +1,34 @@
1
- export interface DividerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `absolute={true}`. */
5
- absolute: string;
6
- /** Styles applied to the root element if `variant="inset"`. */
7
- inset: string;
8
- /** Styles applied to the root element if `variant="fullWidth"`. */
9
- fullWidth: string;
10
- /** Styles applied to the root element if `light={true}`. */
11
- light: string;
12
- /** Styles applied to the root element if `variant="middle"`. */
13
- middle: string;
14
- /** Styles applied to the root element if `orientation="vertical"`. */
15
- vertical: string;
16
- /** Styles applied to the root element if `flexItem={true}`. */
17
- flexItem: string;
18
- /** Styles applied to the root element if divider have text. */
19
- withChildren: string;
20
- /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
- withChildrenVertical: string;
22
- /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
- textAlignRight: string;
24
- /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
- textAlignLeft: string;
26
- /** Styles applied to the span children element if `orientation="horizontal"`. */
27
- wrapper: string;
28
- /** Styles applied to the span children element if `orientation="vertical"`. */
29
- wrapperVertical: string;
30
- }
31
- export declare type DividerClassKey = keyof DividerClasses;
32
- export declare function getDividerUtilityClass(slot: string): string;
33
- declare const dividerClasses: DividerClasses;
34
- export default dividerClasses;
1
+ export interface DividerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `absolute={true}`. */
5
+ absolute: string;
6
+ /** Styles applied to the root element if `variant="inset"`. */
7
+ inset: string;
8
+ /** Styles applied to the root element if `variant="fullWidth"`. */
9
+ fullWidth: string;
10
+ /** Styles applied to the root element if `light={true}`. */
11
+ light: string;
12
+ /** Styles applied to the root element if `variant="middle"`. */
13
+ middle: string;
14
+ /** Styles applied to the root element if `orientation="vertical"`. */
15
+ vertical: string;
16
+ /** Styles applied to the root element if `flexItem={true}`. */
17
+ flexItem: string;
18
+ /** Styles applied to the root element if divider have text. */
19
+ withChildren: string;
20
+ /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
21
+ withChildrenVertical: string;
22
+ /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
23
+ textAlignRight: string;
24
+ /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
25
+ textAlignLeft: string;
26
+ /** Styles applied to the span children element if `orientation="horizontal"`. */
27
+ wrapper: string;
28
+ /** Styles applied to the span children element if `orientation="vertical"`. */
29
+ wrapperVertical: string;
30
+ }
31
+ export declare type DividerClassKey = keyof DividerClasses;
32
+ export declare function getDividerUtilityClass(slot: string): string;
33
+ declare const dividerClasses: DividerClasses;
34
+ export default dividerClasses;
package/Drawer/Drawer.js CHANGED
@@ -313,7 +313,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
313
313
  /**
314
314
  * The system prop that allows defining system overrides as well as additional CSS styles.
315
315
  */
316
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
316
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
317
317
 
318
318
  /**
319
319
  * The duration for the transition, in milliseconds.
@@ -1,30 +1,30 @@
1
- export interface DrawerClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="permanent or persistent"`. */
5
- docked: string;
6
- /** Styles applied to the Paper component. */
7
- paper: string;
8
- /** Styles applied to the Paper component if `anchor="left"`. */
9
- paperAnchorLeft: string;
10
- /** Styles applied to the Paper component if `anchor="right"`. */
11
- paperAnchorRight: string;
12
- /** Styles applied to the Paper component if `anchor="top"`. */
13
- paperAnchorTop: string;
14
- /** Styles applied to the Paper component if `anchor="bottom"`. */
15
- paperAnchorBottom: string;
16
- /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
17
- paperAnchorDockedLeft: string;
18
- /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
19
- paperAnchorDockedTop: string;
20
- /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
21
- paperAnchorDockedRight: string;
22
- /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
23
- paperAnchorDockedBottom: string;
24
- /** Styles applied to the Modal component. */
25
- modal: string;
26
- }
27
- export declare type DrawerClassKey = keyof DrawerClasses;
28
- export declare function getDrawerUtilityClass(slot: string): string;
29
- declare const drawerClasses: DrawerClasses;
30
- export default drawerClasses;
1
+ export interface DrawerClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="permanent or persistent"`. */
5
+ docked: string;
6
+ /** Styles applied to the Paper component. */
7
+ paper: string;
8
+ /** Styles applied to the Paper component if `anchor="left"`. */
9
+ paperAnchorLeft: string;
10
+ /** Styles applied to the Paper component if `anchor="right"`. */
11
+ paperAnchorRight: string;
12
+ /** Styles applied to the Paper component if `anchor="top"`. */
13
+ paperAnchorTop: string;
14
+ /** Styles applied to the Paper component if `anchor="bottom"`. */
15
+ paperAnchorBottom: string;
16
+ /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
17
+ paperAnchorDockedLeft: string;
18
+ /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
19
+ paperAnchorDockedTop: string;
20
+ /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
21
+ paperAnchorDockedRight: string;
22
+ /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
23
+ paperAnchorDockedBottom: string;
24
+ /** Styles applied to the Modal component. */
25
+ modal: string;
26
+ }
27
+ export declare type DrawerClassKey = keyof DrawerClasses;
28
+ export declare function getDrawerUtilityClass(slot: string): string;
29
+ declare const drawerClasses: DrawerClasses;
30
+ export default drawerClasses;
package/Fab/Fab.js CHANGED
@@ -238,7 +238,7 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
238
238
  /**
239
239
  * The system prop that allows defining system overrides as well as additional CSS styles.
240
240
  */
241
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
241
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
242
242
 
243
243
  /**
244
244
  * The variant to use.
@@ -1,26 +1,26 @@
1
- export interface FabClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `color="primary"`. */
5
- primary: string;
6
- /** Styles applied to the root element if `color="secondary"`. */
7
- secondary: string;
8
- /** Styles applied to the root element if `variant="extended"`. */
9
- extended: string;
10
- /** Styles applied to the root element if `variant="circular"`. */
11
- circular: string;
12
- /** State class applied to the ButtonBase root element if the button is keyboard focused. */
13
- focusVisible: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the root element if `color="inherit"`. */
17
- colorInherit: string;
18
- /** Styles applied to the root element if `size="small"``. */
19
- sizeSmall: string;
20
- /** Styles applied to the root element if `size="medium"``. */
21
- sizeMedium: string;
22
- }
23
- export declare type FabClassKey = keyof FabClasses;
24
- export declare function getFabUtilityClass(slot: string): string;
25
- declare const fabClasses: FabClasses;
26
- export default fabClasses;
1
+ export interface FabClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `color="primary"`. */
5
+ primary: string;
6
+ /** Styles applied to the root element if `color="secondary"`. */
7
+ secondary: string;
8
+ /** Styles applied to the root element if `variant="extended"`. */
9
+ extended: string;
10
+ /** Styles applied to the root element if `variant="circular"`. */
11
+ circular: string;
12
+ /** State class applied to the ButtonBase root element if the button is keyboard focused. */
13
+ focusVisible: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the root element if `color="inherit"`. */
17
+ colorInherit: string;
18
+ /** Styles applied to the root element if `size="small"``. */
19
+ sizeSmall: string;
20
+ /** Styles applied to the root element if `size="medium"``. */
21
+ sizeMedium: string;
22
+ }
23
+ export declare type FabClassKey = keyof FabClasses;
24
+ export declare function getFabUtilityClass(slot: string): string;
25
+ declare const fabClasses: FabClasses;
26
+ export default fabClasses;
package/Fade/Fade.d.ts CHANGED
@@ -44,6 +44,6 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
44
44
  * API:
45
45
  *
46
46
  * - [Fade API](https://mui.com/api/fade/)
47
- * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition#Transition-props)
47
+ * - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
48
48
  */
49
49
  export default function Fade(props: FadeProps): JSX.Element;
@@ -389,7 +389,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
389
389
  /**
390
390
  * The system prop that allows defining system overrides as well as additional CSS styles.
391
391
  */
392
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
392
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
393
393
 
394
394
  /**
395
395
  * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
@@ -1,40 +1,40 @@
1
- export interface FilledInputClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if color secondary. */
5
- colorSecondary: string;
6
- /** Styles applied to the root element unless `disableUnderline={true}`. */
7
- underline: string;
8
- /** State class applied to the root element if the component is focused. */
9
- focused: string;
10
- /** State class applied to the root element if `disabled={true}`. */
11
- disabled: string;
12
- /** Styles applied to the root element if `startAdornment` is provided. */
13
- adornedStart: string;
14
- /** Styles applied to the root element if `endAdornment` is provided. */
15
- adornedEnd: string;
16
- /** State class applied to the root element if `error={true}`. */
17
- error: string;
18
- /** Styles applied to the input element if `size="small"`. */
19
- sizeSmall: string;
20
- /** Styles applied to the root element if `multiline={true}`. */
21
- multiline: string;
22
- /** Styles applied to the root element if `hiddenLabel={true}`. */
23
- hiddenLabel: string;
24
- /** Styles applied to the input element. */
25
- input: string;
26
- /** Styles applied to the input element if `size="small"`. */
27
- inputSizeSmall: string;
28
- /** Styles applied to the `input` if in `<FormControl hiddenLabel />`. */
29
- inputHiddenLabel: string;
30
- /** Styles applied to the input element if `multiline={true}`. */
31
- inputMultiline: string;
32
- /** Styles applied to the input element if `startAdornment` is provided. */
33
- inputAdornedStart: string;
34
- /** Styles applied to the input element if `endAdornment` is provided. */
35
- inputAdornedEnd: string;
36
- }
37
- export declare type FilledInputClassKey = keyof FilledInputClasses;
38
- export declare function getFilledInputUtilityClass(slot: string): string;
39
- declare const filledInputClasses: FilledInputClasses;
40
- export default filledInputClasses;
1
+ export interface FilledInputClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if color secondary. */
5
+ colorSecondary: string;
6
+ /** Styles applied to the root element unless `disableUnderline={true}`. */
7
+ underline: string;
8
+ /** State class applied to the root element if the component is focused. */
9
+ focused: string;
10
+ /** State class applied to the root element if `disabled={true}`. */
11
+ disabled: string;
12
+ /** Styles applied to the root element if `startAdornment` is provided. */
13
+ adornedStart: string;
14
+ /** Styles applied to the root element if `endAdornment` is provided. */
15
+ adornedEnd: string;
16
+ /** State class applied to the root element if `error={true}`. */
17
+ error: string;
18
+ /** Styles applied to the input element if `size="small"`. */
19
+ sizeSmall: string;
20
+ /** Styles applied to the root element if `multiline={true}`. */
21
+ multiline: string;
22
+ /** Styles applied to the root element if `hiddenLabel={true}`. */
23
+ hiddenLabel: string;
24
+ /** Styles applied to the input element. */
25
+ input: string;
26
+ /** Styles applied to the input element if `size="small"`. */
27
+ inputSizeSmall: string;
28
+ /** Styles applied to the `input` if in `<FormControl hiddenLabel />`. */
29
+ inputHiddenLabel: string;
30
+ /** Styles applied to the input element if `multiline={true}`. */
31
+ inputMultiline: string;
32
+ /** Styles applied to the input element if `startAdornment` is provided. */
33
+ inputAdornedStart: string;
34
+ /** Styles applied to the input element if `endAdornment` is provided. */
35
+ inputAdornedEnd: string;
36
+ }
37
+ export declare type FilledInputClassKey = keyof FilledInputClasses;
38
+ export declare function getFilledInputUtilityClass(slot: string): string;
39
+ declare const filledInputClasses: FilledInputClasses;
40
+ export default filledInputClasses;
@@ -314,7 +314,7 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
314
314
  /**
315
315
  * The system prop that allows defining system overrides as well as additional CSS styles.
316
316
  */
317
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
317
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
318
318
 
319
319
  /**
320
320
  * The variant to use.
@@ -1,14 +1,14 @@
1
- export interface FormControlClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `margin="normal"`. */
5
- marginNormal: string;
6
- /** Styles applied to the root element if `margin="dense"`. */
7
- marginDense: string;
8
- /** Styles applied to the root element if `fullWidth={true}`. */
9
- fullWidth: string;
10
- }
11
- export declare type FormControlClassKey = keyof FormControlClasses;
12
- export declare function getFormControlUtilityClasses(slot: string): string;
13
- declare const formControlClasses: FormControlClasses;
14
- export default formControlClasses;
1
+ export interface FormControlClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `margin="normal"`. */
5
+ marginNormal: string;
6
+ /** Styles applied to the root element if `margin="dense"`. */
7
+ marginDense: string;
8
+ /** Styles applied to the root element if `fullWidth={true}`. */
9
+ fullWidth: string;
10
+ }
11
+ export declare type FormControlClassKey = keyof FormControlClasses;
12
+ export declare function getFormControlUtilityClasses(slot: string): string;
13
+ declare const formControlClasses: FormControlClasses;
14
+ export default formControlClasses;
@@ -211,7 +211,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
211
211
  /**
212
212
  * The system prop that allows defining system overrides as well as additional CSS styles.
213
213
  */
214
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
214
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
215
215
 
216
216
  /**
217
217
  * The value of the component.
@@ -1,18 +1,18 @@
1
- export interface FormControlLabelClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `labelPlacement="start"`. */
5
- labelPlacementStart: string;
6
- /** Styles applied to the root element if `labelPlacement="top"`. */
7
- labelPlacementTop: string;
8
- /** Styles applied to the root element if `labelPlacement="bottom"`. */
9
- labelPlacementBottom: string;
10
- /** State class applied to the root element if `disabled={true}`. */
11
- disabled: string;
12
- /** Styles applied to the label's Typography component. */
13
- label: string;
14
- }
15
- export declare type FormControlLabelClassKey = keyof FormControlLabelClasses;
16
- export declare function getFormControlLabelUtilityClasses(slot: string): string;
17
- declare const formControlLabelClasses: FormControlLabelClasses;
18
- export default formControlLabelClasses;
1
+ export interface FormControlLabelClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `labelPlacement="start"`. */
5
+ labelPlacementStart: string;
6
+ /** Styles applied to the root element if `labelPlacement="top"`. */
7
+ labelPlacementTop: string;
8
+ /** Styles applied to the root element if `labelPlacement="bottom"`. */
9
+ labelPlacementBottom: string;
10
+ /** State class applied to the root element if `disabled={true}`. */
11
+ disabled: string;
12
+ /** Styles applied to the label's Typography component. */
13
+ label: string;
14
+ }
15
+ export declare type FormControlLabelClassKey = keyof FormControlLabelClasses;
16
+ export declare function getFormControlLabelUtilityClasses(slot: string): string;
17
+ declare const formControlLabelClasses: FormControlLabelClasses;
18
+ export default formControlLabelClasses;
@@ -100,6 +100,6 @@ process.env.NODE_ENV !== "production" ? FormGroup.propTypes
100
100
  /**
101
101
  * The system prop that allows defining system overrides as well as additional CSS styles.
102
102
  */
103
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
103
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
104
104
  } : void 0;
105
105
  export default FormGroup;
@@ -1,10 +1,10 @@
1
- export interface FormGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `row={true}`. */
5
- row: string;
6
- }
7
- export declare type FormGroupClassKey = keyof FormGroupClasses;
8
- export declare function getFormGroupUtilityClass(slot: string): string;
9
- declare const formGroupClasses: FormGroupClasses;
10
- export default formGroupClasses;
1
+ export interface FormGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `row={true}`. */
5
+ row: string;
6
+ }
7
+ export declare type FormGroupClassKey = keyof FormGroupClasses;
8
+ export declare function getFormGroupUtilityClass(slot: string): string;
9
+ declare const formGroupClasses: FormGroupClasses;
10
+ export default formGroupClasses;
@@ -178,7 +178,7 @@ process.env.NODE_ENV !== "production" ? FormHelperText.propTypes
178
178
  /**
179
179
  * The system prop that allows defining system overrides as well as additional CSS styles.
180
180
  */
181
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
181
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
182
182
 
183
183
  /**
184
184
  * The variant to use.
@@ -1,22 +1,22 @@
1
- export interface FormHelperTextClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `error={true}`. */
5
- error: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** Styles applied to the root element if `size="small"`. */
9
- sizeSmall: string;
10
- /** Styles applied to the root element if `variant="filled"` or `variant="outlined"`. */
11
- contained: string;
12
- /** State class applied to the root element if `focused={true}`. */
13
- focused: string;
14
- /** State class applied to the root element if `filled={true}`. */
15
- filled: string;
16
- /** State class applied to the root element if `required={true}`. */
17
- required: string;
18
- }
19
- export declare type FormHelperTextClassKey = keyof FormHelperTextClasses;
20
- export declare function getFormHelperTextUtilityClasses(slot: string): string;
21
- declare const formHelperTextClasses: FormHelperTextClasses;
22
- export default formHelperTextClasses;
1
+ export interface FormHelperTextClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `error={true}`. */
5
+ error: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** Styles applied to the root element if `size="small"`. */
9
+ sizeSmall: string;
10
+ /** Styles applied to the root element if `variant="filled"` or `variant="outlined"`. */
11
+ contained: string;
12
+ /** State class applied to the root element if `focused={true}`. */
13
+ focused: string;
14
+ /** State class applied to the root element if `filled={true}`. */
15
+ filled: string;
16
+ /** State class applied to the root element if `required={true}`. */
17
+ required: string;
18
+ }
19
+ export declare type FormHelperTextClassKey = keyof FormHelperTextClasses;
20
+ export declare function getFormHelperTextUtilityClasses(slot: string): string;
21
+ declare const formHelperTextClasses: FormHelperTextClasses;
22
+ export default formHelperTextClasses;
@@ -177,6 +177,6 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes
177
177
  /**
178
178
  * The system prop that allows defining system overrides as well as additional CSS styles.
179
179
  */
180
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
180
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
181
181
  } : void 0;
182
182
  export default FormLabel;
@@ -1,22 +1,22 @@
1
- export interface FormLabelClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if the color is secondary. */
5
- colorSecondary: string;
6
- /** State class applied to the root element if `focused={true}`. */
7
- focused: string;
8
- /** State class applied to the root element if `disabled={true}`. */
9
- disabled: string;
10
- /** State class applied to the root element if `error={true}`. */
11
- error: string;
12
- /** State class applied to the root element if `filled={true}`. */
13
- filled: string;
14
- /** State class applied to the root element if `required={true}`. */
15
- required: string;
16
- /** Styles applied to the asterisk element. */
17
- asterisk: string;
18
- }
19
- export declare type FormLabelClassKey = keyof FormLabelClasses;
20
- export declare function getFormLabelUtilityClasses(slot: string): string;
21
- declare const formLabelClasses: FormLabelClasses;
22
- export default formLabelClasses;
1
+ export interface FormLabelClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if the color is secondary. */
5
+ colorSecondary: string;
6
+ /** State class applied to the root element if `focused={true}`. */
7
+ focused: string;
8
+ /** State class applied to the root element if `disabled={true}`. */
9
+ disabled: string;
10
+ /** State class applied to the root element if `error={true}`. */
11
+ error: string;
12
+ /** State class applied to the root element if `filled={true}`. */
13
+ filled: string;
14
+ /** State class applied to the root element if `required={true}`. */
15
+ required: string;
16
+ /** Styles applied to the asterisk element. */
17
+ asterisk: string;
18
+ }
19
+ export declare type FormLabelClassKey = keyof FormLabelClasses;
20
+ export declare function getFormLabelUtilityClasses(slot: string): string;
21
+ declare const formLabelClasses: FormLabelClasses;
22
+ export default formLabelClasses;
@@ -1,10 +1,11 @@
1
1
  import { GlobalStylesProps as StyledGlobalStylesProps } from '@mui/system';
2
+ import { Theme } from '../styles';
2
3
 
3
4
  export interface GlobalStylesProps {
4
5
  /**
5
6
  * The styles you want to apply globally.
6
7
  */
7
- styles: StyledGlobalStylesProps['styles'];
8
+ styles: StyledGlobalStylesProps<Theme>['styles'];
8
9
  }
9
10
 
10
11
  /**