@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
@@ -4,8 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
- import { chainPropTypes } from '@mui/utils';
8
- import { generateUtilityClasses } from '@mui/base';
7
+ import { chainPropTypes, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
9
8
  import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';
10
9
  import { alpha, lighten, darken } from '@mui/system';
11
10
  import useThemeProps from '../styles/useThemeProps';
@@ -442,7 +441,7 @@ var extendUtilityClasses = function extendUtilityClasses(ownerState) {
442
441
  };
443
442
 
444
443
  var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
445
- var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
444
+ var _ref8, _slots$root, _ref9, _slots$rail, _ref10, _slots$track, _ref11, _slots$thumb, _ref12, _slots$valueLabel, _ref13, _slots$mark, _ref14, _slots$markLabel, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;
446
445
 
447
446
  var props = useThemeProps({
448
447
  props: inputProps,
@@ -461,51 +460,75 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
461
460
  color = _props$color === void 0 ? 'primary' : _props$color,
462
461
  _props$size = props.size,
463
462
  size = _props$size === void 0 ? 'medium' : _props$size,
464
- other = _objectWithoutProperties(props, ["component", "components", "componentsProps", "color", "size"]);
463
+ slotProps = props.slotProps,
464
+ slots = props.slots,
465
+ other = _objectWithoutProperties(props, ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"]);
465
466
 
466
467
  var ownerState = _extends({}, props, {
467
468
  color: color,
468
469
  size: size
469
470
  });
470
471
 
471
- var classes = extendUtilityClasses(ownerState);
472
+ var classes = extendUtilityClasses(ownerState); // support both `slots` and `components` for backward compatibility
473
+
474
+ var RootSlot = (_ref8 = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref8 : SliderRoot;
475
+ var RailSlot = (_ref9 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref9 : SliderRail;
476
+ var TrackSlot = (_ref10 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref10 : SliderTrack;
477
+ var ThumbSlot = (_ref11 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref11 : SliderThumb;
478
+ var ValueLabelSlot = (_ref12 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref12 : SliderValueLabel;
479
+ var MarkSlot = (_ref13 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref13 : SliderMark;
480
+ var MarkLabelSlot = (_ref14 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref14 : SliderMarkLabel;
481
+ var InputSlot = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input;
482
+ var rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
483
+ var railSlotProps = (_slotProps$rail = slotProps == null ? void 0 : slotProps.rail) != null ? _slotProps$rail : componentsProps.rail;
484
+ var trackSlotProps = (_slotProps$track = slotProps == null ? void 0 : slotProps.track) != null ? _slotProps$track : componentsProps.track;
485
+ var thumbSlotProps = (_slotProps$thumb = slotProps == null ? void 0 : slotProps.thumb) != null ? _slotProps$thumb : componentsProps.thumb;
486
+ var valueLabelSlotProps = (_slotProps$valueLabel = slotProps == null ? void 0 : slotProps.valueLabel) != null ? _slotProps$valueLabel : componentsProps.valueLabel;
487
+ var markSlotProps = (_slotProps$mark = slotProps == null ? void 0 : slotProps.mark) != null ? _slotProps$mark : componentsProps.mark;
488
+ var markLabelSlotProps = (_slotProps$markLabel = slotProps == null ? void 0 : slotProps.markLabel) != null ? _slotProps$markLabel : componentsProps.markLabel;
489
+ var inputSlotProps = (_slotProps$input = slotProps == null ? void 0 : slotProps.input) != null ? _slotProps$input : componentsProps.input;
472
490
  return /*#__PURE__*/_jsx(SliderUnstyled, _extends({}, other, {
473
491
  isRtl: isRtl,
474
- components: _extends({
475
- Root: SliderRoot,
476
- Rail: SliderRail,
477
- Track: SliderTrack,
478
- Thumb: SliderThumb,
479
- ValueLabel: SliderValueLabel,
480
- Mark: SliderMark,
481
- MarkLabel: SliderMarkLabel
482
- }, components),
483
- componentsProps: _extends({}, componentsProps, {
484
- root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
492
+ slots: {
493
+ root: RootSlot,
494
+ rail: RailSlot,
495
+ track: TrackSlot,
496
+ thumb: ThumbSlot,
497
+ valueLabel: ValueLabelSlot,
498
+ mark: MarkSlot,
499
+ markLabel: MarkLabelSlot,
500
+ input: InputSlot
501
+ },
502
+ slotProps: _extends({}, componentsProps, {
503
+ root: _extends({}, rootSlotProps, shouldSpreadAdditionalProps(RootSlot) && {
485
504
  as: component,
486
- ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
505
+ ownerState: _extends({}, rootSlotProps == null ? void 0 : rootSlotProps.ownerState, {
487
506
  color: color,
488
507
  size: size
489
508
  })
490
509
  }),
491
- thumb: _extends({}, componentsProps.thumb, shouldSpreadAdditionalProps(components.Thumb) && {
492
- ownerState: _extends({}, (_componentsProps$thum = componentsProps.thumb) == null ? void 0 : _componentsProps$thum.ownerState, {
510
+ rail: railSlotProps,
511
+ thumb: _extends({}, thumbSlotProps, shouldSpreadAdditionalProps(ThumbSlot) && {
512
+ ownerState: _extends({}, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState, {
493
513
  color: color,
494
514
  size: size
495
515
  })
496
516
  }),
497
- track: _extends({}, componentsProps.track, shouldSpreadAdditionalProps(components.Track) && {
498
- ownerState: _extends({}, (_componentsProps$trac = componentsProps.track) == null ? void 0 : _componentsProps$trac.ownerState, {
517
+ track: _extends({}, trackSlotProps, shouldSpreadAdditionalProps(TrackSlot) && {
518
+ ownerState: _extends({}, trackSlotProps == null ? void 0 : trackSlotProps.ownerState, {
499
519
  color: color,
500
520
  size: size
501
521
  })
502
522
  }),
503
- valueLabel: _extends({}, componentsProps.valueLabel, shouldSpreadAdditionalProps(components.ValueLabel) && {
504
- ownerState: _extends({}, (_componentsProps$valu = componentsProps.valueLabel) == null ? void 0 : _componentsProps$valu.ownerState, {
523
+ valueLabel: _extends({}, valueLabelSlotProps, shouldSpreadAdditionalProps(ValueLabelSlot) && {
524
+ ownerState: _extends({}, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState, {
505
525
  color: color,
506
526
  size: size
507
527
  })
508
- })
528
+ }),
529
+ mark: markSlotProps,
530
+ markLabel: markLabelSlotProps,
531
+ input: inputSlotProps
509
532
  }),
510
533
  classes: classes,
511
534
  ref: ref
@@ -587,8 +610,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
587
610
  }),
588
611
 
589
612
  /**
590
- * The props used for each slot inside the Slider.
591
- * @default {}
613
+ * @ignore
592
614
  */
593
615
  componentsProps: PropTypes.shape({
594
616
  input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -601,9 +623,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
601
623
  valueLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
602
624
  children: PropTypes.element,
603
625
  className: PropTypes.string,
604
- components: PropTypes.shape({
605
- Root: PropTypes.elementType
606
- }),
607
626
  open: PropTypes.bool,
608
627
  style: PropTypes.object,
609
628
  value: PropTypes.number,
@@ -720,6 +739,44 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
720
739
  /* @typescript-to-proptypes-ignore */
721
740
  .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
722
741
 
742
+ /**
743
+ * The props used for each slot inside the Slider.
744
+ * @default {}
745
+ */
746
+ slotProps: PropTypes.shape({
747
+ input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
748
+ mark: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
749
+ markLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
750
+ rail: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
751
+ root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
752
+ thumb: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
753
+ track: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
754
+ valueLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
755
+ children: PropTypes.element,
756
+ className: PropTypes.string,
757
+ open: PropTypes.bool,
758
+ style: PropTypes.object,
759
+ value: PropTypes.number,
760
+ valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
761
+ })])
762
+ }),
763
+
764
+ /**
765
+ * The components used for each slot inside the Slider.
766
+ * Either a string to use a HTML element or a component.
767
+ * @default {}
768
+ */
769
+ slots: PropTypes.shape({
770
+ input: PropTypes.elementType,
771
+ mark: PropTypes.elementType,
772
+ markLabel: PropTypes.elementType,
773
+ rail: PropTypes.elementType,
774
+ root: PropTypes.elementType,
775
+ thumb: PropTypes.elementType,
776
+ track: PropTypes.elementType,
777
+ valueLabel: PropTypes.elementType
778
+ }),
779
+
723
780
  /**
724
781
  * The granularity with which the slider can step through values. (A "discrete" slider.)
725
782
  * The `min` prop serves as the origin for the valid values.
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSnackbarUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSnackbar', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSnackbarContentUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSnackbarContent', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSpeedDialUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSpeedDial', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSpeedDialActionUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSpeedDialAction', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSpeedDialIconUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSpeedDialIcon', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStep', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepButtonUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepButton', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepConnectorUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepConnector', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepContentUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepContent', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepIconUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepIcon', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepLabelUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepLabel', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getStepperUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiStepper', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSvgIconUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSvgIcon', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSwitchUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiSwitch', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTabUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTab', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTabScrollButtonUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTabScrollButton', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTable', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableBodyUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableBody', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableCellUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableCell', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableContainerUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableContainer', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableFooterUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableFooter', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableHeadUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableHead', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTablePaginationUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTablePagination', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableRowUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableRow', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTableSortLabelUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTableSortLabel', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTabsUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTabs', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTextFieldUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTextField', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getToggleButtonUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiToggleButton', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getToggleButtonGroupUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiToggleButtonGroup', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getToolbarUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiToolbar', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTooltipUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTooltip', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getTypographyUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiTypography', slot);
4
5
  }
@@ -1,5 +1,6 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
2
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
3
+ import generateUtilityClass from '../generateUtilityClass';
3
4
  export function getGrid2UtilityClass(slot) {
4
5
  return generateUtilityClass('MuiGrid2', slot);
5
6
  }
@@ -0,0 +1 @@
1
+ export { unstable_generateUtilityClass as default } from '@mui/utils';
@@ -0,0 +1 @@
1
+ export { unstable_generateUtilityClasses as default } from '@mui/utils';
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.10.9
1
+ /** @license MUI v5.10.11
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -278,7 +278,7 @@ export { default as GlobalStyles } from './GlobalStyles';
278
278
  export * from './GlobalStyles';
279
279
  export { StyledEngineProvider } from './styles';
280
280
  export { default as unstable_composeClasses } from '@mui/base/composeClasses';
281
- export { default as generateUtilityClass } from '@mui/base/generateUtilityClass';
282
- export * from '@mui/base/generateUtilityClass';
283
- export { default as generateUtilityClasses } from '@mui/base/generateUtilityClasses';
281
+ export { default as generateUtilityClass } from './generateUtilityClass';
282
+ export * from './generateUtilityClass';
283
+ export { default as generateUtilityClasses } from './generateUtilityClasses';
284
284
  export { default as Unstable_TrapFocus } from './Unstable_TrapFocus';
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getSwitchBaseUtilityClass(slot) {
3
4
  return generateUtilityClass('PrivateSwitchBase', slot);
4
5
  }
@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
4
  import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
5
5
  import { deepmerge } from '@mui/utils';
6
- import { generateUtilityClass } from '@mui/base';
7
6
  import { createTheme as systemCreateTheme } from '@mui/system';
7
+ import generateUtilityClass from '../generateUtilityClass';
8
8
  import createMixins from './createMixins';
9
9
  import createPalette from './createPalette';
10
10
  import createTypography from './createTypography';
@@ -12,7 +12,7 @@ export var easing = {
12
12
  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
13
13
  // The sharp curve is used by objects that may return to the screen at any time.
14
14
  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
15
- }; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
15
+ }; // Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
16
16
  // to learn when use what timing
17
17
 
18
18
  export var duration = {
@@ -11,8 +11,8 @@ var caseAllCaps = {
11
11
  };
12
12
  var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
13
13
  /**
14
- * @see @link{https://material.io/design/typography/the-type-system.html}
15
- * @see @link{https://material.io/design/typography/understanding-typography.html}
14
+ * @see @link{https://m2.material.io/design/typography/the-type-system.html}
15
+ * @see @link{https://m2.material.io/design/typography/understanding-typography.html}
16
16
  */
17
17
 
18
18
  export default function createTypography(palette, typography) {
@@ -7,14 +7,14 @@ import SvgIcon from '../SvgIcon';
7
7
 
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
9
  export default function createSvgIcon(path, displayName) {
10
- var Component = function Component(props, ref) {
10
+ function Component(props, ref) {
11
11
  return /*#__PURE__*/_jsx(SvgIcon, _extends({
12
12
  "data-testid": "".concat(displayName, "Icon"),
13
13
  ref: ref
14
14
  }, props, {
15
15
  children: path
16
16
  }));
17
- };
17
+ }
18
18
 
19
19
  if (process.env.NODE_ENV !== 'production') {
20
20
  // Need to set `displayName` on the inner component for React.memo.
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getAccordionUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiAccordion', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getAccordionActionsUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiAccordionActions', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getAccordionDetailsUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiAccordionDetails', slot);
4
5
  }
@@ -1,4 +1,5 @@
1
- import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '../generateUtilityClass';
2
3
  export function getAccordionSummaryUtilityClass(slot) {
3
4
  return generateUtilityClass('MuiAccordionSummary', slot);
4
5
  }