@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.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 (597) hide show
  1. package/AppBar/AppBar.js +0 -1
  2. package/Avatar/Avatar.js +1 -1
  3. package/CHANGELOG.md +114 -2
  4. package/CardMedia/CardMedia.js +0 -1
  5. package/CircularProgress/CircularProgress.js +66 -30
  6. package/Dialog/Dialog.js +10 -1
  7. package/Fab/Fab.js +83 -43
  8. package/LinearProgress/LinearProgress.js +180 -75
  9. package/PaginationItem/PaginationItem.js +137 -76
  10. package/Select/Select.d.ts +9 -6
  11. package/StepConnector/stepConnectorClasses.d.ts +6 -2
  12. package/StepLabel/StepLabel.d.ts +7 -0
  13. package/StepLabel/StepLabel.js +17 -6
  14. package/ToggleButton/ToggleButton.js +74 -45
  15. package/ToggleButtonGroup/ToggleButtonGroup.js +63 -51
  16. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +8 -2
  17. package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  18. package/Tooltip/Tooltip.js +1 -2
  19. package/Typography/Typography.js +3 -1
  20. package/index.js +1 -1
  21. package/locale/index.js +1 -1
  22. package/modern/AppBar/AppBar.js +0 -1
  23. package/modern/Avatar/Avatar.js +1 -1
  24. package/modern/CardMedia/CardMedia.js +0 -1
  25. package/modern/CircularProgress/CircularProgress.js +66 -30
  26. package/modern/Dialog/Dialog.js +10 -1
  27. package/modern/Fab/Fab.js +83 -43
  28. package/modern/LinearProgress/LinearProgress.js +180 -75
  29. package/modern/PaginationItem/PaginationItem.js +137 -76
  30. package/modern/StepLabel/StepLabel.js +17 -6
  31. package/modern/ToggleButton/ToggleButton.js +74 -45
  32. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +63 -51
  33. package/modern/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  34. package/modern/Tooltip/Tooltip.js +1 -2
  35. package/modern/Typography/Typography.js +3 -1
  36. package/modern/index.js +1 -1
  37. package/modern/locale/index.js +1 -1
  38. package/modern/styles/createTransitions.js +1 -3
  39. package/modern/zero-styled/index.js +1 -1
  40. package/node/AppBar/AppBar.js +0 -1
  41. package/node/Avatar/Avatar.js +1 -1
  42. package/node/CardMedia/CardMedia.js +0 -1
  43. package/node/CircularProgress/CircularProgress.js +72 -36
  44. package/node/Dialog/Dialog.js +10 -1
  45. package/node/Fab/Fab.js +85 -45
  46. package/node/LinearProgress/LinearProgress.js +188 -83
  47. package/node/PaginationItem/PaginationItem.js +141 -80
  48. package/node/StepLabel/StepLabel.js +17 -6
  49. package/node/ToggleButton/ToggleButton.js +76 -47
  50. package/node/ToggleButtonGroup/ToggleButtonGroup.js +65 -53
  51. package/node/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  52. package/node/Tooltip/Tooltip.js +1 -2
  53. package/node/Typography/Typography.js +3 -1
  54. package/node/index.js +1 -1
  55. package/node/locale/index.js +1 -1
  56. package/node/styles/createTransitions.js +1 -3
  57. package/node/zero-styled/index.js +6 -0
  58. package/package.json +5 -5
  59. package/styles/createTransitions.js +1 -3
  60. package/umd/material-ui.development.js +973 -509
  61. package/umd/material-ui.production.min.js +4 -4
  62. package/zero-styled/index.d.ts +1 -1
  63. package/zero-styled/index.js +1 -1
  64. package/legacy/Accordion/Accordion.js +0 -306
  65. package/legacy/Accordion/AccordionContext.js +0 -13
  66. package/legacy/Accordion/accordionClasses.js +0 -7
  67. package/legacy/Accordion/index.js +0 -3
  68. package/legacy/AccordionActions/AccordionActions.js +0 -90
  69. package/legacy/AccordionActions/accordionActionsClasses.js +0 -7
  70. package/legacy/AccordionActions/index.js +0 -3
  71. package/legacy/AccordionDetails/AccordionDetails.js +0 -69
  72. package/legacy/AccordionDetails/accordionDetailsClasses.js +0 -7
  73. package/legacy/AccordionDetails/index.js +0 -3
  74. package/legacy/AccordionSummary/AccordionSummary.js +0 -198
  75. package/legacy/AccordionSummary/accordionSummaryClasses.js +0 -7
  76. package/legacy/AccordionSummary/index.js +0 -3
  77. package/legacy/Alert/Alert.js +0 -385
  78. package/legacy/Alert/alertClasses.js +0 -7
  79. package/legacy/Alert/index.js +0 -5
  80. package/legacy/AlertTitle/AlertTitle.js +0 -73
  81. package/legacy/AlertTitle/alertTitleClasses.js +0 -7
  82. package/legacy/AlertTitle/index.js +0 -5
  83. package/legacy/AppBar/AppBar.js +0 -235
  84. package/legacy/AppBar/appBarClasses.js +0 -7
  85. package/legacy/AppBar/index.js +0 -5
  86. package/legacy/Autocomplete/Autocomplete.js +0 -1127
  87. package/legacy/Autocomplete/autocompleteClasses.js +0 -7
  88. package/legacy/Autocomplete/index.js +0 -5
  89. package/legacy/Avatar/Avatar.js +0 -296
  90. package/legacy/Avatar/avatarClasses.js +0 -7
  91. package/legacy/Avatar/index.js +0 -5
  92. package/legacy/AvatarGroup/AvatarGroup.js +0 -205
  93. package/legacy/AvatarGroup/avatarGroupClasses.js +0 -7
  94. package/legacy/AvatarGroup/index.js +0 -5
  95. package/legacy/Backdrop/Backdrop.js +0 -211
  96. package/legacy/Backdrop/backdropClasses.js +0 -7
  97. package/legacy/Backdrop/index.js +0 -5
  98. package/legacy/Badge/Badge.js +0 -439
  99. package/legacy/Badge/badgeClasses.js +0 -9
  100. package/legacy/Badge/index.js +0 -5
  101. package/legacy/BottomNavigation/BottomNavigation.js +0 -124
  102. package/legacy/BottomNavigation/bottomNavigationClasses.js +0 -7
  103. package/legacy/BottomNavigation/index.js +0 -5
  104. package/legacy/BottomNavigationAction/BottomNavigationAction.js +0 -185
  105. package/legacy/BottomNavigationAction/bottomNavigationActionClasses.js +0 -7
  106. package/legacy/BottomNavigationAction/index.js +0 -5
  107. package/legacy/Box/Box.js +0 -35
  108. package/legacy/Box/boxClasses.js +0 -3
  109. package/legacy/Box/index.js +0 -5
  110. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +0 -88
  111. package/legacy/Breadcrumbs/Breadcrumbs.js +0 -253
  112. package/legacy/Breadcrumbs/breadcrumbsClasses.js +0 -7
  113. package/legacy/Breadcrumbs/index.js +0 -5
  114. package/legacy/Button/Button.js +0 -472
  115. package/legacy/Button/buttonClasses.js +0 -7
  116. package/legacy/Button/index.js +0 -5
  117. package/legacy/ButtonBase/ButtonBase.js +0 -487
  118. package/legacy/ButtonBase/Ripple.js +0 -89
  119. package/legacy/ButtonBase/TouchRipple.js +0 -267
  120. package/legacy/ButtonBase/buttonBaseClasses.js +0 -7
  121. package/legacy/ButtonBase/index.js +0 -7
  122. package/legacy/ButtonBase/touchRippleClasses.js +0 -7
  123. package/legacy/ButtonGroup/ButtonGroup.js +0 -371
  124. package/legacy/ButtonGroup/ButtonGroupButtonContext.js +0 -9
  125. package/legacy/ButtonGroup/ButtonGroupContext.js +0 -9
  126. package/legacy/ButtonGroup/buttonGroupClasses.js +0 -7
  127. package/legacy/ButtonGroup/index.js +0 -7
  128. package/legacy/Card/Card.js +0 -83
  129. package/legacy/Card/cardClasses.js +0 -7
  130. package/legacy/Card/index.js +0 -5
  131. package/legacy/CardActionArea/CardActionArea.js +0 -119
  132. package/legacy/CardActionArea/cardActionAreaClasses.js +0 -7
  133. package/legacy/CardActionArea/index.js +0 -5
  134. package/legacy/CardActions/CardActions.js +0 -89
  135. package/legacy/CardActions/cardActionsClasses.js +0 -7
  136. package/legacy/CardActions/index.js +0 -5
  137. package/legacy/CardContent/CardContent.js +0 -79
  138. package/legacy/CardContent/cardContentClasses.js +0 -7
  139. package/legacy/CardContent/index.js +0 -5
  140. package/legacy/CardHeader/CardHeader.js +0 -198
  141. package/legacy/CardHeader/cardHeaderClasses.js +0 -7
  142. package/legacy/CardHeader/index.js +0 -5
  143. package/legacy/CardMedia/CardMedia.js +0 -139
  144. package/legacy/CardMedia/cardMediaClasses.js +0 -7
  145. package/legacy/CardMedia/index.js +0 -5
  146. package/legacy/Checkbox/Checkbox.js +0 -212
  147. package/legacy/Checkbox/checkboxClasses.js +0 -7
  148. package/legacy/Checkbox/index.js +0 -5
  149. package/legacy/Chip/Chip.js +0 -547
  150. package/legacy/Chip/chipClasses.js +0 -7
  151. package/legacy/Chip/index.js +0 -5
  152. package/legacy/CircularProgress/CircularProgress.js +0 -224
  153. package/legacy/CircularProgress/circularProgressClasses.js +0 -7
  154. package/legacy/CircularProgress/index.js +0 -5
  155. package/legacy/ClickAwayListener/index.js +0 -1
  156. package/legacy/Collapse/Collapse.js +0 -383
  157. package/legacy/Collapse/collapseClasses.js +0 -7
  158. package/legacy/Collapse/index.js +0 -5
  159. package/legacy/Container/Container.js +0 -67
  160. package/legacy/Container/containerClasses.js +0 -7
  161. package/legacy/Container/index.js +0 -5
  162. package/legacy/CssBaseline/CssBaseline.js +0 -113
  163. package/legacy/CssBaseline/index.js +0 -3
  164. package/legacy/Dialog/Dialog.js +0 -392
  165. package/legacy/Dialog/DialogContext.js +0 -6
  166. package/legacy/Dialog/dialogClasses.js +0 -7
  167. package/legacy/Dialog/index.js +0 -5
  168. package/legacy/DialogActions/DialogActions.js +0 -88
  169. package/legacy/DialogActions/dialogActionsClasses.js +0 -7
  170. package/legacy/DialogActions/index.js +0 -5
  171. package/legacy/DialogContent/DialogContent.js +0 -93
  172. package/legacy/DialogContent/dialogContentClasses.js +0 -7
  173. package/legacy/DialogContent/index.js +0 -5
  174. package/legacy/DialogContentText/DialogContentText.js +0 -74
  175. package/legacy/DialogContentText/dialogContentTextClasses.js +0 -7
  176. package/legacy/DialogContentText/index.js +0 -5
  177. package/legacy/DialogTitle/DialogTitle.js +0 -80
  178. package/legacy/DialogTitle/dialogTitleClasses.js +0 -7
  179. package/legacy/DialogTitle/index.js +0 -5
  180. package/legacy/Divider/Divider.js +0 -316
  181. package/legacy/Divider/dividerClasses.js +0 -7
  182. package/legacy/Divider/index.js +0 -5
  183. package/legacy/Drawer/Drawer.js +0 -316
  184. package/legacy/Drawer/drawerClasses.js +0 -7
  185. package/legacy/Drawer/index.js +0 -5
  186. package/legacy/Fab/Fab.js +0 -229
  187. package/legacy/Fab/fabClasses.js +0 -7
  188. package/legacy/Fab/index.js +0 -5
  189. package/legacy/Fade/Fade.js +0 -206
  190. package/legacy/Fade/index.js +0 -3
  191. package/legacy/FilledInput/FilledInput.js +0 -425
  192. package/legacy/FilledInput/filledInputClasses.js +0 -9
  193. package/legacy/FilledInput/index.js +0 -5
  194. package/legacy/FormControl/FormControl.js +0 -315
  195. package/legacy/FormControl/FormControlContext.js +0 -9
  196. package/legacy/FormControl/formControlClasses.js +0 -7
  197. package/legacy/FormControl/formControlState.js +0 -14
  198. package/legacy/FormControl/index.js +0 -6
  199. package/legacy/FormControl/useFormControl.js +0 -7
  200. package/legacy/FormControlLabel/FormControlLabel.js +0 -258
  201. package/legacy/FormControlLabel/formControlLabelClasses.js +0 -7
  202. package/legacy/FormControlLabel/index.js +0 -5
  203. package/legacy/FormGroup/FormGroup.js +0 -103
  204. package/legacy/FormGroup/formGroupClasses.js +0 -7
  205. package/legacy/FormGroup/index.js +0 -5
  206. package/legacy/FormHelperText/FormHelperText.js +0 -167
  207. package/legacy/FormHelperText/formHelperTextClasses.js +0 -7
  208. package/legacy/FormHelperText/index.js +0 -5
  209. package/legacy/FormLabel/FormLabel.js +0 -166
  210. package/legacy/FormLabel/formLabelClasses.js +0 -7
  211. package/legacy/FormLabel/index.js +0 -6
  212. package/legacy/GlobalStyles/GlobalStyles.js +0 -26
  213. package/legacy/GlobalStyles/index.js +0 -1
  214. package/legacy/Grid/Grid.js +0 -561
  215. package/legacy/Grid/GridContext.js +0 -12
  216. package/legacy/Grid/gridClasses.js +0 -28
  217. package/legacy/Grid/index.js +0 -5
  218. package/legacy/Grow/Grow.js +0 -253
  219. package/legacy/Grow/index.js +0 -3
  220. package/legacy/Hidden/Hidden.js +0 -147
  221. package/legacy/Hidden/HiddenCss.js +0 -168
  222. package/legacy/Hidden/HiddenJs.js +0 -123
  223. package/legacy/Hidden/hiddenCssClasses.js +0 -7
  224. package/legacy/Hidden/index.js +0 -3
  225. package/legacy/Hidden/withWidth.js +0 -110
  226. package/legacy/Icon/Icon.js +0 -144
  227. package/legacy/Icon/iconClasses.js +0 -7
  228. package/legacy/Icon/index.js +0 -5
  229. package/legacy/IconButton/IconButton.js +0 -204
  230. package/legacy/IconButton/iconButtonClasses.js +0 -7
  231. package/legacy/IconButton/index.js +0 -5
  232. package/legacy/ImageList/ImageList.js +0 -155
  233. package/legacy/ImageList/ImageListContext.js +0 -13
  234. package/legacy/ImageList/imageListClasses.js +0 -7
  235. package/legacy/ImageList/index.js +0 -5
  236. package/legacy/ImageListItem/ImageListItem.js +0 -168
  237. package/legacy/ImageListItem/imageListItemClasses.js +0 -7
  238. package/legacy/ImageListItem/index.js +0 -5
  239. package/legacy/ImageListItemBar/ImageListItemBar.js +0 -211
  240. package/legacy/ImageListItemBar/imageListItemBarClasses.js +0 -7
  241. package/legacy/ImageListItemBar/index.js +0 -5
  242. package/legacy/Input/Input.js +0 -339
  243. package/legacy/Input/index.js +0 -5
  244. package/legacy/Input/inputClasses.js +0 -9
  245. package/legacy/InputAdornment/InputAdornment.js +0 -167
  246. package/legacy/InputAdornment/index.js +0 -5
  247. package/legacy/InputAdornment/inputAdornmentClasses.js +0 -7
  248. package/legacy/InputBase/InputBase.js +0 -713
  249. package/legacy/InputBase/index.js +0 -5
  250. package/legacy/InputBase/inputBaseClasses.js +0 -7
  251. package/legacy/InputBase/utils.js +0 -31
  252. package/legacy/InputLabel/InputLabel.js +0 -214
  253. package/legacy/InputLabel/index.js +0 -5
  254. package/legacy/InputLabel/inputLabelClasses.js +0 -7
  255. package/legacy/LinearProgress/LinearProgress.js +0 -285
  256. package/legacy/LinearProgress/index.js +0 -5
  257. package/legacy/LinearProgress/linearProgressClasses.js +0 -7
  258. package/legacy/Link/Link.js +0 -209
  259. package/legacy/Link/getTextDecoration.js +0 -24
  260. package/legacy/Link/index.js +0 -5
  261. package/legacy/Link/linkClasses.js +0 -7
  262. package/legacy/List/List.js +0 -126
  263. package/legacy/List/ListContext.js +0 -12
  264. package/legacy/List/index.js +0 -5
  265. package/legacy/List/listClasses.js +0 -7
  266. package/legacy/ListItem/ListItem.js +0 -425
  267. package/legacy/ListItem/index.js +0 -5
  268. package/legacy/ListItem/listItemClasses.js +0 -7
  269. package/legacy/ListItemAvatar/ListItemAvatar.js +0 -82
  270. package/legacy/ListItemAvatar/index.js +0 -5
  271. package/legacy/ListItemAvatar/listItemAvatarClasses.js +0 -7
  272. package/legacy/ListItemButton/ListItemButton.js +0 -242
  273. package/legacy/ListItemButton/index.js +0 -5
  274. package/legacy/ListItemButton/listItemButtonClasses.js +0 -7
  275. package/legacy/ListItemIcon/ListItemIcon.js +0 -86
  276. package/legacy/ListItemIcon/index.js +0 -5
  277. package/legacy/ListItemIcon/listItemIconClasses.js +0 -7
  278. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +0 -85
  279. package/legacy/ListItemSecondaryAction/index.js +0 -5
  280. package/legacy/ListItemSecondaryAction/listItemSecondaryActionClasses.js +0 -7
  281. package/legacy/ListItemText/ListItemText.js +0 -160
  282. package/legacy/ListItemText/index.js +0 -5
  283. package/legacy/ListItemText/listItemTextClasses.js +0 -7
  284. package/legacy/ListSubheader/ListSubheader.js +0 -139
  285. package/legacy/ListSubheader/index.js +0 -5
  286. package/legacy/ListSubheader/listSubheaderClasses.js +0 -7
  287. package/legacy/Menu/Menu.js +0 -317
  288. package/legacy/Menu/index.js +0 -5
  289. package/legacy/Menu/menuClasses.js +0 -7
  290. package/legacy/MenuItem/MenuItem.js +0 -251
  291. package/legacy/MenuItem/index.js +0 -5
  292. package/legacy/MenuItem/menuItemClasses.js +0 -7
  293. package/legacy/MenuList/MenuList.js +0 -285
  294. package/legacy/MenuList/index.js +0 -3
  295. package/legacy/MobileStepper/MobileStepper.js +0 -254
  296. package/legacy/MobileStepper/index.js +0 -5
  297. package/legacy/MobileStepper/mobileStepperClasses.js +0 -7
  298. package/legacy/Modal/Modal.js +0 -398
  299. package/legacy/Modal/index.js +0 -6
  300. package/legacy/Modal/modalClasses.js +0 -7
  301. package/legacy/NativeSelect/NativeSelect.js +0 -128
  302. package/legacy/NativeSelect/NativeSelectInput.js +0 -203
  303. package/legacy/NativeSelect/index.js +0 -5
  304. package/legacy/NativeSelect/nativeSelectClasses.js +0 -7
  305. package/legacy/NoSsr/index.js +0 -1
  306. package/legacy/OutlinedInput/NotchedOutline.js +0 -135
  307. package/legacy/OutlinedInput/OutlinedInput.js +0 -347
  308. package/legacy/OutlinedInput/index.js +0 -5
  309. package/legacy/OutlinedInput/outlinedInputClasses.js +0 -9
  310. package/legacy/Pagination/Pagination.js +0 -256
  311. package/legacy/Pagination/index.js +0 -5
  312. package/legacy/Pagination/paginationClasses.js +0 -7
  313. package/legacy/PaginationItem/PaginationItem.js +0 -356
  314. package/legacy/PaginationItem/index.js +0 -5
  315. package/legacy/PaginationItem/paginationItemClasses.js +0 -7
  316. package/legacy/Paper/Paper.js +0 -141
  317. package/legacy/Paper/index.js +0 -5
  318. package/legacy/Paper/paperClasses.js +0 -7
  319. package/legacy/Popover/Popover.js +0 -548
  320. package/legacy/Popover/index.js +0 -6
  321. package/legacy/Popover/popoverClasses.js +0 -7
  322. package/legacy/Popper/Popper.js +0 -207
  323. package/legacy/Popper/index.js +0 -3
  324. package/legacy/Portal/index.js +0 -1
  325. package/legacy/Radio/Radio.js +0 -212
  326. package/legacy/Radio/RadioButtonIcon.js +0 -81
  327. package/legacy/Radio/index.js +0 -5
  328. package/legacy/Radio/radioClasses.js +0 -7
  329. package/legacy/RadioGroup/RadioGroup.js +0 -118
  330. package/legacy/RadioGroup/RadioGroupContext.js +0 -9
  331. package/legacy/RadioGroup/index.js +0 -6
  332. package/legacy/RadioGroup/radioGroupClasses.js +0 -7
  333. package/legacy/RadioGroup/useRadioGroup.js +0 -7
  334. package/legacy/Rating/Rating.js +0 -657
  335. package/legacy/Rating/index.js +0 -3
  336. package/legacy/Rating/ratingClasses.js +0 -7
  337. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +0 -106
  338. package/legacy/ScopedCssBaseline/index.js +0 -5
  339. package/legacy/ScopedCssBaseline/scopedCssBaselineClasses.js +0 -7
  340. package/legacy/Select/Select.js +0 -290
  341. package/legacy/Select/SelectInput.js +0 -667
  342. package/legacy/Select/index.js +0 -5
  343. package/legacy/Select/selectClasses.js +0 -7
  344. package/legacy/Skeleton/Skeleton.js +0 -166
  345. package/legacy/Skeleton/index.js +0 -5
  346. package/legacy/Skeleton/skeletonClasses.js +0 -7
  347. package/legacy/Slide/Slide.js +0 -333
  348. package/legacy/Slide/index.js +0 -3
  349. package/legacy/Slider/Slider.js +0 -1063
  350. package/legacy/Slider/SliderValueLabel.js +0 -49
  351. package/legacy/Slider/SliderValueLabel.types.js +0 -1
  352. package/legacy/Slider/index.js +0 -6
  353. package/legacy/Slider/sliderClasses.js +0 -7
  354. package/legacy/Snackbar/Snackbar.js +0 -312
  355. package/legacy/Snackbar/index.js +0 -5
  356. package/legacy/Snackbar/snackbarClasses.js +0 -7
  357. package/legacy/SnackbarContent/SnackbarContent.js +0 -134
  358. package/legacy/SnackbarContent/index.js +0 -5
  359. package/legacy/SnackbarContent/snackbarContentClasses.js +0 -7
  360. package/legacy/SpeedDial/SpeedDial.js +0 -491
  361. package/legacy/SpeedDial/index.js +0 -5
  362. package/legacy/SpeedDial/speedDialClasses.js +0 -7
  363. package/legacy/SpeedDialAction/SpeedDialAction.js +0 -247
  364. package/legacy/SpeedDialAction/index.js +0 -5
  365. package/legacy/SpeedDialAction/speedDialActionClasses.js +0 -7
  366. package/legacy/SpeedDialIcon/SpeedDialIcon.js +0 -120
  367. package/legacy/SpeedDialIcon/index.js +0 -5
  368. package/legacy/SpeedDialIcon/speedDialIconClasses.js +0 -7
  369. package/legacy/Stack/Stack.js +0 -66
  370. package/legacy/Stack/index.js +0 -4
  371. package/legacy/Stack/stackClasses.js +0 -7
  372. package/legacy/Step/Step.js +0 -179
  373. package/legacy/Step/StepContext.js +0 -17
  374. package/legacy/Step/index.js +0 -7
  375. package/legacy/Step/stepClasses.js +0 -7
  376. package/legacy/StepButton/StepButton.js +0 -122
  377. package/legacy/StepButton/index.js +0 -5
  378. package/legacy/StepButton/stepButtonClasses.js +0 -7
  379. package/legacy/StepConnector/StepConnector.js +0 -142
  380. package/legacy/StepConnector/index.js +0 -5
  381. package/legacy/StepConnector/stepConnectorClasses.js +0 -7
  382. package/legacy/StepContent/StepContent.js +0 -152
  383. package/legacy/StepContent/index.js +0 -5
  384. package/legacy/StepContent/stepContentClasses.js +0 -7
  385. package/legacy/StepIcon/StepIcon.js +0 -162
  386. package/legacy/StepIcon/index.js +0 -5
  387. package/legacy/StepIcon/stepIconClasses.js +0 -7
  388. package/legacy/StepLabel/StepLabel.js +0 -258
  389. package/legacy/StepLabel/index.js +0 -5
  390. package/legacy/StepLabel/stepLabelClasses.js +0 -7
  391. package/legacy/Stepper/Stepper.js +0 -167
  392. package/legacy/Stepper/StepperContext.js +0 -17
  393. package/legacy/Stepper/index.js +0 -7
  394. package/legacy/Stepper/stepperClasses.js +0 -7
  395. package/legacy/StyledEngineProvider/index.js +0 -1
  396. package/legacy/SvgIcon/SvgIcon.js +0 -183
  397. package/legacy/SvgIcon/index.js +0 -5
  398. package/legacy/SvgIcon/svgIconClasses.js +0 -7
  399. package/legacy/SwipeableDrawer/SwipeArea.js +0 -81
  400. package/legacy/SwipeableDrawer/SwipeableDrawer.js +0 -621
  401. package/legacy/SwipeableDrawer/index.js +0 -3
  402. package/legacy/Switch/Switch.js +0 -337
  403. package/legacy/Switch/index.js +0 -5
  404. package/legacy/Switch/switchClasses.js +0 -7
  405. package/legacy/Tab/Tab.js +0 -249
  406. package/legacy/Tab/index.js +0 -5
  407. package/legacy/Tab/tabClasses.js +0 -7
  408. package/legacy/TabScrollButton/TabScrollButton.js +0 -153
  409. package/legacy/TabScrollButton/index.js +0 -5
  410. package/legacy/TabScrollButton/tabScrollButtonClasses.js +0 -7
  411. package/legacy/Table/Table.js +0 -130
  412. package/legacy/Table/TableContext.js +0 -12
  413. package/legacy/Table/Tablelvl2Context.js +0 -10
  414. package/legacy/Table/index.js +0 -5
  415. package/legacy/Table/tableClasses.js +0 -7
  416. package/legacy/TableBody/TableBody.js +0 -85
  417. package/legacy/TableBody/index.js +0 -5
  418. package/legacy/TableBody/tableBodyClasses.js +0 -7
  419. package/legacy/TableCell/TableCell.js +0 -208
  420. package/legacy/TableCell/index.js +0 -5
  421. package/legacy/TableCell/tableCellClasses.js +0 -7
  422. package/legacy/TableContainer/TableContainer.js +0 -77
  423. package/legacy/TableContainer/index.js +0 -5
  424. package/legacy/TableContainer/tableContainerClasses.js +0 -7
  425. package/legacy/TableFooter/TableFooter.js +0 -85
  426. package/legacy/TableFooter/index.js +0 -5
  427. package/legacy/TableFooter/tableFooterClasses.js +0 -7
  428. package/legacy/TableHead/TableHead.js +0 -85
  429. package/legacy/TableHead/index.js +0 -5
  430. package/legacy/TableHead/tableHeadClasses.js +0 -7
  431. package/legacy/TablePagination/TablePagination.js +0 -461
  432. package/legacy/TablePagination/TablePaginationActions.js +0 -182
  433. package/legacy/TablePagination/index.js +0 -5
  434. package/legacy/TablePagination/tablePaginationClasses.js +0 -7
  435. package/legacy/TableRow/TableRow.js +0 -123
  436. package/legacy/TableRow/index.js +0 -5
  437. package/legacy/TableRow/tableRowClasses.js +0 -7
  438. package/legacy/TableSortLabel/TableSortLabel.js +0 -165
  439. package/legacy/TableSortLabel/index.js +0 -5
  440. package/legacy/TableSortLabel/tableSortLabelClasses.js +0 -7
  441. package/legacy/Tabs/ScrollbarSize.js +0 -57
  442. package/legacy/Tabs/Tabs.js +0 -849
  443. package/legacy/Tabs/index.js +0 -5
  444. package/legacy/Tabs/tabsClasses.js +0 -7
  445. package/legacy/TextField/TextField.js +0 -381
  446. package/legacy/TextField/index.js +0 -5
  447. package/legacy/TextField/textFieldClasses.js +0 -7
  448. package/legacy/TextareaAutosize/index.js +0 -1
  449. package/legacy/ToggleButton/ToggleButton.js +0 -230
  450. package/legacy/ToggleButton/index.js +0 -5
  451. package/legacy/ToggleButton/toggleButtonClasses.js +0 -7
  452. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +0 -247
  453. package/legacy/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +0 -9
  454. package/legacy/ToggleButtonGroup/ToggleButtonGroupContext.js +0 -9
  455. package/legacy/ToggleButtonGroup/index.js +0 -5
  456. package/legacy/ToggleButtonGroup/isValueSelected.js +0 -11
  457. package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js +0 -7
  458. package/legacy/Toolbar/Toolbar.js +0 -115
  459. package/legacy/Toolbar/index.js +0 -3
  460. package/legacy/Toolbar/toolbarClasses.js +0 -7
  461. package/legacy/Tooltip/Tooltip.js +0 -788
  462. package/legacy/Tooltip/index.js +0 -5
  463. package/legacy/Tooltip/tooltipClasses.js +0 -7
  464. package/legacy/Typography/Typography.js +0 -198
  465. package/legacy/Typography/index.js +0 -5
  466. package/legacy/Typography/typographyClasses.js +0 -7
  467. package/legacy/Unstable_Grid2/Grid2.js +0 -36
  468. package/legacy/Unstable_Grid2/Grid2Props.js +0 -1
  469. package/legacy/Unstable_Grid2/grid2Classes.js +0 -28
  470. package/legacy/Unstable_Grid2/index.js +0 -6
  471. package/legacy/Unstable_TrapFocus/index.js +0 -1
  472. package/legacy/Zoom/Zoom.js +0 -206
  473. package/legacy/Zoom/index.js +0 -3
  474. package/legacy/className/index.js +0 -2
  475. package/legacy/colors/amber.js +0 -17
  476. package/legacy/colors/blue.js +0 -17
  477. package/legacy/colors/blueGrey.js +0 -17
  478. package/legacy/colors/brown.js +0 -17
  479. package/legacy/colors/common.js +0 -5
  480. package/legacy/colors/cyan.js +0 -17
  481. package/legacy/colors/deepOrange.js +0 -17
  482. package/legacy/colors/deepPurple.js +0 -17
  483. package/legacy/colors/green.js +0 -17
  484. package/legacy/colors/grey.js +0 -17
  485. package/legacy/colors/index.js +0 -20
  486. package/legacy/colors/indigo.js +0 -17
  487. package/legacy/colors/lightBlue.js +0 -17
  488. package/legacy/colors/lightGreen.js +0 -17
  489. package/legacy/colors/lime.js +0 -17
  490. package/legacy/colors/orange.js +0 -17
  491. package/legacy/colors/pink.js +0 -17
  492. package/legacy/colors/purple.js +0 -17
  493. package/legacy/colors/red.js +0 -17
  494. package/legacy/colors/teal.js +0 -17
  495. package/legacy/colors/yellow.js +0 -17
  496. package/legacy/darkScrollbar/index.js +0 -33
  497. package/legacy/generateUtilityClass/index.js +0 -1
  498. package/legacy/generateUtilityClasses/index.js +0 -1
  499. package/legacy/index.js +0 -288
  500. package/legacy/internal/SwitchBase.js +0 -275
  501. package/legacy/internal/animate.js +0 -41
  502. package/legacy/internal/svg-icons/Add.js +0 -12
  503. package/legacy/internal/svg-icons/ArrowDownward.js +0 -12
  504. package/legacy/internal/svg-icons/ArrowDropDown.js +0 -12
  505. package/legacy/internal/svg-icons/Cancel.js +0 -12
  506. package/legacy/internal/svg-icons/CheckBox.js +0 -12
  507. package/legacy/internal/svg-icons/CheckBoxOutlineBlank.js +0 -12
  508. package/legacy/internal/svg-icons/CheckCircle.js +0 -12
  509. package/legacy/internal/svg-icons/Close.js +0 -14
  510. package/legacy/internal/svg-icons/ErrorOutline.js +0 -12
  511. package/legacy/internal/svg-icons/FirstPage.js +0 -12
  512. package/legacy/internal/svg-icons/IndeterminateCheckBox.js +0 -12
  513. package/legacy/internal/svg-icons/InfoOutlined.js +0 -12
  514. package/legacy/internal/svg-icons/KeyboardArrowLeft.js +0 -12
  515. package/legacy/internal/svg-icons/KeyboardArrowRight.js +0 -12
  516. package/legacy/internal/svg-icons/LastPage.js +0 -12
  517. package/legacy/internal/svg-icons/MoreHoriz.js +0 -12
  518. package/legacy/internal/svg-icons/NavigateBefore.js +0 -12
  519. package/legacy/internal/svg-icons/NavigateNext.js +0 -12
  520. package/legacy/internal/svg-icons/Person.js +0 -12
  521. package/legacy/internal/svg-icons/RadioButtonChecked.js +0 -12
  522. package/legacy/internal/svg-icons/RadioButtonUnchecked.js +0 -12
  523. package/legacy/internal/svg-icons/ReportProblemOutlined.js +0 -12
  524. package/legacy/internal/svg-icons/Star.js +0 -12
  525. package/legacy/internal/svg-icons/StarBorder.js +0 -12
  526. package/legacy/internal/svg-icons/SuccessOutlined.js +0 -12
  527. package/legacy/internal/svg-icons/Warning.js +0 -12
  528. package/legacy/internal/switchBaseClasses.js +0 -7
  529. package/legacy/locale/index.js +0 -4389
  530. package/legacy/styles/CssVarsProvider.js +0 -39
  531. package/legacy/styles/ThemeProvider.js +0 -28
  532. package/legacy/styles/adaptV4Theme.js +0 -81
  533. package/legacy/styles/createGetSelector.js +0 -21
  534. package/legacy/styles/createMixins.js +0 -15
  535. package/legacy/styles/createMuiStrictModeTheme.js +0 -10
  536. package/legacy/styles/createPalette.js +0 -299
  537. package/legacy/styles/createStyles.js +0 -10
  538. package/legacy/styles/createTheme.js +0 -97
  539. package/legacy/styles/createTransitions.js +0 -97
  540. package/legacy/styles/createTypography.js +0 -93
  541. package/legacy/styles/cssUtils.js +0 -122
  542. package/legacy/styles/defaultTheme.js +0 -5
  543. package/legacy/styles/excludeVariablesFromRoot.js +0 -10
  544. package/legacy/styles/experimental_extendTheme.js +0 -377
  545. package/legacy/styles/getOverlayAlpha.js +0 -11
  546. package/legacy/styles/identifier.js +0 -1
  547. package/legacy/styles/index.js +0 -37
  548. package/legacy/styles/makeStyles.js +0 -4
  549. package/legacy/styles/responsiveFontSizes.js +0 -63
  550. package/legacy/styles/rootShouldForwardProp.js +0 -5
  551. package/legacy/styles/shadows.js +0 -10
  552. package/legacy/styles/shouldSkipGeneratingVar.js +0 -6
  553. package/legacy/styles/slotShouldForwardProp.js +0 -5
  554. package/legacy/styles/styled.js +0 -14
  555. package/legacy/styles/useTheme.js +0 -14
  556. package/legacy/styles/useThemeProps.js +0 -15
  557. package/legacy/styles/withStyles.js +0 -4
  558. package/legacy/styles/withTheme.js +0 -4
  559. package/legacy/styles/zIndex.js +0 -13
  560. package/legacy/transitions/index.js +0 -1
  561. package/legacy/transitions/transition.js +0 -1
  562. package/legacy/transitions/utils.js +0 -16
  563. package/legacy/types/OverridableComponentAugmentation.js +0 -1
  564. package/legacy/useAutocomplete/index.js +0 -3
  565. package/legacy/useAutocomplete/useAutocomplete.js +0 -4
  566. package/legacy/useMediaQuery/index.js +0 -1
  567. package/legacy/useMediaQuery/useMediaQueryTheme.js +0 -8
  568. package/legacy/usePagination/index.js +0 -3
  569. package/legacy/usePagination/usePagination.js +0 -122
  570. package/legacy/useScrollTrigger/index.js +0 -3
  571. package/legacy/useScrollTrigger/useScrollTrigger.js +0 -57
  572. package/legacy/useTouchRipple/index.js +0 -3
  573. package/legacy/useTouchRipple/useTouchRipple.js +0 -102
  574. package/legacy/utils/capitalize.js +0 -2
  575. package/legacy/utils/createChainedFunction.js +0 -2
  576. package/legacy/utils/createSvgIcon.js +0 -27
  577. package/legacy/utils/debounce.js +0 -2
  578. package/legacy/utils/deprecatedPropType.js +0 -2
  579. package/legacy/utils/getScrollbarSize.js +0 -2
  580. package/legacy/utils/index.js +0 -30
  581. package/legacy/utils/isMuiElement.js +0 -2
  582. package/legacy/utils/ownerDocument.js +0 -2
  583. package/legacy/utils/ownerWindow.js +0 -2
  584. package/legacy/utils/requirePropFactory.js +0 -2
  585. package/legacy/utils/scrollLeft.js +0 -1
  586. package/legacy/utils/setRef.js +0 -2
  587. package/legacy/utils/shouldSpreadAdditionalProps.js +0 -5
  588. package/legacy/utils/types.js +0 -1
  589. package/legacy/utils/unsupportedProp.js +0 -2
  590. package/legacy/utils/useControlled.js +0 -4
  591. package/legacy/utils/useEnhancedEffect.js +0 -4
  592. package/legacy/utils/useEventCallback.js +0 -4
  593. package/legacy/utils/useForkRef.js +0 -4
  594. package/legacy/utils/useId.js +0 -4
  595. package/legacy/utils/useIsFocusVisible.js +0 -4
  596. package/legacy/utils/useSlot.js +0 -71
  597. package/legacy/zero-styled/index.js +0 -8
