@mui/material 5.2.1 → 5.2.5

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 (634) 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 +279 -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 -13
  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 +13 -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.d.ts +1 -1
  242. package/Tabs/Tabs.js +1 -1
  243. package/Tabs/tabsClasses.d.ts +32 -32
  244. package/TextField/TextField.js +6 -12
  245. package/TextField/textFieldClasses.d.ts +8 -8
  246. package/ToggleButton/ToggleButton.js +1 -1
  247. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  248. package/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  249. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  250. package/Toolbar/Toolbar.js +1 -1
  251. package/Toolbar/toolbarClasses.d.ts +14 -14
  252. package/Tooltip/Tooltip.d.ts +1 -1
  253. package/Tooltip/Tooltip.js +2 -2
  254. package/Tooltip/tooltipClasses.d.ts +30 -30
  255. package/Typography/Typography.js +1 -1
  256. package/Typography/typographyClasses.d.ts +50 -50
  257. package/Zoom/Zoom.d.ts +1 -1
  258. package/darkScrollbar/index.d.ts +28 -28
  259. package/index.js +1 -1
  260. package/internal/switchBaseClasses.d.ts +12 -12
  261. package/legacy/Accordion/Accordion.js +2 -2
  262. package/legacy/AccordionActions/AccordionActions.js +1 -1
  263. package/legacy/AccordionDetails/AccordionDetails.js +1 -1
  264. package/legacy/AccordionSummary/AccordionSummary.js +2 -2
  265. package/legacy/Alert/Alert.js +1 -3
  266. package/legacy/AlertTitle/AlertTitle.js +1 -1
  267. package/legacy/AppBar/AppBar.js +1 -1
  268. package/legacy/Autocomplete/Autocomplete.js +1 -1
  269. package/legacy/Avatar/Avatar.js +1 -1
  270. package/legacy/AvatarGroup/AvatarGroup.js +19 -4
  271. package/legacy/Backdrop/Backdrop.js +1 -1
  272. package/legacy/Badge/Badge.js +19 -5
  273. package/legacy/BottomNavigation/BottomNavigation.js +1 -1
  274. package/legacy/BottomNavigationAction/BottomNavigationAction.js +1 -1
  275. package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
  276. package/legacy/Button/Button.js +23 -35
  277. package/legacy/ButtonBase/ButtonBase.js +2 -2
  278. package/legacy/ButtonGroup/ButtonGroup.js +1 -1
  279. package/legacy/Card/Card.js +1 -1
  280. package/legacy/CardActionArea/CardActionArea.js +1 -1
  281. package/legacy/CardActions/CardActions.js +1 -1
  282. package/legacy/CardContent/CardContent.js +1 -1
  283. package/legacy/CardHeader/CardHeader.js +1 -1
  284. package/legacy/CardMedia/CardMedia.js +1 -1
  285. package/legacy/Checkbox/Checkbox.js +1 -1
  286. package/legacy/Chip/Chip.js +1 -1
  287. package/legacy/CircularProgress/CircularProgress.js +1 -1
  288. package/legacy/Collapse/Collapse.js +1 -1
  289. package/legacy/Container/Container.js +1 -1
  290. package/legacy/CssBaseline/CssBaseline.js +1 -1
  291. package/legacy/Dialog/Dialog.js +2 -2
  292. package/legacy/DialogActions/DialogActions.js +1 -1
  293. package/legacy/DialogContent/DialogContent.js +1 -1
  294. package/legacy/DialogContentText/DialogContentText.js +1 -1
  295. package/legacy/DialogTitle/DialogTitle.js +1 -1
  296. package/legacy/Divider/Divider.js +1 -1
  297. package/legacy/Drawer/Drawer.js +1 -1
  298. package/legacy/Fab/Fab.js +1 -1
  299. package/legacy/FilledInput/FilledInput.js +1 -1
  300. package/legacy/FormControl/FormControl.js +1 -1
  301. package/legacy/FormControlLabel/FormControlLabel.js +1 -1
  302. package/legacy/FormGroup/FormGroup.js +1 -1
  303. package/legacy/FormHelperText/FormHelperText.js +1 -1
  304. package/legacy/FormLabel/FormLabel.js +1 -1
  305. package/legacy/Grid/Grid.js +109 -81
  306. package/legacy/Icon/Icon.js +1 -1
  307. package/legacy/IconButton/IconButton.js +1 -1
  308. package/legacy/ImageList/ImageList.js +1 -1
  309. package/legacy/ImageListItem/ImageListItem.js +1 -1
  310. package/legacy/ImageListItemBar/ImageListItemBar.js +1 -1
  311. package/legacy/Input/Input.js +1 -1
  312. package/legacy/InputAdornment/InputAdornment.js +1 -1
  313. package/legacy/InputBase/InputBase.js +11 -3
  314. package/legacy/InputLabel/InputLabel.js +1 -1
  315. package/legacy/LinearProgress/LinearProgress.js +1 -1
  316. package/legacy/Link/Link.js +1 -1
  317. package/legacy/List/List.js +1 -1
  318. package/legacy/ListItem/ListItem.js +1 -1
  319. package/legacy/ListItemAvatar/ListItemAvatar.js +1 -1
  320. package/legacy/ListItemButton/ListItemButton.js +2 -2
  321. package/legacy/ListItemIcon/ListItemIcon.js +1 -1
  322. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  323. package/legacy/ListItemText/ListItemText.js +1 -1
  324. package/legacy/ListSubheader/ListSubheader.js +1 -1
  325. package/legacy/Menu/Menu.js +2 -2
  326. package/legacy/MenuItem/MenuItem.js +2 -2
  327. package/legacy/MobileStepper/MobileStepper.js +1 -1
  328. package/legacy/Modal/Modal.js +1 -1
  329. package/legacy/NativeSelect/NativeSelect.js +1 -1
  330. package/legacy/OutlinedInput/OutlinedInput.js +15 -2
  331. package/legacy/Pagination/Pagination.js +1 -1
  332. package/legacy/PaginationItem/PaginationItem.js +1 -1
  333. package/legacy/Paper/Paper.js +1 -1
  334. package/legacy/Popover/Popover.js +2 -2
  335. package/legacy/Radio/Radio.js +1 -1
  336. package/legacy/Rating/Rating.js +1 -1
  337. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  338. package/legacy/Select/Select.js +1 -1
  339. package/legacy/Select/SelectInput.js +13 -3
  340. package/legacy/Skeleton/Skeleton.js +1 -1
  341. package/legacy/Slider/Slider.js +1 -1
  342. package/legacy/Snackbar/Snackbar.js +62 -6
  343. package/legacy/SnackbarContent/SnackbarContent.js +1 -1
  344. package/legacy/SpeedDial/SpeedDial.js +2 -2
  345. package/legacy/SpeedDialAction/SpeedDialAction.js +1 -1
  346. package/legacy/SpeedDialIcon/SpeedDialIcon.js +1 -1
  347. package/legacy/Stack/Stack.js +1 -1
  348. package/legacy/Step/Step.js +1 -1
  349. package/legacy/StepButton/StepButton.js +1 -1
  350. package/legacy/StepConnector/StepConnector.js +1 -1
  351. package/legacy/StepContent/StepContent.js +2 -2
  352. package/legacy/StepIcon/StepIcon.js +1 -1
  353. package/legacy/StepLabel/StepLabel.js +1 -1
  354. package/legacy/Stepper/Stepper.js +1 -1
  355. package/legacy/SvgIcon/SvgIcon.js +1 -1
  356. package/legacy/Switch/Switch.js +1 -1
  357. package/legacy/Tab/Tab.js +1 -1
  358. package/legacy/TabScrollButton/TabScrollButton.js +1 -1
  359. package/legacy/Table/Table.js +1 -1
  360. package/legacy/TableBody/TableBody.js +1 -1
  361. package/legacy/TableCell/TableCell.js +1 -1
  362. package/legacy/TableContainer/TableContainer.js +1 -1
  363. package/legacy/TableFooter/TableFooter.js +1 -1
  364. package/legacy/TableHead/TableHead.js +1 -1
  365. package/legacy/TablePagination/TablePagination.js +1 -1
  366. package/legacy/TableRow/TableRow.js +1 -1
  367. package/legacy/TableSortLabel/TableSortLabel.js +1 -1
  368. package/legacy/Tabs/Tabs.js +1 -1
  369. package/legacy/TextField/TextField.js +6 -12
  370. package/legacy/ToggleButton/ToggleButton.js +1 -1
  371. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  372. package/legacy/Toolbar/Toolbar.js +1 -1
  373. package/legacy/Tooltip/Tooltip.js +2 -2
  374. package/legacy/Typography/Typography.js +1 -1
  375. package/legacy/index.js +1 -1
  376. package/legacy/locale/index.js +175 -92
  377. package/legacy/styles/adaptV4Theme.js +1 -1
  378. package/legacy/styles/responsiveFontSizes.js +1 -1
  379. package/locale/index.d.ts +67 -66
  380. package/locale/index.js +80 -0
  381. package/modern/Accordion/Accordion.js +2 -2
  382. package/modern/AccordionActions/AccordionActions.js +1 -1
  383. package/modern/AccordionDetails/AccordionDetails.js +1 -1
  384. package/modern/AccordionSummary/AccordionSummary.js +2 -2
  385. package/modern/Alert/Alert.js +1 -3
  386. package/modern/AlertTitle/AlertTitle.js +1 -1
  387. package/modern/AppBar/AppBar.js +1 -1
  388. package/modern/Autocomplete/Autocomplete.js +1 -1
  389. package/modern/Avatar/Avatar.js +1 -1
  390. package/modern/AvatarGroup/AvatarGroup.js +20 -5
  391. package/modern/Backdrop/Backdrop.js +1 -1
  392. package/modern/Badge/Badge.js +17 -4
  393. package/modern/BottomNavigation/BottomNavigation.js +1 -1
  394. package/modern/BottomNavigationAction/BottomNavigationAction.js +1 -1
  395. package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
  396. package/modern/Button/Button.js +16 -35
  397. package/modern/ButtonBase/ButtonBase.js +2 -2
  398. package/modern/ButtonGroup/ButtonGroup.js +1 -1
  399. package/modern/Card/Card.js +1 -1
  400. package/modern/CardActionArea/CardActionArea.js +1 -1
  401. package/modern/CardActions/CardActions.js +1 -1
  402. package/modern/CardContent/CardContent.js +1 -1
  403. package/modern/CardHeader/CardHeader.js +1 -1
  404. package/modern/CardMedia/CardMedia.js +1 -1
  405. package/modern/Checkbox/Checkbox.js +1 -1
  406. package/modern/Chip/Chip.js +1 -1
  407. package/modern/CircularProgress/CircularProgress.js +1 -1
  408. package/modern/Collapse/Collapse.js +1 -1
  409. package/modern/Container/Container.js +1 -1
  410. package/modern/CssBaseline/CssBaseline.js +1 -1
  411. package/modern/Dialog/Dialog.js +2 -2
  412. package/modern/DialogActions/DialogActions.js +1 -1
  413. package/modern/DialogContent/DialogContent.js +1 -1
  414. package/modern/DialogContentText/DialogContentText.js +1 -1
  415. package/modern/DialogTitle/DialogTitle.js +1 -1
  416. package/modern/Divider/Divider.js +1 -1
  417. package/modern/Drawer/Drawer.js +1 -1
  418. package/modern/Fab/Fab.js +1 -1
  419. package/modern/FilledInput/FilledInput.js +1 -1
  420. package/modern/FormControl/FormControl.js +1 -1
  421. package/modern/FormControlLabel/FormControlLabel.js +1 -1
  422. package/modern/FormGroup/FormGroup.js +1 -1
  423. package/modern/FormHelperText/FormHelperText.js +1 -1
  424. package/modern/FormLabel/FormLabel.js +1 -1
  425. package/modern/Grid/Grid.js +98 -69
  426. package/modern/Icon/Icon.js +1 -1
  427. package/modern/IconButton/IconButton.js +1 -1
  428. package/modern/ImageList/ImageList.js +1 -1
  429. package/modern/ImageListItem/ImageListItem.js +1 -1
  430. package/modern/ImageListItemBar/ImageListItemBar.js +1 -1
  431. package/modern/Input/Input.js +1 -1
  432. package/modern/InputAdornment/InputAdornment.js +1 -1
  433. package/modern/InputBase/InputBase.js +11 -3
  434. package/modern/InputLabel/InputLabel.js +1 -1
  435. package/modern/LinearProgress/LinearProgress.js +1 -1
  436. package/modern/Link/Link.js +1 -1
  437. package/modern/List/List.js +1 -1
  438. package/modern/ListItem/ListItem.js +1 -1
  439. package/modern/ListItemAvatar/ListItemAvatar.js +1 -1
  440. package/modern/ListItemButton/ListItemButton.js +2 -2
  441. package/modern/ListItemIcon/ListItemIcon.js +1 -1
  442. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  443. package/modern/ListItemText/ListItemText.js +1 -1
  444. package/modern/ListSubheader/ListSubheader.js +1 -1
  445. package/modern/Menu/Menu.js +2 -2
  446. package/modern/MenuItem/MenuItem.js +2 -2
  447. package/modern/MobileStepper/MobileStepper.js +1 -1
  448. package/modern/Modal/Modal.js +1 -1
  449. package/modern/NativeSelect/NativeSelect.js +1 -1
  450. package/modern/OutlinedInput/OutlinedInput.js +15 -2
  451. package/modern/Pagination/Pagination.js +1 -1
  452. package/modern/PaginationItem/PaginationItem.js +1 -1
  453. package/modern/Paper/Paper.js +1 -1
  454. package/modern/Popover/Popover.js +2 -2
  455. package/modern/Radio/Radio.js +1 -1
  456. package/modern/Rating/Rating.js +1 -1
  457. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  458. package/modern/Select/Select.js +1 -1
  459. package/modern/Select/SelectInput.js +13 -1
  460. package/modern/Skeleton/Skeleton.js +1 -1
  461. package/modern/Slider/Slider.js +1 -1
  462. package/modern/Snackbar/Snackbar.js +62 -6
  463. package/modern/SnackbarContent/SnackbarContent.js +1 -1
  464. package/modern/SpeedDial/SpeedDial.js +2 -2
  465. package/modern/SpeedDialAction/SpeedDialAction.js +1 -1
  466. package/modern/SpeedDialIcon/SpeedDialIcon.js +1 -1
  467. package/modern/Stack/Stack.js +1 -1
  468. package/modern/Step/Step.js +1 -1
  469. package/modern/StepButton/StepButton.js +1 -1
  470. package/modern/StepConnector/StepConnector.js +1 -1
  471. package/modern/StepContent/StepContent.js +2 -2
  472. package/modern/StepIcon/StepIcon.js +1 -1
  473. package/modern/StepLabel/StepLabel.js +1 -1
  474. package/modern/Stepper/Stepper.js +1 -1
  475. package/modern/SvgIcon/SvgIcon.js +1 -1
  476. package/modern/Switch/Switch.js +1 -1
  477. package/modern/Tab/Tab.js +1 -1
  478. package/modern/TabScrollButton/TabScrollButton.js +1 -1
  479. package/modern/Table/Table.js +1 -1
  480. package/modern/TableBody/TableBody.js +1 -1
  481. package/modern/TableCell/TableCell.js +1 -1
  482. package/modern/TableContainer/TableContainer.js +1 -1
  483. package/modern/TableFooter/TableFooter.js +1 -1
  484. package/modern/TableHead/TableHead.js +1 -1
  485. package/modern/TablePagination/TablePagination.js +1 -1
  486. package/modern/TableRow/TableRow.js +1 -1
  487. package/modern/TableSortLabel/TableSortLabel.js +1 -1
  488. package/modern/Tabs/Tabs.js +1 -1
  489. package/modern/TextField/TextField.js +6 -10
  490. package/modern/ToggleButton/ToggleButton.js +1 -1
  491. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
  492. package/modern/Toolbar/Toolbar.js +1 -1
  493. package/modern/Tooltip/Tooltip.js +2 -2
  494. package/modern/Typography/Typography.js +1 -1
  495. package/modern/index.js +1 -1
  496. package/modern/locale/index.js +80 -0
  497. package/modern/styles/adaptV4Theme.js +1 -1
  498. package/modern/styles/responsiveFontSizes.js +1 -1
  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 +13 -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/locale/index.js +82 -1
  615. package/node/styles/adaptV4Theme.js +1 -1
  616. package/node/styles/responsiveFontSizes.js +1 -1
  617. package/package.json +5 -5
  618. package/styles/adaptV4Theme.js +1 -1
  619. package/styles/createTheme.d.ts +1 -1
  620. package/styles/cssUtils.d.ts +32 -0
  621. package/styles/index.d.ts +3 -1
  622. package/styles/responsiveFontSizes.js +1 -1
  623. package/transitions/index.d.ts +1 -1
  624. package/transitions/transition.d.ts +13 -14
  625. package/transitions/utils.d.ts +23 -23
  626. package/umd/material-ui.development.js +1065 -938
  627. package/umd/material-ui.production.min.js +21 -21
  628. package/useMediaQuery/useMediaQuery.d.ts +27 -27
  629. package/useTouchRipple/index.d.ts +1 -1
  630. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  631. package/utils/getScrollbarSize.d.ts +2 -2
  632. package/utils/ownerDocument.d.ts +2 -2
  633. package/utils/ownerWindow.d.ts +2 -2
  634. package/utils/setRef.d.ts +2 -2
