@mui/material 5.10.13 → 5.10.14

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 (1280) hide show
  1. package/Accordion/Accordion.js +13 -53
  2. package/Accordion/AccordionContext.js +0 -6
  3. package/Accordion/accordionClasses.d.ts +18 -18
  4. package/Accordion/accordionClasses.js +0 -5
  5. package/Accordion/index.js +0 -6
  6. package/AccordionActions/AccordionActions.js +5 -28
  7. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  8. package/AccordionActions/accordionActionsClasses.js +0 -5
  9. package/AccordionActions/index.js +0 -6
  10. package/AccordionDetails/AccordionDetails.js +4 -26
  11. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  12. package/AccordionDetails/accordionDetailsClasses.js +0 -5
  13. package/AccordionDetails/index.js +0 -6
  14. package/AccordionSummary/AccordionSummary.js +8 -38
  15. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  16. package/AccordionSummary/accordionSummaryClasses.js +0 -5
  17. package/AccordionSummary/index.js +0 -6
  18. package/Alert/Alert.js +20 -69
  19. package/Alert/alertClasses.d.ts +44 -44
  20. package/Alert/alertClasses.js +0 -5
  21. package/Alert/index.js +0 -6
  22. package/AlertTitle/AlertTitle.js +4 -27
  23. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  24. package/AlertTitle/alertTitleClasses.js +0 -5
  25. package/AlertTitle/index.js +0 -6
  26. package/AppBar/AppBar.js +11 -40
  27. package/AppBar/appBarClasses.d.ts +28 -28
  28. package/AppBar/appBarClasses.js +0 -5
  29. package/AppBar/index.js +0 -6
  30. package/Autocomplete/Autocomplete.js +60 -174
  31. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  32. package/Autocomplete/autocompleteClasses.js +0 -5
  33. package/Autocomplete/index.js +0 -5
  34. package/Avatar/Avatar.js +16 -59
  35. package/Avatar/avatarClasses.d.ts +20 -20
  36. package/Avatar/avatarClasses.js +0 -5
  37. package/Avatar/index.js +0 -6
  38. package/AvatarGroup/AvatarGroup.js +13 -53
  39. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  40. package/AvatarGroup/avatarGroupClasses.js +0 -5
  41. package/AvatarGroup/index.js +0 -6
  42. package/Backdrop/Backdrop.js +15 -47
  43. package/Backdrop/backdropClasses.d.ts +10 -10
  44. package/Backdrop/backdropClasses.js +0 -5
  45. package/Backdrop/index.js +0 -6
  46. package/Badge/Badge.js +24 -72
  47. package/Badge/badgeClasses.d.ts +56 -56
  48. package/Badge/badgeClasses.js +2 -6
  49. package/Badge/index.js +0 -6
  50. package/BottomNavigation/BottomNavigation.js +9 -38
  51. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  52. package/BottomNavigation/bottomNavigationClasses.js +0 -5
  53. package/BottomNavigation/index.js +0 -6
  54. package/BottomNavigationAction/BottomNavigationAction.js +9 -42
  55. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  56. package/BottomNavigationAction/bottomNavigationActionClasses.js +0 -5
  57. package/BottomNavigationAction/index.js +0 -6
  58. package/Box/Box.js +1 -12
  59. package/Box/index.js +0 -2
  60. package/Breadcrumbs/BreadcrumbCollapsed.js +1 -14
  61. package/Breadcrumbs/Breadcrumbs.js +17 -57
  62. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  63. package/Breadcrumbs/breadcrumbsClasses.js +0 -5
  64. package/Breadcrumbs/index.js +0 -6
  65. package/Button/Button.js +22 -70
  66. package/Button/buttonClasses.d.ts +100 -100
  67. package/Button/buttonClasses.js +0 -5
  68. package/Button/index.js +0 -6
  69. package/ButtonBase/ButtonBase.js +39 -126
  70. package/ButtonBase/Ripple.js +0 -19
  71. package/ButtonBase/TouchRipple.js +26 -48
  72. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  73. package/ButtonBase/buttonBaseClasses.js +0 -5
  74. package/ButtonBase/index.js +0 -8
  75. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  76. package/ButtonBase/touchRippleClasses.js +0 -5
  77. package/ButtonGroup/ButtonGroup.js +18 -60
  78. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  79. package/ButtonGroup/ButtonGroupContext.js +0 -6
  80. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  81. package/ButtonGroup/buttonGroupClasses.js +0 -5
  82. package/ButtonGroup/index.js +0 -6
  83. package/CHANGELOG.md +70 -2
  84. package/Card/Card.js +5 -31
  85. package/Card/cardClasses.d.ts +8 -8
  86. package/Card/cardClasses.js +0 -5
  87. package/Card/index.js +0 -6
  88. package/CardActionArea/CardActionArea.js +6 -30
  89. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  90. package/CardActionArea/cardActionAreaClasses.js +0 -5
  91. package/CardActionArea/index.js +0 -6
  92. package/CardActions/CardActions.js +5 -28
  93. package/CardActions/cardActionsClasses.d.ts +10 -10
  94. package/CardActions/cardActionsClasses.js +0 -5
  95. package/CardActions/index.js +0 -6
  96. package/CardContent/CardContent.js +5 -28
  97. package/CardContent/cardContentClasses.d.ts +8 -8
  98. package/CardContent/cardContentClasses.js +0 -5
  99. package/CardContent/index.js +0 -6
  100. package/CardHeader/CardHeader.js +12 -47
  101. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  102. package/CardHeader/cardHeaderClasses.js +0 -5
  103. package/CardHeader/index.js +0 -6
  104. package/CardMedia/CardMedia.js +9 -37
  105. package/CardMedia/cardMediaClasses.d.ts +12 -12
  106. package/CardMedia/cardMediaClasses.js +0 -5
  107. package/CardMedia/index.js +0 -6
  108. package/Checkbox/Checkbox.js +13 -62
  109. package/Checkbox/checkboxClasses.d.ts +18 -18
  110. package/Checkbox/checkboxClasses.js +0 -5
  111. package/Checkbox/index.js +0 -6
  112. package/Chip/Chip.js +22 -86
  113. package/Chip/chipClasses.d.ts +96 -96
  114. package/Chip/chipClasses.js +0 -5
  115. package/Chip/index.js +0 -6
  116. package/CircularProgress/CircularProgress.js +14 -52
  117. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  118. package/CircularProgress/circularProgressClasses.js +0 -5
  119. package/CircularProgress/index.js +0 -6
  120. package/ClickAwayListener/index.d.ts +2 -2
  121. package/ClickAwayListener/index.js +0 -4
  122. package/Collapse/Collapse.js +24 -83
  123. package/Collapse/collapseClasses.d.ts +18 -18
  124. package/Collapse/collapseClasses.js +0 -5
  125. package/Collapse/index.js +0 -6
  126. package/Container/Container.js +3 -20
  127. package/Container/containerClasses.d.ts +6 -6
  128. package/Container/containerClasses.js +0 -5
  129. package/Container/index.js +0 -6
  130. package/CssBaseline/CssBaseline.js +2 -29
  131. package/CssBaseline/index.js +0 -2
  132. package/Dialog/Dialog.js +24 -81
  133. package/Dialog/DialogContext.d.ts +6 -6
  134. package/Dialog/DialogContext.js +0 -4
  135. package/Dialog/dialogClasses.d.ts +36 -36
  136. package/Dialog/dialogClasses.js +0 -5
  137. package/Dialog/index.js +0 -6
  138. package/DialogActions/DialogActions.js +5 -28
  139. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  140. package/DialogActions/dialogActionsClasses.js +0 -5
  141. package/DialogActions/index.js +0 -6
  142. package/DialogContent/DialogContent.js +5 -29
  143. package/DialogContent/dialogContentClasses.d.ts +10 -10
  144. package/DialogContent/dialogContentClasses.js +0 -5
  145. package/DialogContent/index.js +0 -6
  146. package/DialogContentText/DialogContentText.js +4 -27
  147. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  148. package/DialogContentText/dialogContentTextClasses.js +0 -5
  149. package/DialogContentText/index.js +0 -6
  150. package/DialogTitle/DialogTitle.js +5 -30
  151. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  152. package/DialogTitle/dialogTitleClasses.js +0 -5
  153. package/DialogTitle/index.js +0 -6
  154. package/Divider/Divider.js +15 -50
  155. package/Divider/dividerClasses.d.ts +34 -34
  156. package/Divider/dividerClasses.js +0 -5
  157. package/Divider/index.js +0 -6
  158. package/Drawer/Drawer.js +27 -72
  159. package/Drawer/drawerClasses.d.ts +30 -30
  160. package/Drawer/drawerClasses.js +0 -5
  161. package/Drawer/index.js +0 -6
  162. package/Fab/Fab.js +15 -55
  163. package/Fab/fabClasses.d.ts +26 -26
  164. package/Fab/fabClasses.js +0 -5
  165. package/Fab/index.js +0 -6
  166. package/Fade/Fade.js +21 -56
  167. package/Fade/index.js +0 -2
  168. package/FilledInput/FilledInput.js +16 -73
  169. package/FilledInput/filledInputClasses.d.ts +40 -40
  170. package/FilledInput/filledInputClasses.js +0 -7
  171. package/FilledInput/index.js +0 -6
  172. package/FormControl/FormControl.js +19 -73
  173. package/FormControl/FormControlContext.js +0 -6
  174. package/FormControl/formControlClasses.d.ts +14 -14
  175. package/FormControl/formControlClasses.js +0 -5
  176. package/FormControl/formControlState.js +0 -3
  177. package/FormControl/index.js +0 -7
  178. package/FormControl/useFormControl.js +0 -6
  179. package/FormControlLabel/FormControlLabel.js +12 -56
  180. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  181. package/FormControlLabel/formControlLabelClasses.js +0 -5
  182. package/FormControlLabel/index.js +0 -6
  183. package/FormGroup/FormGroup.js +6 -31
  184. package/FormGroup/formGroupClasses.d.ts +12 -12
  185. package/FormGroup/formGroupClasses.js +0 -5
  186. package/FormGroup/index.js +0 -6
  187. package/FormHelperText/FormHelperText.js +7 -43
  188. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  189. package/FormHelperText/formHelperTextClasses.js +0 -5
  190. package/FormHelperText/index.js +0 -6
  191. package/FormLabel/FormLabel.js +7 -41
  192. package/FormLabel/formLabelClasses.d.ts +22 -22
  193. package/FormLabel/formLabelClasses.js +0 -5
  194. package/FormLabel/index.js +0 -6
  195. package/GlobalStyles/GlobalStyles.js +1 -15
  196. package/GlobalStyles/index.js +0 -2
  197. package/Grid/Grid.js +41 -127
  198. package/Grid/GridContext.js +0 -6
  199. package/Grid/gridClasses.d.ts +48 -48
  200. package/Grid/gridClasses.js +8 -9
  201. package/Grid/index.js +0 -6
  202. package/Grow/Grow.js +22 -63
  203. package/Grow/index.js +0 -2
  204. package/Hidden/Hidden.js +14 -45
  205. package/Hidden/HiddenCss.js +6 -46
  206. package/Hidden/HiddenJs.js +4 -33
  207. package/Hidden/hiddenCssClasses.js +0 -5
  208. package/Hidden/index.js +0 -2
  209. package/Hidden/withWidth.js +17 -45
  210. package/Icon/Icon.js +12 -42
  211. package/Icon/iconClasses.d.ts +24 -24
  212. package/Icon/iconClasses.js +0 -5
  213. package/Icon/index.js +0 -6
  214. package/IconButton/IconButton.js +41 -74
  215. package/IconButton/iconButtonClasses.d.ts +26 -26
  216. package/IconButton/iconButtonClasses.js +0 -5
  217. package/IconButton/index.js +0 -6
  218. package/ImageList/ImageList.js +13 -47
  219. package/ImageList/ImageListContext.js +0 -6
  220. package/ImageList/imageListClasses.d.ts +16 -16
  221. package/ImageList/imageListClasses.js +0 -5
  222. package/ImageList/index.js +0 -6
  223. package/ImageListItem/ImageListItem.js +11 -45
  224. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  225. package/ImageListItem/imageListItemClasses.js +0 -5
  226. package/ImageListItem/index.js +0 -6
  227. package/ImageListItemBar/ImageListItemBar.js +9 -37
  228. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  229. package/ImageListItemBar/imageListItemBarClasses.js +0 -5
  230. package/ImageListItemBar/index.js +0 -6
  231. package/Input/Input.js +16 -73
  232. package/Input/index.js +0 -6
  233. package/Input/inputClasses.d.ts +34 -34
  234. package/Input/inputClasses.js +0 -7
  235. package/InputAdornment/InputAdornment.js +11 -49
  236. package/InputAdornment/index.js +0 -6
  237. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  238. package/InputAdornment/inputAdornmentClasses.js +0 -5
  239. package/InputBase/InputBase.js +52 -151
  240. package/InputBase/index.js +0 -6
  241. package/InputBase/inputBaseClasses.d.ts +46 -46
  242. package/InputBase/inputBaseClasses.js +0 -5
  243. package/InputBase/utils.js +6 -7
  244. package/InputLabel/InputLabel.js +7 -46
  245. package/InputLabel/index.js +0 -6
  246. package/InputLabel/inputLabelClasses.d.ts +32 -32
  247. package/InputLabel/inputLabelClasses.js +0 -5
  248. package/LinearProgress/LinearProgress.js +10 -52
  249. package/LinearProgress/index.js +0 -6
  250. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  251. package/LinearProgress/linearProgressClasses.js +0 -5
  252. package/Link/Link.js +15 -61
  253. package/Link/getTextDecoration.d.ts +15 -15
  254. package/Link/getTextDecoration.js +0 -7
  255. package/Link/index.js +0 -6
  256. package/Link/linkClasses.d.ts +18 -18
  257. package/Link/linkClasses.js +0 -5
  258. package/List/List.js +9 -36
  259. package/List/ListContext.js +0 -6
  260. package/List/index.js +0 -6
  261. package/List/listClasses.d.ts +14 -14
  262. package/List/listClasses.js +0 -5
  263. package/ListItem/ListItem.js +38 -92
  264. package/ListItem/index.js +0 -6
  265. package/ListItem/listItemClasses.d.ts +30 -30
  266. package/ListItem/listItemClasses.js +0 -5
  267. package/ListItemAvatar/ListItemAvatar.js +5 -28
  268. package/ListItemAvatar/index.js +0 -6
  269. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  270. package/ListItemAvatar/listItemAvatarClasses.js +0 -5
  271. package/ListItemButton/ListItemButton.js +13 -52
  272. package/ListItemButton/index.js +0 -6
  273. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  274. package/ListItemButton/listItemButtonClasses.js +0 -5
  275. package/ListItemIcon/ListItemIcon.js +5 -28
  276. package/ListItemIcon/index.js +0 -6
  277. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  278. package/ListItemIcon/listItemIconClasses.js +0 -5
  279. package/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -28
  280. package/ListItemSecondaryAction/index.js +0 -6
  281. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  282. package/ListItemSecondaryAction/listItemSecondaryActionClasses.js +0 -5
  283. package/ListItemText/ListItemText.js +11 -44
  284. package/ListItemText/index.js +0 -6
  285. package/ListItemText/listItemTextClasses.d.ts +18 -18
  286. package/ListItemText/listItemTextClasses.js +0 -5
  287. package/ListSubheader/ListSubheader.js +9 -37
  288. package/ListSubheader/index.js +0 -6
  289. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  290. package/ListSubheader/listSubheaderClasses.js +0 -5
  291. package/Menu/Menu.js +22 -70
  292. package/Menu/index.js +0 -6
  293. package/Menu/menuClasses.d.ts +12 -12
  294. package/Menu/menuClasses.js +0 -5
  295. package/MenuItem/MenuItem.js +13 -59
  296. package/MenuItem/index.js +0 -6
  297. package/MenuItem/menuItemClasses.d.ts +20 -20
  298. package/MenuItem/menuItemClasses.js +0 -5
  299. package/MenuList/MenuList.js +20 -80
  300. package/MenuList/index.js +0 -2
  301. package/MobileStepper/MobileStepper.js +11 -43
  302. package/MobileStepper/index.js +0 -6
  303. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  304. package/MobileStepper/mobileStepperClasses.js +0 -5
  305. package/Modal/Modal.js +24 -70
  306. package/Modal/index.js +0 -6
  307. package/NativeSelect/NativeSelect.js +10 -43
  308. package/NativeSelect/NativeSelectInput.js +10 -41
  309. package/NativeSelect/index.js +0 -6
  310. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  311. package/NativeSelect/nativeSelectClasses.js +0 -5
  312. package/NoSsr/index.js +0 -2
  313. package/OutlinedInput/NotchedOutline.js +6 -24
  314. package/OutlinedInput/OutlinedInput.js +12 -68
  315. package/OutlinedInput/index.js +0 -6
  316. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  317. package/OutlinedInput/outlinedInputClasses.js +0 -7
  318. package/OverridableComponentAugmentation.d.ts +31 -31
  319. package/Pagination/Pagination.js +25 -73
  320. package/Pagination/index.js +0 -6
  321. package/Pagination/paginationClasses.d.ts +14 -14
  322. package/Pagination/paginationClasses.js +0 -5
  323. package/PaginationItem/PaginationItem.js +18 -66
  324. package/PaginationItem/index.js +0 -6
  325. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  326. package/PaginationItem/paginationItemClasses.js +0 -5
  327. package/Paper/Paper.js +9 -50
  328. package/Paper/index.js +0 -6
  329. package/Paper/paperClasses.d.ts +39 -39
  330. package/Paper/paperClasses.js +0 -5
  331. package/Popover/Popover.js +55 -126
  332. package/Popover/index.js +0 -6
  333. package/Popover/popoverClasses.d.ts +10 -10
  334. package/Popover/popoverClasses.js +0 -5
  335. package/Popper/Popper.d.ts +37 -37
  336. package/Popper/Popper.js +16 -60
  337. package/Popper/index.js +0 -2
  338. package/Portal/index.js +0 -2
  339. package/README.md +4 -3
  340. package/Radio/Radio.js +15 -67
  341. package/Radio/RadioButtonIcon.js +1 -15
  342. package/Radio/index.js +0 -6
  343. package/Radio/radioClasses.d.ts +16 -16
  344. package/Radio/radioClasses.js +0 -5
  345. package/RadioGroup/RadioGroup.js +11 -38
  346. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  347. package/RadioGroup/RadioGroupContext.js +0 -6
  348. package/RadioGroup/index.js +0 -3
  349. package/RadioGroup/useRadioGroup.d.ts +4 -4
  350. package/RadioGroup/useRadioGroup.js +0 -6
  351. package/Rating/Rating.js +27 -114
  352. package/Rating/index.js +0 -6
  353. package/Rating/ratingClasses.d.ts +40 -40
  354. package/Rating/ratingClasses.js +0 -5
  355. package/ScopedCssBaseline/ScopedCssBaseline.js +5 -33
  356. package/ScopedCssBaseline/index.js +0 -6
  357. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  358. package/ScopedCssBaseline/scopedCssBaselineClasses.js +0 -5
  359. package/Select/Select.js +24 -76
  360. package/Select/SelectInput.js +55 -154
  361. package/Select/index.js +0 -6
  362. package/Select/selectClasses.d.ts +30 -30
  363. package/Select/selectClasses.js +0 -5
  364. package/Skeleton/Skeleton.js +11 -43
  365. package/Skeleton/index.js +0 -6
  366. package/Skeleton/skeletonClasses.d.ts +26 -26
  367. package/Skeleton/skeletonClasses.js +0 -5
  368. package/Slide/Slide.js +23 -83
  369. package/Slide/index.js +0 -2
  370. package/Slider/Slider.js +24 -107
  371. package/Slider/index.js +0 -4
  372. package/Snackbar/Snackbar.js +44 -107
  373. package/Snackbar/index.js +0 -6
  374. package/Snackbar/snackbarClasses.d.ts +20 -20
  375. package/Snackbar/snackbarClasses.js +0 -5
  376. package/SnackbarContent/SnackbarContent.js +8 -36
  377. package/SnackbarContent/index.js +0 -6
  378. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  379. package/SnackbarContent/snackbarContentClasses.js +0 -5
  380. package/SpeedDial/SpeedDial.js +44 -120
  381. package/SpeedDial/index.js +0 -6
  382. package/SpeedDial/speedDialClasses.d.ts +22 -22
  383. package/SpeedDial/speedDialClasses.js +0 -5
  384. package/SpeedDialAction/SpeedDialAction.js +13 -53
  385. package/SpeedDialAction/index.js +0 -6
  386. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  387. package/SpeedDialAction/speedDialActionClasses.js +0 -5
  388. package/SpeedDialIcon/SpeedDialIcon.js +6 -34
  389. package/SpeedDialIcon/index.js +0 -6
  390. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  391. package/SpeedDialIcon/speedDialIconClasses.js +0 -5
  392. package/Stack/Stack.js +8 -42
  393. package/Stack/index.js +0 -2
  394. package/Step/Step.js +12 -46
  395. package/Step/StepContext.d.ts +20 -20
  396. package/Step/StepContext.js +1 -8
  397. package/Step/index.js +0 -8
  398. package/Step/stepClasses.d.ts +16 -16
  399. package/Step/stepClasses.js +0 -5
  400. package/StepButton/StepButton.js +7 -36
  401. package/StepButton/index.js +0 -6
  402. package/StepButton/stepButtonClasses.d.ts +14 -14
  403. package/StepButton/stepButtonClasses.js +0 -5
  404. package/StepConnector/StepConnector.js +4 -29
  405. package/StepConnector/index.js +0 -6
  406. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  407. package/StepConnector/stepConnectorClasses.js +0 -5
  408. package/StepContent/StepContent.js +8 -40
  409. package/StepContent/index.js +0 -6
  410. package/StepContent/stepContentClasses.d.ts +12 -12
  411. package/StepContent/stepContentClasses.js +0 -5
  412. package/StepIcon/StepIcon.js +8 -42
  413. package/StepIcon/index.js +0 -6
  414. package/StepIcon/stepIconClasses.d.ts +16 -16
  415. package/StepIcon/stepIconClasses.js +0 -5
  416. package/StepLabel/StepLabel.js +12 -47
  417. package/StepLabel/index.js +0 -6
  418. package/StepLabel/stepLabelClasses.d.ts +28 -28
  419. package/StepLabel/stepLabelClasses.js +0 -5
  420. package/Stepper/Stepper.js +11 -42
  421. package/Stepper/StepperContext.d.ts +18 -18
  422. package/Stepper/StepperContext.js +1 -8
  423. package/Stepper/index.js +0 -8
  424. package/Stepper/stepperClasses.d.ts +14 -14
  425. package/Stepper/stepperClasses.js +0 -5
  426. package/StyledEngineProvider/index.js +0 -1
  427. package/SvgIcon/SvgIcon.js +14 -52
  428. package/SvgIcon/index.js +0 -6
  429. package/SvgIcon/svgIconClasses.d.ts +26 -26
  430. package/SvgIcon/svgIconClasses.js +0 -5
  431. package/SwipeableDrawer/SwipeArea.js +8 -26
  432. package/SwipeableDrawer/SwipeableDrawer.js +61 -146
  433. package/SwipeableDrawer/index.js +0 -2
  434. package/Switch/Switch.js +10 -54
  435. package/Switch/index.js +0 -6
  436. package/Switch/switchClasses.d.ts +32 -32
  437. package/Switch/switchClasses.js +0 -5
  438. package/Tab/Tab.js +24 -65
  439. package/Tab/index.js +0 -6
  440. package/Tab/tabClasses.d.ts +26 -26
  441. package/Tab/tabClasses.js +0 -5
  442. package/TabScrollButton/TabScrollButton.js +5 -35
  443. package/TabScrollButton/index.js +0 -6
  444. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  445. package/TabScrollButton/tabScrollButtonClasses.js +0 -5
  446. package/Table/Table.js +9 -38
  447. package/Table/TableContext.js +0 -6
  448. package/Table/Tablelvl2Context.js +0 -6
  449. package/Table/index.js +0 -6
  450. package/Table/tableClasses.d.ts +10 -10
  451. package/Table/tableClasses.js +0 -5
  452. package/TableBody/TableBody.js +5 -29
  453. package/TableBody/index.js +0 -6
  454. package/TableBody/tableBodyClasses.d.ts +8 -8
  455. package/TableBody/tableBodyClasses.js +0 -5
  456. package/TableCell/TableCell.js +14 -57
  457. package/TableCell/index.js +0 -6
  458. package/TableCell/tableCellClasses.d.ts +32 -32
  459. package/TableCell/tableCellClasses.js +0 -5
  460. package/TableContainer/TableContainer.js +5 -28
  461. package/TableContainer/index.js +0 -6
  462. package/TableContainer/tableContainerClasses.d.ts +8 -8
  463. package/TableContainer/tableContainerClasses.js +0 -5
  464. package/TableFooter/TableFooter.js +5 -29
  465. package/TableFooter/index.js +0 -6
  466. package/TableFooter/tableFooterClasses.d.ts +8 -8
  467. package/TableFooter/tableFooterClasses.js +0 -5
  468. package/TableHead/TableHead.js +5 -29
  469. package/TableHead/index.js +0 -6
  470. package/TableHead/tableHeadClasses.d.ts +8 -8
  471. package/TableHead/tableHeadClasses.js +0 -5
  472. package/TablePagination/TablePagination.js +23 -81
  473. package/TablePagination/TablePaginationActions.js +11 -41
  474. package/TablePagination/index.js +0 -6
  475. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  476. package/TablePagination/tablePaginationClasses.js +0 -5
  477. package/TableRow/TableRow.js +7 -35
  478. package/TableRow/index.js +0 -6
  479. package/TableRow/tableRowClasses.d.ts +16 -16
  480. package/TableRow/tableRowClasses.js +0 -5
  481. package/TableSortLabel/TableSortLabel.js +10 -39
  482. package/TableSortLabel/index.js +0 -6
  483. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  484. package/TableSortLabel/tableSortLabelClasses.js +0 -5
  485. package/Tabs/ScrollbarSize.js +4 -20
  486. package/Tabs/Tabs.js +42 -157
  487. package/Tabs/index.js +0 -6
  488. package/Tabs/tabsClasses.d.ts +32 -32
  489. package/Tabs/tabsClasses.js +0 -5
  490. package/TextField/TextField.js +39 -115
  491. package/TextField/index.js +0 -6
  492. package/TextField/textFieldClasses.d.ts +8 -8
  493. package/TextField/textFieldClasses.js +0 -5
  494. package/TextareaAutosize/index.js +0 -2
  495. package/ToggleButton/ToggleButton.js +17 -64
  496. package/ToggleButton/index.js +0 -6
  497. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  498. package/ToggleButton/toggleButtonClasses.js +0 -5
  499. package/ToggleButtonGroup/ToggleButtonGroup.js +15 -61
  500. package/ToggleButtonGroup/index.js +0 -6
  501. package/ToggleButtonGroup/isValueSelected.js +0 -3
  502. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  503. package/ToggleButtonGroup/toggleButtonGroupClasses.js +0 -5
  504. package/Toolbar/Toolbar.js +8 -35
  505. package/Toolbar/index.js +0 -6
  506. package/Toolbar/toolbarClasses.d.ts +14 -14
  507. package/Toolbar/toolbarClasses.js +0 -5
  508. package/Tooltip/Tooltip.js +50 -159
  509. package/Tooltip/index.js +0 -6
  510. package/Tooltip/tooltipClasses.d.ts +30 -30
  511. package/Tooltip/tooltipClasses.js +0 -5
  512. package/Typography/Typography.js +15 -51
  513. package/Typography/index.js +0 -6
  514. package/Typography/typographyClasses.d.ts +50 -50
  515. package/Typography/typographyClasses.js +0 -5
  516. package/Unstable_Grid2/Grid2.d.ts +4 -4
  517. package/Unstable_Grid2/Grid2.js +1 -10
  518. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  519. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  520. package/Unstable_Grid2/grid2Classes.js +8 -9
  521. package/Unstable_Grid2/index.d.ts +4 -4
  522. package/Unstable_Grid2/index.js +0 -8
  523. package/Unstable_TrapFocus/index.js +0 -2
  524. package/Zoom/Zoom.js +21 -56
  525. package/Zoom/index.js +0 -2
  526. package/className/index.d.ts +1 -1
  527. package/className/index.js +0 -1
  528. package/colors/index.js +0 -21
  529. package/darkScrollbar/index.d.ts +28 -28
  530. package/darkScrollbar/index.js +0 -1
  531. package/esm/Accordion/Accordion.js +13 -37
  532. package/esm/Accordion/AccordionContext.js +1 -3
  533. package/esm/AccordionActions/AccordionActions.js +5 -17
  534. package/esm/AccordionDetails/AccordionDetails.js +4 -14
  535. package/esm/AccordionSummary/AccordionSummary.js +8 -25
  536. package/esm/Alert/Alert.js +20 -49
  537. package/esm/AlertTitle/AlertTitle.js +4 -14
  538. package/esm/AppBar/AppBar.js +11 -27
  539. package/esm/Autocomplete/Autocomplete.js +60 -149
  540. package/esm/Avatar/Avatar.js +16 -48
  541. package/esm/AvatarGroup/AvatarGroup.js +13 -39
  542. package/esm/Backdrop/Backdrop.js +15 -35
  543. package/esm/Badge/Badge.js +24 -57
  544. package/esm/Badge/badgeClasses.js +2 -1
  545. package/esm/BottomNavigation/BottomNavigation.js +9 -26
  546. package/esm/BottomNavigationAction/BottomNavigationAction.js +9 -28
  547. package/esm/Box/Box.js +1 -6
  548. package/esm/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
  549. package/esm/Breadcrumbs/Breadcrumbs.js +17 -43
  550. package/esm/Button/Button.js +22 -57
  551. package/esm/ButtonBase/ButtonBase.js +39 -110
  552. package/esm/ButtonBase/Ripple.js +1 -13
  553. package/esm/ButtonBase/TouchRipple.js +30 -39
  554. package/esm/ButtonGroup/ButtonGroup.js +18 -46
  555. package/esm/ButtonGroup/ButtonGroupContext.js +0 -3
  556. package/esm/Card/Card.js +5 -18
  557. package/esm/CardActionArea/CardActionArea.js +6 -17
  558. package/esm/CardActions/CardActions.js +5 -17
  559. package/esm/CardContent/CardContent.js +5 -17
  560. package/esm/CardHeader/CardHeader.js +12 -35
  561. package/esm/CardMedia/CardMedia.js +9 -26
  562. package/esm/Checkbox/Checkbox.js +13 -49
  563. package/esm/Chip/Chip.js +22 -70
  564. package/esm/CircularProgress/CircularProgress.js +18 -43
  565. package/esm/Collapse/Collapse.js +24 -66
  566. package/esm/Container/Container.js +2 -13
  567. package/esm/CssBaseline/CssBaseline.js +2 -14
  568. package/esm/Dialog/Dialog.js +24 -61
  569. package/esm/Dialog/DialogContext.js +0 -2
  570. package/esm/DialogActions/DialogActions.js +5 -17
  571. package/esm/DialogContent/DialogContent.js +5 -17
  572. package/esm/DialogContentText/DialogContentText.js +4 -14
  573. package/esm/DialogTitle/DialogTitle.js +5 -16
  574. package/esm/Divider/Divider.js +15 -38
  575. package/esm/Drawer/Drawer.js +27 -54
  576. package/esm/Fab/Fab.js +15 -42
  577. package/esm/Fade/Fade.js +21 -43
  578. package/esm/FilledInput/FilledInput.js +16 -60
  579. package/esm/FilledInput/filledInputClasses.js +0 -2
  580. package/esm/FormControl/FormControl.js +19 -58
  581. package/esm/FormControl/FormControlContext.js +1 -3
  582. package/esm/FormControl/formControlState.js +0 -2
  583. package/esm/FormControlLabel/FormControlLabel.js +12 -41
  584. package/esm/FormGroup/FormGroup.js +6 -19
  585. package/esm/FormHelperText/FormHelperText.js +7 -31
  586. package/esm/FormLabel/FormLabel.js +7 -28
  587. package/esm/GlobalStyles/GlobalStyles.js +1 -6
  588. package/esm/Grid/Grid.js +41 -109
  589. package/esm/Grid/GridContext.js +1 -3
  590. package/esm/Grid/gridClasses.js +8 -4
  591. package/esm/Grow/Grow.js +22 -50
  592. package/esm/Hidden/Hidden.js +15 -35
  593. package/esm/Hidden/HiddenCss.js +6 -33
  594. package/esm/Hidden/HiddenJs.js +5 -24
  595. package/esm/Hidden/withWidth.js +17 -29
  596. package/esm/Icon/Icon.js +12 -30
  597. package/esm/IconButton/IconButton.js +41 -59
  598. package/esm/ImageList/ImageList.js +13 -35
  599. package/esm/ImageList/ImageListContext.js +1 -3
  600. package/esm/ImageListItem/ImageListItem.js +11 -29
  601. package/esm/ImageListItemBar/ImageListItemBar.js +9 -25
  602. package/esm/Input/Input.js +16 -59
  603. package/esm/Input/inputClasses.js +0 -2
  604. package/esm/InputAdornment/InputAdornment.js +11 -35
  605. package/esm/InputBase/InputBase.js +52 -132
  606. package/esm/InputBase/utils.js +6 -4
  607. package/esm/InputLabel/InputLabel.js +7 -33
  608. package/esm/LinearProgress/LinearProgress.js +16 -45
  609. package/esm/Link/Link.js +15 -44
  610. package/esm/Link/getTextDecoration.js +0 -5
  611. package/esm/List/List.js +9 -25
  612. package/esm/List/ListContext.js +1 -3
  613. package/esm/ListItem/ListItem.js +38 -73
  614. package/esm/ListItemAvatar/ListItemAvatar.js +5 -17
  615. package/esm/ListItemButton/ListItemButton.js +13 -35
  616. package/esm/ListItemIcon/ListItemIcon.js +5 -17
  617. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
  618. package/esm/ListItemText/ListItemText.js +11 -32
  619. package/esm/ListSubheader/ListSubheader.js +9 -25
  620. package/esm/Menu/Menu.js +22 -53
  621. package/esm/MenuItem/MenuItem.js +13 -39
  622. package/esm/MenuList/MenuList.js +20 -66
  623. package/esm/MobileStepper/MobileStepper.js +11 -28
  624. package/esm/Modal/Modal.js +24 -58
  625. package/esm/NativeSelect/NativeSelect.js +10 -32
  626. package/esm/NativeSelect/NativeSelectInput.js +10 -25
  627. package/esm/OutlinedInput/NotchedOutline.js +6 -16
  628. package/esm/OutlinedInput/OutlinedInput.js +12 -54
  629. package/esm/OutlinedInput/outlinedInputClasses.js +0 -2
  630. package/esm/Pagination/Pagination.js +25 -60
  631. package/esm/PaginationItem/PaginationItem.js +18 -47
  632. package/esm/Paper/Paper.js +11 -35
  633. package/esm/Popover/Popover.js +54 -105
  634. package/esm/Popper/Popper.js +16 -46
  635. package/esm/Radio/Radio.js +15 -51
  636. package/esm/Radio/RadioButtonIcon.js +1 -6
  637. package/esm/RadioGroup/RadioGroup.js +11 -24
  638. package/esm/RadioGroup/RadioGroupContext.js +0 -3
  639. package/esm/Rating/Rating.js +27 -103
  640. package/esm/ScopedCssBaseline/ScopedCssBaseline.js +5 -21
  641. package/esm/Select/Select.js +24 -59
  642. package/esm/Select/SelectInput.js +55 -135
  643. package/esm/Skeleton/Skeleton.js +15 -36
  644. package/esm/Slide/Slide.js +26 -70
  645. package/esm/Slider/Slider.js +24 -91
  646. package/esm/Snackbar/Snackbar.js +44 -90
  647. package/esm/SnackbarContent/SnackbarContent.js +8 -22
  648. package/esm/SpeedDial/SpeedDial.js +44 -103
  649. package/esm/SpeedDialAction/SpeedDialAction.js +13 -39
  650. package/esm/SpeedDialIcon/SpeedDialIcon.js +6 -21
  651. package/esm/Stack/Stack.js +9 -31
  652. package/esm/Step/Step.js +12 -35
  653. package/esm/Step/StepContext.js +1 -4
  654. package/esm/StepButton/StepButton.js +7 -21
  655. package/esm/StepConnector/StepConnector.js +4 -16
  656. package/esm/StepContent/StepContent.js +8 -27
  657. package/esm/StepIcon/StepIcon.js +8 -29
  658. package/esm/StepLabel/StepLabel.js +12 -33
  659. package/esm/Stepper/Stepper.js +11 -30
  660. package/esm/Stepper/StepperContext.js +1 -4
  661. package/esm/SvgIcon/SvgIcon.js +14 -40
  662. package/esm/SwipeableDrawer/SwipeArea.js +8 -13
  663. package/esm/SwipeableDrawer/SwipeableDrawer.js +64 -128
  664. package/esm/Switch/Switch.js +10 -41
  665. package/esm/Tab/Tab.js +24 -51
  666. package/esm/TabScrollButton/TabScrollButton.js +5 -23
  667. package/esm/Table/Table.js +9 -26
  668. package/esm/Table/TableContext.js +1 -3
  669. package/esm/Table/Tablelvl2Context.js +1 -3
  670. package/esm/TableBody/TableBody.js +5 -17
  671. package/esm/TableCell/TableCell.js +14 -43
  672. package/esm/TableContainer/TableContainer.js +5 -17
  673. package/esm/TableFooter/TableFooter.js +5 -17
  674. package/esm/TableHead/TableHead.js +5 -17
  675. package/esm/TablePagination/TablePagination.js +23 -61
  676. package/esm/TablePagination/TablePaginationActions.js +12 -28
  677. package/esm/TableRow/TableRow.js +7 -23
  678. package/esm/TableSortLabel/TableSortLabel.js +10 -25
  679. package/esm/Tabs/ScrollbarSize.js +4 -8
  680. package/esm/Tabs/Tabs.js +42 -138
  681. package/esm/TextField/TextField.js +39 -97
  682. package/esm/ToggleButton/ToggleButton.js +17 -50
  683. package/esm/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
  684. package/esm/ToggleButtonGroup/isValueSelected.js +0 -2
  685. package/esm/Toolbar/Toolbar.js +8 -24
  686. package/esm/Tooltip/Tooltip.js +50 -137
  687. package/esm/Typography/Typography.js +15 -38
  688. package/esm/Unstable_Grid2/Grid2.js +1 -5
  689. package/esm/Unstable_Grid2/grid2Classes.js +8 -4
  690. package/esm/Zoom/Zoom.js +21 -43
  691. package/esm/index.js +2 -1
  692. package/esm/internal/SwitchBase.js +27 -63
  693. package/esm/internal/animate.js +0 -10
  694. package/esm/internal/svg-icons/Add.js +1 -1
  695. package/esm/internal/svg-icons/ArrowDownward.js +1 -1
  696. package/esm/internal/svg-icons/ArrowDropDown.js +1 -1
  697. package/esm/internal/svg-icons/Cancel.js +1 -1
  698. package/esm/internal/svg-icons/CheckBox.js +1 -1
  699. package/esm/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
  700. package/esm/internal/svg-icons/CheckCircle.js +1 -1
  701. package/esm/internal/svg-icons/Close.js +1 -1
  702. package/esm/internal/svg-icons/ErrorOutline.js +1 -1
  703. package/esm/internal/svg-icons/FirstPage.js +1 -1
  704. package/esm/internal/svg-icons/IndeterminateCheckBox.js +1 -1
  705. package/esm/internal/svg-icons/InfoOutlined.js +1 -1
  706. package/esm/internal/svg-icons/KeyboardArrowLeft.js +1 -1
  707. package/esm/internal/svg-icons/KeyboardArrowRight.js +1 -1
  708. package/esm/internal/svg-icons/LastPage.js +1 -1
  709. package/esm/internal/svg-icons/MoreHoriz.js +1 -1
  710. package/esm/internal/svg-icons/NavigateBefore.js +1 -1
  711. package/esm/internal/svg-icons/NavigateNext.js +1 -1
  712. package/esm/internal/svg-icons/Person.js +1 -1
  713. package/esm/internal/svg-icons/RadioButtonChecked.js +1 -1
  714. package/esm/internal/svg-icons/RadioButtonUnchecked.js +1 -1
  715. package/esm/internal/svg-icons/ReportProblemOutlined.js +1 -1
  716. package/esm/internal/svg-icons/Star.js +1 -1
  717. package/esm/internal/svg-icons/StarBorder.js +1 -1
  718. package/esm/internal/svg-icons/SuccessOutlined.js +1 -1
  719. package/esm/internal/svg-icons/Warning.js +1 -1
  720. package/esm/locale/index.js +217 -510
  721. package/esm/styles/CssVarsProvider.js +0 -4
  722. package/esm/styles/adaptV4Theme.js +21 -22
  723. package/esm/styles/createPalette.js +8 -36
  724. package/esm/styles/createStyles.js +2 -2
  725. package/esm/styles/createTheme.js +10 -21
  726. package/esm/styles/createTransitions.js +12 -25
  727. package/esm/styles/createTypography.js +18 -27
  728. package/esm/styles/cssUtils.js +18 -18
  729. package/esm/styles/excludeVariablesFromRoot.js +0 -1
  730. package/esm/styles/experimental_extendTheme.js +22 -37
  731. package/esm/styles/index.js +2 -2
  732. package/esm/styles/responsiveFontSizes.js +3 -11
  733. package/esm/styles/shadows.js +2 -3
  734. package/esm/styles/useTheme.js +0 -2
  735. package/esm/transitions/utils.js +0 -1
  736. package/esm/useMediaQuery/useMediaQuery.js +12 -23
  737. package/esm/useMediaQuery/useMediaQueryTheme.js +2 -1
  738. package/esm/usePagination/usePagination.js +41 -38
  739. package/esm/useScrollTrigger/useScrollTrigger.js +6 -13
  740. package/esm/useTouchRipple/useTouchRipple.js +0 -9
  741. package/esm/utils/createSvgIcon.js +1 -3
  742. package/esm/utils/index.js +2 -2
  743. package/esm/utils/shouldSpreadAdditionalProps.js +0 -2
  744. package/generateUtilityClass/index.d.ts +2 -2
  745. package/generateUtilityClass/index.js +0 -1
  746. package/generateUtilityClasses/index.d.ts +1 -1
  747. package/generateUtilityClasses/index.js +0 -1
  748. package/index.js +1 -282
  749. package/internal/SwitchBase.js +27 -78
  750. package/internal/animate.js +0 -11
  751. package/internal/svg-icons/Add.js +0 -7
  752. package/internal/svg-icons/ArrowDownward.js +0 -8
  753. package/internal/svg-icons/ArrowDropDown.js +0 -8
  754. package/internal/svg-icons/Cancel.js +0 -8
  755. package/internal/svg-icons/CheckBox.js +0 -8
  756. package/internal/svg-icons/CheckBoxOutlineBlank.js +0 -8
  757. package/internal/svg-icons/CheckCircle.js +0 -8
  758. package/internal/svg-icons/Close.js +0 -8
  759. package/internal/svg-icons/ErrorOutline.js +0 -8
  760. package/internal/svg-icons/FirstPage.js +0 -8
  761. package/internal/svg-icons/IndeterminateCheckBox.js +0 -8
  762. package/internal/svg-icons/InfoOutlined.js +0 -8
  763. package/internal/svg-icons/KeyboardArrowLeft.js +0 -8
  764. package/internal/svg-icons/KeyboardArrowRight.js +0 -8
  765. package/internal/svg-icons/LastPage.js +0 -8
  766. package/internal/svg-icons/MoreHoriz.js +0 -8
  767. package/internal/svg-icons/NavigateBefore.js +0 -8
  768. package/internal/svg-icons/NavigateNext.js +0 -8
  769. package/internal/svg-icons/Person.js +0 -8
  770. package/internal/svg-icons/RadioButtonChecked.js +0 -8
  771. package/internal/svg-icons/RadioButtonUnchecked.js +0 -8
  772. package/internal/svg-icons/ReportProblemOutlined.js +0 -8
  773. package/internal/svg-icons/Star.js +0 -8
  774. package/internal/svg-icons/StarBorder.js +0 -8
  775. package/internal/svg-icons/SuccessOutlined.js +0 -8
  776. package/internal/svg-icons/Warning.js +0 -8
  777. package/internal/switchBaseClasses.d.ts +12 -12
  778. package/internal/switchBaseClasses.js +0 -5
  779. package/legacy/Accordion/Accordion.js +32 -60
  780. package/legacy/Accordion/AccordionContext.js +1 -3
  781. package/legacy/AccordionActions/AccordionActions.js +5 -17
  782. package/legacy/AccordionDetails/AccordionDetails.js +2 -12
  783. package/legacy/AccordionSummary/AccordionSummary.js +16 -34
  784. package/legacy/Alert/Alert.js +31 -60
  785. package/legacy/AlertTitle/AlertTitle.js +2 -12
  786. package/legacy/AppBar/AppBar.js +15 -31
  787. package/legacy/Autocomplete/Autocomplete.js +146 -238
  788. package/legacy/Avatar/Avatar.js +24 -58
  789. package/legacy/AvatarGroup/AvatarGroup.js +17 -44
  790. package/legacy/Backdrop/Backdrop.js +20 -40
  791. package/legacy/Badge/Badge.js +46 -79
  792. package/legacy/Badge/badgeClasses.js +2 -1
  793. package/legacy/BottomNavigation/BottomNavigation.js +9 -26
  794. package/legacy/BottomNavigationAction/BottomNavigationAction.js +13 -32
  795. package/legacy/Box/Box.js +1 -6
  796. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
  797. package/legacy/Breadcrumbs/Breadcrumbs.js +23 -49
  798. package/legacy/Button/Button.js +34 -70
  799. package/legacy/ButtonBase/ButtonBase.js +56 -134
  800. package/legacy/ButtonBase/Ripple.js +12 -26
  801. package/legacy/ButtonBase/TouchRipple.js +39 -49
  802. package/legacy/ButtonGroup/ButtonGroup.js +33 -61
  803. package/legacy/ButtonGroup/ButtonGroupContext.js +0 -3
  804. package/legacy/Card/Card.js +4 -17
  805. package/legacy/CardActionArea/CardActionArea.js +4 -16
  806. package/legacy/CardActions/CardActions.js +5 -17
  807. package/legacy/CardContent/CardContent.js +4 -16
  808. package/legacy/CardHeader/CardHeader.js +12 -36
  809. package/legacy/CardMedia/CardMedia.js +11 -28
  810. package/legacy/Checkbox/Checkbox.js +20 -57
  811. package/legacy/Chip/Chip.js +39 -90
  812. package/legacy/CircularProgress/CircularProgress.js +23 -48
  813. package/legacy/Collapse/Collapse.js +43 -86
  814. package/legacy/Container/Container.js +2 -13
  815. package/legacy/CssBaseline/CssBaseline.js +6 -22
  816. package/legacy/Dialog/Dialog.js +36 -73
  817. package/legacy/Dialog/DialogContext.js +0 -2
  818. package/legacy/DialogActions/DialogActions.js +5 -17
  819. package/legacy/DialogContent/DialogContent.js +6 -18
  820. package/legacy/DialogContentText/DialogContentText.js +3 -13
  821. package/legacy/DialogTitle/DialogTitle.js +5 -18
  822. package/legacy/Divider/Divider.js +32 -55
  823. package/legacy/Drawer/Drawer.js +30 -59
  824. package/legacy/Fab/Fab.js +24 -51
  825. package/legacy/Fade/Fade.js +21 -43
  826. package/legacy/FilledInput/FilledInput.js +21 -68
  827. package/legacy/FilledInput/filledInputClasses.js +0 -2
  828. package/legacy/FormControl/FormControl.js +66 -108
  829. package/legacy/FormControl/FormControlContext.js +1 -3
  830. package/legacy/FormControl/formControlState.js +2 -4
  831. package/legacy/FormControlLabel/FormControlLabel.js +22 -51
  832. package/legacy/FormGroup/FormGroup.js +7 -20
  833. package/legacy/FormHelperText/FormHelperText.js +21 -46
  834. package/legacy/FormLabel/FormLabel.js +19 -41
  835. package/legacy/GlobalStyles/GlobalStyles.js +1 -6
  836. package/legacy/Grid/Grid.js +68 -139
  837. package/legacy/Grid/GridContext.js +1 -3
  838. package/legacy/Grow/Grow.js +40 -71
  839. package/legacy/Hidden/Hidden.js +24 -44
  840. package/legacy/Hidden/HiddenCss.js +8 -36
  841. package/legacy/Hidden/HiddenJs.js +7 -26
  842. package/legacy/Hidden/withWidth.js +21 -36
  843. package/legacy/Icon/Icon.js +17 -35
  844. package/legacy/IconButton/IconButton.js +29 -49
  845. package/legacy/ImageList/ImageList.js +17 -39
  846. package/legacy/ImageList/ImageListContext.js +1 -3
  847. package/legacy/ImageListItem/ImageListItem.js +17 -36
  848. package/legacy/ImageListItemBar/ImageListItemBar.js +14 -30
  849. package/legacy/Input/Input.js +19 -66
  850. package/legacy/Input/inputClasses.js +0 -2
  851. package/legacy/InputAdornment/InputAdornment.js +18 -42
  852. package/legacy/InputBase/InputBase.js +79 -167
  853. package/legacy/InputBase/utils.js +6 -4
  854. package/legacy/InputLabel/InputLabel.js +15 -41
  855. package/legacy/LinearProgress/LinearProgress.js +16 -45
  856. package/legacy/Link/Link.js +26 -58
  857. package/legacy/Link/getTextDecoration.js +1 -6
  858. package/legacy/List/List.js +13 -29
  859. package/legacy/List/ListContext.js +1 -3
  860. package/legacy/ListItem/ListItem.js +57 -93
  861. package/legacy/ListItemAvatar/ListItemAvatar.js +4 -16
  862. package/legacy/ListItemButton/ListItemButton.js +25 -48
  863. package/legacy/ListItemIcon/ListItemIcon.js +5 -17
  864. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -16
  865. package/legacy/ListItemText/ListItemText.js +16 -38
  866. package/legacy/ListSubheader/ListSubheader.js +17 -33
  867. package/legacy/Menu/Menu.js +23 -54
  868. package/legacy/MenuItem/MenuItem.js +23 -50
  869. package/legacy/MenuList/MenuList.js +21 -67
  870. package/legacy/MobileStepper/MobileStepper.js +16 -33
  871. package/legacy/Modal/Modal.js +36 -71
  872. package/legacy/NativeSelect/NativeSelect.js +12 -34
  873. package/legacy/NativeSelect/NativeSelectInput.js +15 -31
  874. package/legacy/OutlinedInput/NotchedOutline.js +7 -17
  875. package/legacy/OutlinedInput/OutlinedInput.js +18 -61
  876. package/legacy/OutlinedInput/outlinedInputClasses.js +0 -2
  877. package/legacy/Pagination/Pagination.js +46 -81
  878. package/legacy/PaginationItem/PaginationItem.js +36 -66
  879. package/legacy/Paper/Paper.js +18 -42
  880. package/legacy/Popover/Popover.js +59 -115
  881. package/legacy/Popper/Popper.js +14 -44
  882. package/legacy/Radio/Radio.js +19 -55
  883. package/legacy/Radio/RadioButtonIcon.js +6 -11
  884. package/legacy/RadioGroup/RadioGroup.js +14 -27
  885. package/legacy/RadioGroup/RadioGroupContext.js +0 -3
  886. package/legacy/Rating/Rating.js +89 -175
  887. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +8 -25
  888. package/legacy/Select/Select.js +30 -65
  889. package/legacy/Select/SelectInput.js +78 -165
  890. package/legacy/Skeleton/Skeleton.js +19 -40
  891. package/legacy/Slide/Slide.js +28 -72
  892. package/legacy/Slider/Slider.js +37 -107
  893. package/legacy/Snackbar/Snackbar.js +42 -90
  894. package/legacy/SnackbarContent/SnackbarContent.js +7 -21
  895. package/legacy/SpeedDial/SpeedDial.js +51 -111
  896. package/legacy/SpeedDialAction/SpeedDialAction.js +21 -48
  897. package/legacy/SpeedDialIcon/SpeedDialIcon.js +8 -24
  898. package/legacy/Stack/Stack.js +11 -34
  899. package/legacy/Step/Step.js +25 -49
  900. package/legacy/Step/StepContext.js +1 -4
  901. package/legacy/StepButton/StepButton.js +8 -23
  902. package/legacy/StepConnector/StepConnector.js +14 -27
  903. package/legacy/StepContent/StepContent.js +14 -34
  904. package/legacy/StepIcon/StepIcon.js +12 -34
  905. package/legacy/StepLabel/StepLabel.js +25 -50
  906. package/legacy/Stepper/Stepper.js +17 -36
  907. package/legacy/Stepper/StepperContext.js +1 -4
  908. package/legacy/SvgIcon/SvgIcon.js +20 -46
  909. package/legacy/SwipeableDrawer/SwipeArea.js +8 -13
  910. package/legacy/SwipeableDrawer/SwipeableDrawer.js +77 -142
  911. package/legacy/Switch/Switch.js +17 -51
  912. package/legacy/Tab/Tab.js +30 -58
  913. package/legacy/TabScrollButton/TabScrollButton.js +7 -24
  914. package/legacy/Table/Table.js +13 -30
  915. package/legacy/Table/TableContext.js +1 -3
  916. package/legacy/Table/Tablelvl2Context.js +1 -3
  917. package/legacy/TableBody/TableBody.js +4 -16
  918. package/legacy/TableCell/TableCell.js +19 -48
  919. package/legacy/TableContainer/TableContainer.js +4 -16
  920. package/legacy/TableFooter/TableFooter.js +4 -16
  921. package/legacy/TableHead/TableHead.js +4 -16
  922. package/legacy/TablePagination/TablePagination.js +34 -74
  923. package/legacy/TablePagination/TablePaginationActions.js +10 -26
  924. package/legacy/TableRow/TableRow.js +12 -29
  925. package/legacy/TableSortLabel/TableSortLabel.js +15 -30
  926. package/legacy/Tabs/ScrollbarSize.js +2 -6
  927. package/legacy/Tabs/Tabs.js +85 -189
  928. package/legacy/TextField/TextField.js +46 -104
  929. package/legacy/ToggleButton/ToggleButton.js +26 -60
  930. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +23 -55
  931. package/legacy/ToggleButtonGroup/isValueSelected.js +0 -2
  932. package/legacy/Toolbar/Toolbar.js +13 -29
  933. package/legacy/Tooltip/Tooltip.js +89 -188
  934. package/legacy/Typography/Typography.js +25 -48
  935. package/legacy/Unstable_Grid2/Grid2.js +1 -5
  936. package/legacy/Zoom/Zoom.js +21 -43
  937. package/legacy/index.js +3 -2
  938. package/legacy/internal/SwitchBase.js +38 -75
  939. package/legacy/internal/animate.js +3 -12
  940. package/legacy/internal/svg-icons/Add.js +1 -1
  941. package/legacy/internal/svg-icons/ArrowDownward.js +1 -1
  942. package/legacy/internal/svg-icons/ArrowDropDown.js +1 -1
  943. package/legacy/internal/svg-icons/Cancel.js +1 -1
  944. package/legacy/internal/svg-icons/CheckBox.js +1 -1
  945. package/legacy/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
  946. package/legacy/internal/svg-icons/CheckCircle.js +1 -1
  947. package/legacy/internal/svg-icons/Close.js +1 -1
  948. package/legacy/internal/svg-icons/ErrorOutline.js +1 -1
  949. package/legacy/internal/svg-icons/FirstPage.js +1 -1
  950. package/legacy/internal/svg-icons/IndeterminateCheckBox.js +1 -1
  951. package/legacy/internal/svg-icons/InfoOutlined.js +1 -1
  952. package/legacy/internal/svg-icons/KeyboardArrowLeft.js +1 -1
  953. package/legacy/internal/svg-icons/KeyboardArrowRight.js +1 -1
  954. package/legacy/internal/svg-icons/LastPage.js +1 -1
  955. package/legacy/internal/svg-icons/MoreHoriz.js +1 -1
  956. package/legacy/internal/svg-icons/NavigateBefore.js +1 -1
  957. package/legacy/internal/svg-icons/NavigateNext.js +1 -1
  958. package/legacy/internal/svg-icons/Person.js +1 -1
  959. package/legacy/internal/svg-icons/RadioButtonChecked.js +1 -1
  960. package/legacy/internal/svg-icons/RadioButtonUnchecked.js +1 -1
  961. package/legacy/internal/svg-icons/ReportProblemOutlined.js +1 -1
  962. package/legacy/internal/svg-icons/Star.js +1 -1
  963. package/legacy/internal/svg-icons/StarBorder.js +1 -1
  964. package/legacy/internal/svg-icons/SuccessOutlined.js +1 -1
  965. package/legacy/internal/svg-icons/Warning.js +1 -1
  966. package/legacy/locale/index.js +293 -586
  967. package/legacy/styles/CssVarsProvider.js +20 -26
  968. package/legacy/styles/adaptV4Theme.js +22 -23
  969. package/legacy/styles/createMixins.js +0 -1
  970. package/legacy/styles/createMuiStrictModeTheme.js +0 -1
  971. package/legacy/styles/createPalette.js +16 -50
  972. package/legacy/styles/createStyles.js +2 -2
  973. package/legacy/styles/createTheme.js +15 -29
  974. package/legacy/styles/createTransitions.js +13 -27
  975. package/legacy/styles/createTypography.js +18 -27
  976. package/legacy/styles/cssUtils.js +29 -31
  977. package/legacy/styles/excludeVariablesFromRoot.js +0 -2
  978. package/legacy/styles/experimental_extendTheme.js +24 -45
  979. package/legacy/styles/index.js +2 -2
  980. package/legacy/styles/responsiveFontSizes.js +10 -18
  981. package/legacy/styles/shadows.js +2 -3
  982. package/legacy/styles/useTheme.js +0 -2
  983. package/legacy/styles/useThemeProps.js +1 -1
  984. package/legacy/transitions/utils.js +3 -4
  985. package/legacy/useMediaQuery/useMediaQuery.js +51 -68
  986. package/legacy/useMediaQuery/useMediaQueryTheme.js +2 -1
  987. package/legacy/usePagination/usePagination.js +51 -52
  988. package/legacy/useScrollTrigger/useScrollTrigger.js +14 -24
  989. package/legacy/useTouchRipple/useTouchRipple.js +7 -18
  990. package/legacy/utils/createSvgIcon.js +1 -3
  991. package/legacy/utils/index.js +2 -2
  992. package/legacy/utils/shouldSpreadAdditionalProps.js +0 -2
  993. package/locale/index.d.ts +72 -72
  994. package/locale/index.js +213 -510
  995. package/modern/Accordion/Accordion.js +13 -37
  996. package/modern/Accordion/AccordionContext.js +1 -3
  997. package/modern/AccordionActions/AccordionActions.js +5 -17
  998. package/modern/AccordionDetails/AccordionDetails.js +4 -14
  999. package/modern/AccordionSummary/AccordionSummary.js +8 -25
  1000. package/modern/Alert/Alert.js +20 -48
  1001. package/modern/AlertTitle/AlertTitle.js +4 -14
  1002. package/modern/AppBar/AppBar.js +11 -27
  1003. package/modern/Autocomplete/Autocomplete.js +57 -144
  1004. package/modern/Avatar/Avatar.js +16 -48
  1005. package/modern/AvatarGroup/AvatarGroup.js +13 -38
  1006. package/modern/Backdrop/Backdrop.js +15 -34
  1007. package/modern/Badge/Badge.js +24 -56
  1008. package/modern/Badge/badgeClasses.js +2 -1
  1009. package/modern/BottomNavigation/BottomNavigation.js +9 -26
  1010. package/modern/BottomNavigationAction/BottomNavigationAction.js +9 -28
  1011. package/modern/Box/Box.js +1 -6
  1012. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
  1013. package/modern/Breadcrumbs/Breadcrumbs.js +17 -43
  1014. package/modern/Button/Button.js +22 -56
  1015. package/modern/ButtonBase/ButtonBase.js +39 -110
  1016. package/modern/ButtonBase/Ripple.js +1 -13
  1017. package/modern/ButtonBase/TouchRipple.js +26 -33
  1018. package/modern/ButtonGroup/ButtonGroup.js +18 -46
  1019. package/modern/ButtonGroup/ButtonGroupContext.js +0 -3
  1020. package/modern/Card/Card.js +5 -18
  1021. package/modern/CardActionArea/CardActionArea.js +6 -17
  1022. package/modern/CardActions/CardActions.js +5 -17
  1023. package/modern/CardContent/CardContent.js +5 -17
  1024. package/modern/CardHeader/CardHeader.js +12 -35
  1025. package/modern/CardMedia/CardMedia.js +9 -26
  1026. package/modern/Checkbox/Checkbox.js +13 -48
  1027. package/modern/Chip/Chip.js +22 -70
  1028. package/modern/CircularProgress/CircularProgress.js +14 -37
  1029. package/modern/Collapse/Collapse.js +24 -66
  1030. package/modern/Container/Container.js +2 -13
  1031. package/modern/CssBaseline/CssBaseline.js +2 -12
  1032. package/modern/Dialog/Dialog.js +24 -61
  1033. package/modern/Dialog/DialogContext.js +0 -2
  1034. package/modern/DialogActions/DialogActions.js +5 -17
  1035. package/modern/DialogContent/DialogContent.js +5 -17
  1036. package/modern/DialogContentText/DialogContentText.js +4 -14
  1037. package/modern/DialogTitle/DialogTitle.js +5 -16
  1038. package/modern/Divider/Divider.js +15 -38
  1039. package/modern/Drawer/Drawer.js +27 -54
  1040. package/modern/Fab/Fab.js +15 -41
  1041. package/modern/Fade/Fade.js +21 -43
  1042. package/modern/FilledInput/FilledInput.js +16 -58
  1043. package/modern/FilledInput/filledInputClasses.js +0 -2
  1044. package/modern/FormControl/FormControl.js +19 -58
  1045. package/modern/FormControl/FormControlContext.js +1 -3
  1046. package/modern/FormControl/formControlState.js +0 -2
  1047. package/modern/FormControlLabel/FormControlLabel.js +12 -40
  1048. package/modern/FormGroup/FormGroup.js +6 -19
  1049. package/modern/FormHelperText/FormHelperText.js +7 -31
  1050. package/modern/FormLabel/FormLabel.js +7 -28
  1051. package/modern/GlobalStyles/GlobalStyles.js +1 -6
  1052. package/modern/Grid/Grid.js +41 -107
  1053. package/modern/Grid/GridContext.js +1 -3
  1054. package/modern/Grid/gridClasses.js +8 -4
  1055. package/modern/Grow/Grow.js +22 -50
  1056. package/modern/Hidden/Hidden.js +15 -35
  1057. package/modern/Hidden/HiddenCss.js +6 -33
  1058. package/modern/Hidden/HiddenJs.js +5 -24
  1059. package/modern/Hidden/withWidth.js +17 -29
  1060. package/modern/Icon/Icon.js +12 -30
  1061. package/modern/IconButton/IconButton.js +40 -59
  1062. package/modern/ImageList/ImageList.js +13 -35
  1063. package/modern/ImageList/ImageListContext.js +1 -3
  1064. package/modern/ImageListItem/ImageListItem.js +11 -29
  1065. package/modern/ImageListItemBar/ImageListItemBar.js +9 -25
  1066. package/modern/Input/Input.js +16 -58
  1067. package/modern/Input/inputClasses.js +0 -2
  1068. package/modern/InputAdornment/InputAdornment.js +11 -35
  1069. package/modern/InputBase/InputBase.js +52 -131
  1070. package/modern/InputBase/utils.js +6 -4
  1071. package/modern/InputLabel/InputLabel.js +7 -33
  1072. package/modern/LinearProgress/LinearProgress.js +10 -37
  1073. package/modern/Link/Link.js +15 -44
  1074. package/modern/Link/getTextDecoration.js +0 -5
  1075. package/modern/List/List.js +9 -25
  1076. package/modern/List/ListContext.js +1 -3
  1077. package/modern/ListItem/ListItem.js +38 -73
  1078. package/modern/ListItemAvatar/ListItemAvatar.js +5 -17
  1079. package/modern/ListItemButton/ListItemButton.js +13 -35
  1080. package/modern/ListItemIcon/ListItemIcon.js +5 -17
  1081. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
  1082. package/modern/ListItemText/ListItemText.js +11 -32
  1083. package/modern/ListSubheader/ListSubheader.js +9 -25
  1084. package/modern/Menu/Menu.js +22 -53
  1085. package/modern/MenuItem/MenuItem.js +13 -39
  1086. package/modern/MenuList/MenuList.js +20 -66
  1087. package/modern/MobileStepper/MobileStepper.js +11 -28
  1088. package/modern/Modal/Modal.js +24 -57
  1089. package/modern/NativeSelect/NativeSelect.js +10 -32
  1090. package/modern/NativeSelect/NativeSelectInput.js +10 -25
  1091. package/modern/OutlinedInput/NotchedOutline.js +6 -16
  1092. package/modern/OutlinedInput/OutlinedInput.js +12 -54
  1093. package/modern/OutlinedInput/outlinedInputClasses.js +0 -2
  1094. package/modern/Pagination/Pagination.js +25 -60
  1095. package/modern/PaginationItem/PaginationItem.js +18 -47
  1096. package/modern/Paper/Paper.js +11 -34
  1097. package/modern/Popover/Popover.js +54 -105
  1098. package/modern/Popper/Popper.js +16 -45
  1099. package/modern/Radio/Radio.js +15 -50
  1100. package/modern/Radio/RadioButtonIcon.js +1 -6
  1101. package/modern/RadioGroup/RadioGroup.js +11 -24
  1102. package/modern/RadioGroup/RadioGroupContext.js +0 -3
  1103. package/modern/Rating/Rating.js +27 -103
  1104. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +5 -20
  1105. package/modern/Select/Select.js +24 -59
  1106. package/modern/Select/SelectInput.js +55 -135
  1107. package/modern/Skeleton/Skeleton.js +11 -30
  1108. package/modern/Slide/Slide.js +26 -70
  1109. package/modern/Slider/Slider.js +24 -90
  1110. package/modern/Snackbar/Snackbar.js +44 -90
  1111. package/modern/SnackbarContent/SnackbarContent.js +8 -22
  1112. package/modern/SpeedDial/SpeedDial.js +44 -103
  1113. package/modern/SpeedDialAction/SpeedDialAction.js +13 -39
  1114. package/modern/SpeedDialIcon/SpeedDialIcon.js +6 -21
  1115. package/modern/Stack/Stack.js +9 -31
  1116. package/modern/Step/Step.js +12 -35
  1117. package/modern/Step/StepContext.js +1 -4
  1118. package/modern/StepButton/StepButton.js +7 -21
  1119. package/modern/StepConnector/StepConnector.js +4 -16
  1120. package/modern/StepContent/StepContent.js +8 -27
  1121. package/modern/StepIcon/StepIcon.js +8 -29
  1122. package/modern/StepLabel/StepLabel.js +12 -32
  1123. package/modern/Stepper/Stepper.js +11 -30
  1124. package/modern/Stepper/StepperContext.js +1 -4
  1125. package/modern/SvgIcon/SvgIcon.js +14 -39
  1126. package/modern/SwipeableDrawer/SwipeArea.js +8 -13
  1127. package/modern/SwipeableDrawer/SwipeableDrawer.js +64 -128
  1128. package/modern/Switch/Switch.js +10 -41
  1129. package/modern/Tab/Tab.js +24 -51
  1130. package/modern/TabScrollButton/TabScrollButton.js +5 -23
  1131. package/modern/Table/Table.js +9 -26
  1132. package/modern/Table/TableContext.js +1 -3
  1133. package/modern/Table/Tablelvl2Context.js +1 -3
  1134. package/modern/TableBody/TableBody.js +5 -17
  1135. package/modern/TableCell/TableCell.js +14 -43
  1136. package/modern/TableContainer/TableContainer.js +5 -17
  1137. package/modern/TableFooter/TableFooter.js +5 -17
  1138. package/modern/TableHead/TableHead.js +5 -17
  1139. package/modern/TablePagination/TablePagination.js +23 -61
  1140. package/modern/TablePagination/TablePaginationActions.js +12 -28
  1141. package/modern/TableRow/TableRow.js +7 -23
  1142. package/modern/TableSortLabel/TableSortLabel.js +10 -25
  1143. package/modern/Tabs/ScrollbarSize.js +4 -8
  1144. package/modern/Tabs/Tabs.js +42 -138
  1145. package/modern/TextField/TextField.js +39 -97
  1146. package/modern/ToggleButton/ToggleButton.js +17 -50
  1147. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
  1148. package/modern/ToggleButtonGroup/isValueSelected.js +0 -2
  1149. package/modern/Toolbar/Toolbar.js +8 -24
  1150. package/modern/Tooltip/Tooltip.js +50 -135
  1151. package/modern/Typography/Typography.js +15 -38
  1152. package/modern/Unstable_Grid2/Grid2.js +1 -5
  1153. package/modern/Unstable_Grid2/grid2Classes.js +8 -4
  1154. package/modern/Zoom/Zoom.js +21 -43
  1155. package/modern/index.js +3 -2
  1156. package/modern/internal/SwitchBase.js +27 -63
  1157. package/modern/internal/animate.js +0 -10
  1158. package/modern/internal/svg-icons/Add.js +1 -1
  1159. package/modern/internal/svg-icons/ArrowDownward.js +1 -1
  1160. package/modern/internal/svg-icons/ArrowDropDown.js +1 -1
  1161. package/modern/internal/svg-icons/Cancel.js +1 -1
  1162. package/modern/internal/svg-icons/CheckBox.js +1 -1
  1163. package/modern/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
  1164. package/modern/internal/svg-icons/CheckCircle.js +1 -1
  1165. package/modern/internal/svg-icons/Close.js +1 -1
  1166. package/modern/internal/svg-icons/ErrorOutline.js +1 -1
  1167. package/modern/internal/svg-icons/FirstPage.js +1 -1
  1168. package/modern/internal/svg-icons/IndeterminateCheckBox.js +1 -1
  1169. package/modern/internal/svg-icons/InfoOutlined.js +1 -1
  1170. package/modern/internal/svg-icons/KeyboardArrowLeft.js +1 -1
  1171. package/modern/internal/svg-icons/KeyboardArrowRight.js +1 -1
  1172. package/modern/internal/svg-icons/LastPage.js +1 -1
  1173. package/modern/internal/svg-icons/MoreHoriz.js +1 -1
  1174. package/modern/internal/svg-icons/NavigateBefore.js +1 -1
  1175. package/modern/internal/svg-icons/NavigateNext.js +1 -1
  1176. package/modern/internal/svg-icons/Person.js +1 -1
  1177. package/modern/internal/svg-icons/RadioButtonChecked.js +1 -1
  1178. package/modern/internal/svg-icons/RadioButtonUnchecked.js +1 -1
  1179. package/modern/internal/svg-icons/ReportProblemOutlined.js +1 -1
  1180. package/modern/internal/svg-icons/Star.js +1 -1
  1181. package/modern/internal/svg-icons/StarBorder.js +1 -1
  1182. package/modern/internal/svg-icons/SuccessOutlined.js +1 -1
  1183. package/modern/internal/svg-icons/Warning.js +1 -1
  1184. package/modern/locale/index.js +217 -510
  1185. package/modern/styles/CssVarsProvider.js +0 -3
  1186. package/modern/styles/adaptV4Theme.js +21 -22
  1187. package/modern/styles/createPalette.js +8 -36
  1188. package/modern/styles/createStyles.js +2 -2
  1189. package/modern/styles/createTheme.js +10 -21
  1190. package/modern/styles/createTransitions.js +12 -25
  1191. package/modern/styles/createTypography.js +18 -27
  1192. package/modern/styles/cssUtils.js +18 -18
  1193. package/modern/styles/excludeVariablesFromRoot.js +0 -1
  1194. package/modern/styles/experimental_extendTheme.js +22 -36
  1195. package/modern/styles/index.js +2 -2
  1196. package/modern/styles/responsiveFontSizes.js +3 -11
  1197. package/modern/styles/shadows.js +2 -3
  1198. package/modern/styles/useTheme.js +0 -2
  1199. package/modern/useMediaQuery/useMediaQuery.js +12 -23
  1200. package/modern/useMediaQuery/useMediaQueryTheme.js +2 -1
  1201. package/modern/usePagination/usePagination.js +41 -38
  1202. package/modern/useScrollTrigger/useScrollTrigger.js +6 -13
  1203. package/modern/useTouchRipple/useTouchRipple.js +0 -5
  1204. package/modern/utils/createSvgIcon.js +1 -3
  1205. package/modern/utils/index.js +2 -2
  1206. package/modern/utils/shouldSpreadAdditionalProps.js +0 -2
  1207. package/package.json +7 -7
  1208. package/styles/CssVarsProvider.d.ts +14 -14
  1209. package/styles/CssVarsProvider.js +0 -9
  1210. package/styles/ThemeProvider.js +0 -1
  1211. package/styles/adaptV4Theme.js +21 -24
  1212. package/styles/createMixins.js +0 -3
  1213. package/styles/createMuiStrictModeTheme.js +0 -4
  1214. package/styles/createPalette.js +8 -49
  1215. package/styles/createStyles.js +2 -2
  1216. package/styles/createTheme.js +10 -36
  1217. package/styles/createTransitions.js +12 -28
  1218. package/styles/createTypography.js +18 -32
  1219. package/styles/cssUtils.js +18 -25
  1220. package/styles/defaultTheme.js +0 -3
  1221. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  1222. package/styles/excludeVariablesFromRoot.js +0 -2
  1223. package/styles/experimental_extendTheme.d.ts +5 -0
  1224. package/styles/experimental_extendTheme.js +22 -44
  1225. package/styles/index.js +0 -21
  1226. package/styles/makeStyles.js +0 -2
  1227. package/styles/responsiveFontSizes.js +3 -14
  1228. package/styles/shadows.js +2 -3
  1229. package/styles/styled.js +0 -5
  1230. package/styles/useTheme.js +0 -9
  1231. package/styles/useThemeProps.js +0 -4
  1232. package/styles/withStyles.js +0 -2
  1233. package/styles/withTheme.js +0 -2
  1234. package/themeCssVarsAugmentation/index.d.ts +2 -0
  1235. package/transitions/index.d.ts +1 -1
  1236. package/transitions/index.js +0 -2
  1237. package/transitions/transition.d.ts +13 -13
  1238. package/transitions/utils.d.ts +23 -23
  1239. package/transitions/utils.js +0 -4
  1240. package/umd/material-ui.development.js +3132 -7703
  1241. package/umd/material-ui.production.min.js +20 -20
  1242. package/useAutocomplete/index.js +0 -3
  1243. package/useAutocomplete/useAutocomplete.js +0 -2
  1244. package/useMediaQuery/index.js +0 -2
  1245. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  1246. package/useMediaQuery/useMediaQuery.js +11 -30
  1247. package/useMediaQuery/useMediaQueryTheme.js +0 -3
  1248. package/usePagination/index.js +0 -2
  1249. package/usePagination/usePagination.js +41 -43
  1250. package/useScrollTrigger/index.js +0 -2
  1251. package/useScrollTrigger/useScrollTrigger.js +6 -20
  1252. package/useTouchRipple/index.d.ts +1 -1
  1253. package/useTouchRipple/index.js +0 -2
  1254. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  1255. package/useTouchRipple/useTouchRipple.js +0 -13
  1256. package/utils/capitalize.js +0 -2
  1257. package/utils/createChainedFunction.js +0 -2
  1258. package/utils/createSvgIcon.js +0 -10
  1259. package/utils/debounce.js +0 -2
  1260. package/utils/deprecatedPropType.js +0 -2
  1261. package/utils/getScrollbarSize.d.ts +2 -2
  1262. package/utils/getScrollbarSize.js +0 -2
  1263. package/utils/index.js +0 -21
  1264. package/utils/isMuiElement.js +0 -2
  1265. package/utils/ownerDocument.d.ts +2 -2
  1266. package/utils/ownerDocument.js +0 -2
  1267. package/utils/ownerWindow.d.ts +2 -2
  1268. package/utils/ownerWindow.js +0 -2
  1269. package/utils/requirePropFactory.js +0 -2
  1270. package/utils/scrollLeft.js +0 -1
  1271. package/utils/setRef.d.ts +2 -2
  1272. package/utils/setRef.js +0 -2
  1273. package/utils/shouldSpreadAdditionalProps.js +0 -3
  1274. package/utils/unsupportedProp.js +0 -2
  1275. package/utils/useControlled.js +0 -2
  1276. package/utils/useEnhancedEffect.js +0 -2
  1277. package/utils/useEventCallback.js +0 -2
  1278. package/utils/useForkRef.js +0 -2
  1279. package/utils/useId.js +0 -2
  1280. package/utils/useIsFocusVisible.js +0 -2
