@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
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
19
17
  var _FormControlContext = _interopRequireDefault(require("./FormControlContext"));
20
18
  var _formControlClasses = require("./formControlClasses");
21
19
  var _jsxRuntime = require("react/jsx-runtime");
22
- const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
23
20
  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); }
24
21
  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; }
25
22
  const useUtilityClasses = ownerState => {
@@ -39,11 +36,15 @@ const FormControlRoot = (0, _styled.default)('div', {
39
36
  overridesResolver: ({
40
37
  ownerState
41
38
  }, styles) => {
42
- return (0, _extends2.default)({}, styles.root, styles[`margin${(0, _capitalize.default)(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
39
+ return {
40
+ ...styles.root,
41
+ ...styles[`margin${(0, _capitalize.default)(ownerState.margin)}`],
42
+ ...(ownerState.fullWidth && styles.fullWidth)
43
+ };
43
44
  }
44
45
  })(({
45
46
  ownerState
46
- }) => (0, _extends2.default)({
47
+ }) => ({
47
48
  display: 'inline-flex',
48
49
  flexDirection: 'column',
49
50
  position: 'relative',
@@ -52,15 +53,19 @@ const FormControlRoot = (0, _styled.default)('div', {
52
53
  padding: 0,
53
54
  margin: 0,
54
55
  border: 0,
55
- verticalAlign: 'top'
56
- }, ownerState.margin === 'normal' && {
57
- marginTop: 16,
58
- marginBottom: 8
59
- }, ownerState.margin === 'dense' && {
60
- marginTop: 8,
61
- marginBottom: 4
62
- }, ownerState.fullWidth && {
63
- width: '100%'
56
+ verticalAlign: 'top',
57
+ // Fix alignment issue on Safari.
58
+ ...(ownerState.margin === 'normal' && {
59
+ marginTop: 16,
60
+ marginBottom: 8
61
+ }),
62
+ ...(ownerState.margin === 'dense' && {
63
+ marginTop: 8,
64
+ marginBottom: 4
65
+ }),
66
+ ...(ownerState.fullWidth && {
67
+ width: '100%'
68
+ })
64
69
  }));
65
70
 
66
71
  /**
@@ -93,22 +98,23 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
93
98
  name: 'MuiFormControl'
94
99
  });
95
100
  const {
96
- children,
97
- className,
98
- color = 'primary',
99
- component = 'div',
100
- disabled = false,
101
- error = false,
102
- focused: visuallyFocused,
103
- fullWidth = false,
104
- hiddenLabel = false,
105
- margin = 'none',
106
- required = false,
107
- size = 'medium',
108
- variant = 'outlined'
109
- } = props,
110
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
111
- const ownerState = (0, _extends2.default)({}, props, {
101
+ children,
102
+ className,
103
+ color = 'primary',
104
+ component = 'div',
105
+ disabled = false,
106
+ error = false,
107
+ focused: visuallyFocused,
108
+ fullWidth = false,
109
+ hiddenLabel = false,
110
+ margin = 'none',
111
+ required = false,
112
+ size = 'medium',
113
+ variant = 'outlined',
114
+ ...other
115
+ } = props;
116
+ const ownerState = {
117
+ ...props,
112
118
  color,
113
119
  component,
114
120
  disabled,
@@ -119,7 +125,7 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
119
125
  required,
120
126
  size,
121
127
  variant
122
- });
128
+ };
123
129
  const classes = useUtilityClasses(ownerState);
124
130
  const [adornedStart, setAdornedStart] = React.useState(() => {
125
131
  // We need to iterate through the children and find the Input in order
@@ -204,14 +210,14 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
204
210
  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
205
211
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
206
212
  value: childContext,
207
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, (0, _extends2.default)({
213
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, {
208
214
  as: component,
209
215
  ownerState: ownerState,
210
216
  className: (0, _clsx.default)(classes.root, className),
211
- ref: ref
212
- }, other, {
217
+ ref: ref,
218
+ ...other,
213
219
  children: children
214
- }))
220
+ })
215
221
  });
216
222
  });
217
223
  process.env.NODE_ENV !== "production" ? FormControl.propTypes /* remove-proptypes */ = {
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.FormControlLabelRoot = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -20,7 +18,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
20
18
  var _formControlLabelClasses = _interopRequireWildcard(require("./formControlLabelClasses"));
21
19
  var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
22
20
  var _jsxRuntime = require("react/jsx-runtime");
23
- const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
24
21
  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); }
25
22
  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; }
26
23
  const useUtilityClasses = ownerState => {
@@ -52,7 +49,7 @@ const FormControlLabelRoot = (0, _styled.default)('label', {
52
49
  })(({
53
50
  theme,
54
51
  ownerState
55
- }) => (0, _extends2.default)({
52
+ }) => ({
56
53
  display: 'inline-flex',
57
54
  alignItems: 'center',
58
55
  cursor: 'pointer',
@@ -64,19 +61,21 @@ const FormControlLabelRoot = (0, _styled.default)('label', {
64
61
  // used for row presentation of radio/checkbox
65
62
  [`&.${_formControlLabelClasses.default.disabled}`]: {
66
63
  cursor: 'default'
67
- }
68
- }, ownerState.labelPlacement === 'start' && {
69
- flexDirection: 'row-reverse',
70
- marginLeft: 16,
71
- // used for row presentation of radio/checkbox
72
- marginRight: -11
73
- }, ownerState.labelPlacement === 'top' && {
74
- flexDirection: 'column-reverse',
75
- marginLeft: 16
76
- }, ownerState.labelPlacement === 'bottom' && {
77
- flexDirection: 'column',
78
- marginLeft: 16
79
- }, {
64
+ },
65
+ ...(ownerState.labelPlacement === 'start' && {
66
+ flexDirection: 'row-reverse',
67
+ marginLeft: 16,
68
+ // used for row presentation of radio/checkbox
69
+ marginRight: -11
70
+ }),
71
+ ...(ownerState.labelPlacement === 'top' && {
72
+ flexDirection: 'column-reverse',
73
+ marginLeft: 16
74
+ }),
75
+ ...(ownerState.labelPlacement === 'bottom' && {
76
+ flexDirection: 'column',
77
+ marginLeft: 16
78
+ }),
80
79
  [`& .${_formControlLabelClasses.default.label}`]: {
81
80
  [`&.${_formControlLabelClasses.default.disabled}`]: {
82
81
  color: (theme.vars || theme).palette.text.disabled
@@ -107,17 +106,22 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
107
106
  name: 'MuiFormControlLabel'
108
107
  });
109
108
  const {
110
- className,
111
- componentsProps = {},
112
- control,
113
- disabled: disabledProp,
114
- disableTypography,
115
- label: labelProp,
116
- labelPlacement = 'end',
117
- required: requiredProp,
118
- slotProps = {}
119
- } = props,
120
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
109
+ checked,
110
+ className,
111
+ componentsProps = {},
112
+ control,
113
+ disabled: disabledProp,
114
+ disableTypography,
115
+ inputRef,
116
+ label: labelProp,
117
+ labelPlacement = 'end',
118
+ name,
119
+ onChange,
120
+ required: requiredProp,
121
+ slotProps = {},
122
+ value,
123
+ ...other
124
+ } = props;
121
125
  const muiFormControl = (0, _FormControl.useFormControl)();
122
126
  const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;
123
127
  const required = requiredProp != null ? requiredProp : control.props.required;
@@ -135,35 +139,36 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
135
139
  muiFormControl,
136
140
  states: ['error']
137
141
  });
138
- const ownerState = (0, _extends2.default)({}, props, {
142
+ const ownerState = {
143
+ ...props,
139
144
  disabled,
140
145
  labelPlacement,
141
146
  required,
142
147
  error: fcs.error
143
- });
148
+ };
144
149
  const classes = useUtilityClasses(ownerState);
145
150
  const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
146
151
  let label = labelProp;
147
152
  if (label != null && label.type !== _Typography.default && !disableTypography) {
148
- label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({
149
- component: "span"
150
- }, typographySlotProps, {
153
+ label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
154
+ component: "span",
155
+ ...typographySlotProps,
151
156
  className: (0, _clsx.default)(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
152
157
  children: label
153
- }));
158
+ });
154
159
  }
155
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormControlLabelRoot, (0, _extends2.default)({
160
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormControlLabelRoot, {
156
161
  className: (0, _clsx.default)(classes.root, className),
157
162
  ownerState: ownerState,
158
- ref: ref
159
- }, other, {
163
+ ref: ref,
164
+ ...other,
160
165
  children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
161
166
  ownerState: ownerState,
162
167
  "aria-hidden": true,
163
168
  className: classes.asterisk,
164
169
  children: ["\u2009", '*']
165
170
  })]
166
- }));
171
+ });
167
172
  });
168
173
  process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-proptypes */ = {
169
174
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _formGroupClasses = require("./formGroupClasses");
17
15
  var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
18
16
  var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["className", "row"];
21
18
  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); }
22
19
  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; }
23
20
  const useUtilityClasses = ownerState => {
@@ -42,12 +39,13 @@ const FormGroupRoot = (0, _styled.default)('div', {
42
39
  }
43
40
  })(({
44
41
  ownerState
45
- }) => (0, _extends2.default)({
42
+ }) => ({
46
43
  display: 'flex',
47
44
  flexDirection: 'column',
48
- flexWrap: 'wrap'
49
- }, ownerState.row && {
50
- flexDirection: 'row'
45
+ flexWrap: 'wrap',
46
+ ...(ownerState.row && {
47
+ flexDirection: 'row'
48
+ })
51
49
  }));
52
50
 
53
51
  /**
@@ -61,26 +59,28 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
61
59
  name: 'MuiFormGroup'
62
60
  });
63
61
  const {
64
- className,
65
- row = false
66
- } = props,
67
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
62
+ className,
63
+ row = false,
64
+ ...other
65
+ } = props;
68
66
  const muiFormControl = (0, _useFormControl.default)();
69
67
  const fcs = (0, _formControlState.default)({
70
68
  props,
71
69
  muiFormControl,
72
70
  states: ['error']
73
71
  });
74
- const ownerState = (0, _extends2.default)({}, props, {
72
+ const ownerState = {
73
+ ...props,
75
74
  row,
76
75
  error: fcs.error
77
- });
76
+ };
78
77
  const classes = useUtilityClasses(ownerState);
79
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormGroupRoot, (0, _extends2.default)({
78
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormGroupRoot, {
80
79
  className: (0, _clsx.default)(classes.root, className),
81
80
  ownerState: ownerState,
82
- ref: ref
83
- }, other));
81
+ ref: ref,
82
+ ...other
83
+ });
84
84
  });
85
85
  process.env.NODE_ENV !== "production" ? FormGroup.propTypes /* remove-proptypes */ = {
86
86
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _formHelperTextClasses = _interopRequireWildcard(require("./formHelperTextCl
19
17
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
20
18
  var _jsxRuntime = require("react/jsx-runtime");
21
19
  var _span;
22
- const _excluded = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
23
20
  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); }
24
21
  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; }
25
22
  const useUtilityClasses = ownerState => {
@@ -50,9 +47,9 @@ const FormHelperTextRoot = (0, _styled.default)('p', {
50
47
  })(({
51
48
  theme,
52
49
  ownerState
53
- }) => (0, _extends2.default)({
54
- color: (theme.vars || theme).palette.text.secondary
55
- }, theme.typography.caption, {
50
+ }) => ({
51
+ color: (theme.vars || theme).palette.text.secondary,
52
+ ...theme.typography.caption,
56
53
  textAlign: 'left',
57
54
  marginTop: 3,
58
55
  marginRight: 0,
@@ -63,12 +60,14 @@ const FormHelperTextRoot = (0, _styled.default)('p', {
63
60
  },
64
61
  [`&.${_formHelperTextClasses.default.error}`]: {
65
62
  color: (theme.vars || theme).palette.error.main
66
- }
67
- }, ownerState.size === 'small' && {
68
- marginTop: 4
69
- }, ownerState.contained && {
70
- marginLeft: 14,
71
- marginRight: 14
63
+ },
64
+ ...(ownerState.size === 'small' && {
65
+ marginTop: 4
66
+ }),
67
+ ...(ownerState.contained && {
68
+ marginLeft: 14,
69
+ marginRight: 14
70
+ })
72
71
  }));
73
72
  const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
74
73
  const props = (0, _useThemeProps.default)({
@@ -76,18 +75,26 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
76
75
  name: 'MuiFormHelperText'
77
76
  });
78
77
  const {
79
- children,
80
- className,
81
- component = 'p'
82
- } = props,
83
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
78
+ children,
79
+ className,
80
+ component = 'p',
81
+ disabled,
82
+ error,
83
+ filled,
84
+ focused,
85
+ margin,
86
+ required,
87
+ variant,
88
+ ...other
89
+ } = props;
84
90
  const muiFormControl = (0, _useFormControl.default)();
85
91
  const fcs = (0, _formControlState.default)({
86
92
  props,
87
93
  muiFormControl,
88
94
  states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
89
95
  });
90
- const ownerState = (0, _extends2.default)({}, props, {
96
+ const ownerState = {
97
+ ...props,
91
98
  component,
92
99
  contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
93
100
  variant: fcs.variant,
@@ -97,20 +104,20 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
97
104
  filled: fcs.filled,
98
105
  focused: fcs.focused,
99
106
  required: fcs.required
100
- });
107
+ };
101
108
  const classes = useUtilityClasses(ownerState);
102
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormHelperTextRoot, (0, _extends2.default)({
109
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormHelperTextRoot, {
103
110
  as: component,
104
111
  ownerState: ownerState,
105
112
  className: (0, _clsx.default)(classes.root, className),
106
- ref: ref
107
- }, other, {
113
+ ref: ref,
114
+ ...other,
108
115
  children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
109
116
  _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
110
117
  className: "notranslate",
111
118
  children: "\u200B"
112
119
  })) : children
113
- }));
120
+ });
114
121
  });
115
122
  process.env.NODE_ENV !== "production" ? FormHelperText.propTypes /* remove-proptypes */ = {
116
123
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.FormLabelRoot = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
16
  var _styled = _interopRequireDefault(require("../styles/styled"));
19
17
  var _formLabelClasses = _interopRequireWildcard(require("./formLabelClasses"));
20
18
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
22
19
  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); }
23
20
  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; }
24
21
  const useUtilityClasses = ownerState => {
@@ -43,14 +40,18 @@ const FormLabelRoot = (0, _styled.default)('label', {
43
40
  overridesResolver: ({
44
41
  ownerState
45
42
  }, styles) => {
46
- return (0, _extends2.default)({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
43
+ return {
44
+ ...styles.root,
45
+ ...(ownerState.color === 'secondary' && styles.colorSecondary),
46
+ ...(ownerState.filled && styles.filled)
47
+ };
47
48
  }
48
49
  })(({
49
50
  theme,
50
51
  ownerState
51
- }) => (0, _extends2.default)({
52
- color: (theme.vars || theme).palette.text.secondary
53
- }, theme.typography.body1, {
52
+ }) => ({
53
+ color: (theme.vars || theme).palette.text.secondary,
54
+ ...theme.typography.body1,
54
55
  lineHeight: '1.4375em',
55
56
  padding: 0,
56
57
  position: 'relative',
@@ -82,18 +83,25 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
82
83
  name: 'MuiFormLabel'
83
84
  });
84
85
  const {
85
- children,
86
- className,
87
- component = 'label'
88
- } = props,
89
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
86
+ children,
87
+ className,
88
+ color,
89
+ component = 'label',
90
+ disabled,
91
+ error,
92
+ filled,
93
+ focused,
94
+ required,
95
+ ...other
96
+ } = props;
90
97
  const muiFormControl = (0, _useFormControl.default)();
91
98
  const fcs = (0, _formControlState.default)({
92
99
  props,
93
100
  muiFormControl,
94
101
  states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
95
102
  });
96
- const ownerState = (0, _extends2.default)({}, props, {
103
+ const ownerState = {
104
+ ...props,
97
105
  color: fcs.color || 'primary',
98
106
  component,
99
107
  disabled: fcs.disabled,
@@ -101,21 +109,21 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
101
109
  filled: fcs.filled,
102
110
  focused: fcs.focused,
103
111
  required: fcs.required
104
- });
112
+ };
105
113
  const classes = useUtilityClasses(ownerState);
106
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormLabelRoot, (0, _extends2.default)({
114
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormLabelRoot, {
107
115
  as: component,
108
116
  ownerState: ownerState,
109
117
  className: (0, _clsx.default)(classes.root, className),
110
- ref: ref
111
- }, other, {
118
+ ref: ref,
119
+ ...other,
112
120
  children: [children, fcs.required && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
113
121
  ownerState: ownerState,
114
122
  "aria-hidden": true,
115
123
  className: classes.asterisk,
116
124
  children: ["\u2009", '*']
117
125
  })]
118
- }));
126
+ });
119
127
  });
120
128
  process.env.NODE_ENV !== "production" ? FormLabel.propTypes /* remove-proptypes */ = {
121
129
  // ----------------------------- Warning --------------------------------
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
10
  var _system = require("@mui/system");
@@ -15,10 +14,11 @@ var _jsxRuntime = require("react/jsx-runtime");
15
14
  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); }
16
15
  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; }
17
16
  function GlobalStyles(props) {
18
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.GlobalStyles, (0, _extends2.default)({}, props, {
17
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.GlobalStyles, {
18
+ ...props,
19
19
  defaultTheme: _defaultTheme.default,
20
20
  themeId: _identifier.default
21
- }));
21
+ });
22
22
  }
23
23
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
24
24
  // ----------------------------- Warning --------------------------------