@mui/material 5.13.0 → 5.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (610) hide show
  1. package/Accordion/Accordion.js +44 -43
  2. package/AccordionActions/AccordionActions.js +18 -18
  3. package/AccordionDetails/AccordionDetails.js +7 -9
  4. package/AccordionSummary/AccordionSummary.js +32 -32
  5. package/Alert/Alert.js +64 -60
  6. package/AlertTitle/AlertTitle.js +7 -9
  7. package/AppBar/AppBar.js +89 -73
  8. package/Autocomplete/Autocomplete.js +172 -141
  9. package/Avatar/Avatar.js +42 -38
  10. package/AvatarGroup/AvatarGroup.js +34 -33
  11. package/Backdrop/Backdrop.js +33 -31
  12. package/Badge/Badge.js +119 -107
  13. package/BottomNavigation/BottomNavigation.js +15 -17
  14. package/BottomNavigationAction/BottomNavigationAction.js +29 -31
  15. package/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  16. package/Breadcrumbs/Breadcrumbs.js +19 -21
  17. package/Button/Button.js +168 -133
  18. package/ButtonBase/ButtonBase.js +43 -42
  19. package/ButtonBase/TouchRipple.js +9 -12
  20. package/ButtonGroup/ButtonGroup.js +111 -89
  21. package/CHANGELOG.md +62 -0
  22. package/Card/Card.js +11 -12
  23. package/CardActionArea/CardActionArea.js +9 -12
  24. package/CardActions/CardActions.js +18 -18
  25. package/CardContent/CardContent.js +11 -12
  26. package/CardHeader/CardHeader.js +30 -31
  27. package/CardMedia/CardMedia.js +28 -27
  28. package/Checkbox/Checkbox.js +44 -39
  29. package/Chip/Chip.js +146 -129
  30. package/CircularProgress/CircularProgress.js +43 -36
  31. package/Collapse/Collapse.js +73 -65
  32. package/CssBaseline/CssBaseline.js +17 -14
  33. package/Dialog/Dialog.js +103 -94
  34. package/DialogActions/DialogActions.js +18 -18
  35. package/DialogContent/DialogContent.js +22 -22
  36. package/DialogContentText/DialogContentText.js +13 -11
  37. package/DialogTitle/DialogTitle.js +8 -10
  38. package/Divider/Divider.js +99 -84
  39. package/Drawer/Drawer.js +85 -76
  40. package/Fab/Fab.js +71 -60
  41. package/Fade/Fade.js +31 -30
  42. package/FilledInput/FilledInput.js +135 -117
  43. package/FilledInput/filledInputClasses.js +4 -2
  44. package/FormControl/FormControl.js +41 -35
  45. package/FormControlLabel/FormControlLabel.js +43 -38
  46. package/FormGroup/FormGroup.js +16 -16
  47. package/FormHelperText/FormHelperText.js +30 -23
  48. package/FormLabel/FormLabel.js +26 -18
  49. package/GlobalStyles/GlobalStyles.js +3 -3
  50. package/Grid/Grid.js +50 -41
  51. package/Grow/Grow.js +31 -30
  52. package/Hidden/Hidden.js +21 -22
  53. package/Hidden/HiddenCss.js +29 -29
  54. package/Hidden/withWidth.js +19 -19
  55. package/Icon/Icon.js +14 -15
  56. package/IconButton/IconButton.js +59 -52
  57. package/ImageList/ImageList.js +30 -29
  58. package/ImageListItem/ImageListItem.js +40 -39
  59. package/ImageListItemBar/ImageListItemBar.js +47 -41
  60. package/Input/Input.js +77 -74
  61. package/Input/inputClasses.js +4 -2
  62. package/InputAdornment/InputAdornment.js +36 -34
  63. package/InputBase/InputBase.js +116 -92
  64. package/InputLabel/InputLabel.js +83 -68
  65. package/LinearProgress/LinearProgress.js +64 -58
  66. package/Link/Link.js +69 -64
  67. package/List/List.js +24 -24
  68. package/ListItem/ListItem.js +113 -96
  69. package/ListItemAvatar/ListItemAvatar.js +15 -15
  70. package/ListItemButton/ListItemButton.js +40 -35
  71. package/ListItemIcon/ListItemIcon.js +15 -15
  72. package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  73. package/ListItemText/ListItemText.js +34 -34
  74. package/ListSubheader/ListSubheader.js +36 -32
  75. package/Menu/Menu.js +38 -39
  76. package/MenuItem/MenuItem.js +50 -45
  77. package/MenuList/MenuList.js +17 -20
  78. package/MobileStepper/MobileStepper.js +61 -53
  79. package/Modal/Modal.js +50 -45
  80. package/NativeSelect/NativeSelect.js +26 -22
  81. package/NativeSelect/NativeSelectInput.js +50 -43
  82. package/OutlinedInput/NotchedOutline.js +55 -51
  83. package/OutlinedInput/OutlinedInput.js +72 -59
  84. package/OutlinedInput/outlinedInputClasses.js +4 -2
  85. package/Pagination/Pagination.js +35 -31
  86. package/PaginationItem/PaginationItem.js +105 -93
  87. package/Paper/Paper.js +32 -28
  88. package/Popover/Popover.js +49 -51
  89. package/Popper/Popper.js +25 -27
  90. package/README.md +1 -1
  91. package/Radio/Radio.js +36 -33
  92. package/Radio/RadioButtonIcon.js +11 -10
  93. package/RadioGroup/RadioGroup.js +14 -17
  94. package/Rating/Rating.js +88 -73
  95. package/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  96. package/Select/Select.js +59 -55
  97. package/Select/SelectInput.js +58 -57
  98. package/Skeleton/Skeleton.js +51 -46
  99. package/Slide/Slide.js +37 -33
  100. package/Slider/Slider.js +281 -216
  101. package/Snackbar/Snackbar.js +81 -67
  102. package/SnackbarContent/SnackbarContent.js +13 -15
  103. package/SpeedDial/SpeedDial.js +85 -83
  104. package/SpeedDialAction/SpeedDialAction.js +57 -52
  105. package/SpeedDialIcon/SpeedDialIcon.js +25 -24
  106. package/Step/Step.js +27 -26
  107. package/StepButton/StepButton.js +23 -24
  108. package/StepConnector/StepConnector.js +34 -31
  109. package/StepContent/StepContent.js +23 -24
  110. package/StepIcon/StepIcon.js +22 -22
  111. package/StepLabel/StepLabel.js +34 -33
  112. package/Stepper/Stepper.js +33 -31
  113. package/SvgIcon/SvgIcon.js +19 -20
  114. package/SwipeableDrawer/SwipeArea.js +33 -30
  115. package/SwipeableDrawer/SwipeableDrawer.js +49 -43
  116. package/Switch/Switch.js +59 -52
  117. package/Tab/Tab.js +93 -83
  118. package/TabScrollButton/TabScrollButton.js +30 -25
  119. package/Table/Table.js +20 -19
  120. package/TableBody/TableBody.js +11 -12
  121. package/TableCell/TableCell.js +70 -59
  122. package/TableContainer/TableContainer.js +11 -12
  123. package/TableFooter/TableFooter.js +11 -12
  124. package/TableHead/TableHead.js +11 -12
  125. package/TablePagination/TablePagination.js +53 -49
  126. package/TablePagination/TablePaginationActions.js +22 -25
  127. package/TableRow/TableRow.js +13 -14
  128. package/TableSortLabel/TableSortLabel.js +23 -23
  129. package/Tabs/ScrollbarSize.js +7 -9
  130. package/Tabs/Tabs.js +107 -92
  131. package/TextField/TextField.js +57 -57
  132. package/ToggleButton/ToggleButton.js +36 -35
  133. package/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  134. package/Toolbar/Toolbar.js +26 -25
  135. package/Tooltip/Tooltip.js +177 -147
  136. package/Typography/Typography.js +37 -32
  137. package/Zoom/Zoom.js +31 -30
  138. package/index.js +1 -1
  139. package/internal/SwitchBase.js +45 -43
  140. package/legacy/Accordion/Accordion.js +9 -8
  141. package/legacy/AccordionActions/AccordionActions.js +6 -4
  142. package/legacy/AccordionDetails/AccordionDetails.js +4 -2
  143. package/legacy/AccordionSummary/AccordionSummary.js +12 -11
  144. package/legacy/Alert/Alert.js +11 -10
  145. package/legacy/AlertTitle/AlertTitle.js +4 -2
  146. package/legacy/AppBar/AppBar.js +18 -16
  147. package/legacy/Autocomplete/Autocomplete.js +45 -43
  148. package/legacy/Avatar/Avatar.js +11 -9
  149. package/legacy/AvatarGroup/AvatarGroup.js +10 -9
  150. package/legacy/Backdrop/Backdrop.js +10 -8
  151. package/legacy/Badge/Badge.js +16 -15
  152. package/legacy/BottomNavigation/BottomNavigation.js +6 -4
  153. package/legacy/BottomNavigationAction/BottomNavigationAction.js +9 -8
  154. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +10 -8
  155. package/legacy/Breadcrumbs/Breadcrumbs.js +5 -4
  156. package/legacy/Button/Button.js +37 -36
  157. package/legacy/ButtonBase/ButtonBase.js +6 -5
  158. package/legacy/ButtonBase/TouchRipple.js +5 -3
  159. package/legacy/ButtonGroup/ButtonGroup.js +28 -27
  160. package/legacy/Card/Card.js +5 -3
  161. package/legacy/CardActionArea/CardActionArea.js +4 -3
  162. package/legacy/CardActions/CardActions.js +6 -4
  163. package/legacy/CardContent/CardContent.js +5 -3
  164. package/legacy/CardHeader/CardHeader.js +11 -10
  165. package/legacy/CardMedia/CardMedia.js +9 -7
  166. package/legacy/Checkbox/Checkbox.js +9 -8
  167. package/legacy/Chip/Chip.js +26 -25
  168. package/legacy/CircularProgress/CircularProgress.js +12 -10
  169. package/legacy/Collapse/Collapse.js +17 -16
  170. package/legacy/CssBaseline/CssBaseline.js +9 -7
  171. package/legacy/Dialog/Dialog.js +20 -19
  172. package/legacy/DialogActions/DialogActions.js +6 -4
  173. package/legacy/DialogContent/DialogContent.js +5 -4
  174. package/legacy/DialogContentText/DialogContentText.js +6 -4
  175. package/legacy/DialogTitle/DialogTitle.js +4 -2
  176. package/legacy/Divider/Divider.js +19 -17
  177. package/legacy/Drawer/Drawer.js +23 -21
  178. package/legacy/Fab/Fab.js +13 -12
  179. package/legacy/Fade/Fade.js +8 -6
  180. package/legacy/FilledInput/FilledInput.js +24 -23
  181. package/legacy/FilledInput/filledInputClasses.js +4 -2
  182. package/legacy/FormControl/FormControl.js +10 -8
  183. package/legacy/FormControlLabel/FormControlLabel.js +11 -10
  184. package/legacy/FormGroup/FormGroup.js +6 -4
  185. package/legacy/FormHelperText/FormHelperText.js +12 -11
  186. package/legacy/FormLabel/FormLabel.js +13 -12
  187. package/legacy/GlobalStyles/GlobalStyles.js +4 -2
  188. package/legacy/Grid/Grid.js +13 -11
  189. package/legacy/Grow/Grow.js +8 -6
  190. package/legacy/Hidden/Hidden.js +5 -3
  191. package/legacy/Hidden/HiddenCss.js +4 -3
  192. package/legacy/Hidden/withWidth.js +6 -4
  193. package/legacy/Icon/Icon.js +5 -3
  194. package/legacy/IconButton/IconButton.js +15 -14
  195. package/legacy/ImageList/ImageList.js +9 -7
  196. package/legacy/ImageListItem/ImageListItem.js +9 -8
  197. package/legacy/ImageListItemBar/ImageListItemBar.js +13 -11
  198. package/legacy/Input/Input.js +8 -7
  199. package/legacy/Input/inputClasses.js +4 -2
  200. package/legacy/InputAdornment/InputAdornment.js +9 -8
  201. package/legacy/InputBase/InputBase.js +28 -27
  202. package/legacy/InputLabel/InputLabel.js +14 -13
  203. package/legacy/LinearProgress/LinearProgress.js +17 -15
  204. package/legacy/Link/Link.js +9 -8
  205. package/legacy/List/List.js +8 -6
  206. package/legacy/ListItem/ListItem.js +25 -24
  207. package/legacy/ListItemAvatar/ListItemAvatar.js +6 -4
  208. package/legacy/ListItemButton/ListItemButton.js +16 -15
  209. package/legacy/ListItemIcon/ListItemIcon.js +6 -4
  210. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +6 -4
  211. package/legacy/ListItemText/ListItemText.js +11 -10
  212. package/legacy/ListSubheader/ListSubheader.js +10 -8
  213. package/legacy/Menu/Menu.js +12 -10
  214. package/legacy/MenuItem/MenuItem.js +22 -21
  215. package/legacy/MenuList/MenuList.js +5 -3
  216. package/legacy/MobileStepper/MobileStepper.js +12 -10
  217. package/legacy/Modal/Modal.js +10 -8
  218. package/legacy/NativeSelect/NativeSelect.js +8 -6
  219. package/legacy/NativeSelect/NativeSelectInput.js +17 -16
  220. package/legacy/OutlinedInput/NotchedOutline.js +8 -6
  221. package/legacy/OutlinedInput/OutlinedInput.js +23 -22
  222. package/legacy/OutlinedInput/outlinedInputClasses.js +4 -2
  223. package/legacy/Pagination/Pagination.js +9 -7
  224. package/legacy/PaginationItem/PaginationItem.js +24 -23
  225. package/legacy/Paper/Paper.js +9 -7
  226. package/legacy/Popover/Popover.js +12 -10
  227. package/legacy/Popper/Popper.js +6 -4
  228. package/legacy/Radio/Radio.js +8 -7
  229. package/legacy/Radio/RadioButtonIcon.js +5 -3
  230. package/legacy/RadioGroup/RadioGroup.js +5 -3
  231. package/legacy/Rating/Rating.js +24 -23
  232. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +6 -4
  233. package/legacy/Select/Select.js +10 -8
  234. package/legacy/Select/SelectInput.js +11 -10
  235. package/legacy/Skeleton/Skeleton.js +13 -11
  236. package/legacy/Slide/Slide.js +10 -8
  237. package/legacy/Slider/Slider.js +65 -64
  238. package/legacy/Snackbar/Snackbar.js +16 -15
  239. package/legacy/SnackbarContent/SnackbarContent.js +5 -4
  240. package/legacy/SpeedDial/SpeedDial.js +15 -14
  241. package/legacy/SpeedDialAction/SpeedDialAction.js +16 -15
  242. package/legacy/SpeedDialIcon/SpeedDialIcon.js +7 -6
  243. package/legacy/Step/Step.js +8 -6
  244. package/legacy/StepButton/StepButton.js +8 -7
  245. package/legacy/StepConnector/StepConnector.js +10 -8
  246. package/legacy/StepContent/StepContent.js +9 -7
  247. package/legacy/StepIcon/StepIcon.js +7 -6
  248. package/legacy/StepLabel/StepLabel.js +20 -19
  249. package/legacy/Stepper/Stepper.js +10 -8
  250. package/legacy/SvgIcon/SvgIcon.js +6 -4
  251. package/legacy/SwipeableDrawer/SwipeArea.js +9 -8
  252. package/legacy/SwipeableDrawer/SwipeableDrawer.js +10 -8
  253. package/legacy/Switch/Switch.js +11 -10
  254. package/legacy/Tab/Tab.js +16 -15
  255. package/legacy/TabScrollButton/TabScrollButton.js +7 -6
  256. package/legacy/Table/Table.js +7 -5
  257. package/legacy/TableBody/TableBody.js +5 -3
  258. package/legacy/TableCell/TableCell.js +15 -14
  259. package/legacy/TableContainer/TableContainer.js +5 -3
  260. package/legacy/TableFooter/TableFooter.js +5 -3
  261. package/legacy/TableHead/TableHead.js +5 -3
  262. package/legacy/TablePagination/TablePagination.js +15 -14
  263. package/legacy/TablePagination/TablePaginationActions.js +9 -7
  264. package/legacy/TableRow/TableRow.js +4 -3
  265. package/legacy/TableSortLabel/TableSortLabel.js +7 -6
  266. package/legacy/Tabs/ScrollbarSize.js +4 -2
  267. package/legacy/Tabs/Tabs.js +23 -22
  268. package/legacy/TextField/TextField.js +14 -12
  269. package/legacy/ToggleButton/ToggleButton.js +12 -11
  270. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +8 -7
  271. package/legacy/Toolbar/Toolbar.js +6 -5
  272. package/legacy/Tooltip/Tooltip.js +34 -33
  273. package/legacy/Typography/Typography.js +11 -9
  274. package/legacy/Zoom/Zoom.js +8 -6
  275. package/legacy/index.js +1 -1
  276. package/legacy/internal/SwitchBase.js +10 -8
  277. package/legacy/locale/index.js +383 -68
  278. package/legacy/styles/CssVarsProvider.js +4 -2
  279. package/legacy/styles/ThemeProvider.js +4 -2
  280. package/legacy/styles/adaptV4Theme.js +7 -6
  281. package/legacy/styles/createMixins.js +3 -2
  282. package/legacy/styles/createPalette.js +6 -4
  283. package/legacy/styles/createTheme.js +4 -3
  284. package/legacy/styles/createTransitions.js +7 -5
  285. package/legacy/styles/createTypography.js +6 -4
  286. package/legacy/styles/experimental_extendTheme.js +12 -10
  287. package/legacy/styles/responsiveFontSizes.js +6 -4
  288. package/legacy/usePagination/usePagination.js +4 -2
  289. package/legacy/useScrollTrigger/useScrollTrigger.js +4 -2
  290. package/legacy/utils/createSvgIcon.js +5 -3
  291. package/locale/index.d.ts +4 -0
  292. package/locale/index.js +309 -0
  293. package/modern/Accordion/Accordion.js +44 -43
  294. package/modern/AccordionActions/AccordionActions.js +18 -18
  295. package/modern/AccordionDetails/AccordionDetails.js +7 -9
  296. package/modern/AccordionSummary/AccordionSummary.js +32 -32
  297. package/modern/Alert/Alert.js +64 -60
  298. package/modern/AlertTitle/AlertTitle.js +7 -9
  299. package/modern/AppBar/AppBar.js +89 -73
  300. package/modern/Autocomplete/Autocomplete.js +169 -138
  301. package/modern/Avatar/Avatar.js +42 -38
  302. package/modern/AvatarGroup/AvatarGroup.js +34 -33
  303. package/modern/Backdrop/Backdrop.js +33 -31
  304. package/modern/Badge/Badge.js +119 -107
  305. package/modern/BottomNavigation/BottomNavigation.js +15 -17
  306. package/modern/BottomNavigationAction/BottomNavigationAction.js +29 -31
  307. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  308. package/modern/Breadcrumbs/Breadcrumbs.js +19 -21
  309. package/modern/Button/Button.js +168 -133
  310. package/modern/ButtonBase/ButtonBase.js +43 -42
  311. package/modern/ButtonBase/TouchRipple.js +9 -12
  312. package/modern/ButtonGroup/ButtonGroup.js +111 -89
  313. package/modern/Card/Card.js +11 -12
  314. package/modern/CardActionArea/CardActionArea.js +9 -12
  315. package/modern/CardActions/CardActions.js +18 -18
  316. package/modern/CardContent/CardContent.js +11 -12
  317. package/modern/CardHeader/CardHeader.js +30 -31
  318. package/modern/CardMedia/CardMedia.js +28 -27
  319. package/modern/Checkbox/Checkbox.js +44 -39
  320. package/modern/Chip/Chip.js +146 -129
  321. package/modern/CircularProgress/CircularProgress.js +43 -36
  322. package/modern/Collapse/Collapse.js +73 -65
  323. package/modern/CssBaseline/CssBaseline.js +17 -14
  324. package/modern/Dialog/Dialog.js +103 -94
  325. package/modern/DialogActions/DialogActions.js +18 -18
  326. package/modern/DialogContent/DialogContent.js +22 -22
  327. package/modern/DialogContentText/DialogContentText.js +13 -11
  328. package/modern/DialogTitle/DialogTitle.js +8 -10
  329. package/modern/Divider/Divider.js +99 -84
  330. package/modern/Drawer/Drawer.js +85 -76
  331. package/modern/Fab/Fab.js +70 -59
  332. package/modern/Fade/Fade.js +31 -30
  333. package/modern/FilledInput/FilledInput.js +135 -117
  334. package/modern/FilledInput/filledInputClasses.js +4 -2
  335. package/modern/FormControl/FormControl.js +41 -35
  336. package/modern/FormControlLabel/FormControlLabel.js +43 -38
  337. package/modern/FormGroup/FormGroup.js +16 -16
  338. package/modern/FormHelperText/FormHelperText.js +30 -23
  339. package/modern/FormLabel/FormLabel.js +26 -18
  340. package/modern/GlobalStyles/GlobalStyles.js +3 -3
  341. package/modern/Grid/Grid.js +50 -41
  342. package/modern/Grow/Grow.js +31 -30
  343. package/modern/Hidden/Hidden.js +21 -22
  344. package/modern/Hidden/HiddenCss.js +29 -29
  345. package/modern/Hidden/withWidth.js +19 -19
  346. package/modern/Icon/Icon.js +14 -15
  347. package/modern/IconButton/IconButton.js +59 -52
  348. package/modern/ImageList/ImageList.js +30 -29
  349. package/modern/ImageListItem/ImageListItem.js +40 -39
  350. package/modern/ImageListItemBar/ImageListItemBar.js +47 -41
  351. package/modern/Input/Input.js +77 -74
  352. package/modern/Input/inputClasses.js +4 -2
  353. package/modern/InputAdornment/InputAdornment.js +36 -34
  354. package/modern/InputBase/InputBase.js +116 -92
  355. package/modern/InputLabel/InputLabel.js +83 -68
  356. package/modern/LinearProgress/LinearProgress.js +64 -58
  357. package/modern/Link/Link.js +69 -64
  358. package/modern/List/List.js +24 -24
  359. package/modern/ListItem/ListItem.js +113 -96
  360. package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
  361. package/modern/ListItemButton/ListItemButton.js +40 -35
  362. package/modern/ListItemIcon/ListItemIcon.js +15 -15
  363. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  364. package/modern/ListItemText/ListItemText.js +34 -34
  365. package/modern/ListSubheader/ListSubheader.js +36 -32
  366. package/modern/Menu/Menu.js +38 -39
  367. package/modern/MenuItem/MenuItem.js +50 -45
  368. package/modern/MenuList/MenuList.js +17 -20
  369. package/modern/MobileStepper/MobileStepper.js +61 -53
  370. package/modern/Modal/Modal.js +50 -45
  371. package/modern/NativeSelect/NativeSelect.js +26 -22
  372. package/modern/NativeSelect/NativeSelectInput.js +50 -43
  373. package/modern/OutlinedInput/NotchedOutline.js +55 -51
  374. package/modern/OutlinedInput/OutlinedInput.js +72 -59
  375. package/modern/OutlinedInput/outlinedInputClasses.js +4 -2
  376. package/modern/Pagination/Pagination.js +35 -31
  377. package/modern/PaginationItem/PaginationItem.js +105 -93
  378. package/modern/Paper/Paper.js +32 -28
  379. package/modern/Popover/Popover.js +49 -51
  380. package/modern/Popper/Popper.js +25 -27
  381. package/modern/Radio/Radio.js +36 -33
  382. package/modern/Radio/RadioButtonIcon.js +11 -10
  383. package/modern/RadioGroup/RadioGroup.js +14 -17
  384. package/modern/Rating/Rating.js +88 -73
  385. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  386. package/modern/Select/Select.js +59 -55
  387. package/modern/Select/SelectInput.js +58 -57
  388. package/modern/Skeleton/Skeleton.js +51 -46
  389. package/modern/Slide/Slide.js +37 -33
  390. package/modern/Slider/Slider.js +281 -216
  391. package/modern/Snackbar/Snackbar.js +81 -67
  392. package/modern/SnackbarContent/SnackbarContent.js +13 -15
  393. package/modern/SpeedDial/SpeedDial.js +85 -83
  394. package/modern/SpeedDialAction/SpeedDialAction.js +57 -52
  395. package/modern/SpeedDialIcon/SpeedDialIcon.js +25 -24
  396. package/modern/Step/Step.js +27 -26
  397. package/modern/StepButton/StepButton.js +23 -24
  398. package/modern/StepConnector/StepConnector.js +34 -31
  399. package/modern/StepContent/StepContent.js +23 -24
  400. package/modern/StepIcon/StepIcon.js +22 -22
  401. package/modern/StepLabel/StepLabel.js +34 -33
  402. package/modern/Stepper/Stepper.js +33 -31
  403. package/modern/SvgIcon/SvgIcon.js +19 -20
  404. package/modern/SwipeableDrawer/SwipeArea.js +33 -30
  405. package/modern/SwipeableDrawer/SwipeableDrawer.js +49 -43
  406. package/modern/Switch/Switch.js +59 -52
  407. package/modern/Tab/Tab.js +93 -83
  408. package/modern/TabScrollButton/TabScrollButton.js +30 -25
  409. package/modern/Table/Table.js +20 -19
  410. package/modern/TableBody/TableBody.js +11 -12
  411. package/modern/TableCell/TableCell.js +70 -59
  412. package/modern/TableContainer/TableContainer.js +11 -12
  413. package/modern/TableFooter/TableFooter.js +11 -12
  414. package/modern/TableHead/TableHead.js +11 -12
  415. package/modern/TablePagination/TablePagination.js +53 -49
  416. package/modern/TablePagination/TablePaginationActions.js +22 -25
  417. package/modern/TableRow/TableRow.js +13 -14
  418. package/modern/TableSortLabel/TableSortLabel.js +23 -23
  419. package/modern/Tabs/ScrollbarSize.js +7 -9
  420. package/modern/Tabs/Tabs.js +107 -92
  421. package/modern/TextField/TextField.js +57 -57
  422. package/modern/ToggleButton/ToggleButton.js +36 -35
  423. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  424. package/modern/Toolbar/Toolbar.js +26 -25
  425. package/modern/Tooltip/Tooltip.js +177 -147
  426. package/modern/Typography/Typography.js +37 -32
  427. package/modern/Zoom/Zoom.js +31 -30
  428. package/modern/index.js +1 -1
  429. package/modern/internal/SwitchBase.js +45 -43
  430. package/modern/locale/index.js +309 -0
  431. package/modern/styles/CssVarsProvider.js +3 -3
  432. package/modern/styles/ThemeProvider.js +7 -10
  433. package/modern/styles/adaptV4Theme.js +31 -31
  434. package/modern/styles/createMixins.js +4 -4
  435. package/modern/styles/createPalette.js +16 -13
  436. package/modern/styles/createTheme.js +16 -11
  437. package/modern/styles/createTransitions.js +17 -14
  438. package/modern/styles/createTypography.js +31 -29
  439. package/modern/styles/experimental_extendTheme.js +41 -33
  440. package/modern/styles/responsiveFontSizes.js +17 -11
  441. package/modern/usePagination/usePagination.js +18 -20
  442. package/modern/useScrollTrigger/useScrollTrigger.js +8 -10
  443. package/modern/utils/createSvgIcon.js +4 -5
  444. package/node/Accordion/Accordion.js +44 -43
  445. package/node/AccordionActions/AccordionActions.js +18 -18
  446. package/node/AccordionDetails/AccordionDetails.js +7 -9
  447. package/node/AccordionSummary/AccordionSummary.js +32 -32
  448. package/node/Alert/Alert.js +64 -60
  449. package/node/AlertTitle/AlertTitle.js +7 -9
  450. package/node/AppBar/AppBar.js +89 -73
  451. package/node/Autocomplete/Autocomplete.js +172 -141
  452. package/node/Avatar/Avatar.js +42 -38
  453. package/node/AvatarGroup/AvatarGroup.js +34 -33
  454. package/node/Backdrop/Backdrop.js +33 -31
  455. package/node/Badge/Badge.js +119 -107
  456. package/node/BottomNavigation/BottomNavigation.js +15 -17
  457. package/node/BottomNavigationAction/BottomNavigationAction.js +29 -31
  458. package/node/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  459. package/node/Breadcrumbs/Breadcrumbs.js +19 -21
  460. package/node/Button/Button.js +168 -133
  461. package/node/ButtonBase/ButtonBase.js +43 -42
  462. package/node/ButtonBase/TouchRipple.js +9 -12
  463. package/node/ButtonGroup/ButtonGroup.js +111 -89
  464. package/node/Card/Card.js +11 -12
  465. package/node/CardActionArea/CardActionArea.js +9 -12
  466. package/node/CardActions/CardActions.js +18 -18
  467. package/node/CardContent/CardContent.js +11 -12
  468. package/node/CardHeader/CardHeader.js +30 -31
  469. package/node/CardMedia/CardMedia.js +28 -27
  470. package/node/Checkbox/Checkbox.js +44 -39
  471. package/node/Chip/Chip.js +146 -129
  472. package/node/CircularProgress/CircularProgress.js +43 -36
  473. package/node/Collapse/Collapse.js +73 -65
  474. package/node/CssBaseline/CssBaseline.js +17 -14
  475. package/node/Dialog/Dialog.js +103 -94
  476. package/node/DialogActions/DialogActions.js +18 -18
  477. package/node/DialogContent/DialogContent.js +22 -22
  478. package/node/DialogContentText/DialogContentText.js +13 -11
  479. package/node/DialogTitle/DialogTitle.js +8 -10
  480. package/node/Divider/Divider.js +99 -84
  481. package/node/Drawer/Drawer.js +85 -76
  482. package/node/Fab/Fab.js +71 -60
  483. package/node/Fade/Fade.js +31 -30
  484. package/node/FilledInput/FilledInput.js +135 -117
  485. package/node/FilledInput/filledInputClasses.js +4 -2
  486. package/node/FormControl/FormControl.js +41 -35
  487. package/node/FormControlLabel/FormControlLabel.js +43 -38
  488. package/node/FormGroup/FormGroup.js +16 -16
  489. package/node/FormHelperText/FormHelperText.js +30 -23
  490. package/node/FormLabel/FormLabel.js +26 -18
  491. package/node/GlobalStyles/GlobalStyles.js +3 -3
  492. package/node/Grid/Grid.js +54 -43
  493. package/node/Grow/Grow.js +31 -30
  494. package/node/Hidden/Hidden.js +24 -26
  495. package/node/Hidden/HiddenCss.js +29 -29
  496. package/node/Hidden/withWidth.js +19 -19
  497. package/node/Icon/Icon.js +14 -15
  498. package/node/IconButton/IconButton.js +59 -52
  499. package/node/ImageList/ImageList.js +30 -29
  500. package/node/ImageListItem/ImageListItem.js +40 -39
  501. package/node/ImageListItemBar/ImageListItemBar.js +47 -41
  502. package/node/Input/Input.js +77 -74
  503. package/node/Input/inputClasses.js +4 -2
  504. package/node/InputAdornment/InputAdornment.js +36 -34
  505. package/node/InputBase/InputBase.js +116 -92
  506. package/node/InputLabel/InputLabel.js +83 -68
  507. package/node/LinearProgress/LinearProgress.js +64 -58
  508. package/node/Link/Link.js +69 -64
  509. package/node/List/List.js +24 -24
  510. package/node/ListItem/ListItem.js +113 -96
  511. package/node/ListItemAvatar/ListItemAvatar.js +15 -15
  512. package/node/ListItemButton/ListItemButton.js +40 -35
  513. package/node/ListItemIcon/ListItemIcon.js +15 -15
  514. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  515. package/node/ListItemText/ListItemText.js +34 -34
  516. package/node/ListSubheader/ListSubheader.js +36 -32
  517. package/node/Menu/Menu.js +38 -39
  518. package/node/MenuItem/MenuItem.js +50 -45
  519. package/node/MenuList/MenuList.js +17 -20
  520. package/node/MobileStepper/MobileStepper.js +61 -53
  521. package/node/Modal/Modal.js +50 -45
  522. package/node/NativeSelect/NativeSelect.js +26 -22
  523. package/node/NativeSelect/NativeSelectInput.js +50 -43
  524. package/node/OutlinedInput/NotchedOutline.js +55 -51
  525. package/node/OutlinedInput/OutlinedInput.js +72 -59
  526. package/node/OutlinedInput/outlinedInputClasses.js +4 -2
  527. package/node/Pagination/Pagination.js +35 -31
  528. package/node/PaginationItem/PaginationItem.js +105 -93
  529. package/node/Paper/Paper.js +32 -28
  530. package/node/Popover/Popover.js +49 -51
  531. package/node/Popper/Popper.js +25 -27
  532. package/node/Radio/Radio.js +36 -33
  533. package/node/Radio/RadioButtonIcon.js +11 -10
  534. package/node/RadioGroup/RadioGroup.js +14 -17
  535. package/node/Rating/Rating.js +88 -73
  536. package/node/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  537. package/node/Select/Select.js +59 -55
  538. package/node/Select/SelectInput.js +58 -57
  539. package/node/Skeleton/Skeleton.js +51 -46
  540. package/node/Slide/Slide.js +39 -34
  541. package/node/Slider/Slider.js +281 -216
  542. package/node/Snackbar/Snackbar.js +81 -67
  543. package/node/SnackbarContent/SnackbarContent.js +13 -15
  544. package/node/SpeedDial/SpeedDial.js +85 -83
  545. package/node/SpeedDialAction/SpeedDialAction.js +59 -52
  546. package/node/SpeedDialIcon/SpeedDialIcon.js +25 -24
  547. package/node/Step/Step.js +27 -26
  548. package/node/StepButton/StepButton.js +23 -24
  549. package/node/StepConnector/StepConnector.js +34 -31
  550. package/node/StepContent/StepContent.js +23 -24
  551. package/node/StepIcon/StepIcon.js +22 -22
  552. package/node/StepLabel/StepLabel.js +34 -33
  553. package/node/Stepper/Stepper.js +33 -31
  554. package/node/SvgIcon/SvgIcon.js +19 -20
  555. package/node/SwipeableDrawer/SwipeArea.js +33 -30
  556. package/node/SwipeableDrawer/SwipeableDrawer.js +51 -44
  557. package/node/Switch/Switch.js +61 -52
  558. package/node/Tab/Tab.js +93 -83
  559. package/node/TabScrollButton/TabScrollButton.js +32 -26
  560. package/node/Table/Table.js +20 -19
  561. package/node/TableBody/TableBody.js +11 -12
  562. package/node/TableCell/TableCell.js +70 -59
  563. package/node/TableContainer/TableContainer.js +11 -12
  564. package/node/TableFooter/TableFooter.js +11 -12
  565. package/node/TableHead/TableHead.js +11 -12
  566. package/node/TablePagination/TablePagination.js +53 -49
  567. package/node/TablePagination/TablePaginationActions.js +22 -25
  568. package/node/TableRow/TableRow.js +13 -14
  569. package/node/TableSortLabel/TableSortLabel.js +23 -23
  570. package/node/Tabs/ScrollbarSize.js +7 -9
  571. package/node/Tabs/Tabs.js +107 -92
  572. package/node/TextField/TextField.js +57 -57
  573. package/node/ToggleButton/ToggleButton.js +38 -35
  574. package/node/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  575. package/node/Toolbar/Toolbar.js +26 -25
  576. package/node/Tooltip/Tooltip.js +177 -147
  577. package/node/Typography/Typography.js +37 -32
  578. package/node/Zoom/Zoom.js +31 -30
  579. package/node/index.js +1 -1
  580. package/node/internal/SwitchBase.js +45 -43
  581. package/node/locale/index.js +314 -1
  582. package/node/styles/CssVarsProvider.js +3 -3
  583. package/node/styles/ThemeProvider.js +7 -10
  584. package/node/styles/adaptV4Theme.js +31 -32
  585. package/node/styles/createMixins.js +4 -5
  586. package/node/styles/createPalette.js +16 -13
  587. package/node/styles/createTheme.js +16 -11
  588. package/node/styles/createTransitions.js +17 -15
  589. package/node/styles/createTypography.js +31 -30
  590. package/node/styles/experimental_extendTheme.js +41 -33
  591. package/node/styles/responsiveFontSizes.js +17 -12
  592. package/node/usePagination/usePagination.js +18 -21
  593. package/node/useScrollTrigger/useScrollTrigger.js +8 -11
  594. package/node/utils/createSvgIcon.js +4 -5
  595. package/package.json +5 -5
  596. package/styles/CssVarsProvider.js +3 -3
  597. package/styles/ThemeProvider.js +7 -10
  598. package/styles/adaptV4Theme.js +31 -31
  599. package/styles/createMixins.js +4 -4
  600. package/styles/createPalette.js +16 -13
  601. package/styles/createTheme.js +16 -11
  602. package/styles/createTransitions.js +17 -14
  603. package/styles/createTypography.js +31 -29
  604. package/styles/experimental_extendTheme.js +41 -33
  605. package/styles/responsiveFontSizes.js +17 -11
  606. package/umd/material-ui.development.js +7513 -6042
  607. package/umd/material-ui.production.min.js +21 -21
  608. package/usePagination/usePagination.js +18 -20
  609. package/useScrollTrigger/useScrollTrigger.js +8 -10
  610. package/utils/createSvgIcon.js +4 -5
