@mui/material 5.13.1 → 5.13.3

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 (605) hide show
  1. package/Accordion/Accordion.js +43 -44
  2. package/AccordionActions/AccordionActions.js +18 -18
  3. package/AccordionDetails/AccordionDetails.js +9 -7
  4. package/AccordionSummary/AccordionSummary.js +32 -32
  5. package/Alert/Alert.js +60 -64
  6. package/AlertTitle/AlertTitle.js +9 -7
  7. package/AppBar/AppBar.js +73 -89
  8. package/Autocomplete/Autocomplete.d.ts +1 -0
  9. package/Autocomplete/Autocomplete.js +153 -171
  10. package/Avatar/Avatar.js +38 -42
  11. package/AvatarGroup/AvatarGroup.js +33 -34
  12. package/Backdrop/Backdrop.js +31 -33
  13. package/Badge/Badge.js +107 -119
  14. package/BottomNavigation/BottomNavigation.js +17 -15
  15. package/BottomNavigationAction/BottomNavigationAction.js +31 -29
  16. package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  17. package/Breadcrumbs/Breadcrumbs.js +21 -19
  18. package/Button/Button.js +133 -168
  19. package/ButtonBase/ButtonBase.js +42 -43
  20. package/ButtonBase/TouchRipple.js +12 -9
  21. package/ButtonGroup/ButtonGroup.js +89 -111
  22. package/CHANGELOG.md +93 -0
  23. package/Card/Card.js +12 -11
  24. package/CardActionArea/CardActionArea.js +12 -9
  25. package/CardActions/CardActions.js +18 -18
  26. package/CardContent/CardContent.js +12 -11
  27. package/CardHeader/CardHeader.js +31 -30
  28. package/CardMedia/CardMedia.js +27 -28
  29. package/Checkbox/Checkbox.js +39 -44
  30. package/Chip/Chip.js +129 -146
  31. package/CircularProgress/CircularProgress.js +36 -43
  32. package/Collapse/Collapse.js +65 -73
  33. package/CssBaseline/CssBaseline.js +14 -17
  34. package/Dialog/Dialog.js +94 -103
  35. package/DialogActions/DialogActions.js +18 -18
  36. package/DialogContent/DialogContent.js +22 -22
  37. package/DialogContentText/DialogContentText.js +11 -13
  38. package/DialogTitle/DialogTitle.js +10 -8
  39. package/Divider/Divider.js +84 -99
  40. package/Drawer/Drawer.js +76 -85
  41. package/Fab/Fab.js +60 -71
  42. package/Fade/Fade.js +30 -31
  43. package/FilledInput/FilledInput.js +117 -135
  44. package/FilledInput/filledInputClasses.js +2 -4
  45. package/FormControl/FormControl.js +35 -41
  46. package/FormControlLabel/FormControlLabel.js +38 -43
  47. package/FormGroup/FormGroup.js +16 -16
  48. package/FormHelperText/FormHelperText.js +23 -30
  49. package/FormLabel/FormLabel.js +18 -26
  50. package/GlobalStyles/GlobalStyles.js +3 -3
  51. package/Grid/Grid.js +41 -50
  52. package/Grow/Grow.js +30 -31
  53. package/Hidden/Hidden.js +32 -31
  54. package/Hidden/HiddenCss.js +29 -29
  55. package/Hidden/withWidth.js +20 -20
  56. package/Icon/Icon.js +15 -14
  57. package/IconButton/IconButton.js +52 -59
  58. package/ImageList/ImageList.js +29 -30
  59. package/ImageListItem/ImageListItem.js +39 -40
  60. package/ImageListItemBar/ImageListItemBar.js +41 -47
  61. package/Input/Input.js +74 -77
  62. package/Input/inputClasses.js +2 -4
  63. package/InputAdornment/InputAdornment.js +34 -36
  64. package/InputBase/InputBase.js +92 -116
  65. package/InputLabel/InputLabel.js +68 -83
  66. package/LinearProgress/LinearProgress.js +58 -64
  67. package/Link/Link.js +64 -69
  68. package/List/List.js +24 -24
  69. package/ListItem/ListItem.js +96 -113
  70. package/ListItemAvatar/ListItemAvatar.js +15 -15
  71. package/ListItemButton/ListItemButton.js +35 -40
  72. package/ListItemIcon/ListItemIcon.js +15 -15
  73. package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  74. package/ListItemText/ListItemText.js +34 -34
  75. package/ListSubheader/ListSubheader.js +32 -36
  76. package/Menu/Menu.js +39 -38
  77. package/MenuItem/MenuItem.js +45 -50
  78. package/MenuList/MenuList.js +20 -17
  79. package/MobileStepper/MobileStepper.js +53 -61
  80. package/Modal/Modal.js +46 -51
  81. package/NativeSelect/NativeSelect.js +22 -26
  82. package/NativeSelect/NativeSelectInput.js +43 -50
  83. package/OutlinedInput/NotchedOutline.js +51 -55
  84. package/OutlinedInput/OutlinedInput.js +59 -72
  85. package/OutlinedInput/outlinedInputClasses.js +2 -4
  86. package/Pagination/Pagination.js +31 -35
  87. package/PaginationItem/PaginationItem.js +93 -105
  88. package/Paper/Paper.js +28 -32
  89. package/Popover/Popover.js +51 -49
  90. package/Popper/Popper.js +27 -25
  91. package/Radio/Radio.js +33 -36
  92. package/Radio/RadioButtonIcon.js +10 -11
  93. package/RadioGroup/RadioGroup.js +17 -14
  94. package/Rating/Rating.js +73 -88
  95. package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  96. package/Select/Select.js +55 -59
  97. package/Select/SelectInput.js +57 -58
  98. package/Skeleton/Skeleton.js +46 -51
  99. package/Slide/Slide.js +33 -37
  100. package/Slider/Slider.js +216 -281
  101. package/Snackbar/Snackbar.js +67 -81
  102. package/SnackbarContent/SnackbarContent.js +15 -13
  103. package/SpeedDial/SpeedDial.js +83 -85
  104. package/SpeedDialAction/SpeedDialAction.js +52 -57
  105. package/SpeedDialIcon/SpeedDialIcon.js +24 -25
  106. package/Step/Step.js +26 -27
  107. package/StepButton/StepButton.js +24 -23
  108. package/StepConnector/StepConnector.js +31 -34
  109. package/StepContent/StepContent.js +24 -23
  110. package/StepIcon/StepIcon.js +22 -22
  111. package/StepLabel/StepLabel.js +33 -34
  112. package/Stepper/Stepper.js +31 -33
  113. package/SvgIcon/SvgIcon.js +20 -19
  114. package/SwipeableDrawer/SwipeArea.js +30 -33
  115. package/SwipeableDrawer/SwipeableDrawer.js +43 -49
  116. package/Switch/Switch.js +52 -59
  117. package/Tab/Tab.js +83 -93
  118. package/TabScrollButton/TabScrollButton.js +25 -30
  119. package/Table/Table.js +19 -20
  120. package/TableBody/TableBody.js +12 -11
  121. package/TableCell/TableCell.js +59 -70
  122. package/TableContainer/TableContainer.js +12 -11
  123. package/TableFooter/TableFooter.js +12 -11
  124. package/TableHead/TableHead.js +12 -11
  125. package/TablePagination/TablePagination.js +49 -53
  126. package/TablePagination/TablePaginationActions.js +25 -22
  127. package/TableRow/TableRow.js +14 -13
  128. package/TableSortLabel/TableSortLabel.js +23 -23
  129. package/Tabs/ScrollbarSize.js +9 -7
  130. package/Tabs/Tabs.js +92 -107
  131. package/TextField/TextField.js +57 -57
  132. package/ToggleButton/ToggleButton.js +35 -36
  133. package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  134. package/Toolbar/Toolbar.js +25 -26
  135. package/Tooltip/Tooltip.js +147 -177
  136. package/Typography/Typography.js +32 -37
  137. package/Zoom/Zoom.js +30 -31
  138. package/index.js +1 -1
  139. package/internal/SwitchBase.js +43 -45
  140. package/legacy/Accordion/Accordion.js +8 -9
  141. package/legacy/AccordionActions/AccordionActions.js +4 -6
  142. package/legacy/AccordionDetails/AccordionDetails.js +2 -4
  143. package/legacy/AccordionSummary/AccordionSummary.js +11 -12
  144. package/legacy/Alert/Alert.js +10 -11
  145. package/legacy/AlertTitle/AlertTitle.js +2 -4
  146. package/legacy/AppBar/AppBar.js +16 -18
  147. package/legacy/Autocomplete/Autocomplete.js +54 -45
  148. package/legacy/Avatar/Avatar.js +9 -11
  149. package/legacy/AvatarGroup/AvatarGroup.js +9 -10
  150. package/legacy/Backdrop/Backdrop.js +8 -10
  151. package/legacy/Badge/Badge.js +15 -16
  152. package/legacy/BottomNavigation/BottomNavigation.js +4 -6
  153. package/legacy/BottomNavigationAction/BottomNavigationAction.js +8 -9
  154. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +8 -10
  155. package/legacy/Breadcrumbs/Breadcrumbs.js +4 -5
  156. package/legacy/Button/Button.js +36 -37
  157. package/legacy/ButtonBase/ButtonBase.js +5 -6
  158. package/legacy/ButtonBase/TouchRipple.js +3 -5
  159. package/legacy/ButtonGroup/ButtonGroup.js +27 -28
  160. package/legacy/Card/Card.js +3 -5
  161. package/legacy/CardActionArea/CardActionArea.js +3 -4
  162. package/legacy/CardActions/CardActions.js +4 -6
  163. package/legacy/CardContent/CardContent.js +3 -5
  164. package/legacy/CardHeader/CardHeader.js +10 -11
  165. package/legacy/CardMedia/CardMedia.js +7 -9
  166. package/legacy/Checkbox/Checkbox.js +8 -9
  167. package/legacy/Chip/Chip.js +25 -26
  168. package/legacy/CircularProgress/CircularProgress.js +10 -12
  169. package/legacy/Collapse/Collapse.js +16 -17
  170. package/legacy/CssBaseline/CssBaseline.js +7 -9
  171. package/legacy/Dialog/Dialog.js +18 -19
  172. package/legacy/DialogActions/DialogActions.js +4 -6
  173. package/legacy/DialogContent/DialogContent.js +4 -5
  174. package/legacy/DialogContentText/DialogContentText.js +4 -6
  175. package/legacy/DialogTitle/DialogTitle.js +2 -4
  176. package/legacy/Divider/Divider.js +17 -19
  177. package/legacy/Drawer/Drawer.js +21 -23
  178. package/legacy/Fab/Fab.js +12 -13
  179. package/legacy/Fade/Fade.js +6 -8
  180. package/legacy/FilledInput/FilledInput.js +23 -24
  181. package/legacy/FilledInput/filledInputClasses.js +2 -4
  182. package/legacy/FormControl/FormControl.js +8 -10
  183. package/legacy/FormControlLabel/FormControlLabel.js +10 -11
  184. package/legacy/FormGroup/FormGroup.js +4 -6
  185. package/legacy/FormHelperText/FormHelperText.js +11 -12
  186. package/legacy/FormLabel/FormLabel.js +12 -13
  187. package/legacy/GlobalStyles/GlobalStyles.js +2 -4
  188. package/legacy/Grid/Grid.js +11 -13
  189. package/legacy/Grow/Grow.js +6 -8
  190. package/legacy/Hidden/Hidden.js +13 -15
  191. package/legacy/Hidden/HiddenCss.js +3 -4
  192. package/legacy/Hidden/withWidth.js +5 -7
  193. package/legacy/Icon/Icon.js +3 -5
  194. package/legacy/IconButton/IconButton.js +14 -15
  195. package/legacy/ImageList/ImageList.js +7 -9
  196. package/legacy/ImageListItem/ImageListItem.js +8 -9
  197. package/legacy/ImageListItemBar/ImageListItemBar.js +11 -13
  198. package/legacy/Input/Input.js +7 -8
  199. package/legacy/Input/inputClasses.js +2 -4
  200. package/legacy/InputAdornment/InputAdornment.js +8 -9
  201. package/legacy/InputBase/InputBase.js +27 -28
  202. package/legacy/InputLabel/InputLabel.js +13 -14
  203. package/legacy/LinearProgress/LinearProgress.js +15 -17
  204. package/legacy/Link/Link.js +8 -9
  205. package/legacy/List/List.js +6 -8
  206. package/legacy/ListItem/ListItem.js +24 -25
  207. package/legacy/ListItemAvatar/ListItemAvatar.js +4 -6
  208. package/legacy/ListItemButton/ListItemButton.js +15 -16
  209. package/legacy/ListItemIcon/ListItemIcon.js +4 -6
  210. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -6
  211. package/legacy/ListItemText/ListItemText.js +10 -11
  212. package/legacy/ListSubheader/ListSubheader.js +8 -10
  213. package/legacy/Menu/Menu.js +10 -12
  214. package/legacy/MenuItem/MenuItem.js +21 -22
  215. package/legacy/MenuList/MenuList.js +3 -5
  216. package/legacy/MobileStepper/MobileStepper.js +10 -12
  217. package/legacy/Modal/Modal.js +9 -11
  218. package/legacy/NativeSelect/NativeSelect.js +6 -8
  219. package/legacy/NativeSelect/NativeSelectInput.js +16 -17
  220. package/legacy/OutlinedInput/NotchedOutline.js +6 -8
  221. package/legacy/OutlinedInput/OutlinedInput.js +22 -23
  222. package/legacy/OutlinedInput/outlinedInputClasses.js +2 -4
  223. package/legacy/Pagination/Pagination.js +7 -9
  224. package/legacy/PaginationItem/PaginationItem.js +23 -24
  225. package/legacy/Paper/Paper.js +7 -9
  226. package/legacy/Popover/Popover.js +10 -12
  227. package/legacy/Popper/Popper.js +4 -6
  228. package/legacy/Radio/Radio.js +7 -8
  229. package/legacy/Radio/RadioButtonIcon.js +3 -5
  230. package/legacy/RadioGroup/RadioGroup.js +3 -5
  231. package/legacy/Rating/Rating.js +23 -24
  232. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +4 -6
  233. package/legacy/Select/Select.js +8 -10
  234. package/legacy/Select/SelectInput.js +10 -11
  235. package/legacy/Skeleton/Skeleton.js +11 -13
  236. package/legacy/Slide/Slide.js +8 -10
  237. package/legacy/Slider/Slider.js +65 -66
  238. package/legacy/Snackbar/Snackbar.js +15 -16
  239. package/legacy/SnackbarContent/SnackbarContent.js +4 -5
  240. package/legacy/SpeedDial/SpeedDial.js +14 -15
  241. package/legacy/SpeedDialAction/SpeedDialAction.js +15 -16
  242. package/legacy/SpeedDialIcon/SpeedDialIcon.js +6 -7
  243. package/legacy/Step/Step.js +6 -8
  244. package/legacy/StepButton/StepButton.js +7 -8
  245. package/legacy/StepConnector/StepConnector.js +8 -10
  246. package/legacy/StepContent/StepContent.js +7 -9
  247. package/legacy/StepIcon/StepIcon.js +6 -7
  248. package/legacy/StepLabel/StepLabel.js +19 -20
  249. package/legacy/Stepper/Stepper.js +8 -10
  250. package/legacy/SvgIcon/SvgIcon.js +4 -6
  251. package/legacy/SwipeableDrawer/SwipeArea.js +8 -9
  252. package/legacy/SwipeableDrawer/SwipeableDrawer.js +8 -10
  253. package/legacy/Switch/Switch.js +10 -11
  254. package/legacy/Tab/Tab.js +15 -16
  255. package/legacy/TabScrollButton/TabScrollButton.js +6 -7
  256. package/legacy/Table/Table.js +5 -7
  257. package/legacy/TableBody/TableBody.js +3 -5
  258. package/legacy/TableCell/TableCell.js +14 -15
  259. package/legacy/TableContainer/TableContainer.js +3 -5
  260. package/legacy/TableFooter/TableFooter.js +3 -5
  261. package/legacy/TableHead/TableHead.js +3 -5
  262. package/legacy/TablePagination/TablePagination.js +14 -15
  263. package/legacy/TablePagination/TablePaginationActions.js +7 -9
  264. package/legacy/TableRow/TableRow.js +3 -4
  265. package/legacy/TableSortLabel/TableSortLabel.js +6 -7
  266. package/legacy/Tabs/ScrollbarSize.js +2 -4
  267. package/legacy/Tabs/Tabs.js +22 -23
  268. package/legacy/TextField/TextField.js +12 -14
  269. package/legacy/ToggleButton/ToggleButton.js +11 -12
  270. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +7 -8
  271. package/legacy/Toolbar/Toolbar.js +5 -6
  272. package/legacy/Tooltip/Tooltip.js +33 -34
  273. package/legacy/Typography/Typography.js +9 -11
  274. package/legacy/Zoom/Zoom.js +6 -8
  275. package/legacy/index.js +1 -1
  276. package/legacy/internal/SwitchBase.js +8 -10
  277. package/legacy/styles/CssVarsProvider.js +2 -4
  278. package/legacy/styles/ThemeProvider.js +2 -4
  279. package/legacy/styles/adaptV4Theme.js +6 -7
  280. package/legacy/styles/createMixins.js +2 -3
  281. package/legacy/styles/createPalette.js +4 -6
  282. package/legacy/styles/createTheme.js +3 -4
  283. package/legacy/styles/createTransitions.js +5 -7
  284. package/legacy/styles/createTypography.js +4 -6
  285. package/legacy/styles/experimental_extendTheme.js +10 -12
  286. package/legacy/styles/responsiveFontSizes.js +4 -6
  287. package/legacy/usePagination/usePagination.js +2 -4
  288. package/legacy/useScrollTrigger/useScrollTrigger.js +2 -4
  289. package/legacy/utils/createSvgIcon.js +3 -5
  290. package/modern/Accordion/Accordion.js +43 -44
  291. package/modern/AccordionActions/AccordionActions.js +18 -18
  292. package/modern/AccordionDetails/AccordionDetails.js +9 -7
  293. package/modern/AccordionSummary/AccordionSummary.js +32 -32
  294. package/modern/Alert/Alert.js +60 -64
  295. package/modern/AlertTitle/AlertTitle.js +9 -7
  296. package/modern/AppBar/AppBar.js +73 -89
  297. package/modern/Autocomplete/Autocomplete.js +150 -168
  298. package/modern/Avatar/Avatar.js +38 -42
  299. package/modern/AvatarGroup/AvatarGroup.js +33 -34
  300. package/modern/Backdrop/Backdrop.js +31 -33
  301. package/modern/Badge/Badge.js +107 -119
  302. package/modern/BottomNavigation/BottomNavigation.js +17 -15
  303. package/modern/BottomNavigationAction/BottomNavigationAction.js +31 -29
  304. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  305. package/modern/Breadcrumbs/Breadcrumbs.js +21 -19
  306. package/modern/Button/Button.js +133 -168
  307. package/modern/ButtonBase/ButtonBase.js +42 -43
  308. package/modern/ButtonBase/TouchRipple.js +12 -9
  309. package/modern/ButtonGroup/ButtonGroup.js +89 -111
  310. package/modern/Card/Card.js +12 -11
  311. package/modern/CardActionArea/CardActionArea.js +12 -9
  312. package/modern/CardActions/CardActions.js +18 -18
  313. package/modern/CardContent/CardContent.js +12 -11
  314. package/modern/CardHeader/CardHeader.js +31 -30
  315. package/modern/CardMedia/CardMedia.js +27 -28
  316. package/modern/Checkbox/Checkbox.js +39 -44
  317. package/modern/Chip/Chip.js +129 -146
  318. package/modern/CircularProgress/CircularProgress.js +36 -43
  319. package/modern/Collapse/Collapse.js +65 -73
  320. package/modern/CssBaseline/CssBaseline.js +14 -17
  321. package/modern/Dialog/Dialog.js +94 -103
  322. package/modern/DialogActions/DialogActions.js +18 -18
  323. package/modern/DialogContent/DialogContent.js +22 -22
  324. package/modern/DialogContentText/DialogContentText.js +11 -13
  325. package/modern/DialogTitle/DialogTitle.js +10 -8
  326. package/modern/Divider/Divider.js +84 -99
  327. package/modern/Drawer/Drawer.js +76 -85
  328. package/modern/Fab/Fab.js +59 -70
  329. package/modern/Fade/Fade.js +30 -31
  330. package/modern/FilledInput/FilledInput.js +117 -135
  331. package/modern/FilledInput/filledInputClasses.js +2 -4
  332. package/modern/FormControl/FormControl.js +35 -41
  333. package/modern/FormControlLabel/FormControlLabel.js +38 -43
  334. package/modern/FormGroup/FormGroup.js +16 -16
  335. package/modern/FormHelperText/FormHelperText.js +23 -30
  336. package/modern/FormLabel/FormLabel.js +18 -26
  337. package/modern/GlobalStyles/GlobalStyles.js +3 -3
  338. package/modern/Grid/Grid.js +41 -50
  339. package/modern/Grow/Grow.js +30 -31
  340. package/modern/Hidden/Hidden.js +32 -31
  341. package/modern/Hidden/HiddenCss.js +29 -29
  342. package/modern/Hidden/withWidth.js +20 -20
  343. package/modern/Icon/Icon.js +15 -14
  344. package/modern/IconButton/IconButton.js +52 -59
  345. package/modern/ImageList/ImageList.js +29 -30
  346. package/modern/ImageListItem/ImageListItem.js +39 -40
  347. package/modern/ImageListItemBar/ImageListItemBar.js +41 -47
  348. package/modern/Input/Input.js +74 -77
  349. package/modern/Input/inputClasses.js +2 -4
  350. package/modern/InputAdornment/InputAdornment.js +34 -36
  351. package/modern/InputBase/InputBase.js +92 -116
  352. package/modern/InputLabel/InputLabel.js +68 -83
  353. package/modern/LinearProgress/LinearProgress.js +58 -64
  354. package/modern/Link/Link.js +64 -69
  355. package/modern/List/List.js +24 -24
  356. package/modern/ListItem/ListItem.js +96 -113
  357. package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
  358. package/modern/ListItemButton/ListItemButton.js +35 -40
  359. package/modern/ListItemIcon/ListItemIcon.js +15 -15
  360. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  361. package/modern/ListItemText/ListItemText.js +34 -34
  362. package/modern/ListSubheader/ListSubheader.js +32 -36
  363. package/modern/Menu/Menu.js +39 -38
  364. package/modern/MenuItem/MenuItem.js +45 -50
  365. package/modern/MenuList/MenuList.js +20 -17
  366. package/modern/MobileStepper/MobileStepper.js +53 -61
  367. package/modern/Modal/Modal.js +46 -51
  368. package/modern/NativeSelect/NativeSelect.js +22 -26
  369. package/modern/NativeSelect/NativeSelectInput.js +43 -50
  370. package/modern/OutlinedInput/NotchedOutline.js +51 -55
  371. package/modern/OutlinedInput/OutlinedInput.js +59 -72
  372. package/modern/OutlinedInput/outlinedInputClasses.js +2 -4
  373. package/modern/Pagination/Pagination.js +31 -35
  374. package/modern/PaginationItem/PaginationItem.js +93 -105
  375. package/modern/Paper/Paper.js +28 -32
  376. package/modern/Popover/Popover.js +51 -49
  377. package/modern/Popper/Popper.js +27 -25
  378. package/modern/Radio/Radio.js +33 -36
  379. package/modern/Radio/RadioButtonIcon.js +10 -11
  380. package/modern/RadioGroup/RadioGroup.js +17 -14
  381. package/modern/Rating/Rating.js +73 -88
  382. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  383. package/modern/Select/Select.js +55 -59
  384. package/modern/Select/SelectInput.js +57 -58
  385. package/modern/Skeleton/Skeleton.js +46 -51
  386. package/modern/Slide/Slide.js +33 -37
  387. package/modern/Slider/Slider.js +216 -281
  388. package/modern/Snackbar/Snackbar.js +67 -81
  389. package/modern/SnackbarContent/SnackbarContent.js +15 -13
  390. package/modern/SpeedDial/SpeedDial.js +83 -85
  391. package/modern/SpeedDialAction/SpeedDialAction.js +52 -57
  392. package/modern/SpeedDialIcon/SpeedDialIcon.js +24 -25
  393. package/modern/Step/Step.js +26 -27
  394. package/modern/StepButton/StepButton.js +24 -23
  395. package/modern/StepConnector/StepConnector.js +31 -34
  396. package/modern/StepContent/StepContent.js +24 -23
  397. package/modern/StepIcon/StepIcon.js +22 -22
  398. package/modern/StepLabel/StepLabel.js +33 -34
  399. package/modern/Stepper/Stepper.js +31 -33
  400. package/modern/SvgIcon/SvgIcon.js +20 -19
  401. package/modern/SwipeableDrawer/SwipeArea.js +30 -33
  402. package/modern/SwipeableDrawer/SwipeableDrawer.js +43 -49
  403. package/modern/Switch/Switch.js +52 -59
  404. package/modern/Tab/Tab.js +83 -93
  405. package/modern/TabScrollButton/TabScrollButton.js +25 -30
  406. package/modern/Table/Table.js +19 -20
  407. package/modern/TableBody/TableBody.js +12 -11
  408. package/modern/TableCell/TableCell.js +59 -70
  409. package/modern/TableContainer/TableContainer.js +12 -11
  410. package/modern/TableFooter/TableFooter.js +12 -11
  411. package/modern/TableHead/TableHead.js +12 -11
  412. package/modern/TablePagination/TablePagination.js +49 -53
  413. package/modern/TablePagination/TablePaginationActions.js +25 -22
  414. package/modern/TableRow/TableRow.js +14 -13
  415. package/modern/TableSortLabel/TableSortLabel.js +23 -23
  416. package/modern/Tabs/ScrollbarSize.js +9 -7
  417. package/modern/Tabs/Tabs.js +92 -107
  418. package/modern/TextField/TextField.js +57 -57
  419. package/modern/ToggleButton/ToggleButton.js +35 -36
  420. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  421. package/modern/Toolbar/Toolbar.js +25 -26
  422. package/modern/Tooltip/Tooltip.js +147 -177
  423. package/modern/Typography/Typography.js +32 -37
  424. package/modern/Zoom/Zoom.js +30 -31
  425. package/modern/index.js +1 -1
  426. package/modern/internal/SwitchBase.js +43 -45
  427. package/modern/styles/CssVarsProvider.js +3 -3
  428. package/modern/styles/ThemeProvider.js +10 -7
  429. package/modern/styles/adaptV4Theme.js +31 -31
  430. package/modern/styles/createMixins.js +4 -4
  431. package/modern/styles/createPalette.js +13 -16
  432. package/modern/styles/createTheme.js +11 -16
  433. package/modern/styles/createTransitions.js +14 -17
  434. package/modern/styles/createTypography.js +29 -31
  435. package/modern/styles/experimental_extendTheme.js +33 -41
  436. package/modern/styles/responsiveFontSizes.js +11 -17
  437. package/modern/usePagination/usePagination.js +20 -18
  438. package/modern/useScrollTrigger/useScrollTrigger.js +10 -8
  439. package/modern/utils/createSvgIcon.js +5 -4
  440. package/node/Accordion/Accordion.js +43 -44
  441. package/node/AccordionActions/AccordionActions.js +18 -18
  442. package/node/AccordionDetails/AccordionDetails.js +9 -7
  443. package/node/AccordionSummary/AccordionSummary.js +32 -32
  444. package/node/Alert/Alert.js +60 -64
  445. package/node/AlertTitle/AlertTitle.js +9 -7
  446. package/node/AppBar/AppBar.js +73 -89
  447. package/node/Autocomplete/Autocomplete.js +153 -171
  448. package/node/Avatar/Avatar.js +38 -42
  449. package/node/AvatarGroup/AvatarGroup.js +33 -34
  450. package/node/Backdrop/Backdrop.js +31 -33
  451. package/node/Badge/Badge.js +107 -119
  452. package/node/BottomNavigation/BottomNavigation.js +17 -15
  453. package/node/BottomNavigationAction/BottomNavigationAction.js +31 -29
  454. package/node/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  455. package/node/Breadcrumbs/Breadcrumbs.js +21 -19
  456. package/node/Button/Button.js +133 -168
  457. package/node/ButtonBase/ButtonBase.js +42 -43
  458. package/node/ButtonBase/TouchRipple.js +12 -9
  459. package/node/ButtonGroup/ButtonGroup.js +89 -111
  460. package/node/Card/Card.js +12 -11
  461. package/node/CardActionArea/CardActionArea.js +12 -9
  462. package/node/CardActions/CardActions.js +18 -18
  463. package/node/CardContent/CardContent.js +12 -11
  464. package/node/CardHeader/CardHeader.js +31 -30
  465. package/node/CardMedia/CardMedia.js +27 -28
  466. package/node/Checkbox/Checkbox.js +39 -44
  467. package/node/Chip/Chip.js +129 -146
  468. package/node/CircularProgress/CircularProgress.js +36 -43
  469. package/node/Collapse/Collapse.js +65 -73
  470. package/node/CssBaseline/CssBaseline.js +14 -17
  471. package/node/Dialog/Dialog.js +94 -103
  472. package/node/DialogActions/DialogActions.js +18 -18
  473. package/node/DialogContent/DialogContent.js +22 -22
  474. package/node/DialogContentText/DialogContentText.js +11 -13
  475. package/node/DialogTitle/DialogTitle.js +10 -8
  476. package/node/Divider/Divider.js +84 -99
  477. package/node/Drawer/Drawer.js +76 -85
  478. package/node/Fab/Fab.js +60 -71
  479. package/node/Fade/Fade.js +30 -31
  480. package/node/FilledInput/FilledInput.js +117 -135
  481. package/node/FilledInput/filledInputClasses.js +2 -4
  482. package/node/FormControl/FormControl.js +35 -41
  483. package/node/FormControlLabel/FormControlLabel.js +38 -43
  484. package/node/FormGroup/FormGroup.js +16 -16
  485. package/node/FormHelperText/FormHelperText.js +23 -30
  486. package/node/FormLabel/FormLabel.js +18 -26
  487. package/node/GlobalStyles/GlobalStyles.js +3 -3
  488. package/node/Grid/Grid.js +43 -54
  489. package/node/Grow/Grow.js +30 -31
  490. package/node/Hidden/Hidden.js +36 -34
  491. package/node/Hidden/HiddenCss.js +29 -29
  492. package/node/Hidden/withWidth.js +20 -20
  493. package/node/Icon/Icon.js +15 -14
  494. package/node/IconButton/IconButton.js +52 -59
  495. package/node/ImageList/ImageList.js +29 -30
  496. package/node/ImageListItem/ImageListItem.js +39 -40
  497. package/node/ImageListItemBar/ImageListItemBar.js +41 -47
  498. package/node/Input/Input.js +74 -77
  499. package/node/Input/inputClasses.js +2 -4
  500. package/node/InputAdornment/InputAdornment.js +34 -36
  501. package/node/InputBase/InputBase.js +92 -116
  502. package/node/InputLabel/InputLabel.js +68 -83
  503. package/node/LinearProgress/LinearProgress.js +58 -64
  504. package/node/Link/Link.js +64 -69
  505. package/node/List/List.js +24 -24
  506. package/node/ListItem/ListItem.js +96 -113
  507. package/node/ListItemAvatar/ListItemAvatar.js +15 -15
  508. package/node/ListItemButton/ListItemButton.js +35 -40
  509. package/node/ListItemIcon/ListItemIcon.js +15 -15
  510. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  511. package/node/ListItemText/ListItemText.js +34 -34
  512. package/node/ListSubheader/ListSubheader.js +32 -36
  513. package/node/Menu/Menu.js +39 -38
  514. package/node/MenuItem/MenuItem.js +45 -50
  515. package/node/MenuList/MenuList.js +20 -17
  516. package/node/MobileStepper/MobileStepper.js +53 -61
  517. package/node/Modal/Modal.js +46 -51
  518. package/node/NativeSelect/NativeSelect.js +22 -26
  519. package/node/NativeSelect/NativeSelectInput.js +43 -50
  520. package/node/OutlinedInput/NotchedOutline.js +51 -55
  521. package/node/OutlinedInput/OutlinedInput.js +59 -72
  522. package/node/OutlinedInput/outlinedInputClasses.js +2 -4
  523. package/node/Pagination/Pagination.js +31 -35
  524. package/node/PaginationItem/PaginationItem.js +93 -105
  525. package/node/Paper/Paper.js +28 -32
  526. package/node/Popover/Popover.js +51 -49
  527. package/node/Popper/Popper.js +27 -25
  528. package/node/Radio/Radio.js +33 -36
  529. package/node/Radio/RadioButtonIcon.js +10 -11
  530. package/node/RadioGroup/RadioGroup.js +17 -14
  531. package/node/Rating/Rating.js +73 -88
  532. package/node/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  533. package/node/Select/Select.js +55 -59
  534. package/node/Select/SelectInput.js +57 -58
  535. package/node/Skeleton/Skeleton.js +46 -51
  536. package/node/Slide/Slide.js +34 -39
  537. package/node/Slider/Slider.js +216 -281
  538. package/node/Snackbar/Snackbar.js +67 -81
  539. package/node/SnackbarContent/SnackbarContent.js +15 -13
  540. package/node/SpeedDial/SpeedDial.js +83 -85
  541. package/node/SpeedDialAction/SpeedDialAction.js +52 -59
  542. package/node/SpeedDialIcon/SpeedDialIcon.js +24 -25
  543. package/node/Step/Step.js +26 -27
  544. package/node/StepButton/StepButton.js +24 -23
  545. package/node/StepConnector/StepConnector.js +31 -34
  546. package/node/StepContent/StepContent.js +24 -23
  547. package/node/StepIcon/StepIcon.js +22 -22
  548. package/node/StepLabel/StepLabel.js +33 -34
  549. package/node/Stepper/Stepper.js +31 -33
  550. package/node/SvgIcon/SvgIcon.js +20 -19
  551. package/node/SwipeableDrawer/SwipeArea.js +30 -33
  552. package/node/SwipeableDrawer/SwipeableDrawer.js +44 -51
  553. package/node/Switch/Switch.js +52 -61
  554. package/node/Tab/Tab.js +83 -93
  555. package/node/TabScrollButton/TabScrollButton.js +26 -32
  556. package/node/Table/Table.js +19 -20
  557. package/node/TableBody/TableBody.js +12 -11
  558. package/node/TableCell/TableCell.js +59 -70
  559. package/node/TableContainer/TableContainer.js +12 -11
  560. package/node/TableFooter/TableFooter.js +12 -11
  561. package/node/TableHead/TableHead.js +12 -11
  562. package/node/TablePagination/TablePagination.js +49 -53
  563. package/node/TablePagination/TablePaginationActions.js +25 -22
  564. package/node/TableRow/TableRow.js +14 -13
  565. package/node/TableSortLabel/TableSortLabel.js +23 -23
  566. package/node/Tabs/ScrollbarSize.js +9 -7
  567. package/node/Tabs/Tabs.js +92 -107
  568. package/node/TextField/TextField.js +57 -57
  569. package/node/ToggleButton/ToggleButton.js +35 -38
  570. package/node/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  571. package/node/Toolbar/Toolbar.js +25 -26
  572. package/node/Tooltip/Tooltip.js +147 -177
  573. package/node/Typography/Typography.js +32 -37
  574. package/node/Zoom/Zoom.js +30 -31
  575. package/node/index.js +1 -1
  576. package/node/internal/SwitchBase.js +43 -45
  577. package/node/styles/CssVarsProvider.js +3 -3
  578. package/node/styles/ThemeProvider.js +10 -7
  579. package/node/styles/adaptV4Theme.js +32 -31
  580. package/node/styles/createMixins.js +5 -4
  581. package/node/styles/createPalette.js +13 -16
  582. package/node/styles/createTheme.js +11 -16
  583. package/node/styles/createTransitions.js +15 -17
  584. package/node/styles/createTypography.js +30 -31
  585. package/node/styles/experimental_extendTheme.js +33 -41
  586. package/node/styles/responsiveFontSizes.js +12 -17
  587. package/node/usePagination/usePagination.js +21 -18
  588. package/node/useScrollTrigger/useScrollTrigger.js +11 -8
  589. package/node/utils/createSvgIcon.js +5 -4
  590. package/package.json +4 -4
  591. package/styles/CssVarsProvider.js +3 -3
  592. package/styles/ThemeProvider.js +10 -7
  593. package/styles/adaptV4Theme.js +31 -31
  594. package/styles/createMixins.js +4 -4
  595. package/styles/createPalette.js +13 -16
  596. package/styles/createTheme.js +11 -16
  597. package/styles/createTransitions.js +14 -17
  598. package/styles/createTypography.js +29 -31
  599. package/styles/experimental_extendTheme.js +33 -41
  600. package/styles/responsiveFontSizes.js +11 -17
  601. package/umd/material-ui.development.js +6066 -7085
  602. package/umd/material-ui.production.min.js +21 -21
  603. package/usePagination/usePagination.js +20 -18
  604. package/useScrollTrigger/useScrollTrigger.js +10 -8
  605. package/utils/createSvgIcon.js +5 -4