package/node/ButtonBase/ButtonBase.js CHANGED
@@ -446,7 +446,7 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
446
446
  * This prop can help identify which element has keyboard focus.
447
447
  * The class name will be applied when the element gains the focus through keyboard interaction.
448
448
  * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
449
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/master/explainer.md).
449
+ * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
450
450
  * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
451
451
  * if needed.
452
452
  */
@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
539
539
  /**
540
540
  * The system prop that allows defining system overrides as well as additional CSS styles.
541
541
  */
542
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
542
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
543
543
 
544
544
  /**
545
545
  * @default 0
package/node/ButtonGroup/ButtonGroup.js CHANGED
@@ -289,7 +289,7 @@ process.env.NODE_ENV !== "production" ? ButtonGroup.propTypes
289
289
  /**
290
290
  * The system prop that allows defining system overrides as well as additional CSS styles.
291
291
  */
292
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
292
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
293
293
 
294
294
  /**
295
295
  * The variant to use.
package/node/Card/Card.js CHANGED
@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? Card.propTypes
115
115
  /**
116
116
  * The system prop that allows defining system overrides as well as additional CSS styles.
117
117
  */
118
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
118
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
119
119
  } : void 0;
120
120
  var _default = Card;
121
121
  exports.default = _default;
package/node/CardActionArea/CardActionArea.js CHANGED
@@ -143,7 +143,7 @@ process.env.NODE_ENV !== "production" ? CardActionArea.propTypes
143
143
  /**
144
144
  * The system prop that allows defining system overrides as well as additional CSS styles.
145
145
  */
