@mui/material 7.3.8 → 9.0.0-alpha.0

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 (297) hide show
  1. package/Accordion/Accordion.d.ts +3 -3
  2. package/AccordionActions/AccordionActions.d.ts +2 -2
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  4. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  5. package/Alert/Alert.d.ts +3 -3
  6. package/AlertTitle/AlertTitle.d.ts +3 -3
  7. package/AppBar/AppBar.d.ts +3 -3
  8. package/Autocomplete/Autocomplete.d.ts +2 -2
  9. package/Avatar/Avatar.d.ts +2 -2
  10. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  11. package/Backdrop/Backdrop.d.ts +3 -3
  12. package/Badge/Badge.d.ts +3 -3
  13. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  14. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  15. package/Box/Box.d.ts +2 -2
  16. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  17. package/Button/Button.d.ts +5 -5
  18. package/ButtonBase/ButtonBase.d.ts +2 -2
  19. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  20. package/CHANGELOG.md +28 -0
  21. package/Card/Card.d.ts +3 -3
  22. package/CardActionArea/CardActionArea.d.ts +3 -3
  23. package/CardActions/CardActions.d.ts +2 -2
  24. package/CardContent/CardContent.d.ts +2 -2
  25. package/CardHeader/CardHeader.d.ts +2 -2
  26. package/CardMedia/CardMedia.d.ts +2 -2
  27. package/Checkbox/Checkbox.d.ts +4 -4
  28. package/Chip/Chip.d.ts +2 -2
  29. package/CircularProgress/CircularProgress.d.ts +2 -2
  30. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  31. package/ClickAwayListener/ClickAwayListener.js +3 -3
  32. package/Collapse/Collapse.d.ts +5 -5
  33. package/Container/Container.d.ts +2 -2
  34. package/CssBaseline/CssBaseline.d.ts +2 -2
  35. package/Dialog/Dialog.d.ts +3 -3
  36. package/DialogActions/DialogActions.d.ts +2 -2
  37. package/DialogContent/DialogContent.d.ts +2 -2
  38. package/DialogContentText/DialogContentText.d.ts +3 -3
  39. package/DialogTitle/DialogTitle.d.ts +3 -3
  40. package/Divider/Divider.d.ts +3 -3
  41. package/Drawer/Drawer.d.ts +3 -3
  42. package/Fab/Fab.d.ts +3 -3
  43. package/Fade/Fade.d.ts +3 -3
  44. package/FilledInput/FilledInput.d.ts +3 -3
  45. package/FormControl/FormControl.d.ts +7 -7
  46. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  47. package/FormGroup/FormGroup.d.ts +3 -3
  48. package/FormHelperText/FormHelperText.d.ts +3 -3
  49. package/FormLabel/FormLabel.d.ts +5 -5
  50. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  51. package/Grid/Grid.d.ts +2 -2
  52. package/Grid/Grid.js +2 -2
  53. package/GridLegacy/GridLegacy.d.ts +2 -2
  54. package/Grow/Grow.d.ts +5 -5
  55. package/Icon/Icon.d.ts +3 -3
  56. package/IconButton/IconButton.d.ts +5 -5
  57. package/ImageList/ImageList.d.ts +2 -2
  58. package/ImageListItem/ImageListItem.d.ts +2 -2
  59. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  60. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  61. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  62. package/Input/Input.d.ts +3 -3
  63. package/InputAdornment/InputAdornment.d.ts +2 -2
  64. package/InputBase/InputBase.d.ts +2 -2
  65. package/InputLabel/InputLabel.d.ts +4 -4
  66. package/LinearProgress/LinearProgress.d.ts +2 -2
  67. package/Link/Link.d.ts +4 -4
  68. package/List/List.d.ts +3 -3
  69. package/ListItem/ListItem.d.ts +3 -3
  70. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  71. package/ListItemButton/ListItemButton.d.ts +3 -3
  72. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  73. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  74. package/ListItemText/ListItemText.d.ts +2 -2
  75. package/ListSubheader/ListSubheader.d.ts +2 -2
  76. package/Menu/Menu.d.ts +4 -4
  77. package/MenuItem/MenuItem.d.ts +3 -3
  78. package/MenuList/MenuList.d.ts +4 -4
  79. package/MobileStepper/MobileStepper.d.ts +3 -3
  80. package/Modal/Modal.d.ts +7 -7
  81. package/NativeSelect/NativeSelect.d.ts +3 -3
  82. package/NoSsr/NoSsr.d.ts +2 -2
  83. package/NoSsr/NoSsr.js +2 -2
  84. package/OutlinedInput/OutlinedInput.d.ts +4 -4
  85. package/Pagination/Pagination.d.ts +2 -2
  86. package/PaginationItem/PaginationItem.d.ts +3 -3
  87. package/Paper/Paper.d.ts +3 -3
  88. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  89. package/PigmentContainer/PigmentContainer.js +2 -2
  90. package/PigmentGrid/PigmentGrid.d.ts +2 -2
  91. package/PigmentGrid/PigmentGrid.js +2 -2
  92. package/PigmentStack/PigmentStack.d.ts +2 -2
  93. package/PigmentStack/PigmentStack.js +2 -2
  94. package/Popover/Popover.d.ts +4 -4
  95. package/Popper/Popper.d.ts +4 -4
  96. package/Popper/Popper.js +4 -4
  97. package/Portal/Portal.d.ts +2 -2
  98. package/Portal/Portal.js +2 -2
  99. package/README.md +3 -3
  100. package/Radio/Radio.d.ts +3 -3
  101. package/RadioGroup/RadioGroup.d.ts +3 -3
  102. package/Rating/Rating.d.ts +2 -2
  103. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  104. package/Select/Select.d.ts +3 -3
  105. package/Skeleton/Skeleton.d.ts +2 -2
  106. package/Slide/Slide.d.ts +4 -4
  107. package/Slider/Slider.d.ts +2 -2
  108. package/Snackbar/Snackbar.d.ts +2 -2
  109. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  110. package/SpeedDial/SpeedDial.d.ts +2 -2
  111. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  112. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  113. package/Stack/Stack.d.ts +2 -2
  114. package/Step/Step.d.ts +2 -2
  115. package/StepButton/StepButton.d.ts +3 -3
  116. package/StepConnector/StepConnector.d.ts +2 -2
  117. package/StepContent/StepContent.d.ts +2 -2
  118. package/StepIcon/StepIcon.d.ts +3 -3
  119. package/StepLabel/StepLabel.d.ts +2 -2
  120. package/Stepper/Stepper.d.ts +2 -2
  121. package/SvgIcon/SvgIcon.d.ts +3 -3
  122. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  123. package/Switch/Switch.d.ts +4 -4
  124. package/Tab/Tab.d.ts +3 -3
  125. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  126. package/Table/Table.d.ts +2 -2
  127. package/TableBody/TableBody.d.ts +2 -2
  128. package/TableCell/TableCell.d.ts +2 -2
  129. package/TableContainer/TableContainer.d.ts +2 -2
  130. package/TableFooter/TableFooter.d.ts +2 -2
  131. package/TableHead/TableHead.d.ts +2 -2
  132. package/TablePagination/TablePagination.d.ts +4 -4
  133. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  134. package/TableRow/TableRow.d.ts +2 -2
  135. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  136. package/Tabs/Tabs.d.ts +2 -2
  137. package/TextField/TextField.d.ts +10 -10
  138. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  139. package/TextareaAutosize/TextareaAutosize.js +2 -2
  140. package/ToggleButton/ToggleButton.d.ts +3 -3
  141. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  142. package/Toolbar/Toolbar.d.ts +2 -2
  143. package/Tooltip/Tooltip.d.ts +2 -2
  144. package/Typography/Typography.d.ts +3 -3
  145. package/Zoom/Zoom.d.ts +3 -3
  146. package/esm/Accordion/Accordion.d.ts +3 -3
  147. package/esm/AccordionActions/AccordionActions.d.ts +2 -2
  148. package/esm/AccordionDetails/AccordionDetails.d.ts +2 -2
  149. package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
  150. package/esm/Alert/Alert.d.ts +3 -3
  151. package/esm/AlertTitle/AlertTitle.d.ts +3 -3
  152. package/esm/AppBar/AppBar.d.ts +3 -3
  153. package/esm/Autocomplete/Autocomplete.d.ts +2 -2
  154. package/esm/Avatar/Avatar.d.ts +2 -2
  155. package/esm/AvatarGroup/AvatarGroup.d.ts +2 -2
  156. package/esm/Backdrop/Backdrop.d.ts +3 -3
  157. package/esm/Badge/Badge.d.ts +3 -3
  158. package/esm/BottomNavigation/BottomNavigation.d.ts +2 -2
  159. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  160. package/esm/Box/Box.d.ts +2 -2
  161. package/esm/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  162. package/esm/Button/Button.d.ts +5 -5
  163. package/esm/ButtonBase/ButtonBase.d.ts +2 -2
  164. package/esm/ButtonGroup/ButtonGroup.d.ts +2 -2
  165. package/esm/Card/Card.d.ts +3 -3
  166. package/esm/CardActionArea/CardActionArea.d.ts +3 -3
  167. package/esm/CardActions/CardActions.d.ts +2 -2
  168. package/esm/CardContent/CardContent.d.ts +2 -2
  169. package/esm/CardHeader/CardHeader.d.ts +2 -2
  170. package/esm/CardMedia/CardMedia.d.ts +2 -2
  171. package/esm/Checkbox/Checkbox.d.ts +4 -4
  172. package/esm/Chip/Chip.d.ts +2 -2
  173. package/esm/CircularProgress/CircularProgress.d.ts +2 -2
  174. package/esm/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  175. package/esm/ClickAwayListener/ClickAwayListener.js +3 -3
  176. package/esm/Collapse/Collapse.d.ts +5 -5
  177. package/esm/Container/Container.d.ts +2 -2
  178. package/esm/CssBaseline/CssBaseline.d.ts +2 -2
  179. package/esm/Dialog/Dialog.d.ts +3 -3
  180. package/esm/DialogActions/DialogActions.d.ts +2 -2
  181. package/esm/DialogContent/DialogContent.d.ts +2 -2
  182. package/esm/DialogContentText/DialogContentText.d.ts +3 -3
  183. package/esm/DialogTitle/DialogTitle.d.ts +3 -3
  184. package/esm/Divider/Divider.d.ts +3 -3
  185. package/esm/Drawer/Drawer.d.ts +3 -3
  186. package/esm/Fab/Fab.d.ts +3 -3
  187. package/esm/Fade/Fade.d.ts +3 -3
  188. package/esm/FilledInput/FilledInput.d.ts +3 -3
  189. package/esm/FormControl/FormControl.d.ts +7 -7
  190. package/esm/FormControlLabel/FormControlLabel.d.ts +4 -4
  191. package/esm/FormGroup/FormGroup.d.ts +3 -3
  192. package/esm/FormHelperText/FormHelperText.d.ts +3 -3
  193. package/esm/FormLabel/FormLabel.d.ts +5 -5
  194. package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
  195. package/esm/Grid/Grid.d.ts +2 -2
  196. package/esm/Grid/Grid.js +2 -2
  197. package/esm/GridLegacy/GridLegacy.d.ts +2 -2
  198. package/esm/Grow/Grow.d.ts +5 -5
  199. package/esm/Icon/Icon.d.ts +3 -3
  200. package/esm/IconButton/IconButton.d.ts +5 -5
  201. package/esm/ImageList/ImageList.d.ts +2 -2
  202. package/esm/ImageListItem/ImageListItem.d.ts +2 -2
  203. package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  204. package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  205. package/esm/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  206. package/esm/Input/Input.d.ts +3 -3
  207. package/esm/InputAdornment/InputAdornment.d.ts +2 -2
  208. package/esm/InputBase/InputBase.d.ts +2 -2
  209. package/esm/InputLabel/InputLabel.d.ts +4 -4
  210. package/esm/LinearProgress/LinearProgress.d.ts +2 -2
  211. package/esm/Link/Link.d.ts +4 -4
  212. package/esm/List/List.d.ts +3 -3
  213. package/esm/ListItem/ListItem.d.ts +3 -3
  214. package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  215. package/esm/ListItemButton/ListItemButton.d.ts +3 -3
  216. package/esm/ListItemIcon/ListItemIcon.d.ts +2 -2
  217. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  218. package/esm/ListItemText/ListItemText.d.ts +2 -2
  219. package/esm/ListSubheader/ListSubheader.d.ts +2 -2
  220. package/esm/Menu/Menu.d.ts +4 -4
  221. package/esm/MenuItem/MenuItem.d.ts +3 -3
  222. package/esm/MenuList/MenuList.d.ts +4 -4
  223. package/esm/MobileStepper/MobileStepper.d.ts +3 -3
  224. package/esm/Modal/Modal.d.ts +7 -7
  225. package/esm/NativeSelect/NativeSelect.d.ts +3 -3
  226. package/esm/NoSsr/NoSsr.d.ts +2 -2
  227. package/esm/NoSsr/NoSsr.js +2 -2
  228. package/esm/OutlinedInput/OutlinedInput.d.ts +4 -4
  229. package/esm/Pagination/Pagination.d.ts +2 -2
  230. package/esm/PaginationItem/PaginationItem.d.ts +3 -3
  231. package/esm/Paper/Paper.d.ts +3 -3
  232. package/esm/PigmentContainer/PigmentContainer.d.ts +2 -2
  233. package/esm/PigmentContainer/PigmentContainer.js +2 -2
  234. package/esm/PigmentGrid/PigmentGrid.d.ts +2 -2
  235. package/esm/PigmentGrid/PigmentGrid.js +2 -2
  236. package/esm/PigmentStack/PigmentStack.d.ts +2 -2
  237. package/esm/PigmentStack/PigmentStack.js +2 -2
  238. package/esm/Popover/Popover.d.ts +4 -4
  239. package/esm/Popper/Popper.d.ts +4 -4
  240. package/esm/Popper/Popper.js +4 -4
  241. package/esm/Portal/Portal.d.ts +2 -2
  242. package/esm/Portal/Portal.js +2 -2
  243. package/esm/Radio/Radio.d.ts +3 -3
  244. package/esm/RadioGroup/RadioGroup.d.ts +3 -3
  245. package/esm/Rating/Rating.d.ts +2 -2
  246. package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  247. package/esm/Select/Select.d.ts +3 -3
  248. package/esm/Skeleton/Skeleton.d.ts +2 -2
  249. package/esm/Slide/Slide.d.ts +4 -4
  250. package/esm/Slider/Slider.d.ts +2 -2
  251. package/esm/Snackbar/Snackbar.d.ts +2 -2
  252. package/esm/SnackbarContent/SnackbarContent.d.ts +3 -3
  253. package/esm/SpeedDial/SpeedDial.d.ts +2 -2
  254. package/esm/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  255. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  256. package/esm/Stack/Stack.d.ts +2 -2
  257. package/esm/Step/Step.d.ts +2 -2
  258. package/esm/StepButton/StepButton.d.ts +3 -3
  259. package/esm/StepConnector/StepConnector.d.ts +2 -2
  260. package/esm/StepContent/StepContent.d.ts +2 -2
  261. package/esm/StepIcon/StepIcon.d.ts +3 -3
  262. package/esm/StepLabel/StepLabel.d.ts +2 -2
  263. package/esm/Stepper/Stepper.d.ts +2 -2
  264. package/esm/SvgIcon/SvgIcon.d.ts +3 -3
  265. package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  266. package/esm/Switch/Switch.d.ts +4 -4
  267. package/esm/Tab/Tab.d.ts +3 -3
  268. package/esm/TabScrollButton/TabScrollButton.d.ts +2 -2
  269. package/esm/Table/Table.d.ts +2 -2
  270. package/esm/TableBody/TableBody.d.ts +2 -2
  271. package/esm/TableCell/TableCell.d.ts +2 -2
  272. package/esm/TableContainer/TableContainer.d.ts +2 -2
  273. package/esm/TableFooter/TableFooter.d.ts +2 -2
  274. package/esm/TableHead/TableHead.d.ts +2 -2
  275. package/esm/TablePagination/TablePagination.d.ts +4 -4
  276. package/esm/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  277. package/esm/TableRow/TableRow.d.ts +2 -2
  278. package/esm/TableSortLabel/TableSortLabel.d.ts +3 -3
  279. package/esm/Tabs/Tabs.d.ts +2 -2
  280. package/esm/TextField/TextField.d.ts +10 -10
  281. package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  282. package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
  283. package/esm/ToggleButton/ToggleButton.d.ts +3 -3
  284. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  285. package/esm/Toolbar/Toolbar.d.ts +2 -2
  286. package/esm/Tooltip/Tooltip.d.ts +2 -2
  287. package/esm/Typography/Typography.d.ts +3 -3
  288. package/esm/Zoom/Zoom.d.ts +3 -3
  289. package/esm/index.js +1 -1
  290. package/esm/styles/createThemeNoVars.js +1 -1
  291. package/esm/styles/createThemeWithVars.js +60 -60
  292. package/esm/version/index.js +5 -5
  293. package/index.js +1 -1
  294. package/package.json +6 -6
  295. package/styles/createThemeNoVars.js +1 -1
  296. package/styles/createThemeWithVars.js +60 -60
  297. package/version/index.js +5 -5