@@ -5,6 +5,8 @@ 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"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,6 +17,7 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
15
17
  var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp"));
16
18
  var _bottomNavigationActionClasses = _interopRequireWildcard(require("./bottomNavigationActionClasses"));
17
19
  var _jsxRuntime = require("react/jsx-runtime");
20
+ const _excluded = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
18
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); }
19
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; }
20
23
  const useUtilityClasses = ownerState => {
@@ -41,7 +44,7 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
41
44
  })(({
42
45
  theme,
43
46
  ownerState
44
- }) => ({
47
+ }) => (0, _extends2.default)({
45
48
  transition: theme.transitions.create(['color', 'padding-top'], {
46
49
  duration: theme.transitions.duration.short
47
50
  }),
@@ -50,13 +53,12 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
50
53
  maxWidth: 168,
51
54
  color: (theme.vars || theme).palette.text.secondary,
52
55
  flexDirection: 'column',
53
- flex: '1',
54
- ...(!ownerState.showLabel && !ownerState.selected && {
55
- paddingTop: 14
56
- }),
57
- ...(!ownerState.showLabel && !ownerState.selected && !ownerState.label && {
58
- paddingTop: 0
59
- }),
56
+ flex: '1'
57
+ }, !ownerState.showLabel && !ownerState.selected && {
58
+ paddingTop: 14
59
+ }, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
60
+ paddingTop: 0
61
+ }, {
60
62
  [`&.${_bottomNavigationActionClasses.default.selected}`]: {
61
63
  color: (theme.vars || theme).palette.primary.main
62
64
  }
@@ -68,16 +70,16 @@ const BottomNavigationActionLabel = (0, _styled.default)('span', {
68
70
  })(({
69
71
  theme,
70
72
  ownerState
71
- }) => ({
73
+ }) => (0, _extends2.default)({
72
74
  fontFamily: theme.typography.fontFamily,
73
75
  fontSize: theme.typography.pxToRem(12),
74
76
  opacity: 1,
75
77
  transition: 'font-size 0.2s, opacity 0.2s',
76
- transitionDelay: '0.1s',
77
- ...(!ownerState.showLabel && !ownerState.selected && {
78
- opacity: 0,
79
- transitionDelay: '0s'
80
- }),
78
+ transitionDelay: '0.1s'
79
+ }, !ownerState.showLabel && !ownerState.selected && {
80
+ opacity: 0,
81
+ transitionDelay: '0s'
82
+ }, {
81
83
  [`&.${_bottomNavigationActionClasses.default.selected}`]: {
82
84
  fontSize: theme.typography.pxToRem(14)
83
85
  }
@@ -88,17 +90,17 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
88
90
  name: 'MuiBottomNavigationAction'
89
91
  });
90
92
  const {
91
- className,
92
- icon,
93
- label,
94
- onChange,
95
- onClick,
96
- // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
97
- selected,
98
- showLabel,
99
- value,
100
- ...other
101
- } = props;
93
+ className,
94
+ icon,
95
+ label,
96
+ onChange,
97
+ onClick
98
+ // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
99
+ ,
100
+
101
+ value
102
+ } = props,
103
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
102
104
  const ownerState = props;
103
105
  const classes = useUtilityClasses(ownerState);
104
106
  const handleChange = event => {
@@ -109,19 +111,19 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
109
111
  onClick(event);
110
112
  }
111
113
  };
112
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, {
114
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, (0, _extends2.default)({
113
115
  ref: ref,
114
116
  className: (0, _clsx.default)(classes.root, className),
115
117
  focusRipple: true,
116
118
  onClick: handleChange,
117
- ownerState: ownerState,
118
- ...other,
119
+ ownerState: ownerState
120
+ }, other, {
119
121
  children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomNavigationActionLabel, {
120
122
  className: classes.label,
121
123
  ownerState: ownerState,
122
124
  children: label
123
125
  })]
124
- });
126
+ }));
125
127
  });