146
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
146
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
147
147
  } : void 0;
148
148
  var _default = CardActionArea;
149
149
  exports.default = _default;
package/node/CardActions/CardActions.js CHANGED
@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? CardActions.propTypes
116
116
  /**
117
117
  * The system prop that allows defining system overrides as well as additional CSS styles.
118
118
  */
119
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
119
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
120
120
  } : void 0;
121
121
  var _default = CardActions;
122
122
  exports.default = _default;
package/node/CardContent/CardContent.js CHANGED
@@ -108,7 +108,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes
108
108
  /**
109
109
  * The system prop that allows defining system overrides as well as additional CSS styles.
110
110
  */
111
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
111
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
112
112
  } : void 0;
113
113
  var _default = CardContent;
114
114
  exports.default = _default;
package/node/CardHeader/CardHeader.js CHANGED
@@ -223,7 +223,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes
223
223
  /**
224
224
  * The system prop that allows defining system overrides as well as additional CSS styles.
225
225
  */
226
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
226
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
227
227
 
228
228
  /**
229
229
  * The content of the component.
package/node/CardMedia/CardMedia.js CHANGED
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? CardMedia.propTypes
168
168
  /**
169
169
  * The system prop that allows defining system overrides as well as additional CSS styles.
170
170
  */
171
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
171
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
172
172
  } : void 0;