@@ -1,6 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
5
  import * as React from 'react';
5
6
  import { isFragment } from 'react-is';
6
7
  import PropTypes from 'prop-types';
@@ -33,14 +34,14 @@ var ToggleButtonGroupRoot = styled('div', {
33
34
  })(function (_ref3) {
34
35
  var ownerState = _ref3.ownerState,
35
36
  theme = _ref3.theme;
36
- return _extends({
37
+ return _objectSpread(_objectSpread(_objectSpread({
37
38
  display: 'inline-flex',
38
39
  borderRadius: (theme.vars || theme).shape.borderRadius
39
40
  }, ownerState.orientation === 'vertical' && {
40
41
  flexDirection: 'column'
41
- }, ownerState.fullWidth && {
42
+ }), ownerState.fullWidth && {
42
43
  width: '100%'
43
- }, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped), _extends({}, ownerState.orientation === 'horizontal' ? _defineProperty({
44
+ }), {}, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped), _objectSpread({}, ownerState.orientation === 'horizontal' ? _defineProperty({
44
45
  '&:not(:first-of-type)': {
45
46
  marginLeft: -1,
46
47
  borderLeft: '1px solid transparent',
@@ -92,7 +93,7 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
92
93
  size = _props$size === void 0 ? 'medium' : _props$size,
93
94
  value = props.value,
94
95
  other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"]);
95
- var ownerState = _extends({}, props, {
96
+ var ownerState = _objectSpread(_objectSpread({}, props), {}, {
96
97
  disabled: disabled,
97
98
  fullWidth: fullWidth,
98
99
  orientation: orientation,
@@ -119,12 +120,12 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
119
120
  }
120
121
  onChange(event, value === buttonValue ? null : buttonValue);
121
122
  };
122
- return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _extends({
123
+ return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _objectSpread(_objectSpread({
123
124
  role: "group",
124
125
  className: clsx(classes.root, className),
125
126
  ref: ref,
126
127
  ownerState: ownerState
127
- }, other, {
128
+ }, other), {}, {
128
129
  children: React.Children.map(children, function (child) {
129
130
  if (! /*#__PURE__*/React.isValidElement(child)) {
130
131
  return null;
@@ -1,6 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
- import _extends from "@babel/runtime/helpers/esm/extends";
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
5
  import * as React from 'react';
5
6
  import PropTypes from 'prop-types';
6
7
  import clsx from 'clsx';
@@ -28,7 +29,7 @@ var ToolbarRoot = styled('div', {
28
29
  })(function (_ref) {
29
30
  var theme = _ref.theme,
30
31
  ownerState = _ref.ownerState;
31
- return _extends({
32
+ return _objectSpread(_objectSpread({
32
33
  position: 'relative',
33
34
  display: 'flex',
34
35
  alignItems: 'center'
@@ -38,7 +39,7 @@ var ToolbarRoot = styled('div', {
38
39
  }, theme.breakpoints.up('sm'), {
39
40
  paddingLeft: theme.spacing(3),
40
41
  paddingRight: theme.spacing(3)
41
- }), ownerState.variant === 'dense' && {
42
+ })), ownerState.variant === 'dense' && {
42
43
  minHeight: 48
43
44
  });
44
45
  }, function (_ref3) {
@@ -59,13 +60,13 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
59
60
  _props$variant = props.variant,
60
61
  variant = _props$variant === void 0 ? 'regular' : _props$variant,
61
62
  other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
62
- var ownerState = _extends({}, props, {
63
+ var ownerState = _objectSpread(_objectSpread({}, props), {}, {
63
64
  component: component,
64
65
  disableGutters: disableGutters,
65
66
  variant: variant
66
67
  });
67
68
  var classes = useUtilityClasses(ownerState);
68
- return /*#__PURE__*/_jsx(ToolbarRoot, _extends({
69
+ return /*#__PURE__*/_jsx(ToolbarRoot, _objectSpread({
69
70
  as: component,
70
71
  className: clsx(classes.root, className),
71
72
  ref: ref,
@@ -1,7 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- import _extends from "@babel/runtime/helpers/esm/extends";
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
6
  import * as React from 'react';
6
7
  import PropTypes from 'prop-types';
7
8
  import clsx from 'clsx';
@@ -50,14 +51,14 @@ var TooltipPopper = styled(Popper, {
50
51
  var theme = _ref.theme,
51
52
  ownerState = _ref.ownerState,
52
53
  open = _ref.open;
53
- return _extends({
54
+ return _objectSpread(_objectSpread(_objectSpread({
54
55
  zIndex: (theme.vars || theme).zIndex.tooltip,
55
56
  pointerEvents: 'none'
56
57
  }, !ownerState.disableInteractive && {
57
58
  pointerEvents: 'auto'
58
- }, !open && {
59
+ }), !open && {
59
60
  pointerEvents: 'none'
60
- }, ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
61
+ }), ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
61
62
  top: 0,
62
63
  marginTop: '-0.71em',
63
64
  '&::before': {
@@ -69,25 +70,25 @@ var TooltipPopper = styled(Popper, {
69
70
  '&::before': {
70
71
  transformOrigin: '100% 0'
71
72
  }
72
- }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
73
+ }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
73
74
  left: 0,
74
75
  marginLeft: '-0.71em'
75
76
  } : {
76
77
  right: 0,
77
78
  marginRight: '-0.71em'
78
- }, {
79
+ }), {}, {
79
80
  height: '1em',
80
81
  width: '0.71em',
81
82
  '&::before': {
82
83
  transformOrigin: '100% 100%'
83
84
  }
84
- })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
85
+ })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
85
86
  right: 0,
86
87
  marginRight: '-0.71em'
87
88
  } : {
88
89
  left: 0,
89
90
  marginLeft: '-0.71em'
90
- }, {
91
+ }), {}, {
91
92
  height: '1em',
92
93
  width: '0.71em',
93
94
  '&::before': {
@@ -103,10 +104,10 @@ var TooltipTooltip = styled('div', {
103
104
  return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles["tooltipPlacement".concat(capitalize(ownerState.placement.split('-')[0]))]];
104
105
  }
105
106
  })(function (_ref3) {
106
- var _extends2;
107
+ var _objectSpread2;
107
108
  var theme = _ref3.theme,
108
109
  ownerState = _ref3.ownerState;
109
- return _extends({
110
+ return _objectSpread(_objectSpread(_objectSpread({
110
111
  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
111
112
  borderRadius: (theme.vars || theme).shape.borderRadius,
112
113
  color: (theme.vars || theme).palette.common.white,
@@ -120,42 +121,42 @@ var TooltipTooltip = styled('div', {
120
121
  }, ownerState.arrow && {
121
122
  position: 'relative',
122
123
  margin: 0
123
- }, ownerState.touch && {
124
+ }), ownerState.touch && {
124
125
  padding: '8px 16px',
125
126
  fontSize: theme.typography.pxToRem(14),
126
127
  lineHeight: "".concat(round(16 / 14), "em"),
127
128
  fontWeight: theme.typography.fontWeightRegular
128
- }, (_extends2 = {}, _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _extends({
129
+ }), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _objectSpread({
129
130
  transformOrigin: 'right center'
130
- }, !ownerState.isRtl ? _extends({
131
+ }, !ownerState.isRtl ? _objectSpread({
131
132
  marginRight: '14px'
132
133
  }, ownerState.touch && {
133
134
  marginRight: '24px'
134
- }) : _extends({
135
+ }) : _objectSpread({
135
136
  marginLeft: '14px'
136
137
  }, ownerState.touch && {
137
138
  marginLeft: '24px'
138
- }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _extends({
139
+ }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _objectSpread({
139
140
  transformOrigin: 'left center'
140
- }, !ownerState.isRtl ? _extends({
141
+ }, !ownerState.isRtl ? _objectSpread({
141
142
  marginLeft: '14px'
142
143
  }, ownerState.touch && {
143
144
  marginLeft: '24px'
144
- }) : _extends({
145
+ }) : _objectSpread({
145
146
  marginRight: '14px'
146
147
  }, ownerState.touch && {
147
148
  marginRight: '24px'
148
- }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _extends({
149
+ }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _objectSpread({
149
150
  transformOrigin: 'center bottom',
150
151
  marginBottom: '14px'
151
152
  }, ownerState.touch && {
152
153
  marginBottom: '24px'
153
- })), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _extends({
154
+ })), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _objectSpread({
154
155
  transformOrigin: 'center top',
155
156
  marginTop: '14px'
156
157
  }, ownerState.touch && {
157
158
  marginTop: '24px'
158
- })), _extends2));
159
+ })), _objectSpread2));
159
160
  });
160
161
  var TooltipArrow = styled('span', {
161
162
  name: 'MuiTooltip',
@@ -474,7 +475,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
474
475
  nameOrDescProps['aria-label'] = titleIsString ? title : null;
475
476
  nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
476
477
  }
477
- var childrenProps = _extends({}, nameOrDescProps, other, children.props, {
478
+ var childrenProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, nameOrDescProps), other), children.props), {}, {
478
479
  className: clsx(other.className, children.props.className),
479
480
  onTouchStart: detectTouchStart,
480
481
  ref: handleRef
@@ -530,11 +531,11 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
530
531
  if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
531
532
  tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
532
533
  }
533
- return _extends({}, PopperProps.popperOptions, {
534
+ return _objectSpread(_objectSpread({}, PopperProps.popperOptions), {}, {
534
535
  modifiers: tooltipModifiers
535
536
  });
536
537
  }, [arrowRef, PopperProps]);
537
- var ownerState = _extends({}, props, {
538
+ var ownerState = _objectSpread(_objectSpread({}, props), {}, {
538
539
  isRtl: isRtl,
539
540
  arrow: arrow,
540
541
  disableInteractive: disableInteractive,
@@ -547,18 +548,18 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
547
548
  var TransitionComponent = (_ref6 = (_ref7 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref7 : TransitionComponentProp) != null ? _ref6 : Grow;
548
549
  var TooltipComponent = (_ref8 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref8 : TooltipTooltip;
549
550
  var ArrowComponent = (_ref9 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref9 : TooltipArrow;
550
- var popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
551
+ var popperProps = appendOwnerState(PopperComponent, _objectSpread(_objectSpread(_objectSpread({}, PopperProps), (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper), {}, {
551
552
  className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref10 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref10.className)
552
553
  }), ownerState);
553
- var transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
554
- var tooltipProps = appendOwnerState(TooltipComponent, _extends({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
554
+ var transitionProps = appendOwnerState(TransitionComponent, _objectSpread(_objectSpread({}, TransitionProps), (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
555
+ var tooltipProps = appendOwnerState(TooltipComponent, _objectSpread(_objectSpread({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip), {}, {
555
556
  className: clsx(classes.tooltip, (_ref11 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref11.className)
556
557
  }), ownerState);
557
- var tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
558
+ var tooltipArrowProps = appendOwnerState(ArrowComponent, _objectSpread(_objectSpread({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow), {}, {
558
559
  className: clsx(classes.arrow, (_ref12 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref12.className)
559
560
  }), ownerState);
560
561
  return /*#__PURE__*/_jsxs(React.Fragment, {
561
- children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({
562
+ children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _objectSpread(_objectSpread(_objectSpread({
562
563
  as: PopperComponentProp != null ? PopperComponentProp : Popper,
563
564
  placement: placement,
564
565
  anchorEl: followCursor ? {
@@ -577,15 +578,15 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
577
578
  open: childNode ? open : false,
578
579
  id: id,
579
580
  transition: true
580
- }, interactiveWrapperListeners, popperProps, {
581
+ }, interactiveWrapperListeners), popperProps), {}, {
581
582
  popperOptions: popperOptions,
582
583
  children: function children(_ref13) {
583
584
  var TransitionPropsInner = _ref13.TransitionProps;
584
- return /*#__PURE__*/_jsx(TransitionComponent, _extends({
585
+ return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread(_objectSpread({
585
586
  timeout: theme.transitions.duration.shorter
586
- }, TransitionPropsInner, transitionProps, {
587
- children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
588
- children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
587
+ }, TransitionPropsInner), transitionProps), {}, {
588
+ children: /*#__PURE__*/_jsxs(TooltipComponent, _objectSpread(_objectSpread({}, tooltipProps), {}, {
589
+ children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _objectSpread(_objectSpread({}, tooltipArrowProps), {}, {
589
590
  ref: setArrowRef
590
591
  })) : null]
591
592
  }))
@@ -1,5 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
3
5
  import * as React from 'react';
4
6
  import PropTypes from 'prop-types';
5
7
  import clsx from 'clsx';
@@ -32,17 +34,17 @@ export var TypographyRoot = styled('span', {
32
34
  })(function (_ref) {
33
35
  var theme = _ref.theme,
34
36
  ownerState = _ref.ownerState;
35
- return _extends({
37
+ return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
36
38
  margin: 0
37
- }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
39
+ }, ownerState.variant && theme.typography[ownerState.variant]), ownerState.align !== 'inherit' && {
38
40
  textAlign: ownerState.align
39
- }, ownerState.noWrap && {
41
+ }), ownerState.noWrap && {
40
42
  overflow: 'hidden',
41
43
  textOverflow: 'ellipsis',
42
44
  whiteSpace: 'nowrap'
43
- }, ownerState.gutterBottom && {
45
+ }), ownerState.gutterBottom && {
44
46
  marginBottom: '0.35em'
45
- }, ownerState.paragraph && {
47
+ }), ownerState.paragraph && {
46
48
  marginBottom: 16
47
49
  });
48
50
  });
@@ -77,7 +79,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
77
79
  name: 'MuiTypography'
78
80
  });
79
81
  var color = transformDeprecatedColors(themeProps.color);
80
- var props = extendSxProp(_extends({}, themeProps, {
82
+ var props = extendSxProp(_objectSpread(_objectSpread({}, themeProps), {}, {
81
83
  color: color
82
84
  }));
83
85
  var _props$align = props.align,
@@ -95,7 +97,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
95
97
  _props$variantMapping = props.variantMapping,
96
98
  variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
97
99
  other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
98
- var ownerState = _extends({}, props, {
100
+ var ownerState = _objectSpread(_objectSpread({}, props), {}, {
99
101
  align: align,
100
102
  color: color,
101
103
  className: className,
@@ -108,7 +110,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
108
110
  });
109
111
  var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
110
112
  var classes = useUtilityClasses(ownerState);
111
- return /*#__PURE__*/_jsx(TypographyRoot, _extends({
113
+ return /*#__PURE__*/_jsx(TypographyRoot, _objectSpread({
112
114
  as: Component,
113
115
  ref: ref,
114
116
  ownerState: ownerState,
@@ -1,5 +1,7 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
3
5
  import * as React from 'react';
4
6
  import PropTypes from 'prop-types';
5
7
  import { Transition } from 'react-transition-group';
@@ -102,7 +104,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
102
104
  addEndListener(nodeRef.current, next);
103
105
  }
104
106
  };
105
- return /*#__PURE__*/_jsx(TransitionComponent, _extends({
107
+ return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
106
108
  appear: appear,
107
109
  in: inProp,
108
110
  nodeRef: nodeRef,
@@ -114,13 +116,13 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
114
116
  onExiting: handleExiting,
115
117
  addEndListener: handleAddEndListener,
116
118
  timeout: timeout
117
- }, other, {
119
+ }, other), {}, {
118
120
  children: function children(state, childProps) {
119
- return /*#__PURE__*/React.cloneElement(_children, _extends({
120
- style: _extends({
121
+ return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
122
+ style: _objectSpread(_objectSpread(_objectSpread({
121
123
  transform: 'scale(0)',
122
124
  visibility: state === 'exited' && !inProp ? 'hidden' : undefined
123
- }, styles[state], style, _children.props.style),
125
+ }, styles[state]), style), _children.props.style),
124
126
  ref: handleRef
125
127
  }, childProps));
126
128
  }
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.13.0
2
+ * @mui/material v5.13.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1,6 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import _extends from "@babel/runtime/helpers/esm/extends";
3
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
6
  import * as React from 'react';
5
7
  import PropTypes from 'prop-types';
6
8
  import clsx from 'clsx';
@@ -27,12 +29,12 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
27
29
  };
28
30
  var SwitchBaseRoot = styled(ButtonBase)(function (_ref) {
29
31
  var ownerState = _ref.ownerState;
30
- return _extends({
32
+ return _objectSpread(_objectSpread({
31
33
  padding: 9,
32
34
  borderRadius: '50%'
33
35
  }, ownerState.edge === 'start' && {
34
36
  marginLeft: ownerState.size === 'small' ? -3 : -12
35
- }, ownerState.edge === 'end' && {
37
+ }), ownerState.edge === 'end' && {
36
38
  marginRight: ownerState.size === 'small' ? -3 : -12
37
39
  });
38
40
  });
@@ -123,14 +125,14 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
123
125
  }
124
126
  }
125
127
  var hasLabelFor = type === 'checkbox' || type === 'radio';
126
- var ownerState = _extends({}, props, {
128
+ var ownerState = _objectSpread(_objectSpread({}, props), {}, {
127
129
  checked: checked,
128
130
  disabled: disabled,
129
131
  disableFocusRipple: disableFocusRipple,
130
132
  edge: edge
131
133
  });
132
134
  var classes = useUtilityClasses(ownerState);
133
- return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({
135
+ return /*#__PURE__*/_jsxs(SwitchBaseRoot, _objectSpread(_objectSpread({
134
136
  component: "span",
135
137
  className: clsx(classes.root, className),
136
138
  centerRipple: true,
@@ -142,8 +144,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
142
144
  onBlur: handleBlur,
143
145
  ownerState: ownerState,
144
146
  ref: ref
145
- }, other, {
146
- children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({
147
+ }, other), {}, {
148
+ children: [/*#__PURE__*/_jsx(SwitchBaseInput, _objectSpread(_objectSpread({
147
149
  autoFocus: autoFocus,
148
150
  checked: checkedProp,
149
151
  defaultChecked: defaultChecked,
@@ -160,7 +162,7 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
160
162
  type: type
161
163
  }, type === 'checkbox' && value === undefined ? {} : {
162
164
  value: value
163
- }, inputProps)), checked ? checkedIcon : icon]
165
+ }), inputProps)), checked ? checkedIcon : icon]
164
166
  }));
165
167
  });
166
168