package/Tabs/Tabs.js CHANGED
@@ -1,101 +1,66 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var React = _interopRequireWildcard(require("react"));
15
-
16
11
  var _reactIs = require("react-is");
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _clsx = _interopRequireDefault(require("clsx"));
21
-
22
14
  var _utils = require("@mui/utils");
23
-
24
15
  var _base = require("@mui/base");
25
-
26
16
  var _styled = _interopRequireDefault(require("../styles/styled"));
27
-
28
17
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
29
-
30
18
  var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
31
-
32
19
  var _debounce = _interopRequireDefault(require("../utils/debounce"));
33
-
34
20
  var _scrollLeft = require("../utils/scrollLeft");
35
-
36
21
  var _animate = _interopRequireDefault(require("../internal/animate"));
37
-
38
22
  var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));
39
-
40
23
  var _TabScrollButton = _interopRequireDefault(require("../TabScrollButton"));
41
-
42
24
  var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
43
-
44
25
  var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
45
-
46
26
  var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
47
-
48
27
  var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
49
-
50
28
  var _jsxRuntime = require("react/jsx-runtime");
51
-
52
29
  const _excluded = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
53
-
54
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
55
-
56
31
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
57
-
58
32
  const nextItem = (list, item) => {
59
33
  if (list === item) {
60
34
  return list.firstChild;
61
35
  }
62
-
63
36
  if (item && item.nextElementSibling) {
64
37
  return item.nextElementSibling;
65
38
  }
66
-
67
39
  return list.firstChild;
68
40
  };