173
173
  var _default = CardMedia;
174
174
  exports.default = _default;
package/node/Checkbox/Checkbox.js CHANGED
@@ -242,7 +242,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
242
242
  /**
243
243
  * The system prop that allows defining system overrides as well as additional CSS styles.
244
244
  */
245
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
245
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
246
246
 
247
247
  /**
248
248
  * The value of the component. The DOM API casts this to a string.
package/node/Chip/Chip.js CHANGED
@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
539
539
  /**
540
540
  * The system prop that allows defining system overrides as well as additional CSS styles.
541
541
  */
542
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
542
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
543
543
 
544
544
  /**
545
545
  * The variant to use.
package/node/CircularProgress/CircularProgress.js CHANGED
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
265
265
  /**
266
266
  * The system prop that allows defining system overrides as well as additional CSS styles.
267
267
  */
268
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
268
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
269
269
 
270
270
  /**
271
271
  * The thickness of the circle.
package/node/Collapse/Collapse.js CHANGED
@@ -426,7 +426,7 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
426
426
  /**
427
427
  * The system prop that allows defining system overrides as well as additional CSS styles.
428
428
  */
429
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
429
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
430
430
 
431
431
  /**
432
432
  * The duration for the transition, in milliseconds.
package/node/Container/Container.js CHANGED
@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
182
182
  /**
183
183
  * The system prop that allows defining system overrides as well as additional CSS styles.
184
184
  */