126
128
  process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes /* remove-proptypes */ = {
127
129
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,8 @@ 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"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _system = require("@mui/system");
@@ -12,37 +14,35 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
12
14
  var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz"));
13
15
  var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
14
16
  var _jsxRuntime = require("react/jsx-runtime");
17
+ const _excluded = ["slots", "slotProps"];
15
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); }
16
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; }
17
20
  const BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default)(({
18
21
  theme
19
- }) => ({
22
+ }) => (0, _extends2.default)({
20
23
  display: 'flex',
21
24
  marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
22
- marginRight: `calc(${theme.spacing(1)} * 0.5)`,
23
- ...(theme.palette.mode === 'light' ? {
24
- backgroundColor: theme.palette.grey[100],
25
- color: theme.palette.grey[700]
25
+ marginRight: `calc(${theme.spacing(1)} * 0.5)`
26
+ }, theme.palette.mode === 'light' ? {
27
+ backgroundColor: theme.palette.grey[100],
28
+ color: theme.palette.grey[700]
29
+ } : {
30
+ backgroundColor: theme.palette.grey[700],
31
+ color: theme.palette.grey[100]
32
+ }, {
33
+ borderRadius: 2,
34
+ '&:hover, &:focus': (0, _extends2.default)({}, theme.palette.mode === 'light' ? {
35
+ backgroundColor: theme.palette.grey[200]
26
36
  } : {
27
- backgroundColor: theme.palette.grey[700],
28
- color: theme.palette.grey[100]
37
+ backgroundColor: theme.palette.grey[600]
29
38
  }),
30
- borderRadius: 2,
31
- '&:hover, &:focus': {
32
- ...(theme.palette.mode === 'light' ? {
33
- backgroundColor: theme.palette.grey[200]
34
- } : {
35
- backgroundColor: theme.palette.grey[600]
36
- })
37
- },
38
- '&:active': {
39
- boxShadow: theme.shadows[0],
40
- ...(theme.palette.mode === 'light' ? {
41
- backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
42
- } : {
43
- backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
44
- })
45
- }
39
+ '&:active': (0, _extends2.default)({
40
+ boxShadow: theme.shadows[0]
41
+ }, theme.palette.mode === 'light' ? {
42
+ backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
43
+ } : {
44
+ backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
45
+ })
46
46
  }));
47
47
  const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
48
48
  width: 24,
@@ -54,22 +54,21 @@ const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
54
54
  */
55
55
  function BreadcrumbCollapsed(props) {
56
56
  const {
57
- slots = {},
58
- slotProps = {},
59
- ...otherProps
60
- } = props;
57
+ slots = {},
58
+ slotProps = {}
59
+ } = props,
60
+ otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
61
61
  const ownerState = props;
62
62
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
63
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, {
64
- focusRipple: true,
65
- ...otherProps,
63
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, (0, _extends2.default)({
64
+ focusRipple: true
65
+ }, otherProps, {
66
66
  ownerState: ownerState,
67
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, {
67
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, (0, _extends2.default)({
68
68
  as: slots.CollapsedIcon,
69
- ownerState: ownerState,
70
- ...slotProps.collapsedIcon
71
- })
72
- })
69
+ ownerState: ownerState
70
+ }, slotProps.collapsedIcon))
71
+ }))
73
72
  });