@@ -1,198 +0,0 @@
1
- 'use client';
2
-
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
6
- import * as React from 'react';
7
- import PropTypes from 'prop-types';
8
- import clsx from 'clsx';
9
- import composeClasses from '@mui/utils/composeClasses';
10
- import { styled, createUseThemeProps } from '../zero-styled';
11
- import ButtonBase from '../ButtonBase';
12
- import AccordionContext from '../Accordion/AccordionContext';
13
- import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from './accordionSummaryClasses';
14
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
- var useThemeProps = createUseThemeProps('MuiAccordionSummary');
16
- var useUtilityClasses = function useUtilityClasses(ownerState) {
17
- var classes = ownerState.classes,
18
- expanded = ownerState.expanded,
19
- disabled = ownerState.disabled,
20
- disableGutters = ownerState.disableGutters;
21
- var slots = {
22
- root: ['root', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
23
- focusVisible: ['focusVisible'],
24
- content: ['content', expanded && 'expanded', !disableGutters && 'contentGutters'],
25
- expandIconWrapper: ['expandIconWrapper', expanded && 'expanded']
26
- };
27
- return composeClasses(slots, getAccordionSummaryUtilityClass, classes);
28
- };
29
- var AccordionSummaryRoot = styled(ButtonBase, {
30
- name: 'MuiAccordionSummary',
31
- slot: 'Root',
32
- overridesResolver: function overridesResolver(props, styles) {
33
- return styles.root;
34
- }
35
- })(function (_ref) {
36
- var theme = _ref.theme;
37
- var transition = {
38
- duration: theme.transitions.duration.shortest
39
- };
40
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
41
- display: 'flex',
42
- minHeight: 48,
43
- padding: theme.spacing(0, 2),
44
- transition: theme.transitions.create(['min-height', 'background-color'], transition)
45
- }, "&.".concat(accordionSummaryClasses.focusVisible), {
46
- backgroundColor: (theme.vars || theme).palette.action.focus
47
- }), "&.".concat(accordionSummaryClasses.disabled), {
48
- opacity: (theme.vars || theme).palette.action.disabledOpacity
49
- }), "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
50
- cursor: 'pointer'
51
- }), "variants", [{
52
- props: function props(_props) {
53
- return !_props.disableGutters;
54
- },
55
- style: _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
56
- minHeight: 64
57
- })
58
- }]);
59
- });
60
- var AccordionSummaryContent = styled('div', {
61
- name: 'MuiAccordionSummary',
62
- slot: 'Content',
63
- overridesResolver: function overridesResolver(props, styles) {
64
- return styles.content;
65
- }
66
- })(function (_ref3) {
67
- var theme = _ref3.theme;
68
- return {
69
- display: 'flex',
70
- flexGrow: 1,
71
- margin: '12px 0',
72
- variants: [{
73
- props: function props(_props2) {
74
- return !_props2.disableGutters;
75
- },
76
- style: _defineProperty({
77
- transition: theme.transitions.create(['margin'], {
78
- duration: theme.transitions.duration.shortest
79
- })
80
- }, "&.".concat(accordionSummaryClasses.expanded), {
81
- margin: '20px 0'
82
- })
83
- }]
84
- };
85
- });
86
- var AccordionSummaryExpandIconWrapper = styled('div', {
87
- name: 'MuiAccordionSummary',
88
- slot: 'ExpandIconWrapper',
89
- overridesResolver: function overridesResolver(props, styles) {
90
- return styles.expandIconWrapper;
91
- }
92
- })(function (_ref4) {
93
- var theme = _ref4.theme;
94
- return _defineProperty({
95
- display: 'flex',
96
- color: (theme.vars || theme).palette.action.active,
97
- transform: 'rotate(0deg)',
98
- transition: theme.transitions.create('transform', {
99
- duration: theme.transitions.duration.shortest
100
- })
101
- }, "&.".concat(accordionSummaryClasses.expanded), {
102
- transform: 'rotate(180deg)'
103
- });
104
- });
105
- var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(inProps, ref) {
106
- var props = useThemeProps({
107
- props: inProps,
108
- name: 'MuiAccordionSummary'
109
- });
110
- var children = props.children,
111
- className = props.className,
112
- expandIcon = props.expandIcon,
113
- focusVisibleClassName = props.focusVisibleClassName,
114
- onClick = props.onClick,
115
- other = _objectWithoutProperties(props, ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"]);
116
- var _React$useContext = React.useContext(AccordionContext),
117
- _React$useContext$dis = _React$useContext.disabled,
118
- disabled = _React$useContext$dis === void 0 ? false : _React$useContext$dis,
119
- disableGutters = _React$useContext.disableGutters,
120
- expanded = _React$useContext.expanded,
121
- toggle = _React$useContext.toggle;
122
- var handleChange = function handleChange(event) {
123
- if (toggle) {
124
- toggle(event);
125
- }
126
- if (onClick) {
127
- onClick(event);
128
- }
129
- };
130
- var ownerState = _extends({}, props, {
131
- expanded: expanded,
132
- disabled: disabled,
133
- disableGutters: disableGutters
134
- });
135
- var classes = useUtilityClasses(ownerState);
136
- return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
137
- focusRipple: false,
138
- disableRipple: true,
139
- disabled: disabled,
140
- component: "div",
141
- "aria-expanded": expanded,
142
- className: clsx(classes.root, className),
143
- focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
144
- onClick: handleChange,
145
- ref: ref,
146
- ownerState: ownerState
147
- }, other, {
148
- children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
149
- className: classes.content,
150
- ownerState: ownerState,
151
- children: children
152
- }), expandIcon && /*#__PURE__*/_jsx(AccordionSummaryExpandIconWrapper, {
153
- className: classes.expandIconWrapper,
154
- ownerState: ownerState,
155
- children: expandIcon
156
- })]
157
- }));
158
- });
159
- process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
160
- // ┌────────────────────────────── Warning ──────────────────────────────┐
161
- // │ These PropTypes are generated from the TypeScript type definitions. │
162
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
163
- // └─────────────────────────────────────────────────────────────────────┘
164
- /**
165
- * The content of the component.
166
- */
167
- children: PropTypes.node,
168
- /**
169
- * Override or extend the styles applied to the component.
170
- */
171
- classes: PropTypes.object,
172
- /**
173
- * @ignore
174
- */
175
- className: PropTypes.string,
176
- /**
177
- * The icon to display as the expand indicator.
178
- */
179
- expandIcon: PropTypes.node,
180
- /**
181
- * This prop can help identify which element has keyboard focus.
182
- * The class name will be applied when the element gains the focus through keyboard interaction.
183
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
184
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
185
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
186
- * if needed.
187
- */
188
- focusVisibleClassName: PropTypes.string,
189
- /**
190
- * @ignore
191
- */
192
- onClick: PropTypes.func,
193
- /**
194
- * The system prop that allows defining system overrides as well as additional CSS styles.
195
- */
196
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
197
- } : void 0;
198
- export default AccordionSummary;
@@ -1,7 +0,0 @@
1
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
2
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
- export function getAccordionSummaryUtilityClass(slot) {
4
- return generateUtilityClass('MuiAccordionSummary', slot);
5
- }
6
- var accordionSummaryClasses = generateUtilityClasses('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
7
- export default accordionSummaryClasses;
@@ -1,3 +0,0 @@
1
- export { default } from './AccordionSummary';
2
- export { default as accordionSummaryClasses } from './accordionSummaryClasses';
3
- export * from './accordionSummaryClasses';
@@ -1,385 +0,0 @@
1
- 'use client';
2
-
3
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
5
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
6
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
7
- import _extends from "@babel/runtime/helpers/esm/extends";
8
- import * as React from 'react';
9
- import PropTypes from 'prop-types';
10
- import clsx from 'clsx';
11
- import composeClasses from '@mui/utils/composeClasses';
12
- import { darken, lighten } from '@mui/system/colorManipulator';
13
- import { styled, createUseThemeProps } from '../zero-styled';
14
- import useSlot from '../utils/useSlot';
15
- import capitalize from '../utils/capitalize';
16
- import Paper from '../Paper';
17
- import alertClasses, { getAlertUtilityClass } from './alertClasses';
18
- import IconButton from '../IconButton';
19
- import SuccessOutlinedIcon from '../internal/svg-icons/SuccessOutlined';
20
- import ReportProblemOutlinedIcon from '../internal/svg-icons/ReportProblemOutlined';
21
- import ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';
22
- import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
23
- import CloseIcon from '../internal/svg-icons/Close';
24
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
25
- var useThemeProps = createUseThemeProps('MuiAlert');
26
- var useUtilityClasses = function useUtilityClasses(ownerState) {
27
- var variant = ownerState.variant,
28
- color = ownerState.color,
29
- severity = ownerState.severity,
30
- classes = ownerState.classes;
31
- var slots = {
32
- root: ['root', "color".concat(capitalize(color || severity)), "".concat(variant).concat(capitalize(color || severity)), "".concat(variant)],
33
- icon: ['icon'],
34
- message: ['message'],
35
- action: ['action']
36
- };
37
- return composeClasses(slots, getAlertUtilityClass, classes);
38
- };
39
- var AlertRoot = styled(Paper, {
40
- name: 'MuiAlert',
41
- slot: 'Root',
42
- overridesResolver: function overridesResolver(props, styles) {
43
- var ownerState = props.ownerState;
44
- return [styles.root, styles[ownerState.variant], styles["".concat(ownerState.variant).concat(capitalize(ownerState.color || ownerState.severity))]];
45
- }
46
- })(function (_ref) {
47
- var theme = _ref.theme;
48
- var getColor = theme.palette.mode === 'light' ? darken : lighten;
49
- var getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
50
- return _extends({}, theme.typography.body2, {
51
- backgroundColor: 'transparent',
52
- display: 'flex',
53
- padding: '6px 16px',
54
- variants: [].concat(_toConsumableArray(Object.entries(theme.palette).filter(function (_ref2) {
55
- var _ref3 = _slicedToArray(_ref2, 2),
56
- value = _ref3[1];
57
- return value.main && value.light;
58
- }).map(function (_ref4) {
59
- var _ref5 = _slicedToArray(_ref4, 1),
60
- color = _ref5[0];
61
- return {
62
- props: {
63
- colorSeverity: color,
64
- variant: 'standard'
65
- },
66
- style: _defineProperty({
67
- color: theme.vars ? theme.vars.palette.Alert["".concat(color, "Color")] : getColor(theme.palette[color].light, 0.6),
68
- backgroundColor: theme.vars ? theme.vars.palette.Alert["".concat(color, "StandardBg")] : getBackgroundColor(theme.palette[color].light, 0.9)
69
- }, "& .".concat(alertClasses.icon), theme.vars ? {
70
- color: theme.vars.palette.Alert["".concat(color, "IconColor")]
71
- } : {
72
- color: theme.palette[color].main
73
- })
74
- };
75
- })), _toConsumableArray(Object.entries(theme.palette).filter(function (_ref6) {
76
- var _ref7 = _slicedToArray(_ref6, 2),
77
- value = _ref7[1];
78
- return value.main && value.light;
79
- }).map(function (_ref8) {
80
- var _ref9 = _slicedToArray(_ref8, 1),
81
- color = _ref9[0];
82
- return {
83
- props: {
84
- colorSeverity: color,
85
- variant: 'outlined'
86
- },
87
- style: _defineProperty({
88
- color: theme.vars ? theme.vars.palette.Alert["".concat(color, "Color")] : getColor(theme.palette[color].light, 0.6),
89
- border: "1px solid ".concat((theme.vars || theme).palette[color].light)
90
- }, "& .".concat(alertClasses.icon), theme.vars ? {
91
- color: theme.vars.palette.Alert["".concat(color, "IconColor")]
92
- } : {
93
- color: theme.palette[color].main
94
- })
95
- };
96
- })), _toConsumableArray(Object.entries(theme.palette).filter(function (_ref10) {
97
- var _ref11 = _slicedToArray(_ref10, 2),
98
- value = _ref11[1];
99
- return value.main && value.dark;
100
- }).map(function (_ref12) {
101
- var _ref13 = _slicedToArray(_ref12, 1),
102
- color = _ref13[0];
103
- return {
104
- props: {
105
- colorSeverity: color,
106
- variant: 'filled'
107
- },
108
- style: _extends({
109
- fontWeight: theme.typography.fontWeightMedium
110
- }, theme.vars ? {
111
- color: theme.vars.palette.Alert["".concat(color, "FilledColor")],
112
- backgroundColor: theme.vars.palette.Alert["".concat(color, "FilledBg")]
113
- } : {
114
- backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
115
- color: theme.palette.getContrastText(theme.palette[color].main)
116
- })
117
- };
118
- })))
119
- });
120
- });
121
- var AlertIcon = styled('div', {
122
- name: 'MuiAlert',
123
- slot: 'Icon',
124
- overridesResolver: function overridesResolver(props, styles) {
125
- return styles.icon;
126
- }
127
- })({
128
- marginRight: 12,
129
- padding: '7px 0',
130
- display: 'flex',
131
- fontSize: 22,
132
- opacity: 0.9
133
- });
134
- var AlertMessage = styled('div', {
135
- name: 'MuiAlert',
136
- slot: 'Message',
137
- overridesResolver: function overridesResolver(props, styles) {
138
- return styles.message;
139
- }
140
- })({
141
- padding: '8px 0',
142
- minWidth: 0,
143
- overflow: 'auto'
144
- });
145
- var AlertAction = styled('div', {
146
- name: 'MuiAlert',
147
- slot: 'Action',
148
- overridesResolver: function overridesResolver(props, styles) {
149
- return styles.action;
150
- }
151
- })({
152
- display: 'flex',
153
- alignItems: 'flex-start',
154
- padding: '4px 0 0 16px',
155
- marginLeft: 'auto',
156
- marginRight: -8
157
- });
158
- var defaultIconMapping = {
159
- success: /*#__PURE__*/_jsx(SuccessOutlinedIcon, {
160
- fontSize: "inherit"
161
- }),
162
- warning: /*#__PURE__*/_jsx(ReportProblemOutlinedIcon, {
163
- fontSize: "inherit"
164
- }),
165
- error: /*#__PURE__*/_jsx(ErrorOutlineIcon, {
166
- fontSize: "inherit"
167
- }),
168
- info: /*#__PURE__*/_jsx(InfoOutlinedIcon, {
169
- fontSize: "inherit"
170
- })
171
- };
172
- var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
173
- var props = useThemeProps({
174
- props: inProps,
175
- name: 'MuiAlert'
176
- });
177
- var action = props.action,
178
- children = props.children,
179
- className = props.className,
180
- _props$closeText = props.closeText,
181
- closeText = _props$closeText === void 0 ? 'Close' : _props$closeText,
182
- color = props.color,
183
- _props$components = props.components,
184
- components = _props$components === void 0 ? {} : _props$components,
185
- _props$componentsProp = props.componentsProps,
186
- componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
187
- icon = props.icon,
188
- _props$iconMapping = props.iconMapping,
189
- iconMapping = _props$iconMapping === void 0 ? defaultIconMapping : _props$iconMapping,
190
- onClose = props.onClose,
191
- _props$role = props.role,
192
- role = _props$role === void 0 ? 'alert' : _props$role,
193
- _props$severity = props.severity,
194
- severity = _props$severity === void 0 ? 'success' : _props$severity,
195
- _props$slotProps = props.slotProps,
196
- slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
197
- _props$slots = props.slots,
198
- slots = _props$slots === void 0 ? {} : _props$slots,
199
- _props$variant = props.variant,
200
- variant = _props$variant === void 0 ? 'standard' : _props$variant,
201
- other = _objectWithoutProperties(props, ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"]);
202
- var ownerState = _extends({}, props, {
203
- color: color,
204
- severity: severity,
205
- variant: variant,
206
- colorSeverity: color || severity
207
- });
208
- var classes = useUtilityClasses(ownerState);
209
- var externalForwardedProps = {
210
- slots: _extends({
211
- closeButton: components.CloseButton,
212
- closeIcon: components.CloseIcon
213
- }, slots),
214
- slotProps: _extends({}, componentsProps, slotProps)
215
- };
216
- var _useSlot = useSlot('closeButton', {
217
- elementType: IconButton,
218
- externalForwardedProps: externalForwardedProps,
219
- ownerState: ownerState
220
- }),
221
- _useSlot2 = _slicedToArray(_useSlot, 2),
222
- CloseButtonSlot = _useSlot2[0],
223
- closeButtonProps = _useSlot2[1];
224
- var _useSlot3 = useSlot('closeIcon', {
225
- elementType: CloseIcon,
226
- externalForwardedProps: externalForwardedProps,
227
- ownerState: ownerState
228
- }),
229
- _useSlot4 = _slicedToArray(_useSlot3, 2),
230
- CloseIconSlot = _useSlot4[0],
231
- closeIconProps = _useSlot4[1];
232
- return /*#__PURE__*/_jsxs(AlertRoot, _extends({
233
- role: role,
234
- elevation: 0,
235
- ownerState: ownerState,
236
- className: clsx(classes.root, className),
237
- ref: ref
238
- }, other, {
239
- children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
240
- ownerState: ownerState,
241
- className: classes.icon,
242
- children: icon || iconMapping[severity] || defaultIconMapping[severity]
243
- }) : null, /*#__PURE__*/_jsx(AlertMessage, {
244
- ownerState: ownerState,
245
- className: classes.message,
246
- children: children
247
- }), action != null ? /*#__PURE__*/_jsx(AlertAction, {
248
- ownerState: ownerState,
249
- className: classes.action,
250
- children: action
251
- }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
252
- ownerState: ownerState,
253
- className: classes.action,
254
- children: /*#__PURE__*/_jsx(CloseButtonSlot, _extends({
255
- size: "small",
256
- "aria-label": closeText,
257
- title: closeText,
258
- color: "inherit",
259
- onClick: onClose
260
- }, closeButtonProps, {
261
- children: /*#__PURE__*/_jsx(CloseIconSlot, _extends({
262
- fontSize: "small"
263
- }, closeIconProps))
264
- }))
265
- }) : null]
266
- }));
267
- });
268
- process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ = {
269
- // ┌────────────────────────────── Warning ──────────────────────────────┐
270
- // │ These PropTypes are generated from the TypeScript type definitions. │
271
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
272
- // └─────────────────────────────────────────────────────────────────────┘
273
- /**
274
- * The action to display. It renders after the message, at the end of the alert.
275
- */
276
- action: PropTypes.node,
277
- /**
278
- * The content of the component.
279
- */
280
- children: PropTypes.node,
281
- /**
282
- * Override or extend the styles applied to the component.
283
- */
284
- classes: PropTypes.object,
285
- /**
286
- * @ignore
287
- */
288
- className: PropTypes.string,
289
- /**
290
- * Override the default label for the *close popup* icon button.
291
- *
292
- * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
293
- * @default 'Close'
294
- */
295
- closeText: PropTypes.string,
296
- /**
297
- * The color of the component. Unless provided, the value is taken from the `severity` prop.
298
- * It supports both default and custom theme colors, which can be added as shown in the
299
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
300
- */
301
- color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),
302
- /**
303
- * The components used for each slot inside.
304
- *
305
- * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
306
- *
307
- * @default {}
308
- */
309
- components: PropTypes.shape({
310
- CloseButton: PropTypes.elementType,
311
- CloseIcon: PropTypes.elementType
312
- }),
313
- /**
314
- * The extra props for the slot components.
315
- * You can override the existing props or add new ones.
316
- *
317
- * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
318
- *
319
- * @default {}
320
- */
321
- componentsProps: PropTypes.shape({
322
- closeButton: PropTypes.object,
323
- closeIcon: PropTypes.object
324
- }),
325
- /**
326
- * Override the icon displayed before the children.
327
- * Unless provided, the icon is mapped to the value of the `severity` prop.
328
- * Set to `false` to remove the `icon`.
329
- */
330
- icon: PropTypes.node,
331
- /**
332
- * The component maps the `severity` prop to a range of different icons,
333
- * for instance success to `<SuccessOutlined>`.
334
- * If you wish to change this mapping, you can provide your own.
335
- * Alternatively, you can use the `icon` prop to override the icon displayed.
336
- */
337
- iconMapping: PropTypes.shape({
338
- error: PropTypes.node,
339
- info: PropTypes.node,
340
- success: PropTypes.node,
341
- warning: PropTypes.node
342
- }),
343
- /**
344
- * Callback fired when the component requests to be closed.
345
- * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
346
- * @param {React.SyntheticEvent} event The event source of the callback.
347
- */
348
- onClose: PropTypes.func,
349
- /**
350
- * The ARIA role attribute of the element.
351
- * @default 'alert'
352
- */
353
- role: PropTypes.string,
354
- /**
355
- * The severity of the alert. This defines the color and icon used.
356
- * @default 'success'
357
- */
358
- severity: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),
359
- /**
360
- * The props used for each slot inside.
361
- * @default {}
362
- */
363
- slotProps: PropTypes.shape({
364
- closeButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
365
- closeIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
366
- }),
367
- /**
368
- * The components used for each slot inside.
369
- * @default {}
370
- */
371
- slots: PropTypes.shape({
372
- closeButton: PropTypes.elementType,
373
- closeIcon: PropTypes.elementType
374
- }),
375
- /**
376
- * The system prop that allows defining system overrides as well as additional CSS styles.
377
- */
378
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
379
- /**
380
- * The variant to use.
381
- * @default 'standard'
382
- */
383
- variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
384
- } : void 0;
385
- export default Alert;
@@ -1,7 +0,0 @@
1
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
2
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
- export function getAlertUtilityClass(slot) {
4
- return generateUtilityClass('MuiAlert', slot);
5
- }
6
- var alertClasses = generateUtilityClasses('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'colorSuccess', 'colorInfo', 'colorWarning', 'colorError', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
7
- export default alertClasses;
@@ -1,5 +0,0 @@
1
- 'use client';
2
-
3
- export { default } from './Alert';
4
- export { default as alertClasses } from './alertClasses';
5
- export * from './alertClasses';
@@ -1,73 +0,0 @@
1
- 'use client';
2
-
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- import * as React from 'react';
6
- import PropTypes from 'prop-types';
7
- import clsx from 'clsx';
8
- import composeClasses from '@mui/utils/composeClasses';
9
- import { styled, createUseThemeProps } from '../zero-styled';
10
- import Typography from '../Typography';
11
- import { getAlertTitleUtilityClass } from './alertTitleClasses';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- var useThemeProps = createUseThemeProps('MuiAlertTitle');
14
- var useUtilityClasses = function useUtilityClasses(ownerState) {
15
- var classes = ownerState.classes;
16
- var slots = {
17
- root: ['root']
18
- };
19
- return composeClasses(slots, getAlertTitleUtilityClass, classes);
20
- };
21
- var AlertTitleRoot = styled(Typography, {
22
- name: 'MuiAlertTitle',
23
- slot: 'Root',
24
- overridesResolver: function overridesResolver(props, styles) {
25
- return styles.root;
26
- }
27
- })(function (_ref) {
28
- var theme = _ref.theme;
29
- return {
30
- fontWeight: theme.typography.fontWeightMedium,
31
- marginTop: -2
32
- };
33
- });
34
- var AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
35
- var props = useThemeProps({
36
- props: inProps,
37
- name: 'MuiAlertTitle'
38
- });
39
- var className = props.className,
40
- other = _objectWithoutProperties(props, ["className"]);
41
- var ownerState = props;
42
- var classes = useUtilityClasses(ownerState);
43
- return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
44
- gutterBottom: true,
45
- component: "div",
46
- ownerState: ownerState,
47
- ref: ref,
48
- className: clsx(classes.root, className)
49
- }, other));
50
- });
51
- process.env.NODE_ENV !== "production" ? AlertTitle.propTypes /* remove-proptypes */ = {
52
- // ┌────────────────────────────── Warning ──────────────────────────────┐
53
- // │ These PropTypes are generated from the TypeScript type definitions. │
54
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
55
- // └─────────────────────────────────────────────────────────────────────┘
56
- /**
57
- * The content of the component.
58
- */
59
- children: PropTypes.node,
60
- /**
61
- * Override or extend the styles applied to the component.
62
- */
63
- classes: PropTypes.object,
64
- /**
65
- * @ignore
66
- */
67
- className: PropTypes.string,
68
- /**
69
- * The system prop that allows defining system overrides as well as additional CSS styles.
70
- */
71
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
72
- } : void 0;
73
- export default AlertTitle;