@mui/material 6.0.0-alpha.9 → 6.0.0-beta.0

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 (611) hide show
  1. package/Accordion/Accordion.d.ts +3 -5
  2. package/Accordion/Accordion.js +3 -5
  3. package/AccordionActions/AccordionActions.d.ts +2 -2
  4. package/AccordionActions/AccordionActions.js +3 -3
  5. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  6. package/AccordionDetails/AccordionDetails.js +3 -3
  7. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  8. package/AccordionSummary/AccordionSummary.js +3 -3
  9. package/Alert/Alert.d.ts +15 -6
  10. package/Alert/Alert.js +3 -3
  11. package/AlertTitle/AlertTitle.d.ts +3 -3
  12. package/AlertTitle/AlertTitle.js +3 -3
  13. package/AppBar/AppBar.d.ts +3 -3
  14. package/AppBar/AppBar.js +5 -9
  15. package/Autocomplete/Autocomplete.d.ts +3 -8
  16. package/Autocomplete/Autocomplete.js +13 -26
  17. package/Avatar/Avatar.d.ts +2 -3
  18. package/Avatar/Avatar.js +3 -4
  19. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  20. package/AvatarGroup/AvatarGroup.js +3 -3
  21. package/Backdrop/Backdrop.d.ts +5 -8
  22. package/Backdrop/Backdrop.js +5 -8
  23. package/Badge/Badge.d.ts +3 -3
  24. package/Badge/Badge.js +3 -3
  25. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  26. package/BottomNavigation/BottomNavigation.js +3 -3
  27. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  28. package/BottomNavigationAction/BottomNavigationAction.js +3 -3
  29. package/Box/Box.d.ts +2 -2
  30. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  31. package/Breadcrumbs/Breadcrumbs.js +3 -3
  32. package/Button/Button.d.ts +4 -4
  33. package/Button/Button.js +3 -3
  34. package/ButtonBase/ButtonBase.d.ts +2 -2
  35. package/ButtonBase/ButtonBase.js +23 -52
  36. package/ButtonBase/TouchRipple.js +3 -3
  37. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  38. package/ButtonGroup/ButtonGroup.js +3 -3
  39. package/CHANGELOG.md +331 -3
  40. package/Card/Card.d.ts +3 -3
  41. package/Card/Card.js +3 -3
  42. package/CardActionArea/CardActionArea.d.ts +3 -3
  43. package/CardActionArea/CardActionArea.js +3 -3
  44. package/CardActions/CardActions.d.ts +2 -2
  45. package/CardActions/CardActions.js +3 -3
  46. package/CardContent/CardContent.d.ts +2 -2
  47. package/CardContent/CardContent.js +3 -3
  48. package/CardHeader/CardHeader.d.ts +2 -2
  49. package/CardHeader/CardHeader.js +3 -3
  50. package/CardMedia/CardMedia.d.ts +2 -2
  51. package/CardMedia/CardMedia.js +3 -3
  52. package/Checkbox/Checkbox.d.ts +4 -4
  53. package/Checkbox/Checkbox.js +3 -3
  54. package/Chip/Chip.d.ts +5 -5
  55. package/Chip/Chip.js +3 -5
  56. package/CircularProgress/CircularProgress.d.ts +2 -2
  57. package/CircularProgress/CircularProgress.js +3 -3
  58. package/Collapse/Collapse.d.ts +5 -5
  59. package/Collapse/Collapse.js +3 -4
  60. package/Container/Container.d.ts +2 -2
  61. package/CssBaseline/CssBaseline.d.ts +2 -2
  62. package/CssBaseline/CssBaseline.js +66 -8
  63. package/DefaultPropsProvider/DefaultPropsProvider.d.ts +15 -0
  64. package/DefaultPropsProvider/DefaultPropsProvider.js +29 -0
  65. package/DefaultPropsProvider/index.d.ts +1 -0
  66. package/DefaultPropsProvider/index.js +1 -0
  67. package/DefaultPropsProvider/package.json +6 -0
  68. package/Dialog/Dialog.d.ts +3 -3
  69. package/Dialog/Dialog.js +4 -7
  70. package/DialogActions/DialogActions.d.ts +2 -2
  71. package/DialogActions/DialogActions.js +3 -3
  72. package/DialogContent/DialogContent.d.ts +2 -2
  73. package/DialogContent/DialogContent.js +3 -3
  74. package/DialogContentText/DialogContentText.d.ts +3 -3
  75. package/DialogContentText/DialogContentText.js +3 -3
  76. package/DialogTitle/DialogTitle.d.ts +3 -3
  77. package/DialogTitle/DialogTitle.js +3 -3
  78. package/Divider/Divider.d.ts +3 -3
  79. package/Divider/Divider.js +3 -3
  80. package/Drawer/Drawer.d.ts +3 -3
  81. package/Drawer/Drawer.js +3 -4
  82. package/Fab/Fab.d.ts +3 -3
  83. package/Fab/Fab.js +3 -3
  84. package/Fade/Fade.d.ts +3 -3
  85. package/Fade/Fade.js +1 -1
  86. package/FilledInput/FilledInput.d.ts +3 -3
  87. package/FilledInput/FilledInput.js +13 -11
  88. package/FilledInput/filledInputClasses.d.ts +1 -13
  89. package/FilledInput/filledInputClasses.js +1 -1
  90. package/FormControl/FormControl.d.ts +6 -6
  91. package/FormControl/FormControl.js +3 -3
  92. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  93. package/FormControlLabel/FormControlLabel.js +3 -3
  94. package/FormGroup/FormGroup.d.ts +3 -3
  95. package/FormGroup/FormGroup.js +3 -3
  96. package/FormHelperText/FormHelperText.d.ts +2 -2
  97. package/FormHelperText/FormHelperText.js +3 -3
  98. package/FormLabel/FormLabel.d.ts +4 -4
  99. package/FormLabel/FormLabel.js +3 -3
  100. package/GlobalStyles/GlobalStyles.d.ts +3 -3
  101. package/Grid/Grid.d.ts +2 -2
  102. package/Grid/Grid.js +7 -13
  103. package/Grow/Grow.d.ts +5 -5
  104. package/Grow/Grow.js +1 -1
  105. package/Hidden/Hidden.d.ts +2 -2
  106. package/Hidden/hiddenCssClasses.d.ts +3 -0
  107. package/Icon/Icon.d.ts +3 -3
  108. package/Icon/Icon.js +3 -3
  109. package/IconButton/IconButton.d.ts +4 -4
  110. package/IconButton/IconButton.js +3 -5
  111. package/ImageList/ImageList.d.ts +2 -2
  112. package/ImageList/ImageList.js +3 -11
  113. package/ImageListItem/ImageListItem.d.ts +2 -2
  114. package/ImageListItem/ImageListItem.js +3 -3
  115. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  116. package/ImageListItemBar/ImageListItemBar.js +3 -3
  117. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +10 -0
  118. package/InitColorSchemeScript/InitColorSchemeScript.js +16 -0
  119. package/InitColorSchemeScript/index.d.ts +1 -0
  120. package/InitColorSchemeScript/index.js +1 -0
  121. package/InitColorSchemeScript/package.json +6 -0
  122. package/Input/Input.d.ts +3 -3
  123. package/Input/Input.js +5 -9
  124. package/InputAdornment/InputAdornment.d.ts +2 -2
  125. package/InputAdornment/InputAdornment.js +3 -5
  126. package/InputBase/InputBase.d.ts +4 -6
  127. package/InputBase/InputBase.js +31 -40
  128. package/InputLabel/InputLabel.d.ts +3 -3
  129. package/InputLabel/InputLabel.js +3 -3
  130. package/LinearProgress/LinearProgress.d.ts +2 -2
  131. package/LinearProgress/LinearProgress.js +3 -3
  132. package/Link/Link.d.ts +4 -4
  133. package/Link/Link.js +7 -18
  134. package/List/List.d.ts +3 -3
  135. package/List/List.js +3 -3
  136. package/ListItem/ListItem.d.ts +3 -3
  137. package/ListItem/ListItem.js +3 -3
  138. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  139. package/ListItemAvatar/ListItemAvatar.js +3 -3
  140. package/ListItemButton/ListItemButton.d.ts +3 -3
  141. package/ListItemButton/ListItemButton.js +3 -3
  142. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  143. package/ListItemIcon/ListItemIcon.js +3 -3
  144. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  145. package/ListItemSecondaryAction/ListItemSecondaryAction.js +3 -3
  146. package/ListItemText/ListItemText.d.ts +2 -2
  147. package/ListItemText/ListItemText.js +3 -3
  148. package/ListSubheader/ListSubheader.d.ts +2 -2
  149. package/ListSubheader/ListSubheader.js +3 -3
  150. package/Menu/Menu.d.ts +4 -4
  151. package/Menu/Menu.js +4 -7
  152. package/MenuItem/MenuItem.d.ts +3 -3
  153. package/MenuItem/MenuItem.js +3 -3
  154. package/MenuList/MenuList.d.ts +4 -4
  155. package/MobileStepper/MobileStepper.d.ts +3 -3
  156. package/MobileStepper/MobileStepper.js +3 -3
  157. package/Modal/Modal.d.ts +10 -12
  158. package/Modal/Modal.js +32 -24
  159. package/NativeSelect/NativeSelect.d.ts +3 -3
  160. package/NativeSelect/NativeSelectInput.js +0 -4
  161. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  162. package/OutlinedInput/OutlinedInput.js +4 -5
  163. package/Pagination/Pagination.d.ts +2 -2
  164. package/Pagination/Pagination.js +3 -3
  165. package/PaginationItem/PaginationItem.d.ts +2 -2
  166. package/PaginationItem/PaginationItem.js +3 -3
  167. package/Paper/Paper.d.ts +3 -3
  168. package/Paper/Paper.js +3 -4
  169. package/PigmentContainer/PigmentContainer.d.ts +55 -0
  170. package/PigmentContainer/PigmentContainer.js +98 -0
  171. package/PigmentContainer/index.d.ts +3 -0
  172. package/PigmentContainer/index.js +3 -0
  173. package/PigmentContainer/package.json +6 -0
  174. package/PigmentGrid/PigmentGrid.d.ts +108 -0
  175. package/PigmentGrid/PigmentGrid.js +149 -0
  176. package/PigmentGrid/index.d.ts +3 -0
  177. package/PigmentGrid/index.js +3 -0
  178. package/{useTouchRipple → PigmentGrid}/package.json +1 -1
  179. package/PigmentHidden/PigmentHidden.d.ts +97 -0
  180. package/PigmentHidden/PigmentHidden.js +278 -0
  181. package/PigmentHidden/index.d.ts +2 -0
  182. package/PigmentHidden/index.js +2 -0
  183. package/PigmentHidden/package.json +6 -0
  184. package/PigmentStack/PigmentStack.d.ts +51 -0
  185. package/PigmentStack/PigmentStack.js +81 -0
  186. package/PigmentStack/index.d.ts +3 -0
  187. package/PigmentStack/index.js +3 -0
  188. package/PigmentStack/package.json +6 -0
  189. package/Popover/Popover.d.ts +20 -25
  190. package/Popover/Popover.js +30 -29
  191. package/Popper/Popper.d.ts +4 -4
  192. package/Popper/Popper.js +10 -9
  193. package/Radio/Radio.d.ts +3 -3
  194. package/Radio/Radio.js +3 -3
  195. package/RadioGroup/RadioGroup.d.ts +3 -3
  196. package/Rating/Rating.d.ts +2 -2
  197. package/Rating/Rating.js +8 -15
  198. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  199. package/ScopedCssBaseline/ScopedCssBaseline.js +24 -11
  200. package/Select/Select.d.ts +3 -3
  201. package/Skeleton/Skeleton.d.ts +2 -2
  202. package/Skeleton/Skeleton.js +3 -3
  203. package/Slide/Slide.d.ts +4 -4
  204. package/Slide/Slide.js +1 -1
  205. package/Slider/Slider.d.ts +3 -3
  206. package/Slider/Slider.js +3 -3
  207. package/Snackbar/Snackbar.d.ts +2 -2
  208. package/Snackbar/Snackbar.js +3 -4
  209. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  210. package/SnackbarContent/SnackbarContent.js +3 -3
  211. package/SpeedDial/SpeedDial.d.ts +2 -4
  212. package/SpeedDial/SpeedDial.js +3 -6
  213. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  214. package/SpeedDialAction/SpeedDialAction.js +3 -3
  215. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  216. package/SpeedDialIcon/SpeedDialIcon.js +3 -3
  217. package/Stack/Stack.d.ts +2 -2
  218. package/Step/Step.d.ts +2 -2
  219. package/Step/Step.js +3 -3
  220. package/StepButton/StepButton.d.ts +3 -3
  221. package/StepButton/StepButton.js +3 -3
  222. package/StepConnector/StepConnector.d.ts +3 -3
  223. package/StepConnector/StepConnector.js +3 -3
  224. package/StepContent/StepContent.d.ts +2 -2
  225. package/StepContent/StepContent.js +3 -3
  226. package/StepIcon/StepIcon.d.ts +2 -2
  227. package/StepIcon/StepIcon.js +3 -3
  228. package/StepLabel/StepLabel.d.ts +2 -4
  229. package/StepLabel/StepLabel.js +3 -7
  230. package/Stepper/Stepper.d.ts +2 -2
  231. package/Stepper/Stepper.js +7 -5
  232. package/Stepper/stepperClasses.d.ts +2 -0
  233. package/Stepper/stepperClasses.js +1 -1
  234. package/SvgIcon/SvgIcon.d.ts +3 -3
  235. package/SvgIcon/SvgIcon.js +3 -3
  236. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  237. package/SwipeableDrawer/SwipeableDrawer.js +3 -3
  238. package/Switch/Switch.d.ts +4 -4
  239. package/Switch/Switch.js +3 -3
  240. package/Tab/Tab.d.ts +4 -4
  241. package/Tab/Tab.js +14 -10
  242. package/Tab/tabClasses.d.ts +5 -1
  243. package/Tab/tabClasses.js +1 -1
  244. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  245. package/TabScrollButton/TabScrollButton.js +3 -3
  246. package/Table/Table.d.ts +2 -2
  247. package/Table/Table.js +3 -3
  248. package/TableBody/TableBody.d.ts +2 -2
  249. package/TableBody/TableBody.js +3 -3
  250. package/TableCell/TableCell.d.ts +2 -2
  251. package/TableCell/TableCell.js +3 -3
  252. package/TableContainer/TableContainer.d.ts +2 -2
  253. package/TableContainer/TableContainer.js +3 -3
  254. package/TableFooter/TableFooter.d.ts +2 -2
  255. package/TableFooter/TableFooter.js +3 -3
  256. package/TableHead/TableHead.d.ts +2 -2
  257. package/TableHead/TableHead.js +3 -3
  258. package/TablePagination/TablePagination.d.ts +4 -4
  259. package/TablePagination/TablePagination.js +3 -3
  260. package/TableRow/TableRow.d.ts +2 -2
  261. package/TableRow/TableRow.js +3 -3
  262. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  263. package/TableSortLabel/TableSortLabel.js +4 -4
  264. package/TableSortLabel/tableSortLabelClasses.d.ts +10 -2
  265. package/TableSortLabel/tableSortLabelClasses.js +1 -1
  266. package/Tabs/Tabs.d.ts +2 -2
  267. package/Tabs/Tabs.js +5 -14
  268. package/TextField/TextField.d.ts +10 -10
  269. package/TextField/TextField.js +3 -3
  270. package/ToggleButton/ToggleButton.d.ts +3 -3
  271. package/ToggleButton/ToggleButton.js +3 -3
  272. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  273. package/ToggleButtonGroup/ToggleButtonGroup.js +3 -3
  274. package/Toolbar/Toolbar.d.ts +2 -2
  275. package/Toolbar/Toolbar.js +3 -3
  276. package/Tooltip/Tooltip.d.ts +2 -2
  277. package/Tooltip/Tooltip.js +7 -18
  278. package/Typography/Typography.d.ts +3 -3
  279. package/Typography/Typography.js +4 -4
  280. package/Zoom/Zoom.d.ts +3 -3
  281. package/Zoom/Zoom.js +1 -1
  282. package/index.js +1 -1
  283. package/modern/Accordion/Accordion.js +3 -5
  284. package/modern/AccordionActions/AccordionActions.js +3 -3
  285. package/modern/AccordionDetails/AccordionDetails.js +3 -3
  286. package/modern/AccordionSummary/AccordionSummary.js +3 -3
  287. package/modern/Alert/Alert.js +3 -3
  288. package/modern/AlertTitle/AlertTitle.js +3 -3
  289. package/modern/AppBar/AppBar.js +5 -9
  290. package/modern/Autocomplete/Autocomplete.js +13 -26
  291. package/modern/Avatar/Avatar.js +3 -4
  292. package/modern/AvatarGroup/AvatarGroup.js +3 -3
  293. package/modern/Backdrop/Backdrop.js +5 -8
  294. package/modern/Badge/Badge.js +3 -3
  295. package/modern/BottomNavigation/BottomNavigation.js +3 -3
  296. package/modern/BottomNavigationAction/BottomNavigationAction.js +3 -3
  297. package/modern/Breadcrumbs/Breadcrumbs.js +3 -3
  298. package/modern/Button/Button.js +3 -3
  299. package/modern/ButtonBase/ButtonBase.js +23 -52
  300. package/modern/ButtonBase/TouchRipple.js +3 -3
  301. package/modern/ButtonGroup/ButtonGroup.js +3 -3
  302. package/modern/Card/Card.js +3 -3
  303. package/modern/CardActionArea/CardActionArea.js +3 -3
  304. package/modern/CardActions/CardActions.js +3 -3
  305. package/modern/CardContent/CardContent.js +3 -3
  306. package/modern/CardHeader/CardHeader.js +3 -3
  307. package/modern/CardMedia/CardMedia.js +3 -3
  308. package/modern/Checkbox/Checkbox.js +3 -3
  309. package/modern/Chip/Chip.js +3 -5
  310. package/modern/CircularProgress/CircularProgress.js +3 -3
  311. package/modern/Collapse/Collapse.js +3 -4
  312. package/modern/CssBaseline/CssBaseline.js +66 -8
  313. package/modern/DefaultPropsProvider/DefaultPropsProvider.js +29 -0
  314. package/modern/DefaultPropsProvider/index.js +1 -0
  315. package/modern/Dialog/Dialog.js +4 -7
  316. package/modern/DialogActions/DialogActions.js +3 -3
  317. package/modern/DialogContent/DialogContent.js +3 -3
  318. package/modern/DialogContentText/DialogContentText.js +3 -3
  319. package/modern/DialogTitle/DialogTitle.js +3 -3
  320. package/modern/Divider/Divider.js +3 -3
  321. package/modern/Drawer/Drawer.js +3 -4
  322. package/modern/Fab/Fab.js +3 -3
  323. package/modern/Fade/Fade.js +1 -1
  324. package/modern/FilledInput/FilledInput.js +13 -11
  325. package/modern/FilledInput/filledInputClasses.js +1 -1
  326. package/modern/FormControl/FormControl.js +3 -3
  327. package/modern/FormControlLabel/FormControlLabel.js +3 -3
  328. package/modern/FormGroup/FormGroup.js +3 -3
  329. package/modern/FormHelperText/FormHelperText.js +3 -3
  330. package/modern/FormLabel/FormLabel.js +3 -3
  331. package/modern/Grid/Grid.js +7 -13
  332. package/modern/Grow/Grow.js +1 -1
  333. package/modern/Icon/Icon.js +3 -3
  334. package/modern/IconButton/IconButton.js +3 -5
  335. package/modern/ImageList/ImageList.js +3 -11
  336. package/modern/ImageListItem/ImageListItem.js +3 -3
  337. package/modern/ImageListItemBar/ImageListItemBar.js +3 -3
  338. package/modern/InitColorSchemeScript/InitColorSchemeScript.js +16 -0
  339. package/modern/InitColorSchemeScript/index.js +1 -0
  340. package/modern/Input/Input.js +5 -9
  341. package/modern/InputAdornment/InputAdornment.js +3 -5
  342. package/modern/InputBase/InputBase.js +31 -40
  343. package/modern/InputLabel/InputLabel.js +3 -3
  344. package/modern/LinearProgress/LinearProgress.js +3 -3
  345. package/modern/Link/Link.js +7 -18
  346. package/modern/List/List.js +3 -3
  347. package/modern/ListItem/ListItem.js +3 -3
  348. package/modern/ListItemAvatar/ListItemAvatar.js +3 -3
  349. package/modern/ListItemButton/ListItemButton.js +3 -3
  350. package/modern/ListItemIcon/ListItemIcon.js +3 -3
  351. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +3 -3
  352. package/modern/ListItemText/ListItemText.js +3 -3
  353. package/modern/ListSubheader/ListSubheader.js +3 -3
  354. package/modern/Menu/Menu.js +4 -7
  355. package/modern/MenuItem/MenuItem.js +3 -3
  356. package/modern/MobileStepper/MobileStepper.js +3 -3
  357. package/modern/Modal/Modal.js +32 -24
  358. package/modern/NativeSelect/NativeSelectInput.js +0 -4
  359. package/modern/OutlinedInput/OutlinedInput.js +4 -5
  360. package/modern/Pagination/Pagination.js +3 -3
  361. package/modern/PaginationItem/PaginationItem.js +3 -3
  362. package/modern/Paper/Paper.js +3 -4
  363. package/modern/PigmentContainer/PigmentContainer.js +98 -0
  364. package/modern/PigmentContainer/index.js +3 -0
  365. package/modern/PigmentGrid/PigmentGrid.js +149 -0
  366. package/modern/PigmentGrid/index.js +3 -0
  367. package/modern/PigmentHidden/PigmentHidden.js +278 -0
  368. package/modern/PigmentHidden/index.js +2 -0
  369. package/modern/PigmentStack/PigmentStack.js +81 -0
  370. package/modern/PigmentStack/index.js +3 -0
  371. package/modern/Popover/Popover.js +30 -29
  372. package/modern/Popper/Popper.js +10 -9
  373. package/modern/Radio/Radio.js +3 -3
  374. package/modern/Rating/Rating.js +8 -15
  375. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +24 -11
  376. package/modern/Skeleton/Skeleton.js +3 -3
  377. package/modern/Slide/Slide.js +1 -1
  378. package/modern/Slider/Slider.js +3 -3
  379. package/modern/Snackbar/Snackbar.js +3 -4
  380. package/modern/SnackbarContent/SnackbarContent.js +3 -3
  381. package/modern/SpeedDial/SpeedDial.js +3 -6
  382. package/modern/SpeedDialAction/SpeedDialAction.js +3 -3
  383. package/modern/SpeedDialIcon/SpeedDialIcon.js +3 -3
  384. package/modern/Step/Step.js +3 -3
  385. package/modern/StepButton/StepButton.js +3 -3
  386. package/modern/StepConnector/StepConnector.js +3 -3
  387. package/modern/StepContent/StepContent.js +3 -3
  388. package/modern/StepIcon/StepIcon.js +3 -3
  389. package/modern/StepLabel/StepLabel.js +3 -7
  390. package/modern/Stepper/Stepper.js +7 -5
  391. package/modern/Stepper/stepperClasses.js +1 -1
  392. package/modern/SvgIcon/SvgIcon.js +3 -3
  393. package/modern/SwipeableDrawer/SwipeableDrawer.js +3 -3
  394. package/modern/Switch/Switch.js +3 -3
  395. package/modern/Tab/Tab.js +14 -10
  396. package/modern/Tab/tabClasses.js +1 -1
  397. package/modern/TabScrollButton/TabScrollButton.js +3 -3
  398. package/modern/Table/Table.js +3 -3
  399. package/modern/TableBody/TableBody.js +3 -3
  400. package/modern/TableCell/TableCell.js +3 -3
  401. package/modern/TableContainer/TableContainer.js +3 -3
  402. package/modern/TableFooter/TableFooter.js +3 -3
  403. package/modern/TableHead/TableHead.js +3 -3
  404. package/modern/TablePagination/TablePagination.js +3 -3
  405. package/modern/TableRow/TableRow.js +3 -3
  406. package/modern/TableSortLabel/TableSortLabel.js +4 -4
  407. package/modern/TableSortLabel/tableSortLabelClasses.js +1 -1
  408. package/modern/Tabs/Tabs.js +5 -14
  409. package/modern/TextField/TextField.js +3 -3
  410. package/modern/ToggleButton/ToggleButton.js +3 -3
  411. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +3 -3
  412. package/modern/Toolbar/Toolbar.js +3 -3
  413. package/modern/Tooltip/Tooltip.js +7 -18
  414. package/modern/Typography/Typography.js +4 -4
  415. package/modern/Zoom/Zoom.js +1 -1
  416. package/modern/index.js +1 -1
  417. package/modern/styles/CssVarsProvider.js +19 -7
  418. package/modern/styles/createTheme.js +1 -1
  419. package/modern/styles/createTransitions.js +2 -2
  420. package/modern/styles/extendTheme.js +3 -0
  421. package/modern/styles/index.js +1 -1
  422. package/modern/styles/stringifyTheme.js +55 -0
  423. package/modern/useLazyRipple/index.js +3 -0
  424. package/modern/useLazyRipple/useLazyRipple.js +85 -0
  425. package/modern/usePagination/usePagination.js +1 -1
  426. package/modern/utils/index.js +0 -1
  427. package/modern/zero-styled/index.js +24 -5
  428. package/node/Accordion/Accordion.js +2 -4
  429. package/node/AccordionActions/AccordionActions.js +2 -2
  430. package/node/AccordionDetails/AccordionDetails.js +2 -2
  431. package/node/AccordionSummary/AccordionSummary.js +2 -2
  432. package/node/Alert/Alert.js +2 -2
  433. package/node/AlertTitle/AlertTitle.js +2 -2
  434. package/node/AppBar/AppBar.js +4 -8
  435. package/node/Autocomplete/Autocomplete.js +12 -25
  436. package/node/Avatar/Avatar.js +2 -3
  437. package/node/AvatarGroup/AvatarGroup.js +2 -2
  438. package/node/Backdrop/Backdrop.js +4 -7
  439. package/node/Badge/Badge.js +2 -2
  440. package/node/BottomNavigation/BottomNavigation.js +2 -2
  441. package/node/BottomNavigationAction/BottomNavigationAction.js +2 -2
  442. package/node/Breadcrumbs/Breadcrumbs.js +2 -2
  443. package/node/Button/Button.js +2 -2
  444. package/node/ButtonBase/ButtonBase.js +22 -51
  445. package/node/ButtonBase/TouchRipple.js +2 -2
  446. package/node/ButtonGroup/ButtonGroup.js +2 -2
  447. package/node/Card/Card.js +2 -2
  448. package/node/CardActionArea/CardActionArea.js +2 -2
  449. package/node/CardActions/CardActions.js +2 -2
  450. package/node/CardContent/CardContent.js +2 -2
  451. package/node/CardHeader/CardHeader.js +2 -2
  452. package/node/CardMedia/CardMedia.js +2 -2
  453. package/node/Checkbox/Checkbox.js +2 -2
  454. package/node/Chip/Chip.js +2 -4
  455. package/node/CircularProgress/CircularProgress.js +2 -2
  456. package/node/Collapse/Collapse.js +3 -4
  457. package/node/CssBaseline/CssBaseline.js +70 -10
  458. package/node/DefaultPropsProvider/DefaultPropsProvider.js +38 -0
  459. package/node/DefaultPropsProvider/index.js +20 -0
  460. package/node/Dialog/Dialog.js +4 -7
  461. package/node/DialogActions/DialogActions.js +2 -2
  462. package/node/DialogContent/DialogContent.js +2 -2
  463. package/node/DialogContentText/DialogContentText.js +2 -2
  464. package/node/DialogTitle/DialogTitle.js +2 -2
  465. package/node/Divider/Divider.js +2 -2
  466. package/node/Drawer/Drawer.js +3 -4
  467. package/node/Fab/Fab.js +2 -2
  468. package/node/Fade/Fade.js +2 -2
  469. package/node/FilledInput/FilledInput.js +12 -10
  470. package/node/FilledInput/filledInputClasses.js +1 -1
  471. package/node/FormControl/FormControl.js +2 -2
  472. package/node/FormControlLabel/FormControlLabel.js +2 -2
  473. package/node/FormGroup/FormGroup.js +2 -2
  474. package/node/FormHelperText/FormHelperText.js +2 -2
  475. package/node/FormLabel/FormLabel.js +2 -2
  476. package/node/Grid/Grid.js +7 -13
  477. package/node/Grow/Grow.js +2 -2
  478. package/node/Icon/Icon.js +2 -2
  479. package/node/IconButton/IconButton.js +2 -4
  480. package/node/ImageList/ImageList.js +2 -10
  481. package/node/ImageListItem/ImageListItem.js +2 -2
  482. package/node/ImageListItemBar/ImageListItemBar.js +2 -2
  483. package/node/InitColorSchemeScript/InitColorSchemeScript.js +25 -0
  484. package/node/InitColorSchemeScript/index.js +13 -0
  485. package/node/Input/Input.js +4 -8
  486. package/node/InputAdornment/InputAdornment.js +2 -4
  487. package/node/InputBase/InputBase.js +30 -39
  488. package/node/InputLabel/InputLabel.js +2 -2
  489. package/node/LinearProgress/LinearProgress.js +2 -2
  490. package/node/Link/Link.js +7 -18
  491. package/node/List/List.js +2 -2
  492. package/node/ListItem/ListItem.js +2 -2
  493. package/node/ListItemAvatar/ListItemAvatar.js +2 -2
  494. package/node/ListItemButton/ListItemButton.js +2 -2
  495. package/node/ListItemIcon/ListItemIcon.js +2 -2
  496. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -2
  497. package/node/ListItemText/ListItemText.js +2 -2
  498. package/node/ListSubheader/ListSubheader.js +2 -2
  499. package/node/Menu/Menu.js +3 -6
  500. package/node/MenuItem/MenuItem.js +2 -2
  501. package/node/MobileStepper/MobileStepper.js +2 -2
  502. package/node/Modal/Modal.js +31 -24
  503. package/node/NativeSelect/NativeSelectInput.js +0 -4
  504. package/node/OutlinedInput/OutlinedInput.js +3 -4
  505. package/node/Pagination/Pagination.js +2 -2
  506. package/node/PaginationItem/PaginationItem.js +2 -2
  507. package/node/Paper/Paper.js +3 -4
  508. package/node/PigmentContainer/PigmentContainer.js +108 -0
  509. package/node/PigmentContainer/index.js +36 -0
  510. package/node/PigmentGrid/PigmentGrid.js +159 -0
  511. package/node/PigmentGrid/index.js +36 -0
  512. package/node/PigmentHidden/PigmentHidden.js +287 -0
  513. package/node/PigmentHidden/index.js +26 -0
  514. package/node/PigmentStack/PigmentStack.js +91 -0
  515. package/node/PigmentStack/index.js +36 -0
  516. package/node/Popover/Popover.js +29 -28
  517. package/node/Popper/Popper.js +11 -10
  518. package/node/Radio/Radio.js +2 -2
  519. package/node/Rating/Rating.js +6 -13
  520. package/node/ScopedCssBaseline/ScopedCssBaseline.js +27 -13
  521. package/node/Skeleton/Skeleton.js +2 -2
  522. package/node/Slide/Slide.js +2 -2
  523. package/node/Slider/Slider.js +2 -2
  524. package/node/Snackbar/Snackbar.js +3 -4
  525. package/node/SnackbarContent/SnackbarContent.js +2 -2
  526. package/node/SpeedDial/SpeedDial.js +3 -6
  527. package/node/SpeedDialAction/SpeedDialAction.js +2 -2
  528. package/node/SpeedDialIcon/SpeedDialIcon.js +2 -2
  529. package/node/Step/Step.js +2 -2
  530. package/node/StepButton/StepButton.js +2 -2
  531. package/node/StepConnector/StepConnector.js +2 -2
  532. package/node/StepContent/StepContent.js +2 -2
  533. package/node/StepIcon/StepIcon.js +2 -2
  534. package/node/StepLabel/StepLabel.js +2 -6
  535. package/node/Stepper/Stepper.js +6 -4
  536. package/node/Stepper/stepperClasses.js +1 -1
  537. package/node/SvgIcon/SvgIcon.js +2 -2
  538. package/node/SwipeableDrawer/SwipeableDrawer.js +4 -4
  539. package/node/Switch/Switch.js +2 -2
  540. package/node/Tab/Tab.js +13 -9
  541. package/node/Tab/tabClasses.js +1 -1
  542. package/node/TabScrollButton/TabScrollButton.js +2 -2
  543. package/node/Table/Table.js +2 -2
  544. package/node/TableBody/TableBody.js +2 -2
  545. package/node/TableCell/TableCell.js +2 -2
  546. package/node/TableContainer/TableContainer.js +2 -2
  547. package/node/TableFooter/TableFooter.js +2 -2
  548. package/node/TableHead/TableHead.js +2 -2
  549. package/node/TablePagination/TablePagination.js +2 -2
  550. package/node/TableRow/TableRow.js +2 -2
  551. package/node/TableSortLabel/TableSortLabel.js +3 -3
  552. package/node/TableSortLabel/tableSortLabelClasses.js +1 -1
  553. package/node/Tabs/Tabs.js +5 -14
  554. package/node/TextField/TextField.js +2 -2
  555. package/node/ToggleButton/ToggleButton.js +2 -2
  556. package/node/ToggleButtonGroup/ToggleButtonGroup.js +2 -2
  557. package/node/Toolbar/Toolbar.js +2 -2
  558. package/node/Tooltip/Tooltip.js +7 -18
  559. package/node/Typography/Typography.js +4 -4
  560. package/node/Zoom/Zoom.js +2 -2
  561. package/node/index.js +1 -1
  562. package/node/styles/CssVarsProvider.js +20 -8
  563. package/node/styles/createTheme.js +1 -1
  564. package/node/styles/createTransitions.js +2 -2
  565. package/node/styles/extendTheme.js +3 -0
  566. package/node/styles/index.js +8 -1
  567. package/node/styles/stringifyTheme.js +62 -0
  568. package/node/{useTouchRipple → useLazyRipple}/index.js +2 -2
  569. package/node/useLazyRipple/useLazyRipple.js +104 -0
  570. package/node/usePagination/usePagination.js +1 -1
  571. package/node/utils/index.js +0 -7
  572. package/node/zero-styled/index.js +33 -5
  573. package/package.json +24 -8
  574. package/styles/CssVarsProvider.d.ts +3 -2
  575. package/styles/CssVarsProvider.js +19 -7
  576. package/styles/createTheme.js +1 -1
  577. package/styles/createTransitions.js +2 -2
  578. package/styles/extendTheme.js +3 -0
  579. package/styles/index.d.ts +1 -0
  580. package/styles/index.js +1 -1
  581. package/styles/responsiveFontSizes.d.ts +3 -4
  582. package/styles/stringifyTheme.d.ts +20 -0
  583. package/styles/stringifyTheme.js +55 -0
  584. package/useLazyRipple/index.d.ts +1 -0
  585. package/useLazyRipple/index.js +3 -0
  586. package/useLazyRipple/package.json +6 -0
  587. package/useLazyRipple/useLazyRipple.d.ts +32 -0
  588. package/useLazyRipple/useLazyRipple.js +85 -0
  589. package/usePagination/usePagination.js +1 -1
  590. package/utils/index.d.ts +0 -1
  591. package/utils/index.js +0 -1
  592. package/zero-styled/index.d.ts +10 -2
  593. package/zero-styled/index.js +24 -5
  594. package/modern/useMediaQuery/useMediaQueryTheme.js +0 -8
  595. package/modern/useTouchRipple/index.js +0 -3
  596. package/modern/useTouchRipple/useTouchRipple.js +0 -94
  597. package/modern/utils/scrollLeft.js +0 -1
  598. package/modern/utils/useIsFocusVisible.js +0 -4
  599. package/node/useMediaQuery/useMediaQueryTheme.js +0 -13
  600. package/node/useTouchRipple/useTouchRipple.js +0 -105
  601. package/node/utils/scrollLeft.js +0 -18
  602. package/node/utils/useIsFocusVisible.js +0 -10
  603. package/useMediaQuery/useMediaQueryTheme.d.ts +0 -3
  604. package/useMediaQuery/useMediaQueryTheme.js +0 -8
  605. package/useTouchRipple/index.d.ts +0 -1
  606. package/useTouchRipple/index.js +0 -3
  607. package/useTouchRipple/useTouchRipple.d.ts +0 -28
  608. package/useTouchRipple/useTouchRipple.js +0 -94
  609. package/utils/scrollLeft.js +0 -1
  610. package/utils/useIsFocusVisible.d.ts +0 -3
  611. package/utils/useIsFocusVisible.js +0 -4
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "detectScrollType", {
7
- enumerable: true,
8
- get: function () {
9
- return _utils.unstable_detectScrollType;
10
- }
11
- });
12
- Object.defineProperty(exports, "getNormalizedScrollLeft", {
13
- enumerable: true,
14
- get: function () {
15
- return _utils.unstable_getNormalizedScrollLeft;
16
- }
17
- });
18
- var _utils = require("@mui/utils");
@@ -1,10 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _useIsFocusVisible = _interopRequireDefault(require("@mui/utils/useIsFocusVisible"));
10
- var _default = exports.default = _useIsFocusVisible.default;
@@ -1,3 +0,0 @@
1
- import useMediaQuery from '@mui/system/useMediaQuery';
2
-
3
- export default useMediaQuery;
@@ -1,8 +0,0 @@
1
- 'use client';
2
-
3
- import useMediaQuery from '@mui/system/useMediaQuery';
4
-
5
- // TODO v5: to deprecate in v4.x and remove in v5
6
- export default function useMediaQueryTheme(...args) {
7
- return useMediaQuery(...args);
8
- }
@@ -1 +0,0 @@
1
- export { default } from './useTouchRipple';
@@ -1,3 +0,0 @@
1
- 'use client';
2
-
3
- export { default } from './useTouchRipple';
@@ -1,28 +0,0 @@
1
- import * as React from 'react';
2
- import { TouchRippleActions } from '../ButtonBase/TouchRipple';
3
- interface UseTouchRippleProps {
4
- disabled: boolean;
5
- disableFocusRipple?: boolean;
6
- disableRipple?: boolean;
7
- disableTouchRipple?: boolean;
8
- focusVisible: boolean;
9
- rippleRef: React.RefObject<TouchRippleActions>;
10
- }
11
- interface RippleEventHandlers {
12
- onBlur: React.FocusEventHandler;
13
- onContextMenu: React.MouseEventHandler;
14
- onDragLeave: React.DragEventHandler;
15
- onKeyDown: React.KeyboardEventHandler;
16
- onKeyUp: React.KeyboardEventHandler;
17
- onMouseDown: React.MouseEventHandler;
18
- onMouseLeave: React.MouseEventHandler;
19
- onMouseUp: React.MouseEventHandler;
20
- onTouchEnd: React.TouchEventHandler;
21
- onTouchMove: React.TouchEventHandler;
22
- onTouchStart: React.TouchEventHandler;
23
- }
24
- declare const useTouchRipple: (props: UseTouchRippleProps) => {
25
- enableTouchRipple: boolean;
26
- getRippleHandlers: (otherEvents?: Partial<RippleEventHandlers>) => RippleEventHandlers;
27
- };
28
- export default useTouchRipple;
@@ -1,94 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- import { useEventCallback } from '../utils';
5
- const useTouchRipple = props => {
6
- const {
7
- disabled,
8
- disableFocusRipple,
9
- disableRipple,
10
- disableTouchRipple,
11
- focusVisible,
12
- rippleRef
13
- } = props;
14
- React.useEffect(() => {
15
- if (focusVisible && !disableFocusRipple && !disableRipple) {
16
- rippleRef.current?.pulsate();
17
- }
18
- }, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
19
- function useRippleHandler(rippleAction, skipRippleAction = disableTouchRipple) {
20
- return useEventCallback(event => {
21
- if (!skipRippleAction && rippleRef.current) {
22
- rippleRef.current[rippleAction](event);
23
- }
24
- return true;
25
- });
26
- }
27
- const keydownRef = React.useRef(false);
28
- const handleKeyDown = useEventCallback(event => {
29
- if (!disableFocusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {
30
- keydownRef.current = true;
31
- rippleRef.current.stop(event, () => {
32
- rippleRef?.current?.start(event);
33
- });
34
- }
35
- });
36
- const handleKeyUp = useEventCallback(event => {
37
- // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
38
- // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
39
- if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
40
- keydownRef.current = false;
41
- rippleRef.current.stop(event, () => {
42
- rippleRef?.current?.pulsate(event);
43
- });
44
- }
45
- });
46
- const handleBlur = useRippleHandler('stop', false);
47
- const handleMouseDown = useRippleHandler('start');
48
- const handleContextMenu = useRippleHandler('stop');
49
- const handleDragLeave = useRippleHandler('stop');
50
- const handleMouseUp = useRippleHandler('stop');
51
- const handleMouseLeave = useRippleHandler('stop');
52
- const handleTouchStart = useRippleHandler('start');
53
- const handleTouchEnd = useRippleHandler('stop');
54
- const handleTouchMove = useRippleHandler('stop');
55
- const [mountedState, setMountedState] = React.useState(false);
56
- React.useEffect(() => {
57
- setMountedState(true);
58
- }, []);
59
- const enableTouchRipple = mountedState && !disableRipple && !disabled;
60
- const getRippleHandlers = React.useMemo(() => {
61
- const rippleHandlers = {
62
- onBlur: handleBlur,
63
- onKeyDown: handleKeyDown,
64
- onKeyUp: handleKeyUp,
65
- onMouseDown: handleMouseDown,
66
- onMouseUp: handleMouseUp,
67
- onMouseLeave: handleMouseLeave,
68
- onContextMenu: handleContextMenu,
69
- onDragLeave: handleDragLeave,
70
- onTouchStart: handleTouchStart,
71
- onTouchEnd: handleTouchEnd,
72
- onTouchMove: handleTouchMove
73
- };
74
- return (otherEvents = {}) => {
75
- const eventNames = Object.keys(rippleHandlers);
76
- const wrappedEvents = eventNames.map(eventName => ({
77
- name: eventName,
78
- handler: ev => {
79
- otherEvents[eventName]?.(ev);
80
- rippleHandlers[eventName](ev);
81
- }
82
- }));
83
- return wrappedEvents.reduce((acc, current) => {
84
- acc[current.name] = current.handler;
85
- return acc;
86
- }, {});
87
- };
88
- }, [handleBlur, handleKeyDown, handleKeyUp, handleMouseDown, handleMouseUp, handleMouseLeave, handleContextMenu, handleDragLeave, handleTouchStart, handleTouchEnd, handleTouchMove]);
89
- return {
90
- enableTouchRipple,
91
- getRippleHandlers
92
- };
93
- };
94
- export default useTouchRipple;
@@ -1 +0,0 @@
1
- export { unstable_detectScrollType as detectScrollType, unstable_getNormalizedScrollLeft as getNormalizedScrollLeft } from '@mui/utils';
@@ -1,3 +0,0 @@
1
- import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
2
-
3
- export default useIsFocusVisible;
@@ -1,4 +0,0 @@
1
- 'use client';
2
-
3
- import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
4
- export default useIsFocusVisible;