74
73
  }
75
74
  process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
@@ -5,6 +5,8 @@ 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
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _reactIs = require("react-is");
10
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +19,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
17
19
  var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed"));
18
20
  var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
19
21
  var _jsxRuntime = require("react/jsx-runtime");
22
+ const _excluded = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
20
23
  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); }
21
24
  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; }
22
25
  const useUtilityClasses = ownerState => {
@@ -83,21 +86,20 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
83
86
  name: 'MuiBreadcrumbs'
84
87
  });
85
88
  const {
86
- children,
87
- className,
88
- component = 'nav',
89
- slots = {},
90
- slotProps = {},
91
- expandText = 'Show path',
92
- itemsAfterCollapse = 1,
93
- itemsBeforeCollapse = 1,
94
- maxItems = 8,
95
- separator = '/',
96
- ...other
97
- } = props;
89
+ children,
90
+ className,
91
+ component = 'nav',
92
+ slots = {},
93
+ slotProps = {},
94
+ expandText = 'Show path',
95
+ itemsAfterCollapse = 1,
96
+ itemsBeforeCollapse = 1,
97
+ maxItems = 8,
98
+ separator = '/'
99
+ } = props,
100
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
98
101
  const [expanded, setExpanded] = React.useState(false);
99
- const ownerState = {
100
- ...props,
102
+ const ownerState = (0, _extends2.default)({}, props, {
101
103
  component,
102
104
  expanded,
103
105
  expandText,
@@ -105,7 +107,7 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
105
107
  itemsBeforeCollapse,
106
108
  maxItems,
107
109
  separator
108
- };
110
+ });
109
111
  const classes = useUtilityClasses(ownerState);
110
112
  const collapsedIconSlotProps = (0, _base.useSlotProps)({
111
113
  elementType: slots.CollapsedIcon,
@@ -157,20 +159,20 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
157
159
  className: classes.li,
158
160
  children: child
159
161
  }, `child-${index}`));
160
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, {
162
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, (0, _extends2.default)({
161
163
  ref: ref,
162
164
  component: component,
163
165
  color: "text.secondary",
164
166
  className: (0, _clsx.default)(classes.root, className),
165
- ownerState: ownerState,
166
- ...other,
167
+ ownerState: ownerState
168
+ }, other, {
167
169
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsOl, {
168
170
  className: classes.ol,
169
171
  ref: listRef,
170
172
  ownerState: ownerState,
171
173
  children: insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator, ownerState)
172
174
  })
173
- });
175
+ }));
174
176
  });
175
177
  process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes /* remove-proptypes */ = {
176
178
  // ----------------------------- Warning --------------------------------