package/esm/styles/createThemeWithVars.js CHANGED
@@ -204,10 +204,10 @@ export default function createThemeWithVars(options = {}, ...args) {
204
204
  // assign component variables
205
205
  assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Button', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
206
206
  if (palette.mode === 'light') {
207
- setColor(palette.Alert, 'errorColor', colorMix(safeDarken, palette.error.light, 0.6));
208
- setColor(palette.Alert, 'infoColor', colorMix(safeDarken, palette.info.light, 0.6));
209
- setColor(palette.Alert, 'successColor', colorMix(safeDarken, palette.success.light, 0.6));
210
- setColor(palette.Alert, 'warningColor', colorMix(safeDarken, palette.warning.light, 0.6));
207
+ setColor(palette.Alert, 'errorColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.6));
208
+ setColor(palette.Alert, 'infoColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.6));
209
+ setColor(palette.Alert, 'successColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.6));
210
+ setColor(palette.Alert, 'warningColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.6));
211
211
  setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-main'));
212
212
  setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-main'));
213
213
  setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-main'));
@@ -216,10 +216,10 @@ export default function createThemeWithVars(options = {}, ...args) {
216
216
  setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.main)));
217
217
  setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.main)));
218
218
  setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.main)));
219
- setColor(palette.Alert, 'errorStandardBg', colorMix(safeLighten, palette.error.light, 0.9));
220
- setColor(palette.Alert, 'infoStandardBg', colorMix(safeLighten, palette.info.light, 0.9));
221
- setColor(palette.Alert, 'successStandardBg', colorMix(safeLighten, palette.success.light, 0.9));
222
- setColor(palette.Alert, 'warningStandardBg', colorMix(safeLighten, palette.warning.light, 0.9));
219
+ setColor(palette.Alert, 'errorStandardBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.9));
220
+ setColor(palette.Alert, 'infoStandardBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.9));
221
+ setColor(palette.Alert, 'successStandardBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.9));
222
+ setColor(palette.Alert, 'warningStandardBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.9));
223
223
  setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
224
224
  setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
225
225
  setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
@@ -234,20 +234,20 @@ export default function createThemeWithVars(options = {}, ...args) {
234
234
  setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
235
235
  setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
236
236
  setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
237
- setColor(palette.LinearProgress, 'primaryBg', colorMix(safeLighten, palette.primary.main, 0.62));
238
- setColor(palette.LinearProgress, 'secondaryBg', colorMix(safeLighten, palette.secondary.main, 0.62));
239
- setColor(palette.LinearProgress, 'errorBg', colorMix(safeLighten, palette.error.main, 0.62));
240
- setColor(palette.LinearProgress, 'infoBg', colorMix(safeLighten, palette.info.main, 0.62));
241
- setColor(palette.LinearProgress, 'successBg', colorMix(safeLighten, palette.success.main, 0.62));
242
- setColor(palette.LinearProgress, 'warningBg', colorMix(safeLighten, palette.warning.main, 0.62));
243
- setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(safeAlpha, palette.text.primary, 0.11) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
244
- setColor(palette.Slider, 'primaryTrack', colorMix(safeLighten, palette.primary.main, 0.62));
245
- setColor(palette.Slider, 'secondaryTrack', colorMix(safeLighten, palette.secondary.main, 0.62));
246
- setColor(palette.Slider, 'errorTrack', colorMix(safeLighten, palette.error.main, 0.62));
247
- setColor(palette.Slider, 'infoTrack', colorMix(safeLighten, palette.info.main, 0.62));
248
- setColor(palette.Slider, 'successTrack', colorMix(safeLighten, palette.success.main, 0.62));
249
- setColor(palette.Slider, 'warningTrack', colorMix(safeLighten, palette.warning.main, 0.62));
250
- const snackbarContentBackground = colorSpace ? colorMix(safeDarken, palette.background.default, 0.6825) // use `0.6825` instead of `0.8` to match the contrast ratio of JS implementation
237
+ setColor(palette.LinearProgress, 'primaryBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
238
+ setColor(palette.LinearProgress, 'secondaryBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
239
+ setColor(palette.LinearProgress, 'errorBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
240
+ setColor(palette.LinearProgress, 'infoBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
241
+ setColor(palette.LinearProgress, 'successBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
242
+ setColor(palette.LinearProgress, 'warningBg', colorMix(safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.62));
243
+ setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(safeAlpha, nativeColor ? getCssVar('palette-text-primary') : palette.text.primary, 0.11) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
244
+ setColor(palette.Slider, 'primaryTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
245
+ setColor(palette.Slider, 'secondaryTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
246
+ setColor(palette.Slider, 'errorTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
247
+ setColor(palette.Slider, 'infoTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
248
+ setColor(palette.Slider, 'successTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
249
+ setColor(palette.Slider, 'warningTrack', colorMix(safeLighten, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.62));
250
+ const snackbarContentBackground = colorSpace ? colorMix(safeDarken, nativeColor ? getCssVar('palette-background-default') : palette.background.default, 0.6825) // use `0.6825` instead of `0.8` to match the contrast ratio of JS implementation
251
251
  : safeEmphasize(palette.background.default, 0.8);
252
252
  setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
253
253
  setColor(palette.SnackbarContent, 'color', silent(() => colorSpace ? dark.text.primary : palette.getContrastText(snackbarContentBackground)));
@@ -256,20 +256,20 @@ export default function createThemeWithVars(options = {}, ...args) {
256
256
  setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-400'));
257
257
  setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-common-white'));
258
258
  setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-100'));
259
- setColor(palette.Switch, 'primaryDisabledColor', colorMix(safeLighten, palette.primary.main, 0.62));
260
- setColor(palette.Switch, 'secondaryDisabledColor', colorMix(safeLighten, palette.secondary.main, 0.62));
261
- setColor(palette.Switch, 'errorDisabledColor', colorMix(safeLighten, palette.error.main, 0.62));
262
- setColor(palette.Switch, 'infoDisabledColor', colorMix(safeLighten, palette.info.main, 0.62));
263
- setColor(palette.Switch, 'successDisabledColor', colorMix(safeLighten, palette.success.main, 0.62));
264
- setColor(palette.Switch, 'warningDisabledColor', colorMix(safeLighten, palette.warning.main, 0.62));
265
- setColor(palette.TableCell, 'border', colorMix(safeLighten, colorMix(safeAlpha, palette.divider, 1), 0.88));
266
- setColor(palette.Tooltip, 'bg', colorMix(safeAlpha, palette.grey[700], 0.92));
259
+ setColor(palette.Switch, 'primaryDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
260
+ setColor(palette.Switch, 'secondaryDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
261
+ setColor(palette.Switch, 'errorDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
262
+ setColor(palette.Switch, 'infoDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
263
+ setColor(palette.Switch, 'successDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
264
+ setColor(palette.Switch, 'warningDisabledColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.62));
265
+ setColor(palette.TableCell, 'border', colorMix(safeLighten, colorMix(safeAlpha, nativeColor ? getCssVar('palette-divider') : palette.divider, 1), 0.88));
266
+ setColor(palette.Tooltip, 'bg', colorMix(safeAlpha, nativeColor ? getCssVar('palette-grey-700') : palette.grey[700], 0.92));
267
267
  }
268
268
  if (palette.mode === 'dark') {
269
- setColor(palette.Alert, 'errorColor', colorMix(safeLighten, palette.error.light, 0.6));
270
- setColor(palette.Alert, 'infoColor', colorMix(safeLighten, palette.info.light, 0.6));
271
- setColor(palette.Alert, 'successColor', colorMix(safeLighten, palette.success.light, 0.6));
272
- setColor(palette.Alert, 'warningColor', colorMix(safeLighten, palette.warning.light, 0.6));
269
+ setColor(palette.Alert, 'errorColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.6));
270
+ setColor(palette.Alert, 'infoColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.6));
271
+ setColor(palette.Alert, 'successColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.6));
272
+ setColor(palette.Alert, 'warningColor', colorMix(safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.6));
273
273
  setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-dark'));
274
274
  setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-dark'));
275
275
  setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-dark'));
@@ -278,10 +278,10 @@ export default function createThemeWithVars(options = {}, ...args) {
278
278
  setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.dark)));
279
279
  setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.dark)));
280
280
  setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.dark)));
281
- setColor(palette.Alert, 'errorStandardBg', colorMix(safeDarken, palette.error.light, 0.9));
282
- setColor(palette.Alert, 'infoStandardBg', colorMix(safeDarken, palette.info.light, 0.9));
283
- setColor(palette.Alert, 'successStandardBg', colorMix(safeDarken, palette.success.light, 0.9));
284
- setColor(palette.Alert, 'warningStandardBg', colorMix(safeDarken, palette.warning.light, 0.9));
281
+ setColor(palette.Alert, 'errorStandardBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.9));
282
+ setColor(palette.Alert, 'infoStandardBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.9));
283
+ setColor(palette.Alert, 'successStandardBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.9));
284
+ setColor(palette.Alert, 'warningStandardBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.9));
285
285
  setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
286
286
  setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
287
287
  setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
@@ -298,20 +298,20 @@ export default function createThemeWithVars(options = {}, ...args) {
298
298
  setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
299
299
  setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
300
300
  setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
301
- setColor(palette.LinearProgress, 'primaryBg', colorMix(safeDarken, palette.primary.main, 0.5));
302
- setColor(palette.LinearProgress, 'secondaryBg', colorMix(safeDarken, palette.secondary.main, 0.5));
303
- setColor(palette.LinearProgress, 'errorBg', colorMix(safeDarken, palette.error.main, 0.5));
304
- setColor(palette.LinearProgress, 'infoBg', colorMix(safeDarken, palette.info.main, 0.5));
305
- setColor(palette.LinearProgress, 'successBg', colorMix(safeDarken, palette.success.main, 0.5));
306
- setColor(palette.LinearProgress, 'warningBg', colorMix(safeDarken, palette.warning.main, 0.5));
307
- setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(safeAlpha, palette.text.primary, 0.13) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
308
- setColor(palette.Slider, 'primaryTrack', colorMix(safeDarken, palette.primary.main, 0.5));
309
- setColor(palette.Slider, 'secondaryTrack', colorMix(safeDarken, palette.secondary.main, 0.5));
310
- setColor(palette.Slider, 'errorTrack', colorMix(safeDarken, palette.error.main, 0.5));
311
- setColor(palette.Slider, 'infoTrack', colorMix(safeDarken, palette.info.main, 0.5));
312
- setColor(palette.Slider, 'successTrack', colorMix(safeDarken, palette.success.main, 0.5));
313
- setColor(palette.Slider, 'warningTrack', colorMix(safeDarken, palette.warning.main, 0.5));
314
- const snackbarContentBackground = colorSpace ? colorMix(safeLighten, palette.background.default, 0.985) // use `0.985` instead of `0.98` to match the contrast ratio of JS implementation
301
+ setColor(palette.LinearProgress, 'primaryBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.5));
302
+ setColor(palette.LinearProgress, 'secondaryBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.5));
303
+ setColor(palette.LinearProgress, 'errorBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.5));
304
+ setColor(palette.LinearProgress, 'infoBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.5));
305
+ setColor(palette.LinearProgress, 'successBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.5));
306
+ setColor(palette.LinearProgress, 'warningBg', colorMix(safeDarken, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.5));
307
+ setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(safeAlpha, nativeColor ? getCssVar('palette-text-primary') : palette.text.primary, 0.13) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
308
+ setColor(palette.Slider, 'primaryTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.5));
309
+ setColor(palette.Slider, 'secondaryTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.5));
310
+ setColor(palette.Slider, 'errorTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.5));
311
+ setColor(palette.Slider, 'infoTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.5));
312
+ setColor(palette.Slider, 'successTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.5));
313
+ setColor(palette.Slider, 'warningTrack', colorMix(safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.5));
314
+ const snackbarContentBackground = colorSpace ? colorMix(safeLighten, nativeColor ? getCssVar('palette-background-default') : palette.background.default, 0.985) // use `0.985` instead of `0.98` to match the contrast ratio of JS implementation
315
315
  : safeEmphasize(palette.background.default, 0.98);
316
316
  setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
317
317
  setColor(palette.SnackbarContent, 'color', silent(() => colorSpace ? light.text.primary : palette.getContrastText(snackbarContentBackground)));
@@ -320,14 +320,14 @@ export default function createThemeWithVars(options = {}, ...args) {
320
320
  setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-600'));
321
321
  setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-grey-300'));
322
322
  setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-600'));
323
- setColor(palette.Switch, 'primaryDisabledColor', colorMix(safeDarken, palette.primary.main, 0.55));
324
- setColor(palette.Switch, 'secondaryDisabledColor', colorMix(safeDarken, palette.secondary.main, 0.55));
325
- setColor(palette.Switch, 'errorDisabledColor', colorMix(safeDarken, palette.error.main, 0.55));
326
- setColor(palette.Switch, 'infoDisabledColor', colorMix(safeDarken, palette.info.main, 0.55));
327
- setColor(palette.Switch, 'successDisabledColor', colorMix(safeDarken, palette.success.main, 0.55));
328
- setColor(palette.Switch, 'warningDisabledColor', colorMix(safeDarken, palette.warning.main, 0.55));
329
- setColor(palette.TableCell, 'border', colorMix(safeDarken, colorMix(safeAlpha, palette.divider, 1), 0.68));
330
- setColor(palette.Tooltip, 'bg', colorMix(safeAlpha, palette.grey[700], 0.92));
323
+ setColor(palette.Switch, 'primaryDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.55));
324
+ setColor(palette.Switch, 'secondaryDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.55));
325
+ setColor(palette.Switch, 'errorDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.55));
326
+ setColor(palette.Switch, 'infoDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.55));
327
+ setColor(palette.Switch, 'successDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.55));
328
+ setColor(palette.Switch, 'warningDisabledColor', colorMix(safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.55));
329
+ setColor(palette.TableCell, 'border', colorMix(safeDarken, colorMix(safeAlpha, nativeColor ? getCssVar('palette-divider') : palette.divider, 1), 0.68));
330
+ setColor(palette.Tooltip, 'bg', colorMix(safeAlpha, nativeColor ? getCssVar('palette-grey-700') : palette.grey[700], 0.92));
331
331
  }
332
332
 
333
333
  // MUI X - DataGrid needs this token.
package/esm/version/index.js CHANGED
@@ -1,6 +1,6 @@
1
- export const version = "7.3.8";
2
- export const major = Number("7");
3
- export const minor = Number("3");
4
- export const patch = Number("8");
5
- export const prerelease = undefined;
1
+ export const version = "9.0.0-alpha.0";
2
+ export const major = Number("9");
3
+ export const minor = Number("0");
4
+ export const patch = Number("0");
5
+ export const prerelease = "alpha.0";
6
6
  export default version;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v7.3.8
2
+ * @mui/material v9.0.0-alpha.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "7.3.8",
3
+ "version": "9.0.0-alpha.0",
4
4
  "author": "MUI Team",
5
5
  "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
6
6
  "keywords": [
@@ -33,10 +33,10 @@
33
33
  "prop-types": "^15.8.1",
34
34
  "react-is": "^19.2.3",
35
35
  "react-transition-group": "^4.4.5",
36
- "@mui/core-downloads-tracker": "^7.3.8",
37
- "@mui/system": "^7.3.8",
38
- "@mui/types": "^7.4.11",
39
- "@mui/utils": "^7.3.8"
36
+ "@mui/core-downloads-tracker": "^9.0.0-alpha.0",
37
+ "@mui/types": "^9.0.0-alpha.0",
38
+ "@mui/utils": "9.0.0-alpha.0",
39
+ "@mui/system": "9.0.0-alpha.0"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@emotion/react": "^11.5.0",
@@ -44,7 +44,7 @@
44
44
  "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
45
45
  "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
46
46
  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
47
- "@mui/material-pigment-css": "^7.3.8"
47
+ "@mui/material-pigment-css": "9.0.0-alpha.0"
48
48
  },
49
49
  "peerDependenciesMeta": {
50
50
  "@types/react": {
package/styles/createThemeNoVars.js CHANGED
@@ -89,7 +89,7 @@ function createThemeNoVars(options = {}, ...args) {
89
89
  options.generateThemeVars === undefined) {
90
90
  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' +
91
91
  // #host-reference
92
- 'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : (0, _formatMuiErrorMessage.default)(20));
92
+ 'Please use another name or follow the [docs](https://next.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : (0, _formatMuiErrorMessage.default)(22));
93
93
  }
94
94
  const palette = (0, _createPalette.default)({
95
95
  ...paletteInput,
package/styles/createThemeWithVars.js CHANGED
@@ -214,10 +214,10 @@ function createThemeWithVars(options = {}, ...args) {
214
214
  // assign component variables
215
215
  assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Button', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
216
216
  if (palette.mode === 'light') {
217
- setColor(palette.Alert, 'errorColor', colorMix(_colorManipulator.private_safeDarken, palette.error.light, 0.6));
218
- setColor(palette.Alert, 'infoColor', colorMix(_colorManipulator.private_safeDarken, palette.info.light, 0.6));
219
- setColor(palette.Alert, 'successColor', colorMix(_colorManipulator.private_safeDarken, palette.success.light, 0.6));
220
- setColor(palette.Alert, 'warningColor', colorMix(_colorManipulator.private_safeDarken, palette.warning.light, 0.6));
217
+ setColor(palette.Alert, 'errorColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.6));
218
+ setColor(palette.Alert, 'infoColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.6));
219
+ setColor(palette.Alert, 'successColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.6));
220
+ setColor(palette.Alert, 'warningColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.6));
221
221
  setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-main'));
222
222
  setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-main'));
223
223
  setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-main'));
@@ -226,10 +226,10 @@ function createThemeWithVars(options = {}, ...args) {
226
226
  setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.main)));
227
227
  setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.main)));
228
228
  setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.main)));
229
- setColor(palette.Alert, 'errorStandardBg', colorMix(_colorManipulator.private_safeLighten, palette.error.light, 0.9));
230
- setColor(palette.Alert, 'infoStandardBg', colorMix(_colorManipulator.private_safeLighten, palette.info.light, 0.9));
231
- setColor(palette.Alert, 'successStandardBg', colorMix(_colorManipulator.private_safeLighten, palette.success.light, 0.9));
232
- setColor(palette.Alert, 'warningStandardBg', colorMix(_colorManipulator.private_safeLighten, palette.warning.light, 0.9));
229
+ setColor(palette.Alert, 'errorStandardBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.9));
230
+ setColor(palette.Alert, 'infoStandardBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.9));
231
+ setColor(palette.Alert, 'successStandardBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.9));
232
+ setColor(palette.Alert, 'warningStandardBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.9));
233
233
  setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
234
234
  setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
235
235
  setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
@@ -244,20 +244,20 @@ function createThemeWithVars(options = {}, ...args) {
244
244
  setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
245
245
  setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
246
246
  setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
247
- setColor(palette.LinearProgress, 'primaryBg', colorMix(_colorManipulator.private_safeLighten, palette.primary.main, 0.62));
248
- setColor(palette.LinearProgress, 'secondaryBg', colorMix(_colorManipulator.private_safeLighten, palette.secondary.main, 0.62));
249
- setColor(palette.LinearProgress, 'errorBg', colorMix(_colorManipulator.private_safeLighten, palette.error.main, 0.62));
250
- setColor(palette.LinearProgress, 'infoBg', colorMix(_colorManipulator.private_safeLighten, palette.info.main, 0.62));
251
- setColor(palette.LinearProgress, 'successBg', colorMix(_colorManipulator.private_safeLighten, palette.success.main, 0.62));
252
- setColor(palette.LinearProgress, 'warningBg', colorMix(_colorManipulator.private_safeLighten, palette.warning.main, 0.62));
253
- setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(_colorManipulator.private_safeAlpha, palette.text.primary, 0.11) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
254
- setColor(palette.Slider, 'primaryTrack', colorMix(_colorManipulator.private_safeLighten, palette.primary.main, 0.62));
255
- setColor(palette.Slider, 'secondaryTrack', colorMix(_colorManipulator.private_safeLighten, palette.secondary.main, 0.62));
256
- setColor(palette.Slider, 'errorTrack', colorMix(_colorManipulator.private_safeLighten, palette.error.main, 0.62));
257
- setColor(palette.Slider, 'infoTrack', colorMix(_colorManipulator.private_safeLighten, palette.info.main, 0.62));
258
- setColor(palette.Slider, 'successTrack', colorMix(_colorManipulator.private_safeLighten, palette.success.main, 0.62));
259
- setColor(palette.Slider, 'warningTrack', colorMix(_colorManipulator.private_safeLighten, palette.warning.main, 0.62));
260
- const snackbarContentBackground = colorSpace ? colorMix(_colorManipulator.private_safeDarken, palette.background.default, 0.6825) // use `0.6825` instead of `0.8` to match the contrast ratio of JS implementation
247
+ setColor(palette.LinearProgress, 'primaryBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
248
+ setColor(palette.LinearProgress, 'secondaryBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
249
+ setColor(palette.LinearProgress, 'errorBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
250
+ setColor(palette.LinearProgress, 'infoBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
251
+ setColor(palette.LinearProgress, 'successBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
252
+ setColor(palette.LinearProgress, 'warningBg', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.62));
253
+ setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-text-primary') : palette.text.primary, 0.11) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
254
+ setColor(palette.Slider, 'primaryTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
255
+ setColor(palette.Slider, 'secondaryTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
256
+ setColor(palette.Slider, 'errorTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
257
+ setColor(palette.Slider, 'infoTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
258
+ setColor(palette.Slider, 'successTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
259
+ setColor(palette.Slider, 'warningTrack', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.62));
260
+ const snackbarContentBackground = colorSpace ? colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-background-default') : palette.background.default, 0.6825) // use `0.6825` instead of `0.8` to match the contrast ratio of JS implementation
261
261
  : (0, _colorManipulator.private_safeEmphasize)(palette.background.default, 0.8);
262
262
  setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
263
263
  setColor(palette.SnackbarContent, 'color', silent(() => colorSpace ? _createPalette.dark.text.primary : palette.getContrastText(snackbarContentBackground)));
@@ -266,20 +266,20 @@ function createThemeWithVars(options = {}, ...args) {
266
266
  setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-400'));
267
267
  setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-common-white'));
268
268
  setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-100'));
269
- setColor(palette.Switch, 'primaryDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.primary.main, 0.62));
270
- setColor(palette.Switch, 'secondaryDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.secondary.main, 0.62));
271
- setColor(palette.Switch, 'errorDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.error.main, 0.62));
272
- setColor(palette.Switch, 'infoDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.info.main, 0.62));
273
- setColor(palette.Switch, 'successDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.success.main, 0.62));
274
- setColor(palette.Switch, 'warningDisabledColor', colorMix(_colorManipulator.private_safeLighten, palette.warning.main, 0.62));
275
- setColor(palette.TableCell, 'border', colorMix(_colorManipulator.private_safeLighten, colorMix(_colorManipulator.private_safeAlpha, palette.divider, 1), 0.88));
276
- setColor(palette.Tooltip, 'bg', colorMix(_colorManipulator.private_safeAlpha, palette.grey[700], 0.92));
269
+ setColor(palette.Switch, 'primaryDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.62));
270
+ setColor(palette.Switch, 'secondaryDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.62));
271
+ setColor(palette.Switch, 'errorDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.62));
272
+ setColor(palette.Switch, 'infoDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.62));
273
+ setColor(palette.Switch, 'successDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.62));
274
+ setColor(palette.Switch, 'warningDisabledColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.62));
275
+ setColor(palette.TableCell, 'border', colorMix(_colorManipulator.private_safeLighten, colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-divider') : palette.divider, 1), 0.88));
276
+ setColor(palette.Tooltip, 'bg', colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-grey-700') : palette.grey[700], 0.92));
277
277
  }
278
278
  if (palette.mode === 'dark') {
279
- setColor(palette.Alert, 'errorColor', colorMix(_colorManipulator.private_safeLighten, palette.error.light, 0.6));
280
- setColor(palette.Alert, 'infoColor', colorMix(_colorManipulator.private_safeLighten, palette.info.light, 0.6));
281
- setColor(palette.Alert, 'successColor', colorMix(_colorManipulator.private_safeLighten, palette.success.light, 0.6));
282
- setColor(palette.Alert, 'warningColor', colorMix(_colorManipulator.private_safeLighten, palette.warning.light, 0.6));
279
+ setColor(palette.Alert, 'errorColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.6));
280
+ setColor(palette.Alert, 'infoColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.6));
281
+ setColor(palette.Alert, 'successColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.6));
282
+ setColor(palette.Alert, 'warningColor', colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.6));
283
283
  setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-dark'));
284
284
  setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-dark'));
285
285
  setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-dark'));
@@ -288,10 +288,10 @@ function createThemeWithVars(options = {}, ...args) {
288
288
  setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.dark)));
289
289
  setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.dark)));
290
290
  setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.dark)));
291
- setColor(palette.Alert, 'errorStandardBg', colorMix(_colorManipulator.private_safeDarken, palette.error.light, 0.9));
292
- setColor(palette.Alert, 'infoStandardBg', colorMix(_colorManipulator.private_safeDarken, palette.info.light, 0.9));
293
- setColor(palette.Alert, 'successStandardBg', colorMix(_colorManipulator.private_safeDarken, palette.success.light, 0.9));
294
- setColor(palette.Alert, 'warningStandardBg', colorMix(_colorManipulator.private_safeDarken, palette.warning.light, 0.9));
291
+ setColor(palette.Alert, 'errorStandardBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-error-light') : palette.error.light, 0.9));
292
+ setColor(palette.Alert, 'infoStandardBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-info-light') : palette.info.light, 0.9));
293
+ setColor(palette.Alert, 'successStandardBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-success-light') : palette.success.light, 0.9));
294
+ setColor(palette.Alert, 'warningStandardBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.light, 0.9));
295
295
  setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
296
296
  setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
297
297
  setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
@@ -308,20 +308,20 @@ function createThemeWithVars(options = {}, ...args) {
308
308
  setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
309
309
  setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
310
310
  setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
311
- setColor(palette.LinearProgress, 'primaryBg', colorMix(_colorManipulator.private_safeDarken, palette.primary.main, 0.5));
312
- setColor(palette.LinearProgress, 'secondaryBg', colorMix(_colorManipulator.private_safeDarken, palette.secondary.main, 0.5));
313
- setColor(palette.LinearProgress, 'errorBg', colorMix(_colorManipulator.private_safeDarken, palette.error.main, 0.5));
314
- setColor(palette.LinearProgress, 'infoBg', colorMix(_colorManipulator.private_safeDarken, palette.info.main, 0.5));
315
- setColor(palette.LinearProgress, 'successBg', colorMix(_colorManipulator.private_safeDarken, palette.success.main, 0.5));
316
- setColor(palette.LinearProgress, 'warningBg', colorMix(_colorManipulator.private_safeDarken, palette.warning.main, 0.5));
317
- setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(_colorManipulator.private_safeAlpha, palette.text.primary, 0.13) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
318
- setColor(palette.Slider, 'primaryTrack', colorMix(_colorManipulator.private_safeDarken, palette.primary.main, 0.5));
319
- setColor(palette.Slider, 'secondaryTrack', colorMix(_colorManipulator.private_safeDarken, palette.secondary.main, 0.5));
320
- setColor(palette.Slider, 'errorTrack', colorMix(_colorManipulator.private_safeDarken, palette.error.main, 0.5));
321
- setColor(palette.Slider, 'infoTrack', colorMix(_colorManipulator.private_safeDarken, palette.info.main, 0.5));
322
- setColor(palette.Slider, 'successTrack', colorMix(_colorManipulator.private_safeDarken, palette.success.main, 0.5));
323
- setColor(palette.Slider, 'warningTrack', colorMix(_colorManipulator.private_safeDarken, palette.warning.main, 0.5));
324
- const snackbarContentBackground = colorSpace ? colorMix(_colorManipulator.private_safeLighten, palette.background.default, 0.985) // use `0.985` instead of `0.98` to match the contrast ratio of JS implementation
311
+ setColor(palette.LinearProgress, 'primaryBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.5));
312
+ setColor(palette.LinearProgress, 'secondaryBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.5));
313
+ setColor(palette.LinearProgress, 'errorBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.5));
314
+ setColor(palette.LinearProgress, 'infoBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.5));
315
+ setColor(palette.LinearProgress, 'successBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.5));
316
+ setColor(palette.LinearProgress, 'warningBg', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-warning-main') : palette.warning.main, 0.5));
317
+ setColor(palette.Skeleton, 'bg', colorSpace ? colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-text-primary') : palette.text.primary, 0.13) : `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
318
+ setColor(palette.Slider, 'primaryTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.5));
319
+ setColor(palette.Slider, 'secondaryTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.5));
320
+ setColor(palette.Slider, 'errorTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.5));
321
+ setColor(palette.Slider, 'infoTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.5));
322
+ setColor(palette.Slider, 'successTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.5));
323
+ setColor(palette.Slider, 'warningTrack', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.5));
324
+ const snackbarContentBackground = colorSpace ? colorMix(_colorManipulator.private_safeLighten, nativeColor ? getCssVar('palette-background-default') : palette.background.default, 0.985) // use `0.985` instead of `0.98` to match the contrast ratio of JS implementation
325
325
  : (0, _colorManipulator.private_safeEmphasize)(palette.background.default, 0.98);
326
326
  setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
327
327
  setColor(palette.SnackbarContent, 'color', silent(() => colorSpace ? _createPalette.light.text.primary : palette.getContrastText(snackbarContentBackground)));
@@ -330,14 +330,14 @@ function createThemeWithVars(options = {}, ...args) {
330
330
  setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-600'));
331
331
  setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-grey-300'));
332
332
  setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-600'));
333
- setColor(palette.Switch, 'primaryDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.primary.main, 0.55));
334
- setColor(palette.Switch, 'secondaryDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.secondary.main, 0.55));
335
- setColor(palette.Switch, 'errorDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.error.main, 0.55));
336
- setColor(palette.Switch, 'infoDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.info.main, 0.55));
337
- setColor(palette.Switch, 'successDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.success.main, 0.55));
338
- setColor(palette.Switch, 'warningDisabledColor', colorMix(_colorManipulator.private_safeDarken, palette.warning.main, 0.55));
339
- setColor(palette.TableCell, 'border', colorMix(_colorManipulator.private_safeDarken, colorMix(_colorManipulator.private_safeAlpha, palette.divider, 1), 0.68));
340
- setColor(palette.Tooltip, 'bg', colorMix(_colorManipulator.private_safeAlpha, palette.grey[700], 0.92));
333
+ setColor(palette.Switch, 'primaryDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-primary-main') : palette.primary.main, 0.55));
334
+ setColor(palette.Switch, 'secondaryDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-secondary-main') : palette.secondary.main, 0.55));
335
+ setColor(palette.Switch, 'errorDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-error-main') : palette.error.main, 0.55));
336
+ setColor(palette.Switch, 'infoDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-info-main') : palette.info.main, 0.55));
337
+ setColor(palette.Switch, 'successDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-success-main') : palette.success.main, 0.55));
338
+ setColor(palette.Switch, 'warningDisabledColor', colorMix(_colorManipulator.private_safeDarken, nativeColor ? getCssVar('palette-warning-light') : palette.warning.main, 0.55));
339
+ setColor(palette.TableCell, 'border', colorMix(_colorManipulator.private_safeDarken, colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-divider') : palette.divider, 1), 0.68));
340
+ setColor(palette.Tooltip, 'bg', colorMix(_colorManipulator.private_safeAlpha, nativeColor ? getCssVar('palette-grey-700') : palette.grey[700], 0.92));
341
341
  }
342
342
 
343
343
  // MUI X - DataGrid needs this token.
package/version/index.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
7
- const version = exports.version = "7.3.8";
8
- const major = exports.major = Number("7");
9
- const minor = exports.minor = Number("3");
10
- const patch = exports.patch = Number("8");
11
- const prerelease = exports.prerelease = undefined;
7
+ const version = exports.version = "9.0.0-alpha.0";
8
+ const major = exports.major = Number("9");
9
+ const minor = exports.minor = Number("0");
10
+ const patch = exports.patch = Number("0");
11
+ const prerelease = exports.prerelease = "alpha.0";
12
12
  var _default = exports.default = version;