185
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
185
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
186
186
  } : void 0;
187
187
  var _default = Container;
188
188
  exports.default = _default;
package/node/CssBaseline/CssBaseline.js CHANGED
@@ -117,7 +117,7 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes
117
117
  children: _propTypes.default.node,
118
118
 
119
119
  /**
120
- * Enable `color-scheme` css property to use `theme.palette.mode`.
120
+ * Enable `color-scheme` CSS property to use `theme.palette.mode`.
121
121
  * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
122
122
  * For browser support, check out https://caniuse.com/?search=color-scheme
123
123
  * @default false
package/node/Dialog/Dialog.js CHANGED
@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
416
416
  /**
417
417
  * The system prop that allows defining system overrides as well as additional CSS styles.
418
418
  */
419
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
419
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
420
420
 
421
421
  /**
422
422
  * The component used for the transition.
@@ -438,7 +438,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
438
438
 
439
439
  /**
440
440
  * Props applied to the transition element.
441
- * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
441
+ * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
442
442
  */
443
443
  TransitionProps: _propTypes.default.object
444
444
  } : void 0;
package/node/DialogActions/DialogActions.js CHANGED
@@ -118,7 +118,7 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes
118
118
  /**
119
119
  * The system prop that allows defining system overrides as well as additional CSS styles.
120
120
  */
121
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
121
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
122
122
  } : void 0;
123
123
  var _default = DialogActions;
124
124
  exports.default = _default;
package/node/DialogContent/DialogContent.js CHANGED
@@ -125,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DialogContent.propTypes
125
125
  /**
126
126
  * The system prop that allows defining system overrides as well as additional CSS styles.
127
127
  */
128
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
128
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
129
129
  } : void 0;
130
130
  var _default = DialogContent;
131
131
  exports.default = _default;
package/node/DialogContentText/DialogContentText.js CHANGED
@@ -88,7 +88,7 @@ process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
88
88
  /**
89
89
  * The system prop that allows defining system overrides as well as additional CSS styles.
90
90
  */
91
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
91
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
92
92
  } : void 0;
93
93
  var _default = DialogContentText;
94
94
  exports.default = _default;
package/node/DialogTitle/DialogTitle.js CHANGED
@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
110
110
  /**
111
111
  * The system prop that allows defining system overrides as well as additional CSS styles.
112
112
  */
113
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
113
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
114
114
  } : void 0;
115
115
  var _default = DialogTitle;
116
116
  exports.default = _default;
package/node/Divider/Divider.js CHANGED
@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes
268
268
  /**
269
269
  * The system prop that allows defining system overrides as well as additional CSS styles.
270
270
  */