69
-
70
41
  const previousItem = (list, item) => {
71
42
  if (list === item) {
72
43
  return list.lastChild;
73
44
  }
74
-
75
45
  if (item && item.previousElementSibling) {
76
46
  return item.previousElementSibling;
77
47
  }
78
-
79
48
  return list.lastChild;
80
49
  };
81
-
82
50
  const moveFocus = (list, currentFocus, traversalFunction) => {
83
51
  let wrappedOnce = false;
84
52
  let nextFocus = traversalFunction(list, currentFocus);
85
-
86
53
  while (nextFocus) {
87
54
  // Prevent infinite loop.
88
55
  if (nextFocus === list.firstChild) {
89
56
  if (wrappedOnce) {
90
57
  return;
91
58
  }
92
-
93
59
  wrappedOnce = true;
94
- } // Same logic as useAutocomplete.js
95
-
60
+ }
96
61
 
62
+ // Same logic as useAutocomplete.js
97
63
  const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
98
-
99
64
  if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
100
65
  // Move to the next element.
101
66
  nextFocus = traversalFunction(list, nextFocus);
@@ -105,7 +70,6 @@ const moveFocus = (list, currentFocus, traversalFunction) => {
105
70
  }
106
71
  }
107
72
  };
108
-
109
73
  const useUtilityClasses = ownerState => {
110
74
  const {
111
75
  vertical,
@@ -128,7 +92,6 @@ const useUtilityClasses = ownerState => {
128
92
  };
129
93
  return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
130
94
  };
131
-
132
95
  const TabsRoot = (0, _styled.default)('div', {
133
96
  name: 'MuiTabs',
134
97
  slot: 'Root',
@@ -185,7 +148,6 @@ const TabsScroller = (0, _styled.default)('div', {
185
148
  // Firefox
186
149
  '&::-webkit-scrollbar': {
187
150
  display: 'none' // Safari + Chrome
188
-
189
151
  }
190
152
  }, ownerState.scrollableX && {
191
153
  overflowX: 'auto',
@@ -245,9 +207,9 @@ const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default, {
245
207
  // Firefox
246
208
  '&::-webkit-scrollbar': {
247
209
  display: 'none' // Safari + Chrome
248
-
249
210
  }
250
211
  });
212
+
251
213
  const defaultIndicatorStyle = {};
252
214
  let warnedOnceTabPresent = false;
253
215
  const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
@@ -258,28 +220,28 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
258
220
  const theme = (0, _useTheme.default)();
259
221
  const isRtl = theme.direction === 'rtl';
260
222
  const {
261
- 'aria-label': ariaLabel,
262
- 'aria-labelledby': ariaLabelledBy,
263
- action,
264
- centered = false,
265
- children: childrenProp,
266
- className,
267
- component = 'div',
268
- allowScrollButtonsMobile = false,
269
- indicatorColor = 'primary',
270
- onChange,
271
- orientation = 'horizontal',
272
- ScrollButtonComponent = _TabScrollButton.default,
273
- scrollButtons = 'auto',
274
- selectionFollowsFocus,
275
- TabIndicatorProps = {},
276
- TabScrollButtonProps = {},
277
- textColor = 'primary',
278
- value,
279
- variant = 'standard',
280
- visibleScrollbar = false
281
- } = props,
282
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
223
+ 'aria-label': ariaLabel,
224
+ 'aria-labelledby': ariaLabelledBy,
225
+ action,
226
+ centered = false,
227
+ children: childrenProp,
228
+ className,
229
+ component = 'div',
230
+ allowScrollButtonsMobile = false,
231
+ indicatorColor = 'primary',
232
+ onChange,
233
+ orientation = 'horizontal',
234
+ ScrollButtonComponent = _TabScrollButton.default,
235
+ scrollButtons = 'auto',
236
+ selectionFollowsFocus,
237
+ TabIndicatorProps = {},
238
+ TabScrollButtonProps = {},
239
+ textColor = 'primary',
240
+ value,
241
+ variant = 'standard',
242
+ visibleScrollbar = false
243
+ } = props,
244
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
283
245
  const scrollable = variant === 'scrollable';
284
246
  const vertical = orientation === 'vertical';
285
247
  const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';
@@ -305,13 +267,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
305
267
  scrollButtonsHideMobile: !allowScrollButtonsMobile
306
268
  });
307
269
  const classes = useUtilityClasses(ownerState);
308
-
309
270
  if (process.env.NODE_ENV !== 'production') {
310
271
  if (centered && scrollable) {
311
272
  console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties ' + 'at the same time on a `Tabs` component.');
312
273
  }
313
274
  }
314
-
315
275
  const [mounted, setMounted] = React.useState(false);
316
276
  const [indicatorStyle, setIndicatorStyle] = React.useState(defaultIndicatorStyle);
317
277
  const [displayScroll, setDisplayScroll] = React.useState({
@@ -325,14 +285,12 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
325
285
  const valueToIndex = new Map();
326
286
  const tabsRef = React.useRef(null);
327
287
  const tabListRef = React.useRef(null);
328
-
329
288
  const getTabsMeta = () => {
330
289
  const tabsNode = tabsRef.current;
331
290
  let tabsMeta;
332
-
333
291
  if (tabsNode) {
334
- const rect = tabsNode.getBoundingClientRect(); // create a new object with ClientRect class props + scrollLeft
335
-
292
+ const rect = tabsNode.getBoundingClientRect();
293
+ // create a new object with ClientRect class props + scrollLeft
336
294
  tabsMeta = {
337
295
  clientWidth: tabsNode.clientWidth,
338
296
  scrollLeft: tabsNode.scrollLeft,
@@ -345,23 +303,17 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
345
303
  right: rect.right
346
304
  };
347
305
  }
348
-
349
306
  let tabMeta;
350
-
351
307
  if (tabsNode && value !== false) {
352
308
  const children = tabListRef.current.children;
353
-
354
309
  if (children.length > 0) {
355
310
  const tab = children[valueToIndex.get(value)];
356
-
357
311
  if (process.env.NODE_ENV !== 'production') {
358
312
  if (!tab) {
359
313
  console.error([`MUI: The \`value\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with "${value}".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\n'));
360
314
  }
361
315
  }
362
-
363
316
  tabMeta = tab ? tab.getBoundingClientRect() : null;
364
-
365
317
  if (process.env.NODE_ENV !== 'production') {
366
318
  if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
367
319
  tabsMeta = null;
@@ -371,13 +323,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
371
323
  }
372
324
  }
373
325
  }
374
-
375
326
  return {
376
327
  tabsMeta,
377
328
  tabMeta
378
329
  };
379
330
  };
380
-
381
331
  const updateIndicatorState = (0, _useEventCallback.default)(() => {
382
332
  const {
383
333
  tabsMeta,
@@ -385,41 +335,36 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
385
335
  } = getTabsMeta();
386
336
  let startValue = 0;
387
337
  let startIndicator;
388
-
389
338
  if (vertical) {
390
339
  startIndicator = 'top';
391
-
392
340
  if (tabMeta && tabsMeta) {
393
341
  startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;
394
342
  }
395
343
  } else {
396
344
  startIndicator = isRtl ? 'right' : 'left';
397
-
398
345
  if (tabMeta && tabsMeta) {
399
346
  const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;
400
347
  startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);
401
348
  }
402
349
  }
403
-
404
350
  const newIndicatorStyle = {
405
351
  [startIndicator]: startValue,
406
352
  // May be wrong until the font is loaded.
407
353
  [size]: tabMeta ? tabMeta[size] : 0
408
- }; // IE11 support, replace with Number.isNaN
409
- // eslint-disable-next-line no-restricted-globals
354
+ };
410
355
 
356
+ // IE11 support, replace with Number.isNaN
357
+ // eslint-disable-next-line no-restricted-globals
411
358
  if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {
412
359
  setIndicatorStyle(newIndicatorStyle);
413
360
  } else {
414
361
  const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);
415
362
  const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);
416
-
417
363
  if (dStart >= 1 || dSize >= 1) {
418
364
  setIndicatorStyle(newIndicatorStyle);
419
365
  }
420
366
  }
421
367
  });
422
-
423
368
  const scroll = (scrollValue, {
424
369
  animation = true
425
370
  } = {}) => {
@@ -431,62 +376,50 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
431
376
  tabsRef.current[scrollStart] = scrollValue;
432
377
  }
433
378
  };
434
-
435
379
  const moveTabsScroll = delta => {
436
380
  let scrollValue = tabsRef.current[scrollStart];
437
-
438
381
  if (vertical) {
439
382
  scrollValue += delta;
440
383
  } else {
441
- scrollValue += delta * (isRtl ? -1 : 1); // Fix for Edge
442
-
384
+ scrollValue += delta * (isRtl ? -1 : 1);
385
+ // Fix for Edge
443
386
  scrollValue *= isRtl && (0, _scrollLeft.detectScrollType)() === 'reverse' ? -1 : 1;
444
387
  }
445
-
446
388
  scroll(scrollValue);
447
389
  };
448
-
449
390
  const getScrollSize = () => {
450
391
  const containerSize = tabsRef.current[clientSize];
451
392
  let totalSize = 0;
452
393
  const children = Array.from(tabListRef.current.children);
453
-
454
394
  for (let i = 0; i < children.length; i += 1) {
455
395
  const tab = children[i];
456
-
457
396
  if (totalSize + tab[clientSize] > containerSize) {
458
397
  // If the first item is longer than the container size, then only scroll
459
398
  // by the container size.
460
399
  if (i === 0) {
461
400
  totalSize = containerSize;
462
401
  }
463
-
464
402
  break;
465
403
  }
466
-
467
404
  totalSize += tab[clientSize];
468
405
  }
469
-
470
406
  return totalSize;
471
407
  };
472
-
473
408
  const handleStartScrollClick = () => {
474
409
  moveTabsScroll(-1 * getScrollSize());
475
410
  };
476
-
477
411
  const handleEndScrollClick = () => {
478
412
  moveTabsScroll(getScrollSize());
479
- }; // TODO Remove <ScrollbarSize /> as browser support for hidding the scrollbar
480
- // with CSS improves.
481
-
413
+ };
482
414
 
415
+ // TODO Remove <ScrollbarSize /> as browser support for hidding the scrollbar
416
+ // with CSS improves.
483
417
  const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {
484
418
  setScrollerStyle({
485
419
  overflow: null,
486
420
  scrollbarWidth
487
421
  });
488
422
  }, []);
489
-
490
423
  const getConditionalElements = () => {
491
424
  const conditionalElements = {};
492
425
  conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsScrollbarSize, {
@@ -513,17 +446,14 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
513
446
  })) : null;
514
447
  return conditionalElements;
515
448
  };
516
-
517
449
  const scrollSelectedIntoView = (0, _useEventCallback.default)(animation => {
518
450
  const {
519
451
  tabsMeta,
520
452
  tabMeta
521
453
  } = getTabsMeta();
522
-
523
454
  if (!tabMeta || !tabsMeta) {
524
455
  return;
525
456
  }
526
-
527
457
  if (tabMeta[start] < tabsMeta[start]) {
528
458
  // left side of button is out of view
529
459
  const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);
@@ -549,17 +479,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
549
479
  } = tabsRef.current;
550
480
  let showStartScroll;
551
481
  let showEndScroll;
552
-
553
482
  if (vertical) {
554
483
  showStartScroll = scrollTop > 1;
555
484
  showEndScroll = scrollTop < scrollHeight - clientHeight - 1;
556
485
  } else {
557
- const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction); // use 1 for the potential rounding error with browser zooms.
558
-
486
+ const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction);
487
+ // use 1 for the potential rounding error with browser zooms.
559
488
  showStartScroll = isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
560
489
  showEndScroll = !isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
561
490
  }
562
-
563
491
  if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {
564
492
  setDisplayScroll({
565
493
  start: showStartScroll,
@@ -584,18 +512,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
584
512
  const win = (0, _ownerWindow.default)(tabsRef.current);
585
513
  win.addEventListener('resize', handleResize);
586
514
  let resizeObserver;
587
-
588
515
  if (typeof ResizeObserver !== 'undefined') {
589
516
  resizeObserver = new ResizeObserver(handleResize);
590
517
  Array.from(tabListRef.current.children).forEach(child => {
591
518
  resizeObserver.observe(child);
592
519
  });
593
520
  }
594
-
595
521
  return () => {
596
522
  handleResize.clear();
597
523
  win.removeEventListener('resize', handleResize);
598
-
599
524
  if (resizeObserver) {
600
525
  resizeObserver.disconnect();
601
526
  }
@@ -634,13 +559,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
634
559
  if (! /*#__PURE__*/React.isValidElement(child)) {
635
560
  return null;
636
561
  }
637
-
638
562
  if (process.env.NODE_ENV !== 'production') {
639
563
  if ((0, _reactIs.isFragment)(child)) {
640
564
  console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
641
565
  }
642
566
  }
643
-
644
567
  const childValue = child.props.value === undefined ? childIndex : child.props.value;
645
568
  valueToIndex.set(childValue, childIndex);
646
569
  const selected = childValue === value;
@@ -657,54 +580,44 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
657
580
  tabIndex: 0
658
581
  } : {}));
659
582
  });
660
-
661
583
  const handleKeyDown = event => {
662
584
  const list = tabListRef.current;
663
- const currentFocus = (0, _ownerDocument.default)(list).activeElement; // Keyboard navigation assumes that [role="tab"] are siblings
585
+ const currentFocus = (0, _ownerDocument.default)(list).activeElement;
586
+ // Keyboard navigation assumes that [role="tab"] are siblings
664
587
  // though we might warn in the future about nested, interactive elements
665
588
  // as a a11y violation
666
-
667
589
  const role = currentFocus.getAttribute('role');
668
-
669
590
  if (role !== 'tab') {
670
591
  return;
671
592
  }
672
-
673
593
  let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
674
594
  let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
675
-
676
595
  if (orientation === 'horizontal' && isRtl) {
677
596
  // swap previousItemKey with nextItemKey
678
597
  previousItemKey = 'ArrowRight';
679
598
  nextItemKey = 'ArrowLeft';
680
599
  }
681
-
682
600
  switch (event.key) {
683
601
  case previousItemKey:
684
602
  event.preventDefault();
685
603
  moveFocus(list, currentFocus, previousItem);
686
604
  break;
687
-
688
605
  case nextItemKey:
689
606
  event.preventDefault();
690
607
  moveFocus(list, currentFocus, nextItem);
691
608
  break;
692
-
693
609
  case 'Home':
694
610
  event.preventDefault();
695
611
  moveFocus(list, null, nextItem);
696
612
  break;
697
-
698
613
  case 'End':
699
614
  event.preventDefault();
700
615
  moveFocus(list, null, previousItem);
701
616
  break;
702
-
703
617
  default:
704
618
  break;
705
619
  }
706
620
  };
707
-
708
621
  const conditionalElements = getConditionalElements();
709
622
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsRoot, (0, _extends2.default)({
710
623
  className: (0, _clsx.default)(classes.root, className),
@@ -735,14 +648,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
735
648
  }), conditionalElements.scrollButtonEnd]
736
649
  }));
737
650
  });
738
- process.env.NODE_ENV !== "production" ? Tabs.propTypes
739
- /* remove-proptypes */
740
- = {
651
+ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ = {
741
652
  // ----------------------------- Warning --------------------------------
742
653
  // | These PropTypes are generated from the TypeScript type definitions |
743
654
  // | To update them edit the d.ts file and run "yarn proptypes" |
744
655
  // ----------------------------------------------------------------------
745
-
746
656
  /**
747
657
  * Callback fired when the component mounts.
748
658
  * This is useful when you want to trigger an action programmatically.
@@ -752,60 +662,48 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
752
662
  * that can be triggered programmatically.
753
663
  */
754
664
  action: _utils.refType,
755
-
756
665
  /**
757
666
  * If `true`, the scroll buttons aren't forced hidden on mobile.
758
667
  * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
759
668
  * @default false
760
669
  */
761
670
  allowScrollButtonsMobile: _propTypes.default.bool,
762
-
763
671
  /**
764
672
  * The label for the Tabs as a string.
765
673
  */
766
674
  'aria-label': _propTypes.default.string,
767
-
768
675
  /**
769
676
  * An id or list of ids separated by a space that label the Tabs.
770
677
  */
771
678
  'aria-labelledby': _propTypes.default.string,
772
-
773
679
  /**
774
680
  * If `true`, the tabs are centered.
775
681
  * This prop is intended for large views.
776
682
  * @default false
777
683
  */
778
684
  centered: _propTypes.default.bool,
779
-
780
685
  /**
781
686
  * The content of the component.
782
687
  */
783
688
  children: _propTypes.default.node,
784
-
785
689
  /**
786
690
  * Override or extend the styles applied to the component.
787
691
  */
788
692
  classes: _propTypes.default.object,
789
-
790
693
  /**
791
694
  * @ignore
792
695
  */
793
696
  className: _propTypes.default.string,
794
-
795
697
  /**
796
698
  * The component used for the root node.
797
699
  * Either a string to use a HTML element or a component.
798
700
  */
799
701
  component: _propTypes.default.elementType,
800
-
801
702
  /**
802
703
  * Determines the color of the indicator.
803
704
  * @default 'primary'
804
705
  */
805
- indicatorColor: _propTypes.default
806
- /* @typescript-to-proptypes-ignore */
807
- .oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
808
-
706
+ indicatorColor: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
809
707
  /**
810
708
  * Callback fired when the value changes.
811
709
  *
@@ -813,19 +711,16 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
813
711
  * @param {any} value We default to the index of the child (number)
814
712
  */
815
713
  onChange: _propTypes.default.func,
816
-
817
714
  /**
818
715
  * The component orientation (layout flow direction).
819
716
  * @default 'horizontal'
820
717
  */
821
718
  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
822
-
823
719
  /**
824
720
  * The component used to render the scroll buttons.
825
721
  * @default TabScrollButton
826
722
  */
827
723
  ScrollButtonComponent: _propTypes.default.elementType,
828
-
829
724
  /**
830
725
  * Determine behavior of scroll buttons when tabs are set to scroll:
831
726
  *
@@ -837,45 +732,36 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
837
732
  * This behavior can be disabled with `allowScrollButtonsMobile`.
838
733
  * @default 'auto'
839
734
  */
840
- scrollButtons: _propTypes.default
841
- /* @typescript-to-proptypes-ignore */
842
- .oneOf(['auto', false, true]),
843
-
735
+ scrollButtons: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOf(['auto', false, true]),
844
736
  /**
845
737
  * If `true` the selected tab changes on focus. Otherwise it only
846
738
  * changes on activation.
847
739
  */
848
740
  selectionFollowsFocus: _propTypes.default.bool,
849
-
850
741
  /**
851
742
  * The system prop that allows defining system overrides as well as additional CSS styles.
852
743
  */
853
744
  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]),
854
-
855
745
  /**
856
746
  * Props applied to the tab indicator element.
857
747
  * @default {}
858
748
  */
859
749
  TabIndicatorProps: _propTypes.default.object,
860
-
861
750
  /**
862
751
  * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
863
752
  * @default {}
864
753
  */
865
754
  TabScrollButtonProps: _propTypes.default.object,
866
-
867
755
  /**
868
756
  * Determines the color of the `Tab`.
869
757
  * @default 'primary'
870
758
  */
871
759
  textColor: _propTypes.default.oneOf(['inherit', 'primary', 'secondary']),
872
-
873
760
  /**
874
761
  * The value of the currently selected `Tab`.
875
762
  * If you don't want any selected `Tab`, you can set this prop to `false`.
876
763
  */
877
764
  value: _propTypes.default.any,
878
-
879
765
  /**
880
766
  * Determines additional display behavior of the tabs:
881
767
  *
@@ -887,7 +773,6 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
887
773
  * @default 'standard'
888
774
  */
889
775
  variant: _propTypes.default.oneOf(['fullWidth', 'scrollable', 'standard']),
890
-
891
776
  /**
892
777
  * If `true`, the scrollbar is visible. It can be useful when displaying
893
778
  * a long vertical list of tabs.
package/Tabs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "tabsClasses", {
20
19
  return _tabsClasses.default;
21
20
  }
22
21
  });
23
-
24
22
  var _Tabs = _interopRequireDefault(require("./Tabs"));
25
-
26
23
  var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
27
-
28
24
  Object.keys(_tabsClasses).forEach(function (key) {
29
25
  if (key === "default" || key === "__esModule") return;
30
26
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_tabsClasses).forEach(function (key) {
36
32
  }
37
33
  });
38
34
  });
39
-
40
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
-
42
36
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }