@mui/material 5.10.9 → 5.10.11

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 (555) hide show
  1. package/Accordion/accordionClasses.js +7 -3
  2. package/AccordionActions/accordionActionsClasses.js +7 -3
  3. package/AccordionDetails/accordionDetailsClasses.js +7 -3
  4. package/AccordionSummary/accordionSummaryClasses.js +7 -3
  5. package/Alert/Alert.d.ts +18 -1
  6. package/Alert/Alert.js +32 -8
  7. package/Alert/alertClasses.js +7 -3
  8. package/AlertTitle/alertTitleClasses.js +7 -3
  9. package/AppBar/AppBar.d.ts +1 -1
  10. package/AppBar/appBarClasses.js +7 -3
  11. package/Autocomplete/autocompleteClasses.js +7 -3
  12. package/Avatar/avatarClasses.js +7 -3
  13. package/AvatarGroup/avatarGroupClasses.js +7 -3
  14. package/Backdrop/backdropClasses.js +7 -3
  15. package/Badge/Badge.d.ts +17 -3
  16. package/Badge/Badge.js +41 -15
  17. package/Badge/badgeClasses.js +3 -3
  18. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  19. package/BottomNavigation/bottomNavigationClasses.js +7 -3
  20. package/BottomNavigationAction/BottomNavigationAction.d.ts +1 -1
  21. package/BottomNavigationAction/bottomNavigationActionClasses.js +7 -3
  22. package/Breadcrumbs/breadcrumbsClasses.js +7 -3
  23. package/Button/buttonClasses.js +7 -3
  24. package/ButtonBase/buttonBaseClasses.js +7 -3
  25. package/ButtonBase/touchRippleClasses.js +7 -3
  26. package/ButtonGroup/buttonGroupClasses.js +7 -3
  27. package/CHANGELOG.md +371 -213
  28. package/Card/cardClasses.js +7 -3
  29. package/CardActionArea/cardActionAreaClasses.js +7 -3
  30. package/CardActions/cardActionsClasses.js +7 -3
  31. package/CardContent/cardContentClasses.js +7 -3
  32. package/CardHeader/cardHeaderClasses.js +7 -3
  33. package/CardMedia/cardMediaClasses.js +7 -3
  34. package/Checkbox/Checkbox.d.ts +1 -1
  35. package/Checkbox/checkboxClasses.js +7 -3
  36. package/Chip/chipClasses.js +7 -3
  37. package/CircularProgress/circularProgressClasses.js +7 -3
  38. package/Collapse/collapseClasses.js +7 -3
  39. package/Container/containerClasses.js +7 -3
  40. package/Dialog/Dialog.js +2 -2
  41. package/Dialog/dialogClasses.js +7 -3
  42. package/DialogActions/dialogActionsClasses.js +7 -3
  43. package/DialogContent/dialogContentClasses.js +7 -3
  44. package/DialogContentText/dialogContentTextClasses.js +7 -3
  45. package/DialogTitle/dialogTitleClasses.js +7 -3
  46. package/Divider/dividerClasses.js +7 -3
  47. package/Drawer/drawerClasses.js +7 -3
  48. package/Fab/fabClasses.js +7 -3
  49. package/FilledInput/filledInputClasses.js +5 -3
  50. package/FormControl/FormControl.d.ts +1 -1
  51. package/FormControl/formControlClasses.js +7 -3
  52. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  53. package/FormControlLabel/formControlLabelClasses.js +7 -3
  54. package/FormGroup/formGroupClasses.js +7 -3
  55. package/FormHelperText/formHelperTextClasses.js +7 -3
  56. package/FormLabel/FormLabel.d.ts +1 -1
  57. package/FormLabel/formLabelClasses.js +7 -3
  58. package/Grid/gridClasses.js +7 -3
  59. package/Hidden/hiddenCssClasses.js +7 -3
  60. package/Icon/iconClasses.js +7 -3
  61. package/IconButton/iconButtonClasses.js +7 -3
  62. package/ImageList/ImageList.d.ts +1 -1
  63. package/ImageList/imageListClasses.js +7 -3
  64. package/ImageListItem/ImageListItem.d.ts +1 -1
  65. package/ImageListItem/imageListItemClasses.js +7 -3
  66. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  67. package/ImageListItemBar/imageListItemBarClasses.js +7 -3
  68. package/Input/inputClasses.js +5 -3
  69. package/InputAdornment/inputAdornmentClasses.js +7 -3
  70. package/InputBase/InputBase.d.ts +13 -2
  71. package/InputBase/InputBase.js +5 -0
  72. package/InputBase/inputBaseClasses.js +7 -3
  73. package/InputLabel/inputLabelClasses.js +7 -3
  74. package/LinearProgress/linearProgressClasses.js +7 -3
  75. package/Link/linkClasses.js +7 -3
  76. package/List/List.d.ts +1 -1
  77. package/List/listClasses.js +7 -3
  78. package/ListItem/ListItem.d.ts +1 -1
  79. package/ListItem/listItemClasses.js +7 -3
  80. package/ListItemAvatar/listItemAvatarClasses.js +7 -3
  81. package/ListItemButton/listItemButtonClasses.js +7 -3
  82. package/ListItemIcon/listItemIconClasses.js +7 -3
  83. package/ListItemSecondaryAction/listItemSecondaryActionClasses.js +7 -3
  84. package/ListItemText/listItemTextClasses.js +7 -3
  85. package/ListSubheader/listSubheaderClasses.js +7 -3
  86. package/Menu/Menu.d.ts +1 -1
  87. package/Menu/menuClasses.js +7 -3
  88. package/MenuItem/MenuItem.js +1 -1
  89. package/MenuItem/menuItemClasses.js +7 -3
  90. package/MobileStepper/mobileStepperClasses.js +7 -3
  91. package/Modal/Modal.d.ts +23 -5
  92. package/Modal/Modal.js +37 -13
  93. package/NativeSelect/nativeSelectClasses.js +7 -3
  94. package/OutlinedInput/outlinedInputClasses.js +5 -3
  95. package/Pagination/paginationClasses.js +7 -3
  96. package/PaginationItem/paginationItemClasses.js +7 -3
  97. package/Paper/paperClasses.js +7 -3
  98. package/Popover/Popover.js +13 -1
  99. package/Popover/popoverClasses.js +7 -3
  100. package/Popper/Popper.d.ts +14 -1
  101. package/Popper/Popper.js +41 -4
  102. package/README.md +1 -1
  103. package/Radio/Radio.d.ts +1 -1
  104. package/Radio/radioClasses.js +7 -3
  105. package/RadioGroup/RadioGroup.d.ts +1 -1
  106. package/Rating/ratingClasses.js +7 -3
  107. package/ScopedCssBaseline/scopedCssBaselineClasses.js +7 -3
  108. package/Select/selectClasses.js +7 -3
  109. package/Skeleton/skeletonClasses.js +7 -3
  110. package/Slider/Slider.d.ts +16 -0
  111. package/Slider/Slider.js +87 -31
  112. package/Snackbar/snackbarClasses.js +7 -3
  113. package/SnackbarContent/snackbarContentClasses.js +7 -3
  114. package/SpeedDial/SpeedDial.d.ts +1 -1
  115. package/SpeedDial/speedDialClasses.js +7 -3
  116. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  117. package/SpeedDialAction/speedDialActionClasses.js +7 -3
  118. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  119. package/SpeedDialIcon/speedDialIconClasses.js +7 -3
  120. package/Step/stepClasses.js +7 -3
  121. package/StepButton/stepButtonClasses.js +7 -3
  122. package/StepConnector/stepConnectorClasses.js +7 -3
  123. package/StepContent/stepContentClasses.js +7 -3
  124. package/StepIcon/stepIconClasses.js +7 -3
  125. package/StepLabel/stepLabelClasses.js +7 -3
  126. package/Stepper/stepperClasses.js +7 -3
  127. package/SvgIcon/svgIconClasses.js +7 -3
  128. package/Switch/Switch.d.ts +1 -1
  129. package/Switch/switchClasses.js +7 -3
  130. package/Tab/tabClasses.js +7 -3
  131. package/TabScrollButton/tabScrollButtonClasses.js +7 -3
  132. package/Table/tableClasses.js +7 -3
  133. package/TableBody/tableBodyClasses.js +7 -3
  134. package/TableCell/tableCellClasses.js +7 -3
  135. package/TableContainer/tableContainerClasses.js +7 -3
  136. package/TableFooter/tableFooterClasses.js +7 -3
  137. package/TableHead/tableHeadClasses.js +7 -3
  138. package/TablePagination/tablePaginationClasses.js +7 -3
  139. package/TableRow/tableRowClasses.js +7 -3
  140. package/TableSortLabel/tableSortLabelClasses.js +7 -3
  141. package/Tabs/tabsClasses.js +7 -3
  142. package/TextField/textFieldClasses.js +7 -3
  143. package/ToggleButton/ToggleButton.d.ts +1 -1
  144. package/ToggleButton/toggleButtonClasses.js +7 -3
  145. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  146. package/ToggleButtonGroup/toggleButtonGroupClasses.js +7 -3
  147. package/Toolbar/Toolbar.d.ts +1 -1
  148. package/Toolbar/toolbarClasses.js +7 -3
  149. package/Tooltip/tooltipClasses.js +7 -3
  150. package/Typography/typographyClasses.js +7 -3
  151. package/Unstable_Grid2/grid2Classes.js +7 -3
  152. package/esm/Accordion/accordionClasses.js +2 -1
  153. package/esm/AccordionActions/accordionActionsClasses.js +2 -1
  154. package/esm/AccordionDetails/accordionDetailsClasses.js +2 -1
  155. package/esm/AccordionSummary/accordionSummaryClasses.js +2 -1
  156. package/esm/Alert/Alert.js +32 -9
  157. package/esm/Alert/alertClasses.js +2 -1
  158. package/esm/AlertTitle/alertTitleClasses.js +2 -1
  159. package/esm/AppBar/appBarClasses.js +2 -1
  160. package/esm/Autocomplete/autocompleteClasses.js +2 -1
  161. package/esm/Avatar/avatarClasses.js +2 -1
  162. package/esm/AvatarGroup/avatarGroupClasses.js +2 -1
  163. package/esm/Backdrop/backdropClasses.js +2 -1
  164. package/esm/Badge/Badge.js +41 -15
  165. package/esm/Badge/badgeClasses.js +2 -2
  166. package/esm/BottomNavigation/bottomNavigationClasses.js +2 -1
  167. package/esm/BottomNavigationAction/bottomNavigationActionClasses.js +2 -1
  168. package/esm/Breadcrumbs/breadcrumbsClasses.js +2 -1
  169. package/esm/Button/buttonClasses.js +2 -1
  170. package/esm/ButtonBase/buttonBaseClasses.js +2 -1
  171. package/esm/ButtonBase/touchRippleClasses.js +2 -1
  172. package/esm/ButtonGroup/buttonGroupClasses.js +2 -1
  173. package/esm/Card/cardClasses.js +2 -1
  174. package/esm/CardActionArea/cardActionAreaClasses.js +2 -1
  175. package/esm/CardActions/cardActionsClasses.js +2 -1
  176. package/esm/CardContent/cardContentClasses.js +2 -1
  177. package/esm/CardHeader/cardHeaderClasses.js +2 -1
  178. package/esm/CardMedia/cardMediaClasses.js +2 -1
  179. package/esm/Checkbox/checkboxClasses.js +2 -1
  180. package/esm/Chip/chipClasses.js +2 -1
  181. package/esm/CircularProgress/circularProgressClasses.js +2 -1
  182. package/esm/Collapse/collapseClasses.js +2 -1
  183. package/esm/Container/containerClasses.js +2 -1
  184. package/esm/Dialog/Dialog.js +2 -2
  185. package/esm/Dialog/dialogClasses.js +2 -1
  186. package/esm/DialogActions/dialogActionsClasses.js +2 -1
  187. package/esm/DialogContent/dialogContentClasses.js +2 -1
  188. package/esm/DialogContentText/dialogContentTextClasses.js +2 -1
  189. package/esm/DialogTitle/dialogTitleClasses.js +2 -1
  190. package/esm/Divider/dividerClasses.js +2 -1
  191. package/esm/Drawer/drawerClasses.js +2 -1
  192. package/esm/Fab/fabClasses.js +2 -1
  193. package/esm/FilledInput/filledInputClasses.js +2 -1
  194. package/esm/FormControl/formControlClasses.js +2 -1
  195. package/esm/FormControlLabel/formControlLabelClasses.js +2 -1
  196. package/esm/FormGroup/formGroupClasses.js +2 -1
  197. package/esm/FormHelperText/formHelperTextClasses.js +2 -1
  198. package/esm/FormLabel/formLabelClasses.js +2 -1
  199. package/esm/Grid/gridClasses.js +2 -1
  200. package/esm/Hidden/hiddenCssClasses.js +2 -1
  201. package/esm/Icon/iconClasses.js +2 -1
  202. package/esm/IconButton/iconButtonClasses.js +2 -1
  203. package/esm/ImageList/imageListClasses.js +2 -1
  204. package/esm/ImageListItem/imageListItemClasses.js +2 -1
  205. package/esm/ImageListItemBar/imageListItemBarClasses.js +2 -1
  206. package/esm/Input/inputClasses.js +2 -1
  207. package/esm/InputAdornment/inputAdornmentClasses.js +2 -1
  208. package/esm/InputBase/InputBase.js +5 -0
  209. package/esm/InputBase/inputBaseClasses.js +2 -1
  210. package/esm/InputLabel/inputLabelClasses.js +2 -1
  211. package/esm/LinearProgress/linearProgressClasses.js +2 -1
  212. package/esm/Link/linkClasses.js +2 -1
  213. package/esm/List/listClasses.js +2 -1
  214. package/esm/ListItem/listItemClasses.js +2 -1
  215. package/esm/ListItemAvatar/listItemAvatarClasses.js +2 -1
  216. package/esm/ListItemButton/listItemButtonClasses.js +2 -1
  217. package/esm/ListItemIcon/listItemIconClasses.js +2 -1
  218. package/esm/ListItemSecondaryAction/listItemSecondaryActionClasses.js +2 -1
  219. package/esm/ListItemText/listItemTextClasses.js +2 -1
  220. package/esm/ListSubheader/listSubheaderClasses.js +2 -1
  221. package/esm/Menu/menuClasses.js +2 -1
  222. package/esm/MenuItem/MenuItem.js +1 -1
  223. package/esm/MenuItem/menuItemClasses.js +2 -1
  224. package/esm/MobileStepper/mobileStepperClasses.js +2 -1
  225. package/esm/Modal/Modal.js +37 -13
  226. package/esm/NativeSelect/nativeSelectClasses.js +2 -1
  227. package/esm/OutlinedInput/outlinedInputClasses.js +2 -1
  228. package/esm/Pagination/paginationClasses.js +2 -1
  229. package/esm/PaginationItem/paginationItemClasses.js +2 -1
  230. package/esm/Paper/paperClasses.js +2 -1
  231. package/esm/Popover/Popover.js +13 -1
  232. package/esm/Popover/popoverClasses.js +2 -1
  233. package/esm/Popper/Popper.js +39 -4
  234. package/esm/Radio/radioClasses.js +2 -1
  235. package/esm/Rating/ratingClasses.js +2 -1
  236. package/esm/ScopedCssBaseline/scopedCssBaselineClasses.js +2 -1
  237. package/esm/Select/selectClasses.js +2 -1
  238. package/esm/Skeleton/skeletonClasses.js +2 -1
  239. package/esm/Slider/Slider.js +87 -30
  240. package/esm/Snackbar/snackbarClasses.js +2 -1
  241. package/esm/SnackbarContent/snackbarContentClasses.js +2 -1
  242. package/esm/SpeedDial/speedDialClasses.js +2 -1
  243. package/esm/SpeedDialAction/speedDialActionClasses.js +2 -1
  244. package/esm/SpeedDialIcon/speedDialIconClasses.js +2 -1
  245. package/esm/Step/stepClasses.js +2 -1
  246. package/esm/StepButton/stepButtonClasses.js +2 -1
  247. package/esm/StepConnector/stepConnectorClasses.js +2 -1
  248. package/esm/StepContent/stepContentClasses.js +2 -1
  249. package/esm/StepIcon/stepIconClasses.js +2 -1
  250. package/esm/StepLabel/stepLabelClasses.js +2 -1
  251. package/esm/Stepper/stepperClasses.js +2 -1
  252. package/esm/SvgIcon/svgIconClasses.js +2 -1
  253. package/esm/Switch/switchClasses.js +2 -1
  254. package/esm/Tab/tabClasses.js +2 -1
  255. package/esm/TabScrollButton/tabScrollButtonClasses.js +2 -1
  256. package/esm/Table/tableClasses.js +2 -1
  257. package/esm/TableBody/tableBodyClasses.js +2 -1
  258. package/esm/TableCell/tableCellClasses.js +2 -1
  259. package/esm/TableContainer/tableContainerClasses.js +2 -1
  260. package/esm/TableFooter/tableFooterClasses.js +2 -1
  261. package/esm/TableHead/tableHeadClasses.js +2 -1
  262. package/esm/TablePagination/tablePaginationClasses.js +2 -1
  263. package/esm/TableRow/tableRowClasses.js +2 -1
  264. package/esm/TableSortLabel/tableSortLabelClasses.js +2 -1
  265. package/esm/Tabs/tabsClasses.js +2 -1
  266. package/esm/TextField/textFieldClasses.js +2 -1
  267. package/esm/ToggleButton/toggleButtonClasses.js +2 -1
  268. package/esm/ToggleButtonGroup/toggleButtonGroupClasses.js +2 -1
  269. package/esm/Toolbar/toolbarClasses.js +2 -1
  270. package/esm/Tooltip/tooltipClasses.js +2 -1
  271. package/esm/Typography/typographyClasses.js +2 -1
  272. package/esm/Unstable_Grid2/grid2Classes.js +2 -1
  273. package/esm/generateUtilityClass/index.js +1 -0
  274. package/esm/generateUtilityClasses/index.js +1 -0
  275. package/esm/index.js +3 -3
  276. package/esm/internal/switchBaseClasses.js +2 -1
  277. package/esm/styles/createTheme.js +1 -1
  278. package/esm/styles/createTransitions.js +1 -1
  279. package/esm/styles/createTypography.js +2 -2
  280. package/esm/utils/createSvgIcon.js +8 -6
  281. package/generateUtilityClass/index.d.ts +2 -0
  282. package/generateUtilityClass/index.js +13 -0
  283. package/generateUtilityClass/package.json +6 -0
  284. package/generateUtilityClasses/index.d.ts +1 -0
  285. package/generateUtilityClasses/index.js +13 -0
  286. package/generateUtilityClasses/package.json +6 -0
  287. package/index.d.ts +3 -3
  288. package/index.js +3 -3
  289. package/internal/switchBaseClasses.js +7 -3
  290. package/legacy/Accordion/accordionClasses.js +2 -1
  291. package/legacy/AccordionActions/accordionActionsClasses.js +2 -1
  292. package/legacy/AccordionDetails/accordionDetailsClasses.js +2 -1
  293. package/legacy/AccordionSummary/accordionSummaryClasses.js +2 -1
  294. package/legacy/Alert/Alert.js +34 -9
  295. package/legacy/Alert/alertClasses.js +2 -1
  296. package/legacy/AlertTitle/alertTitleClasses.js +2 -1
  297. package/legacy/AppBar/appBarClasses.js +2 -1
  298. package/legacy/Autocomplete/autocompleteClasses.js +2 -1
  299. package/legacy/Avatar/avatarClasses.js +2 -1
  300. package/legacy/AvatarGroup/avatarGroupClasses.js +2 -1
  301. package/legacy/Backdrop/backdropClasses.js +2 -1
  302. package/legacy/Badge/Badge.js +41 -15
  303. package/legacy/Badge/badgeClasses.js +2 -2
  304. package/legacy/BottomNavigation/bottomNavigationClasses.js +2 -1
  305. package/legacy/BottomNavigationAction/bottomNavigationActionClasses.js +2 -1
  306. package/legacy/Breadcrumbs/breadcrumbsClasses.js +2 -1
  307. package/legacy/Button/buttonClasses.js +2 -1
  308. package/legacy/ButtonBase/buttonBaseClasses.js +2 -1
  309. package/legacy/ButtonBase/touchRippleClasses.js +2 -1
  310. package/legacy/ButtonGroup/buttonGroupClasses.js +2 -1
  311. package/legacy/Card/cardClasses.js +2 -1
  312. package/legacy/CardActionArea/cardActionAreaClasses.js +2 -1
  313. package/legacy/CardActions/cardActionsClasses.js +2 -1
  314. package/legacy/CardContent/cardContentClasses.js +2 -1
  315. package/legacy/CardHeader/cardHeaderClasses.js +2 -1
  316. package/legacy/CardMedia/cardMediaClasses.js +2 -1
  317. package/legacy/Checkbox/checkboxClasses.js +2 -1
  318. package/legacy/Chip/chipClasses.js +2 -1
  319. package/legacy/CircularProgress/circularProgressClasses.js +2 -1
  320. package/legacy/Collapse/collapseClasses.js +2 -1
  321. package/legacy/Container/containerClasses.js +2 -1
  322. package/legacy/Dialog/Dialog.js +2 -2
  323. package/legacy/Dialog/dialogClasses.js +2 -1
  324. package/legacy/DialogActions/dialogActionsClasses.js +2 -1
  325. package/legacy/DialogContent/dialogContentClasses.js +2 -1
  326. package/legacy/DialogContentText/dialogContentTextClasses.js +2 -1
  327. package/legacy/DialogTitle/dialogTitleClasses.js +2 -1
  328. package/legacy/Divider/dividerClasses.js +2 -1
  329. package/legacy/Drawer/drawerClasses.js +2 -1
  330. package/legacy/Fab/fabClasses.js +2 -1
  331. package/legacy/FilledInput/filledInputClasses.js +2 -1
  332. package/legacy/FormControl/formControlClasses.js +2 -1
  333. package/legacy/FormControlLabel/formControlLabelClasses.js +2 -1
  334. package/legacy/FormGroup/formGroupClasses.js +2 -1
  335. package/legacy/FormHelperText/formHelperTextClasses.js +2 -1
  336. package/legacy/FormLabel/formLabelClasses.js +2 -1
  337. package/legacy/Grid/gridClasses.js +2 -1
  338. package/legacy/Hidden/hiddenCssClasses.js +2 -1
  339. package/legacy/Icon/iconClasses.js +2 -1
  340. package/legacy/IconButton/iconButtonClasses.js +2 -1
  341. package/legacy/ImageList/imageListClasses.js +2 -1
  342. package/legacy/ImageListItem/imageListItemClasses.js +2 -1
  343. package/legacy/ImageListItemBar/imageListItemBarClasses.js +2 -1
  344. package/legacy/Input/inputClasses.js +2 -1
  345. package/legacy/InputAdornment/inputAdornmentClasses.js +2 -1
  346. package/legacy/InputBase/InputBase.js +5 -0
  347. package/legacy/InputBase/inputBaseClasses.js +2 -1
  348. package/legacy/InputLabel/inputLabelClasses.js +2 -1
  349. package/legacy/LinearProgress/linearProgressClasses.js +2 -1
  350. package/legacy/Link/linkClasses.js +2 -1
  351. package/legacy/List/listClasses.js +2 -1
  352. package/legacy/ListItem/listItemClasses.js +2 -1
  353. package/legacy/ListItemAvatar/listItemAvatarClasses.js +2 -1
  354. package/legacy/ListItemButton/listItemButtonClasses.js +2 -1
  355. package/legacy/ListItemIcon/listItemIconClasses.js +2 -1
  356. package/legacy/ListItemSecondaryAction/listItemSecondaryActionClasses.js +2 -1
  357. package/legacy/ListItemText/listItemTextClasses.js +2 -1
  358. package/legacy/ListSubheader/listSubheaderClasses.js +2 -1
  359. package/legacy/Menu/menuClasses.js +2 -1
  360. package/legacy/MenuItem/MenuItem.js +1 -1
  361. package/legacy/MenuItem/menuItemClasses.js +2 -1
  362. package/legacy/MobileStepper/mobileStepperClasses.js +2 -1
  363. package/legacy/Modal/Modal.js +37 -13
  364. package/legacy/NativeSelect/nativeSelectClasses.js +2 -1
  365. package/legacy/OutlinedInput/outlinedInputClasses.js +2 -1
  366. package/legacy/Pagination/paginationClasses.js +2 -1
  367. package/legacy/PaginationItem/paginationItemClasses.js +2 -1
  368. package/legacy/Paper/paperClasses.js +2 -1
  369. package/legacy/Popover/Popover.js +17 -1
  370. package/legacy/Popover/popoverClasses.js +2 -1
  371. package/legacy/Popper/Popper.js +36 -4
  372. package/legacy/Radio/radioClasses.js +2 -1
  373. package/legacy/Rating/ratingClasses.js +2 -1
  374. package/legacy/ScopedCssBaseline/scopedCssBaselineClasses.js +2 -1
  375. package/legacy/Select/selectClasses.js +2 -1
  376. package/legacy/Skeleton/skeletonClasses.js +2 -1
  377. package/legacy/Slider/Slider.js +86 -29
  378. package/legacy/Snackbar/snackbarClasses.js +2 -1
  379. package/legacy/SnackbarContent/snackbarContentClasses.js +2 -1
  380. package/legacy/SpeedDial/speedDialClasses.js +2 -1
  381. package/legacy/SpeedDialAction/speedDialActionClasses.js +2 -1
  382. package/legacy/SpeedDialIcon/speedDialIconClasses.js +2 -1
  383. package/legacy/Step/stepClasses.js +2 -1
  384. package/legacy/StepButton/stepButtonClasses.js +2 -1
  385. package/legacy/StepConnector/stepConnectorClasses.js +2 -1
  386. package/legacy/StepContent/stepContentClasses.js +2 -1
  387. package/legacy/StepIcon/stepIconClasses.js +2 -1
  388. package/legacy/StepLabel/stepLabelClasses.js +2 -1
  389. package/legacy/Stepper/stepperClasses.js +2 -1
  390. package/legacy/SvgIcon/svgIconClasses.js +2 -1
  391. package/legacy/Switch/switchClasses.js +2 -1
  392. package/legacy/Tab/tabClasses.js +2 -1
  393. package/legacy/TabScrollButton/tabScrollButtonClasses.js +2 -1
  394. package/legacy/Table/tableClasses.js +2 -1
  395. package/legacy/TableBody/tableBodyClasses.js +2 -1
  396. package/legacy/TableCell/tableCellClasses.js +2 -1
  397. package/legacy/TableContainer/tableContainerClasses.js +2 -1
  398. package/legacy/TableFooter/tableFooterClasses.js +2 -1
  399. package/legacy/TableHead/tableHeadClasses.js +2 -1
  400. package/legacy/TablePagination/tablePaginationClasses.js +2 -1
  401. package/legacy/TableRow/tableRowClasses.js +2 -1
  402. package/legacy/TableSortLabel/tableSortLabelClasses.js +2 -1
  403. package/legacy/Tabs/tabsClasses.js +2 -1
  404. package/legacy/TextField/textFieldClasses.js +2 -1
  405. package/legacy/ToggleButton/toggleButtonClasses.js +2 -1
  406. package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js +2 -1
  407. package/legacy/Toolbar/toolbarClasses.js +2 -1
  408. package/legacy/Tooltip/tooltipClasses.js +2 -1
  409. package/legacy/Typography/typographyClasses.js +2 -1
  410. package/legacy/Unstable_Grid2/grid2Classes.js +2 -1
  411. package/legacy/generateUtilityClass/index.js +1 -0
  412. package/legacy/generateUtilityClasses/index.js +1 -0
  413. package/legacy/index.js +4 -4
  414. package/legacy/internal/switchBaseClasses.js +2 -1
  415. package/legacy/styles/createTheme.js +1 -1
  416. package/legacy/styles/createTransitions.js +1 -1
  417. package/legacy/styles/createTypography.js +2 -2
  418. package/legacy/utils/createSvgIcon.js +2 -2
  419. package/modern/Accordion/accordionClasses.js +2 -1
  420. package/modern/AccordionActions/accordionActionsClasses.js +2 -1
  421. package/modern/AccordionDetails/accordionDetailsClasses.js +2 -1
  422. package/modern/AccordionSummary/accordionSummaryClasses.js +2 -1
  423. package/modern/Alert/Alert.js +30 -9
  424. package/modern/Alert/alertClasses.js +2 -1
  425. package/modern/AlertTitle/alertTitleClasses.js +2 -1
  426. package/modern/AppBar/appBarClasses.js +2 -1
  427. package/modern/Autocomplete/autocompleteClasses.js +2 -1
  428. package/modern/Avatar/avatarClasses.js +2 -1
  429. package/modern/AvatarGroup/avatarGroupClasses.js +2 -1
  430. package/modern/Backdrop/backdropClasses.js +2 -1
  431. package/modern/Badge/Badge.js +40 -14
  432. package/modern/Badge/badgeClasses.js +2 -2
  433. package/modern/BottomNavigation/bottomNavigationClasses.js +2 -1
  434. package/modern/BottomNavigationAction/bottomNavigationActionClasses.js +2 -1
  435. package/modern/Breadcrumbs/breadcrumbsClasses.js +2 -1
  436. package/modern/Button/buttonClasses.js +2 -1
  437. package/modern/ButtonBase/buttonBaseClasses.js +2 -1
  438. package/modern/ButtonBase/touchRippleClasses.js +2 -1
  439. package/modern/ButtonGroup/buttonGroupClasses.js +2 -1
  440. package/modern/Card/cardClasses.js +2 -1
  441. package/modern/CardActionArea/cardActionAreaClasses.js +2 -1
  442. package/modern/CardActions/cardActionsClasses.js +2 -1
  443. package/modern/CardContent/cardContentClasses.js +2 -1
  444. package/modern/CardHeader/cardHeaderClasses.js +2 -1
  445. package/modern/CardMedia/cardMediaClasses.js +2 -1
  446. package/modern/Checkbox/checkboxClasses.js +2 -1
  447. package/modern/Chip/chipClasses.js +2 -1
  448. package/modern/CircularProgress/circularProgressClasses.js +2 -1
  449. package/modern/Collapse/collapseClasses.js +2 -1
  450. package/modern/Container/containerClasses.js +2 -1
  451. package/modern/Dialog/Dialog.js +2 -2
  452. package/modern/Dialog/dialogClasses.js +2 -1
  453. package/modern/DialogActions/dialogActionsClasses.js +2 -1
  454. package/modern/DialogContent/dialogContentClasses.js +2 -1
  455. package/modern/DialogContentText/dialogContentTextClasses.js +2 -1
  456. package/modern/DialogTitle/dialogTitleClasses.js +2 -1
  457. package/modern/Divider/dividerClasses.js +2 -1
  458. package/modern/Drawer/drawerClasses.js +2 -1
  459. package/modern/Fab/fabClasses.js +2 -1
  460. package/modern/FilledInput/filledInputClasses.js +2 -1
  461. package/modern/FormControl/formControlClasses.js +2 -1
  462. package/modern/FormControlLabel/formControlLabelClasses.js +2 -1
  463. package/modern/FormGroup/formGroupClasses.js +2 -1
  464. package/modern/FormHelperText/formHelperTextClasses.js +2 -1
  465. package/modern/FormLabel/formLabelClasses.js +2 -1
  466. package/modern/Grid/gridClasses.js +2 -1
  467. package/modern/Hidden/hiddenCssClasses.js +2 -1
  468. package/modern/Icon/iconClasses.js +2 -1
  469. package/modern/IconButton/iconButtonClasses.js +2 -1
  470. package/modern/ImageList/imageListClasses.js +2 -1
  471. package/modern/ImageListItem/imageListItemClasses.js +2 -1
  472. package/modern/ImageListItemBar/imageListItemBarClasses.js +2 -1
  473. package/modern/Input/inputClasses.js +2 -1
  474. package/modern/InputAdornment/inputAdornmentClasses.js +2 -1
  475. package/modern/InputBase/InputBase.js +5 -0
  476. package/modern/InputBase/inputBaseClasses.js +2 -1
  477. package/modern/InputLabel/inputLabelClasses.js +2 -1
  478. package/modern/LinearProgress/linearProgressClasses.js +2 -1
  479. package/modern/Link/linkClasses.js +2 -1
  480. package/modern/List/listClasses.js +2 -1
  481. package/modern/ListItem/listItemClasses.js +2 -1
  482. package/modern/ListItemAvatar/listItemAvatarClasses.js +2 -1
  483. package/modern/ListItemButton/listItemButtonClasses.js +2 -1
  484. package/modern/ListItemIcon/listItemIconClasses.js +2 -1
  485. package/modern/ListItemSecondaryAction/listItemSecondaryActionClasses.js +2 -1
  486. package/modern/ListItemText/listItemTextClasses.js +2 -1
  487. package/modern/ListSubheader/listSubheaderClasses.js +2 -1
  488. package/modern/Menu/menuClasses.js +2 -1
  489. package/modern/MenuItem/MenuItem.js +1 -1
  490. package/modern/MenuItem/menuItemClasses.js +2 -1
  491. package/modern/MobileStepper/mobileStepperClasses.js +2 -1
  492. package/modern/Modal/Modal.js +36 -12
  493. package/modern/NativeSelect/nativeSelectClasses.js +2 -1
  494. package/modern/OutlinedInput/outlinedInputClasses.js +2 -1
  495. package/modern/Pagination/paginationClasses.js +2 -1
  496. package/modern/PaginationItem/paginationItemClasses.js +2 -1
  497. package/modern/Paper/paperClasses.js +2 -1
  498. package/modern/Popover/Popover.js +13 -1
  499. package/modern/Popover/popoverClasses.js +2 -1
  500. package/modern/Popper/Popper.js +37 -4
  501. package/modern/Radio/radioClasses.js +2 -1
  502. package/modern/Rating/ratingClasses.js +2 -1
  503. package/modern/ScopedCssBaseline/scopedCssBaselineClasses.js +2 -1
  504. package/modern/Select/selectClasses.js +2 -1
  505. package/modern/Skeleton/skeletonClasses.js +2 -1
  506. package/modern/Slider/Slider.js +86 -29
  507. package/modern/Snackbar/snackbarClasses.js +2 -1
  508. package/modern/SnackbarContent/snackbarContentClasses.js +2 -1
  509. package/modern/SpeedDial/speedDialClasses.js +2 -1
  510. package/modern/SpeedDialAction/speedDialActionClasses.js +2 -1
  511. package/modern/SpeedDialIcon/speedDialIconClasses.js +2 -1
  512. package/modern/Step/stepClasses.js +2 -1
  513. package/modern/StepButton/stepButtonClasses.js +2 -1
  514. package/modern/StepConnector/stepConnectorClasses.js +2 -1
  515. package/modern/StepContent/stepContentClasses.js +2 -1
  516. package/modern/StepIcon/stepIconClasses.js +2 -1
  517. package/modern/StepLabel/stepLabelClasses.js +2 -1
  518. package/modern/Stepper/stepperClasses.js +2 -1
  519. package/modern/SvgIcon/svgIconClasses.js +2 -1
  520. package/modern/Switch/switchClasses.js +2 -1
  521. package/modern/Tab/tabClasses.js +2 -1
  522. package/modern/TabScrollButton/tabScrollButtonClasses.js +2 -1
  523. package/modern/Table/tableClasses.js +2 -1
  524. package/modern/TableBody/tableBodyClasses.js +2 -1
  525. package/modern/TableCell/tableCellClasses.js +2 -1
  526. package/modern/TableContainer/tableContainerClasses.js +2 -1
  527. package/modern/TableFooter/tableFooterClasses.js +2 -1
  528. package/modern/TableHead/tableHeadClasses.js +2 -1
  529. package/modern/TablePagination/tablePaginationClasses.js +2 -1
  530. package/modern/TableRow/tableRowClasses.js +2 -1
  531. package/modern/TableSortLabel/tableSortLabelClasses.js +2 -1
  532. package/modern/Tabs/tabsClasses.js +2 -1
  533. package/modern/TextField/textFieldClasses.js +2 -1
  534. package/modern/ToggleButton/toggleButtonClasses.js +2 -1
  535. package/modern/ToggleButtonGroup/toggleButtonGroupClasses.js +2 -1
  536. package/modern/Toolbar/toolbarClasses.js +2 -1
  537. package/modern/Tooltip/tooltipClasses.js +2 -1
  538. package/modern/Typography/typographyClasses.js +2 -1
  539. package/modern/Unstable_Grid2/grid2Classes.js +2 -1
  540. package/modern/generateUtilityClass/index.js +1 -0
  541. package/modern/generateUtilityClasses/index.js +1 -0
  542. package/modern/index.js +4 -4
  543. package/modern/internal/switchBaseClasses.js +2 -1
  544. package/modern/styles/createTheme.js +1 -1
  545. package/modern/styles/createTransitions.js +1 -1
  546. package/modern/styles/createTypography.js +2 -2
  547. package/modern/utils/createSvgIcon.js +8 -6
  548. package/package.json +4 -4
  549. package/styles/components.d.ts +3 -0
  550. package/styles/createTheme.js +3 -3
  551. package/styles/createTransitions.js +1 -1
  552. package/styles/createTypography.js +2 -2
  553. package/umd/material-ui.development.js +6460 -6248
  554. package/umd/material-ui.production.min.js +20 -20
  555. package/utils/createSvgIcon.js +8 -6
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardUtilityClass = getCardUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCard', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCard', slot);
13
17
  }
14
18
 
15
- const cardClasses = (0, _base.generateUtilityClasses)('MuiCard', ['root']);
19
+ const cardClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCard', ['root']);
16
20
  var _default = cardClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardActionAreaUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCardActionArea', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCardActionArea', slot);
13
17
  }
14
18
 
15
- const cardActionAreaClasses = (0, _base.generateUtilityClasses)('MuiCardActionArea', ['root', 'focusVisible', 'focusHighlight']);
19
+ const cardActionAreaClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardActionArea', ['root', 'focusVisible', 'focusHighlight']);
16
20
  var _default = cardActionAreaClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardActionsUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCardActions', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCardActions', slot);
13
17
  }
14
18
 
15
- const cardActionsClasses = (0, _base.generateUtilityClasses)('MuiCardActions', ['root', 'spacing']);
19
+ const cardActionsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardActions', ['root', 'spacing']);
16
20
  var _default = cardActionsClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardContentUtilityClass = getCardContentUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardContentUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCardContent', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCardContent', slot);
13
17
  }
14
18
 
15
- const cardContentClasses = (0, _base.generateUtilityClasses)('MuiCardContent', ['root']);
19
+ const cardContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardContent', ['root']);
16
20
  var _default = cardContentClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardHeaderUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCardHeader', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCardHeader', slot);
13
17
  }
14
18
 
15
- const cardHeaderClasses = (0, _base.generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
19
+ const cardHeaderClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
16
20
  var _default = cardHeaderClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCardMediaUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCardMedia', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCardMedia', slot);
13
17
  }
14
18
 
15
- const cardMediaClasses = (0, _base.generateUtilityClasses)('MuiCardMedia', ['root', 'media', 'img']);
19
+ const cardMediaClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardMedia', ['root', 'media', 'img']);
16
20
  var _default = cardMediaClasses;
17
21
  exports.default = _default;
@@ -105,7 +105,7 @@ export interface CheckboxProps
105
105
  * Demos:
106
106
  *
107
107
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
108
- * - [Transfer list](https://mui.com/material-ui/react-transfer-list/)
108
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
109
109
  *
110
110
  * API:
111
111
  *
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCheckboxUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCheckbox', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCheckbox', slot);
13
17
  }
14
18
 
15
- const checkboxClasses = (0, _base.generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
19
+ const checkboxClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
16
20
  var _default = checkboxClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getChipUtilityClass = getChipUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getChipUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiChip', slot);
16
+ return (0, _generateUtilityClass.default)('MuiChip', slot);
13
17
  }
14
18
 
15
- const chipClasses = (0, _base.generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
19
+ const chipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
16
20
  var _default = chipClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCircularProgressUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCircularProgress', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCircularProgress', slot);
13
17
  }
14
18
 
15
- const circularProgressClasses = (0, _base.generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
19
+ const circularProgressClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
16
20
  var _default = circularProgressClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getCollapseUtilityClass = getCollapseUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getCollapseUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiCollapse', slot);
16
+ return (0, _generateUtilityClass.default)('MuiCollapse', slot);
13
17
  }
14
18
 
15
- const collapseClasses = (0, _base.generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
19
+ const collapseClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
16
20
  var _default = collapseClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getContainerUtilityClass = getContainerUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getContainerUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiContainer', slot);
16
+ return (0, _generateUtilityClass.default)('MuiContainer', slot);
13
17
  }
14
18
 
15
- const containerClasses = (0, _base.generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
19
+ const containerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
16
20
  var _default = containerClasses;
17
21
  exports.default = _default;
package/Dialog/Dialog.js CHANGED
@@ -320,8 +320,8 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
320
320
 
321
321
  /**
322
322
  * A backdrop component. This prop enables custom backdrop rendering.
323
- * @deprecated Use `components.Backdrop` instead. While this prop currently works, it will be removed in the next major version.
324
- * Use the `components.Backdrop` prop to make your application ready for the next version of Material UI.
323
+ * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
324
+ * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
325
325
  * @default styled(Backdrop, {
326
326
  * name: 'MuiModal',
327
327
  * slot: 'Backdrop',
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDialogUtilityClass = getDialogUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDialogUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDialog', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDialog', slot);
13
17
  }
14
18
 
15
- const dialogClasses = (0, _base.generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
19
+ const dialogClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
16
20
  var _default = dialogClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDialogActionsUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDialogActions', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDialogActions', slot);
13
17
  }
14
18
 
15
- const dialogActionsClasses = (0, _base.generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
19
+ const dialogActionsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
16
20
  var _default = dialogActionsClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDialogContentUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDialogContent', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDialogContent', slot);
13
17
  }
14
18
 
15
- const dialogContentClasses = (0, _base.generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
19
+ const dialogContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
16
20
  var _default = dialogContentClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDialogContentTextUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDialogContentText', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDialogContentText', slot);
13
17
  }
14
18
 
15
- const dialogContentTextClasses = (0, _base.generateUtilityClasses)('MuiDialogContentText', ['root']);
19
+ const dialogContentTextClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogContentText', ['root']);
16
20
  var _default = dialogContentTextClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDialogTitleUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDialogTitle', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDialogTitle', slot);
13
17
  }
14
18
 
15
- const dialogTitleClasses = (0, _base.generateUtilityClasses)('MuiDialogTitle', ['root']);
19
+ const dialogTitleClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogTitle', ['root']);
16
20
  var _default = dialogTitleClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDividerUtilityClass = getDividerUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDividerUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDivider', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDivider', slot);
13
17
  }
14
18
 
15
- const dividerClasses = (0, _base.generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
19
+ const dividerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
16
20
  var _default = dividerClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getDrawerUtilityClass = getDrawerUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getDrawerUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiDrawer', slot);
16
+ return (0, _generateUtilityClass.default)('MuiDrawer', slot);
13
17
  }
14
18
 
15
- const drawerClasses = (0, _base.generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
19
+ const drawerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
16
20
  var _default = drawerClasses;
17
21
  exports.default = _default;
package/Fab/fabClasses.js CHANGED
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getFabUtilityClass = getFabUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getFabUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiFab', slot);
16
+ return (0, _generateUtilityClass.default)('MuiFab', slot);
13
17
  }
14
18
 
15
- const fabClasses = (0, _base.generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'info', 'error', 'warning', 'success']);
19
+ const fabClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'info', 'error', 'warning', 'success']);
16
20
  var _default = fabClasses;
17
21
  exports.default = _default;
@@ -10,14 +10,16 @@ exports.getFilledInputUtilityClass = getFilledInputUtilityClass;
10
10
 
11
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
12
 
13
- var _base = require("@mui/base");
13
+ var _utils = require("@mui/utils");
14
+
15
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
14
16
 
15
17
  var _InputBase = require("../InputBase");
16
18
 
17
19
  function getFilledInputUtilityClass(slot) {
18
- return (0, _base.generateUtilityClass)('MuiFilledInput', slot);
20
+ return (0, _generateUtilityClass.default)('MuiFilledInput', slot);
19
21
  }
20
22
 
21
- const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
23
+ const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _utils.unstable_generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
22
24
  var _default = filledInputClasses;
23
25
  exports.default = _default;
@@ -109,7 +109,7 @@ export interface FormControlTypeMap<P = {}, D extends React.ElementType = 'div'>
109
109
  * Demos:
110
110
  *
111
111
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
112
- * - [Radio button](https://mui.com/material-ui/react-radio-button/)
112
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
113
113
  * - [Switch](https://mui.com/material-ui/react-switch/)
114
114
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
115
115
  *
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getFormControlUtilityClasses = getFormControlUtilityClasses;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getFormControlUtilityClasses(slot) {
12
- return (0, _base.generateUtilityClass)('MuiFormControl', slot);
16
+ return (0, _generateUtilityClass.default)('MuiFormControl', slot);
13
17
  }
14
18
 
15
- const formControlClasses = (0, _base.generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
19
+ const formControlClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
16
20
  var _default = formControlClasses;
17
21
  exports.default = _default;
@@ -76,7 +76,7 @@ export interface FormControlLabelProps
76
76
  * Demos:
77
77
  *
78
78
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
79
- * - [Radio button](https://mui.com/material-ui/react-radio-button/)
79
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
80
80
  * - [Switch](https://mui.com/material-ui/react-switch/)
81
81
  *
82
82
  * API:
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getFormControlLabelUtilityClasses = getFormControlLabelUtilityClasses;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _utils = require("@mui/utils");
12
+
13
+ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
10
14
 
11
15
  function getFormControlLabelUtilityClasses(slot) {
12
- return (0, _base.generateUtilityClass)('MuiFormControlLabel', slot);
16
+ return (0, _generateUtilityClass.default)('MuiFormControlLabel', slot);
13
17
  }
14
18
 
15
- const formControlLabelClasses = (0, _base.generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error']);
19
+ const formControlLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error']);
16
20
  var _default = formControlLabelClasses;
17
21
  exports.default = _default;