271
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
271
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
272
272
 
273
273
  /**
274
274
  * The text alignment.
package/node/Drawer/Drawer.js CHANGED
@@ -343,7 +343,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
343
343
  /**
344
344
  * The system prop that allows defining system overrides as well as additional CSS styles.
345
345
  */
346
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
346
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
347
347
 
348
348
  /**
349
349
  * The duration for the transition, in milliseconds.
package/node/Fab/Fab.js CHANGED
@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
260
260
  /**
261
261
  * The system prop that allows defining system overrides as well as additional CSS styles.
262
262
  */
263
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
263
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
264
264
 
265
265
  /**
266
266
  * The variant to use.
package/node/FilledInput/FilledInput.js CHANGED
@@ -411,7 +411,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
411
411
  /**
412
412
  * The system prop that allows defining system overrides as well as additional CSS styles.
413
413
  */
414
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
414
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
415
415
 
416
416
  /**
417
417
  * 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).
package/node/FormControl/FormControl.js CHANGED
@@ -338,7 +338,7 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
338
338
  /**
339
339
  * The system prop that allows defining system overrides as well as additional CSS styles.
340
340
  */
341
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
341
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
342
342
 
343
343
  /**
344
344
  * The variant to use.
package/node/FormControlLabel/FormControlLabel.js CHANGED
@@ -234,7 +234,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
234
234
  /**
235
235
  * The system prop that allows defining system overrides as well as additional CSS styles.
236
236
  */
237
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
237
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
238
238
 
239
239
  /**
240
240
  * The value of the component.
package/node/FormGroup/FormGroup.js CHANGED
@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? FormGroup.propTypes
120
120
  /**
121
121
  * The system prop that allows defining system overrides as well as additional CSS styles.
122
122
  */
123
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
123
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
124
124
  } : void 0;
125
125
  var _default = FormGroup;
126
126
  exports.default = _default;
package/node/FormHelperText/FormHelperText.js CHANGED
@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormHelperText.propTypes
200
200
  /**
201
201
  * The system prop that allows defining system overrides as well as additional CSS styles.
202
202
  */
203
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
203
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
204
204
 
205
205
  /**
206
206
  * The variant to use.
package/node/FormLabel/FormLabel.js CHANGED
@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes
200
200
  /**
201
201
  * The system prop that allows defining system overrides as well as additional CSS styles.
202
202
  */
203
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
203
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
204
204
  } : void 0;
205
205
  var _default = FormLabel;
206
206
  exports.default = _default;
package/node/Grid/Grid.js CHANGED
@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  exports.generateColumnGap = generateColumnGap;
10
10
  exports.generateDirection = generateDirection;
11
+ exports.generateGrid = generateGrid;
11
12
  exports.generateRowGap = generateRowGap;
13
+ exports.resolveSpacingClasses = resolveSpacingClasses;
12
14
 
13
15
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
14
16
 
@@ -47,67 +49,83 @@ function getOffset(val) {
47
49
  return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
48
50
  }
49
51
 
50
- function generateGrid(globalStyles, theme, breakpoint, ownerState) {
51
- const size = ownerState[breakpoint];
52
-
53
- if (!size) {
54
- return;
55
- }
56
-
57
- let styles = {};
58
-
59
- if (size === true) {
60
- // For the auto layouting
61
- styles = {
62
- flexBasis: 0,
63
- flexGrow: 1,
64
- maxWidth: '100%'
65
- };
66
- } else if (size === 'auto') {
67
- styles = {
68
- flexBasis: 'auto',
69
- flexGrow: 0,
70
- flexShrink: 0,
71
- maxWidth: 'none',
72
- width: 'auto'
73
- };
74
- } else {
75
- const columnsBreakpointValues = (0, _system.unstable_resolveBreakpointValues)({
76
- values: ownerState.columns,
77
- breakpoints: theme.breakpoints.values
78
- });
79
- const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues; // Keep 7 significant numbers.
80
-
81
- const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
82
- let more = {};
83
-
84
- if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
85
- const themeSpacing = theme.spacing(ownerState.columnSpacing);
86
-
87
- if (themeSpacing !== '0px') {
88
- const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
89
- more = {
90
- flexBasis: fullWidth,
91
- maxWidth: fullWidth
92
- };
93
- }
94
- } // Close to the bootstrap implementation:
95
- // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
52
+ function generateGrid({
53
+ theme,
54
+ ownerState
55
+ }) {
56
+ let size;
57
+ return theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
58
+ // Use side effect over immutability for better performance.
59
+ let styles = {};
96
60
 
61
+ if (ownerState[breakpoint]) {
62
+ size = ownerState[breakpoint];
63
+ }
97
64
 
98
- styles = (0, _extends2.default)({
99
- flexBasis: width,
100
- flexGrow: 0,
101
- maxWidth: width
102
- }, more);
103
- } // No need for a media query for the first size.
65
+ if (!size) {
66
+ return globalStyles;
67
+ }
104
68
 
69
+ if (size === true) {
70
+ // For the auto layouting
71
+ styles = {
72
+ flexBasis: 0,
73
+ flexGrow: 1,
74
+ maxWidth: '100%'
75
+ };
76
+ } else if (size === 'auto') {
77
+ styles = {
78
+ flexBasis: 'auto',
79
+ flexGrow: 0,
80
+ flexShrink: 0,
81
+ maxWidth: 'none',
82
+ width: 'auto'
83
+ };
84
+ } else {
85
+ const columnsBreakpointValues = (0, _system.unstable_resolveBreakpointValues)({
86
+ values: ownerState.columns,
87
+ breakpoints: theme.breakpoints.values
88
+ });
89
+ const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues;
90
+
91
+ if (columnValue === undefined || columnValue === null) {
92
+ return globalStyles;
93
+ } // Keep 7 significant numbers.
94
+
95
+
96
+ const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
97
+ let more = {};
98
+
99
+ if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
100
+ const themeSpacing = theme.spacing(ownerState.columnSpacing);
101
+
102
+ if (themeSpacing !== '0px') {
103
+ const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
104
+ more = {
105
+ flexBasis: fullWidth,
106
+ maxWidth: fullWidth
107
+ };
108
+ }
109
+ } // Close to the bootstrap implementation:
110
+ // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
111
+
112
+
113
+ styles = (0, _extends2.default)({
114
+ flexBasis: width,
115
+ flexGrow: 0,
116
+ maxWidth: width
117
+ }, more);
118
+ } // No need for a media query for the first size.
119
+
120
+
121
+ if (theme.breakpoints.values[breakpoint] === 0) {
122
+ Object.assign(globalStyles, styles);
123
+ } else {
124
+ globalStyles[theme.breakpoints.up(breakpoint)] = styles;
125
+ }
105
126
 
106
- if (theme.breakpoints.values[breakpoint] === 0) {
107
- Object.assign(globalStyles, styles);
108
- } else {
109
- globalStyles[theme.breakpoints.up(breakpoint)] = styles;
110
- }
127
+ return globalStyles;
128
+ }, {});
111
129
  }
112
130
 
113
131
  function generateDirection({
@@ -206,6 +224,28 @@ function generateColumnGap({
206
224
  }
207
225
 
208
226
  return styles;
227
+ }
228
+
229
+ function resolveSpacingClasses(spacing, container, styles = {}) {
230
+ // in case of grid item or undefined/null or `spacing` <= 0
231
+ if (!container || !spacing || spacing <= 0) {
232
+ return [];
233
+ } // in case of string/number `spacing`
234
+
235
+
236
+ if (typeof spacing === 'string' && !Number.isNaN(Number(spacing)) || typeof spacing === 'number') {
237
+ return [styles[`spacing-xs-${String(spacing)}`] || `spacing-xs-${String(spacing)}`];
238
+ } // in case of object `spacing`
239
+
240
+
241
+ const {
242
+ xs,
243
+ sm,
244
+ md,
245
+ lg,
246
+ xl
247
+ } = spacing;
248
+ return [Number(xs) > 0 && (styles[`spacing-xs-${String(xs)}`] || `spacing-xs-${String(xs)}`), Number(sm) > 0 && (styles[`spacing-sm-${String(sm)}`] || `spacing-sm-${String(sm)}`), Number(md) > 0 && (styles[`spacing-md-${String(md)}`] || `spacing-md-${String(md)}`), Number(lg) > 0 && (styles[`spacing-lg-${String(lg)}`] || `spacing-lg-${String(lg)}`), Number(xl) > 0 && (styles[`spacing-xl-${String(xl)}`] || `spacing-xl-${String(xl)}`)];
209
249
  } // Default CSS values
210
250
  // flex: '0 1 auto',
211
251
  // flexDirection: 'row',
@@ -231,7 +271,7 @@ const GridRoot = (0, _styled.default)('div', {
231
271
  xs,
232
272
  zeroMinWidth
233
273
  } = props.ownerState;
234
- return [styles.root, container && styles.container, item && styles.item, zeroMinWidth && styles.zeroMinWidth, container && spacing !== 0 && styles[`spacing-xs-${String(spacing)}`], direction !== 'row' && styles[`direction-xs-${String(direction)}`], wrap !== 'wrap' && styles[`wrap-xs-${String(wrap)}`], xs !== false && styles[`grid-xs-${String(xs)}`], sm !== false && styles[`grid-sm-${String(sm)}`], md !== false && styles[`grid-md-${String(md)}`], lg !== false && styles[`grid-lg-${String(lg)}`], xl !== false && styles[`grid-xl-${String(xl)}`]];
274
+ return [styles.root, container && styles.container, item && styles.item, zeroMinWidth && styles.zeroMinWidth, ...resolveSpacingClasses(spacing, container, styles), direction !== 'row' && styles[`direction-xs-${String(direction)}`], wrap !== 'wrap' && styles[`wrap-xs-${String(wrap)}`], xs !== false && styles[`grid-xs-${String(xs)}`], sm !== false && styles[`grid-sm-${String(sm)}`], md !== false && styles[`grid-md-${String(md)}`], lg !== false && styles[`grid-lg-${String(lg)}`], xl !== false && styles[`grid-xl-${String(xl)}`]];
235
275
  }
236
276
  })(({
237
277
  ownerState
@@ -250,14 +290,7 @@ const GridRoot = (0, _styled.default)('div', {
250
290
  flexWrap: 'nowrap'
251
291
  }, ownerState.wrap === 'reverse' && {
252
292
  flexWrap: 'wrap-reverse'
253
- }), generateDirection, generateRowGap, generateColumnGap, ({
254
- theme,
255
- ownerState
256
- }) => theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
257
- // Use side effect over immutability for better performance.
258
- generateGrid(globalStyles, theme, breakpoint, ownerState);
259
- return globalStyles;
260
- }, {}));
293
+ }), generateDirection, generateRowGap, generateColumnGap, generateGrid);
261
294
 
262
295
  const useUtilityClasses = ownerState => {
263
296
  const {
@@ -275,7 +308,7 @@ const useUtilityClasses = ownerState => {
275
308
  zeroMinWidth
276
309
  } = ownerState;
277
310
  const slots = {
278
- root: ['root', container && 'container', item && 'item', zeroMinWidth && 'zeroMinWidth', container && spacing !== 0 && `spacing-xs-${String(spacing)}`, direction !== 'row' && `direction-xs-${String(direction)}`, wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, xs !== false && `grid-xs-${String(xs)}`, sm !== false && `grid-sm-${String(sm)}`, md !== false && `grid-md-${String(md)}`, lg !== false && `grid-lg-${String(lg)}`, xl !== false && `grid-xl-${String(xl)}`]
311
+ root: ['root', container && 'container', item && 'item', zeroMinWidth && 'zeroMinWidth', ...resolveSpacingClasses(spacing, container), direction !== 'row' && `direction-xs-${String(direction)}`, wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, xs !== false && `grid-xs-${String(xs)}`, sm !== false && `grid-sm-${String(sm)}`, md !== false && `grid-md-${String(md)}`, lg !== false && `grid-lg-${String(lg)}`, xl !== false && `grid-xl-${String(xl)}`]
279
312
  };
280
313
  return (0, _base.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
281
314
  };
@@ -451,7 +484,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
451
484
  /**
452
485
  * The system prop that allows defining system overrides as well as additional CSS styles.
453
486
  */
454
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
487
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
455
488
 
456
489
  /**
457
490
  * Defines the `flex-wrap` style property.
package/node/Icon/Icon.js CHANGED
@@ -175,7 +175,7 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
175
175
  /**
176
176
  * The system prop that allows defining system overrides as well as additional CSS styles.
177
177
  */
178
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
178
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
179
179
  } : void 0;
180
180
  Icon.muiName = 'Icon';
181
181
  var _default = Icon;
package/node/IconButton/IconButton.js CHANGED
@@ -238,7 +238,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
238
238
  /**
239
239
  * The system prop that allows defining system overrides as well as additional CSS styles.
240
240
  */
241
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
241
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
242
242
  } : void 0;
243
243
  var _default = IconButton;
244
244
  exports.default = _default;
package/node/ImageList/ImageList.js CHANGED
@@ -184,7 +184,7 @@ process.env.NODE_ENV !== "production" ? ImageList.propTypes
184
184
  /**
185
185
  * The system prop that allows defining system overrides as well as additional CSS styles.
186
186
  */
187
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
187
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
188
188
 
189
189
  /**
190
190
  * The variant to use.
package/node/ImageListItem/ImageListItem.js CHANGED
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? ImageListItem.propTypes
209
209
  /**
210
210
  * The system prop that allows defining system overrides as well as additional CSS styles.
211
211
  */
212
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
212
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
213
213
  } : void 0;
214
214
  var _default = ImageListItem;
215
215
  exports.default = _default;
package/node/ImageListItemBar/ImageListItemBar.js CHANGED
@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? ImageListItemBar.propTypes
246
246
  /**
247
247
  * The system prop that allows defining system overrides as well as additional CSS styles.
248
248
  */
249
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
249
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
250
250
 
251
251
  /**
252
252
  * Title to be displayed.
package/node/Input/Input.js CHANGED
@@ -339,7 +339,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
339
339
  /**
340
340
  * The system prop that allows defining system overrides as well as additional CSS styles.
341
341
  */
342
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
342
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
343
343
 
344
344
  /**
345
345
  * 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).
package/node/InputAdornment/InputAdornment.js CHANGED
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? InputAdornment.propTypes
209
209
  /**
210
210
  * The system prop that allows defining system overrides as well as additional CSS styles.
211
211
  */
212
- sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
212
+ sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
213
213
 
214
214
  /**
215
215
  * The variant to use.