@mui/material 6.0.0-alpha.8 → 6.0.0-alpha.9

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 (125) hide show
  1. package/AccordionActions/AccordionActions.d.ts +1 -1
  2. package/AccordionDetails/AccordionDetails.d.ts +1 -1
  3. package/Alert/Alert.d.ts +1 -1
  4. package/AlertTitle/AlertTitle.d.ts +3 -3
  5. package/Autocomplete/Autocomplete.d.ts +1 -1
  6. package/Avatar/Avatar.js +3 -1
  7. package/AvatarGroup/AvatarGroup.d.ts +51 -18
  8. package/AvatarGroup/AvatarGroup.js +37 -18
  9. package/Button/Button.d.ts +1 -1
  10. package/ButtonBase/ButtonBase.d.ts +1 -1
  11. package/CHANGELOG.md +76 -0
  12. package/CardActions/CardActions.d.ts +1 -1
  13. package/CardHeader/CardHeader.d.ts +1 -1
  14. package/Checkbox/Checkbox.d.ts +1 -1
  15. package/Chip/Chip.d.ts +3 -3
  16. package/CircularProgress/CircularProgress.d.ts +1 -1
  17. package/Collapse/Collapse.d.ts +1 -1
  18. package/CssBaseline/CssBaseline.d.ts +1 -1
  19. package/Dialog/Dialog.d.ts +1 -1
  20. package/DialogActions/DialogActions.d.ts +1 -1
  21. package/DialogContent/DialogContent.d.ts +1 -1
  22. package/Drawer/Drawer.d.ts +1 -1
  23. package/Fade/Fade.d.ts +1 -1
  24. package/FilledInput/FilledInput.d.ts +1 -1
  25. package/FormControlLabel/FormControlLabel.d.ts +1 -1
  26. package/FormGroup/FormGroup.d.ts +1 -1
  27. package/GlobalStyles/GlobalStyles.d.ts +1 -1
  28. package/Grid/Grid.d.ts +1 -0
  29. package/Grid/Grid.js +1 -0
  30. package/Grow/Grow.d.ts +1 -1
  31. package/Hidden/Hidden.d.ts +2 -0
  32. package/Hidden/Hidden.js +2 -0
  33. package/ImageListItemBar/ImageListItemBar.d.ts +1 -1
  34. package/Input/Input.d.ts +1 -1
  35. package/InputBase/InputBase.d.ts +1 -1
  36. package/LinearProgress/LinearProgress.d.ts +1 -1
  37. package/ListItem/ListItem.d.ts +4 -12
  38. package/ListItem/ListItem.js +6 -14
  39. package/ListItemAvatar/ListItemAvatar.d.ts +1 -1
  40. package/ListItemIcon/ListItemIcon.d.ts +1 -1
  41. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +5 -1
  42. package/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  43. package/ListItemText/ListItemText.d.ts +3 -1
  44. package/Menu/Menu.d.ts +1 -1
  45. package/MobileStepper/MobileStepper.d.ts +1 -1
  46. package/Modal/Modal.d.ts +1 -1
  47. package/NativeSelect/NativeSelect.d.ts +1 -1
  48. package/OutlinedInput/OutlinedInput.d.ts +3 -1
  49. package/OverridableComponent.d.ts +2 -2
  50. package/Pagination/Pagination.d.ts +1 -1
  51. package/Popover/Popover.d.ts +1 -1
  52. package/Popper/Popper.d.ts +4 -0
  53. package/Popper/Popper.js +4 -0
  54. package/Radio/Radio.d.ts +1 -1
  55. package/RadioGroup/RadioGroup.d.ts +1 -1
  56. package/Rating/Rating.d.ts +1 -1
  57. package/Select/Select.d.ts +1 -1
  58. package/Slide/Slide.d.ts +1 -1
  59. package/Slider/Slider.d.ts +1 -1
  60. package/Slider/Slider.js +1 -1
  61. package/Slider/SliderValueLabel.types.d.ts +1 -1
  62. package/Snackbar/Snackbar.d.ts +1 -1
  63. package/SnackbarContent/SnackbarContent.d.ts +1 -1
  64. package/SpeedDial/SpeedDial.d.ts +1 -1
  65. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  66. package/SpeedDialIcon/SpeedDialIcon.d.ts +3 -1
  67. package/StepConnector/StepConnector.d.ts +2 -2
  68. package/StepContent/StepContent.d.ts +1 -1
  69. package/StepIcon/StepIcon.d.ts +1 -1
  70. package/StepLabel/StepLabel.d.ts +1 -1
  71. package/Switch/Switch.d.ts +1 -1
  72. package/Tab/Tab.d.ts +1 -1
  73. package/TabScrollButton/TabScrollButton.d.ts +1 -1
  74. package/TableCell/TableCell.d.ts +1 -1
  75. package/TextField/TextField.d.ts +1 -1
  76. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  77. package/Tooltip/Tooltip.d.ts +3 -5
  78. package/Tooltip/Tooltip.js +2 -4
  79. package/Zoom/Zoom.d.ts +1 -1
  80. package/index.js +1 -1
  81. package/locale/index.d.ts +1 -0
  82. package/locale/index.js +74 -1
  83. package/modern/Avatar/Avatar.js +3 -1
  84. package/modern/AvatarGroup/AvatarGroup.js +37 -18
  85. package/modern/Grid/Grid.js +1 -0
  86. package/modern/Hidden/Hidden.js +2 -0
  87. package/modern/ListItem/ListItem.js +6 -14
  88. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  89. package/modern/Popper/Popper.js +4 -0
  90. package/modern/Slider/Slider.js +1 -1
  91. package/modern/Tooltip/Tooltip.js +2 -4
  92. package/modern/index.js +1 -1
  93. package/modern/locale/index.js +74 -1
  94. package/modern/styles/CssVarsProvider.js +17 -6
  95. package/modern/styles/experimental_extendTheme.js +8 -354
  96. package/modern/styles/extendTheme.js +355 -0
  97. package/modern/styles/index.js +2 -1
  98. package/modern/styles/responsiveFontSizes.js +3 -0
  99. package/node/Avatar/Avatar.js +3 -1
  100. package/node/AvatarGroup/AvatarGroup.js +37 -18
  101. package/node/Grid/Grid.js +1 -0
  102. package/node/Hidden/Hidden.js +2 -0
  103. package/node/ListItem/ListItem.js +6 -14
  104. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +2 -0
  105. package/node/Popper/Popper.js +4 -0
  106. package/node/Slider/Slider.js +1 -1
  107. package/node/Tooltip/Tooltip.js +2 -4
  108. package/node/index.js +1 -1
  109. package/node/locale/index.js +75 -2
  110. package/node/styles/CssVarsProvider.js +22 -7
  111. package/node/styles/experimental_extendTheme.js +9 -360
  112. package/node/styles/extendTheme.js +367 -0
  113. package/node/styles/index.js +10 -0
  114. package/node/styles/responsiveFontSizes.js +3 -0
  115. package/package.json +6 -6
  116. package/styles/CssVarsProvider.d.ts +3 -2
  117. package/styles/CssVarsProvider.js +17 -6
  118. package/styles/experimental_extendTheme.js +8 -354
  119. package/styles/{experimental_extendTheme.d.ts → extendTheme.d.ts} +1 -2
  120. package/styles/extendTheme.js +355 -0
  121. package/styles/index.d.ts +2 -2
  122. package/styles/index.js +2 -1
  123. package/styles/responsiveFontSizes.js +3 -0
  124. package/themeCssVarsAugmentation/index.d.ts +1 -1
  125. package/types/OverridableComponentAugmentation.d.ts +2 -2
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v6.0.0-alpha.8
2
+ * @mui/material v6.0.0-alpha.9
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.urPK = exports.ukUA = exports.trTR = exports.tlTL = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nnNO = exports.nlNL = exports.neNP = exports.nbNO = exports.myMY = exports.msMS = exports.mkMK = exports.kuLatn = exports.kuCKB = exports.koKR = exports.kkKZ = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.beBY = exports.azAZ = exports.arSD = exports.arSA = exports.arEG = exports.amET = void 0;
6
+ exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.urPK = exports.ukUA = exports.trTR = exports.tlTL = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.psAF = exports.plPL = exports.nnNO = exports.nlNL = exports.neNP = exports.nbNO = exports.myMY = exports.msMS = exports.mkMK = exports.kuLatn = exports.kuCKB = exports.koKR = exports.kkKZ = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.beBY = exports.azAZ = exports.arSD = exports.arSA = exports.arEG = exports.amET = void 0;
7
7
  const amET = exports.amET = {
8
8
  components: {
9
9
  MuiBreadcrumbs: {
@@ -997,7 +997,7 @@ const enUS = exports.enUS = {
997
997
  },
998
998
  labelRowsPerPage: 'Rows per page:',
999
999
  labelDisplayedRows: ({ from, to, count }) =>
1000
- `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
1000
+ `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
1001
1001
  }},
1002
1002
  MuiRating: { defaultProps: {
1003
1003
  getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,
@@ -3043,6 +3043,79 @@ const plPL = exports.plPL = {
3043
3043
  }
3044
3044
  }
3045
3045
  };
3046
+ const psAF = exports.psAF = {
3047
+ components: {
3048
+ MuiBreadcrumbs: {
3049
+ defaultProps: {
3050
+ expandText: 'لاره ښکاره کړه'
3051
+ }
3052
+ },
3053
+ MuiTablePagination: {
3054
+ defaultProps: {
3055
+ getItemAriaLabel: type => {
3056
+ if (type === 'first') {
3057
+ return 'لومړۍ پاڼې ته لاړ شه';
3058
+ }
3059
+ if (type === 'last') {
3060
+ return 'ورستۍ پاڼې ته لاړ شه';
3061
+ }
3062
+ if (type === 'next') {
3063
+ return 'بلی پاڼې ته لاړ شه';
3064
+ }
3065
+ // if (type === 'previous') {
3066
+ return 'مخکینۍ پاڼې ته لاړ شه';
3067
+ },
3068
+ labelRowsPerPage: 'په پاڼه کی د کرښو شمیر',
3069
+ labelDisplayedRows: ({
3070
+ from,
3071
+ to,
3072
+ count
3073
+ }) => `${count !== -1 ? count : `${to} زیات له`} ${to}- ${from} د`
3074
+ }
3075
+ },
3076
+ MuiRating: {
3077
+ defaultProps: {
3078
+ getLabelText: value => `${value} ستوری`,
3079
+ emptyLabelText: 'خالی'
3080
+ }
3081
+ },
3082
+ MuiAutocomplete: {
3083
+ defaultProps: {
3084
+ clearText: 'پاک کول',
3085
+ closeText: 'تړل',
3086
+ loadingText: '... لوډ کیږی',
3087
+ noOptionsText: 'بی پایلی',
3088
+ openText: 'خلاصول'
3089
+ }
3090
+ },
3091
+ MuiAlert: {
3092
+ defaultProps: {
3093
+ closeText: 'تړل'
3094
+ }
3095
+ },
3096
+ MuiPagination: {
3097
+ defaultProps: {
3098
+ 'aria-label': 'د پاڼو ترتیب',
3099
+ getItemAriaLabel: (type, page, selected) => {
3100
+ if (type === 'page') {
3101
+ return `${selected ? '' : ' ته لاړ شه'}پاڼې ${page}`;
3102
+ }
3103
+ if (type === 'first') {
3104
+ return 'لومړۍ پاڼی ته لاړ شه';
3105
+ }
3106
+ if (type === 'last') {
3107
+ return 'وروستۍ پاڼې ته لاړه شه';
3108
+ }
3109
+ if (type === 'next') {
3110
+ return 'بلې پاڼې ته لاړ شه';
3111
+ }
3112
+ // if (type === 'previous') {
3113
+ return 'مخکنۍ پاڼې ته لاړ شه';
3114
+ }
3115
+ }
3116
+ }
3117
+ }
3118
+ };
3046
3119
  const ptBR = exports.ptBR = {
3047
3120
  components: {
3048
3121
  MuiBreadcrumbs: {
@@ -1,20 +1,23 @@
1
1
  "use strict";
2
2
  'use client';
3
3
 
4
- // do not remove the following import (https://github.com/microsoft/TypeScript/issues/29808#issuecomment-1320713018)
5
- /* eslint-disable @typescript-eslint/no-unused-vars */
6
- // @ts-ignore
7
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
8
5
  Object.defineProperty(exports, "__esModule", {
9
6
  value: true
10
7
  });
11
- exports.useColorScheme = exports.getInitColorSchemeScript = exports.Experimental_CssVarsProvider = void 0;
8
+ exports.CssVarsProvider = void 0;
9
+ exports.Experimental_CssVarsProvider = Experimental_CssVarsProvider;
10
+ exports.useColorScheme = exports.getInitColorSchemeScript = void 0;
11
+ var React = _interopRequireWildcard(require("react"));
12
12
  var _system = require("@mui/system");
13
13
  var _styleFunctionSx = _interopRequireDefault(require("@mui/system/styleFunctionSx"));
14
- var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
14
+ var _extendTheme = _interopRequireDefault(require("./extendTheme"));
15
15
  var _createTypography = _interopRequireDefault(require("./createTypography"));
16
16
  var _identifier = _interopRequireDefault(require("./identifier"));
17
- const defaultTheme = (0, _experimental_extendTheme.default)();
17
+ var _jsxRuntime = require("react/jsx-runtime");
18
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
+ const defaultTheme = (0, _extendTheme.default)();
18
21
  const {
19
22
  CssVarsProvider,
20
23
  useColorScheme,
@@ -45,4 +48,16 @@ const {
45
48
  });
46
49
  exports.getInitColorSchemeScript = getInitColorSchemeScript;
47
50
  exports.useColorScheme = useColorScheme;
48
- exports.Experimental_CssVarsProvider = CssVarsProvider;
51
+ exports.CssVarsProvider = CssVarsProvider;
52
+ let warnedOnce = false;
53
+
54
+ // eslint-disable-next-line @typescript-eslint/naming-convention
55
+ function Experimental_CssVarsProvider(props) {
56
+ if (!warnedOnce) {
57
+ console.warn(['MUI: The Experimental_CssVarsProvider component has been stabilized.', '', "You should use `import { CssVarsProvider } from '@mui/material/styles'`"].join('\n'));
58
+ warnedOnce = true;
59
+ }
60
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(CssVarsProvider, {
61
+ ...props
62
+ });
63
+ }
@@ -4,364 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.createGetCssVar = void 0;
8
- exports.default = extendTheme;
9
- var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
10
- var _system = require("@mui/system");
11
- var _spacing = require("@mui/system/spacing");
12
- var _cssVars = require("@mui/system/cssVars");
13
- var _styleFunctionSx = _interopRequireWildcard(require("@mui/system/styleFunctionSx"));
14
- var _colorManipulator = require("@mui/system/colorManipulator");
15
- var _shouldSkipGeneratingVar = _interopRequireDefault(require("./shouldSkipGeneratingVar"));
16
- var _createTheme = _interopRequireDefault(require("./createTheme"));
17
- var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
18
- var _createGetSelector = _interopRequireDefault(require("./createGetSelector"));
19
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
20
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
- const defaultDarkOverlays = [...Array(25)].map((_, index) => {
22
- if (index === 0) {
23
- return undefined;
24
- }
25
- const overlay = (0, _getOverlayAlpha.default)(index);
26
- return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;
27
- });
28
- function assignNode(obj, keys) {
29
- keys.forEach(k => {
30
- if (!obj[k]) {
31
- obj[k] = {};
32
- }
33
- });
34
- }
35
- function setColor(obj, key, defaultValue) {
36
- if (!obj[key] && defaultValue) {
37
- obj[key] = defaultValue;
38
- }
39
- }
40
- function toRgb(color) {
41
- if (!color || !color.startsWith('hsl')) {
42
- return color;
43
- }
44
- return (0, _colorManipulator.hslToRgb)(color);
45
- }
46
- function setColorChannel(obj, key) {
47
- if (!(`${key}Channel` in obj)) {
48
- // custom channel token is not provided, generate one.
49
- // if channel token can't be generated, show a warning.
50
- obj[`${key}Channel`] = (0, _colorManipulator.private_safeColorChannel)(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`);
51
- }
52
- }
53
- function getSpacingVal(spacingInput) {
54
- if (typeof spacingInput === 'number') {
55
- return `${spacingInput}px`;
56
- }
57
- if (typeof spacingInput === 'string') {
58
- return spacingInput;
59
- }
60
- if (typeof spacingInput === 'function') {
61
- return getSpacingVal(spacingInput(1));
62
- }
63
- if (Array.isArray(spacingInput)) {
64
- return spacingInput;
65
- }
66
- return '8px';
67
- }
68
- const silent = fn => {
69
- try {
70
- return fn();
71
- } catch (error) {
72
- // ignore error
73
- }
74
- return undefined;
75
- };
76
- const createGetCssVar = (cssVarPrefix = 'mui') => (0, _system.unstable_createGetCssVar)(cssVarPrefix);
77
- exports.createGetCssVar = createGetCssVar;
78
- function extendTheme(options = {}, ...args) {
79
- var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
80
- const {
81
- colorSchemes: colorSchemesInput = {},
82
- cssVarPrefix = 'mui',
83
- shouldSkipGeneratingVar = _shouldSkipGeneratingVar.default,
84
- getSelector,
85
- ...input
86
- } = options;
87
- const getCssVar = createGetCssVar(cssVarPrefix);
88
- const {
89
- palette: lightPalette,
90
- ...muiTheme
91
- } = (0, _createTheme.default)({
92
- ...input,
93
- ...(colorSchemesInput.light && {
94
- palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
95
- })
96
- });
97
- const {
98
- palette: darkPalette
99
- } = (0, _createTheme.default)({
100
- palette: {
101
- mode: 'dark',
102
- ...((_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
103
- }
104
- });
105
- let theme = {
106
- defaultColorScheme: 'light',
107
- ...muiTheme,
108
- cssVarPrefix,
109
- getCssVar,
110
- colorSchemes: {
111
- ...colorSchemesInput,
112
- light: {
113
- ...colorSchemesInput.light,
114
- palette: lightPalette,
115
- opacity: {
116
- inputPlaceholder: 0.42,
117
- inputUnderline: 0.42,
118
- switchTrackDisabled: 0.12,
119
- switchTrack: 0.38,
120
- ...((_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity)
121
- },
122
- overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) || []
123
- },
124
- dark: {
125
- ...colorSchemesInput.dark,
126
- palette: darkPalette,
127
- opacity: {
128
- inputPlaceholder: 0.5,
129
- inputUnderline: 0.7,
130
- switchTrackDisabled: 0.2,
131
- switchTrack: 0.3,
132
- ...((_colorSchemesInput$da2 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da2.opacity)
133
- },
134
- overlays: ((_colorSchemesInput$da3 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da3.overlays) || defaultDarkOverlays
135
- }
136
- },
137
- font: {
138
- ...(0, _cssVars.prepareTypographyVars)(muiTheme.typography),
139
- ...muiTheme.font
140
- },
141
- spacing: getSpacingVal(input.spacing)
142
- };
143
- Object.keys(theme.colorSchemes).forEach(key => {
144
- const palette = theme.colorSchemes[key].palette;
145
- const setCssVarColor = cssVar => {
146
- const tokens = cssVar.split('-');
147
- const color = tokens[1];
148
- const colorToken = tokens[2];
149
- return getCssVar(cssVar, palette[color][colorToken]);
150
- };
151
-
152
- // attach black & white channels to common node
153
- if (key === 'light') {
154
- setColor(palette.common, 'background', '#fff');
155
- setColor(palette.common, 'onBackground', '#000');
156
- } else {
157
- setColor(palette.common, 'background', '#000');
158
- setColor(palette.common, 'onBackground', '#fff');
159
- }
160
-
161
- // assign component variables
162
- assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Button', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
163
- if (key === 'light') {
164
- setColor(palette.Alert, 'errorColor', (0, _colorManipulator.private_safeDarken)(palette.error.light, 0.6));
165
- setColor(palette.Alert, 'infoColor', (0, _colorManipulator.private_safeDarken)(palette.info.light, 0.6));
166
- setColor(palette.Alert, 'successColor', (0, _colorManipulator.private_safeDarken)(palette.success.light, 0.6));
167
- setColor(palette.Alert, 'warningColor', (0, _colorManipulator.private_safeDarken)(palette.warning.light, 0.6));
168
- setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-main'));
169
- setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-main'));
170
- setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-main'));
171
- setColor(palette.Alert, 'warningFilledBg', setCssVarColor('palette-warning-main'));
172
- setColor(palette.Alert, 'errorFilledColor', silent(() => lightPalette.getContrastText(palette.error.main)));
173
- setColor(palette.Alert, 'infoFilledColor', silent(() => lightPalette.getContrastText(palette.info.main)));
174
- setColor(palette.Alert, 'successFilledColor', silent(() => lightPalette.getContrastText(palette.success.main)));
175
- setColor(palette.Alert, 'warningFilledColor', silent(() => lightPalette.getContrastText(palette.warning.main)));
176
- setColor(palette.Alert, 'errorStandardBg', (0, _colorManipulator.private_safeLighten)(palette.error.light, 0.9));
177
- setColor(palette.Alert, 'infoStandardBg', (0, _colorManipulator.private_safeLighten)(palette.info.light, 0.9));
178
- setColor(palette.Alert, 'successStandardBg', (0, _colorManipulator.private_safeLighten)(palette.success.light, 0.9));
179
- setColor(palette.Alert, 'warningStandardBg', (0, _colorManipulator.private_safeLighten)(palette.warning.light, 0.9));
180
- setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
181
- setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
182
- setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
183
- setColor(palette.Alert, 'warningIconColor', setCssVarColor('palette-warning-main'));
184
- setColor(palette.AppBar, 'defaultBg', setCssVarColor('palette-grey-100'));
185
- setColor(palette.Avatar, 'defaultBg', setCssVarColor('palette-grey-400'));
186
- setColor(palette.Button, 'inheritContainedBg', setCssVarColor('palette-grey-300'));
187
- setColor(palette.Button, 'inheritContainedHoverBg', setCssVarColor('palette-grey-A100'));
188
- setColor(palette.Chip, 'defaultBorder', setCssVarColor('palette-grey-400'));
189
- setColor(palette.Chip, 'defaultAvatarColor', setCssVarColor('palette-grey-700'));
190
- setColor(palette.Chip, 'defaultIconColor', setCssVarColor('palette-grey-700'));
191
- setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
192
- setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
193
- setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
194
- setColor(palette.LinearProgress, 'primaryBg', (0, _colorManipulator.private_safeLighten)(palette.primary.main, 0.62));
195
- setColor(palette.LinearProgress, 'secondaryBg', (0, _colorManipulator.private_safeLighten)(palette.secondary.main, 0.62));
196
- setColor(palette.LinearProgress, 'errorBg', (0, _colorManipulator.private_safeLighten)(palette.error.main, 0.62));
197
- setColor(palette.LinearProgress, 'infoBg', (0, _colorManipulator.private_safeLighten)(palette.info.main, 0.62));
198
- setColor(palette.LinearProgress, 'successBg', (0, _colorManipulator.private_safeLighten)(palette.success.main, 0.62));
199
- setColor(palette.LinearProgress, 'warningBg', (0, _colorManipulator.private_safeLighten)(palette.warning.main, 0.62));
200
- setColor(palette.Skeleton, 'bg', `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
201
- setColor(palette.Slider, 'primaryTrack', (0, _colorManipulator.private_safeLighten)(palette.primary.main, 0.62));
202
- setColor(palette.Slider, 'secondaryTrack', (0, _colorManipulator.private_safeLighten)(palette.secondary.main, 0.62));
203
- setColor(palette.Slider, 'errorTrack', (0, _colorManipulator.private_safeLighten)(palette.error.main, 0.62));
204
- setColor(palette.Slider, 'infoTrack', (0, _colorManipulator.private_safeLighten)(palette.info.main, 0.62));
205
- setColor(palette.Slider, 'successTrack', (0, _colorManipulator.private_safeLighten)(palette.success.main, 0.62));
206
- setColor(palette.Slider, 'warningTrack', (0, _colorManipulator.private_safeLighten)(palette.warning.main, 0.62));
207
- const snackbarContentBackground = (0, _colorManipulator.private_safeEmphasize)(palette.background.default, 0.8);
208
- setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
209
- setColor(palette.SnackbarContent, 'color', silent(() => lightPalette.getContrastText(snackbarContentBackground)));
210
- setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _colorManipulator.private_safeEmphasize)(palette.background.paper, 0.15));
211
- setColor(palette.StepConnector, 'border', setCssVarColor('palette-grey-400'));
212
- setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-400'));
213
- setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-common-white'));
214
- setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-100'));
215
- setColor(palette.Switch, 'primaryDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.primary.main, 0.62));
216
- setColor(palette.Switch, 'secondaryDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.secondary.main, 0.62));
217
- setColor(palette.Switch, 'errorDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.error.main, 0.62));
218
- setColor(palette.Switch, 'infoDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.info.main, 0.62));
219
- setColor(palette.Switch, 'successDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.success.main, 0.62));
220
- setColor(palette.Switch, 'warningDisabledColor', (0, _colorManipulator.private_safeLighten)(palette.warning.main, 0.62));
221
- setColor(palette.TableCell, 'border', (0, _colorManipulator.private_safeLighten)((0, _colorManipulator.private_safeAlpha)(palette.divider, 1), 0.88));
222
- setColor(palette.Tooltip, 'bg', (0, _colorManipulator.private_safeAlpha)(palette.grey[700], 0.92));
223
- } else {
224
- setColor(palette.Alert, 'errorColor', (0, _colorManipulator.private_safeLighten)(palette.error.light, 0.6));
225
- setColor(palette.Alert, 'infoColor', (0, _colorManipulator.private_safeLighten)(palette.info.light, 0.6));
226
- setColor(palette.Alert, 'successColor', (0, _colorManipulator.private_safeLighten)(palette.success.light, 0.6));
227
- setColor(palette.Alert, 'warningColor', (0, _colorManipulator.private_safeLighten)(palette.warning.light, 0.6));
228
- setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-dark'));
229
- setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-dark'));
230
- setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-dark'));
231
- setColor(palette.Alert, 'warningFilledBg', setCssVarColor('palette-warning-dark'));
232
- setColor(palette.Alert, 'errorFilledColor', silent(() => darkPalette.getContrastText(palette.error.dark)));
233
- setColor(palette.Alert, 'infoFilledColor', silent(() => darkPalette.getContrastText(palette.info.dark)));
234
- setColor(palette.Alert, 'successFilledColor', silent(() => darkPalette.getContrastText(palette.success.dark)));
235
- setColor(palette.Alert, 'warningFilledColor', silent(() => darkPalette.getContrastText(palette.warning.dark)));
236
- setColor(palette.Alert, 'errorStandardBg', (0, _colorManipulator.private_safeDarken)(palette.error.light, 0.9));
237
- setColor(palette.Alert, 'infoStandardBg', (0, _colorManipulator.private_safeDarken)(palette.info.light, 0.9));
238
- setColor(palette.Alert, 'successStandardBg', (0, _colorManipulator.private_safeDarken)(palette.success.light, 0.9));
239
- setColor(palette.Alert, 'warningStandardBg', (0, _colorManipulator.private_safeDarken)(palette.warning.light, 0.9));
240
- setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
241
- setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
242
- setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
243
- setColor(palette.Alert, 'warningIconColor', setCssVarColor('palette-warning-main'));
244
- setColor(palette.AppBar, 'defaultBg', setCssVarColor('palette-grey-900'));
245
- setColor(palette.AppBar, 'darkBg', setCssVarColor('palette-background-paper')); // specific for dark mode
246
- setColor(palette.AppBar, 'darkColor', setCssVarColor('palette-text-primary')); // specific for dark mode
247
- setColor(palette.Avatar, 'defaultBg', setCssVarColor('palette-grey-600'));
248
- setColor(palette.Button, 'inheritContainedBg', setCssVarColor('palette-grey-800'));
249
- setColor(palette.Button, 'inheritContainedHoverBg', setCssVarColor('palette-grey-700'));
250
- setColor(palette.Chip, 'defaultBorder', setCssVarColor('palette-grey-700'));
251
- setColor(palette.Chip, 'defaultAvatarColor', setCssVarColor('palette-grey-300'));
252
- setColor(palette.Chip, 'defaultIconColor', setCssVarColor('palette-grey-300'));
253
- setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
254
- setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
255
- setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
256
- setColor(palette.LinearProgress, 'primaryBg', (0, _colorManipulator.private_safeDarken)(palette.primary.main, 0.5));
257
- setColor(palette.LinearProgress, 'secondaryBg', (0, _colorManipulator.private_safeDarken)(palette.secondary.main, 0.5));
258
- setColor(palette.LinearProgress, 'errorBg', (0, _colorManipulator.private_safeDarken)(palette.error.main, 0.5));
259
- setColor(palette.LinearProgress, 'infoBg', (0, _colorManipulator.private_safeDarken)(palette.info.main, 0.5));
260
- setColor(palette.LinearProgress, 'successBg', (0, _colorManipulator.private_safeDarken)(palette.success.main, 0.5));
261
- setColor(palette.LinearProgress, 'warningBg', (0, _colorManipulator.private_safeDarken)(palette.warning.main, 0.5));
262
- setColor(palette.Skeleton, 'bg', `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
263
- setColor(palette.Slider, 'primaryTrack', (0, _colorManipulator.private_safeDarken)(palette.primary.main, 0.5));
264
- setColor(palette.Slider, 'secondaryTrack', (0, _colorManipulator.private_safeDarken)(palette.secondary.main, 0.5));
265
- setColor(palette.Slider, 'errorTrack', (0, _colorManipulator.private_safeDarken)(palette.error.main, 0.5));
266
- setColor(palette.Slider, 'infoTrack', (0, _colorManipulator.private_safeDarken)(palette.info.main, 0.5));
267
- setColor(palette.Slider, 'successTrack', (0, _colorManipulator.private_safeDarken)(palette.success.main, 0.5));
268
- setColor(palette.Slider, 'warningTrack', (0, _colorManipulator.private_safeDarken)(palette.warning.main, 0.5));
269
- const snackbarContentBackground = (0, _colorManipulator.private_safeEmphasize)(palette.background.default, 0.98);
270
- setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
271
- setColor(palette.SnackbarContent, 'color', silent(() => darkPalette.getContrastText(snackbarContentBackground)));
272
- setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _colorManipulator.private_safeEmphasize)(palette.background.paper, 0.15));
273
- setColor(palette.StepConnector, 'border', setCssVarColor('palette-grey-600'));
274
- setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-600'));
275
- setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-grey-300'));
276
- setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-600'));
277
- setColor(palette.Switch, 'primaryDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.primary.main, 0.55));
278
- setColor(palette.Switch, 'secondaryDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.secondary.main, 0.55));
279
- setColor(palette.Switch, 'errorDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.error.main, 0.55));
280
- setColor(palette.Switch, 'infoDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.info.main, 0.55));
281
- setColor(palette.Switch, 'successDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.success.main, 0.55));
282
- setColor(palette.Switch, 'warningDisabledColor', (0, _colorManipulator.private_safeDarken)(palette.warning.main, 0.55));
283
- setColor(palette.TableCell, 'border', (0, _colorManipulator.private_safeDarken)((0, _colorManipulator.private_safeAlpha)(palette.divider, 1), 0.68));
284
- setColor(palette.Tooltip, 'bg', (0, _colorManipulator.private_safeAlpha)(palette.grey[700], 0.92));
285
- }
286
-
287
- // MUI X - DataGrid needs this token.
288
- setColorChannel(palette.background, 'default');
289
-
290
- // added for consistency with the `background.default` token
291
- setColorChannel(palette.background, 'paper');
292
- setColorChannel(palette.common, 'background');
293
- setColorChannel(palette.common, 'onBackground');
294
- setColorChannel(palette, 'divider');
295
- Object.keys(palette).forEach(color => {
296
- const colors = palette[color];
297
-
298
- // The default palettes (primary, secondary, error, info, success, and warning) errors are handled by the above `createTheme(...)`.
299
-
300
- if (colors && typeof colors === 'object') {
301
- // Silent the error for custom palettes.
302
- if (colors.main) {
303
- setColor(palette[color], 'mainChannel', (0, _colorManipulator.private_safeColorChannel)(toRgb(colors.main)));
304
- }
305
- if (colors.light) {
306
- setColor(palette[color], 'lightChannel', (0, _colorManipulator.private_safeColorChannel)(toRgb(colors.light)));
307
- }
308
- if (colors.dark) {
309
- setColor(palette[color], 'darkChannel', (0, _colorManipulator.private_safeColorChannel)(toRgb(colors.dark)));
310
- }
311
- if (colors.contrastText) {
312
- setColor(palette[color], 'contrastTextChannel', (0, _colorManipulator.private_safeColorChannel)(toRgb(colors.contrastText)));
313
- }
314
- if (color === 'text') {
315
- // Text colors: text.primary, text.secondary
316
- setColorChannel(palette[color], 'primary');
317
- setColorChannel(palette[color], 'secondary');
318
- }
319
- if (color === 'action') {
320
- // Action colors: action.active, action.selected
321
- if (colors.active) {
322
- setColorChannel(palette[color], 'active');
323
- }
324
- if (colors.selected) {
325
- setColorChannel(palette[color], 'selected');
326
- }
327
- }
328
- }
329
- });
330
- });
331
- theme = args.reduce((acc, argument) => (0, _deepmerge.default)(acc, argument), theme);
332
- const parserConfig = {
333
- prefix: cssVarPrefix,
334
- shouldSkipGeneratingVar,
335
- getSelector: getSelector || (0, _createGetSelector.default)(theme)
336
- };
337
- const {
338
- vars,
339
- generateThemeVars,
340
- generateStyleSheets
341
- } = (0, _cssVars.prepareCssVars)(theme, parserConfig);
342
- theme.attribute = 'data-mui-color-scheme';
343
- theme.colorSchemeSelector = ':root';
344
- theme.vars = vars;
345
- Object.entries(theme.colorSchemes[theme.defaultColorScheme]).forEach(([key, value]) => {
346
- theme[key] = value;
347
- });
348
- theme.generateThemeVars = generateThemeVars;
349
- theme.generateStyleSheets = generateStyleSheets;
350
- theme.generateSpacing = function generateSpacing() {
351
- return (0, _system.createSpacing)(input.spacing, (0, _spacing.createUnarySpacing)(this));
352
- };
353
- theme.getColorSchemeSelector = colorScheme => `[${theme.attribute}="${colorScheme}"] &`;
354
- theme.spacing = theme.generateSpacing();
355
- theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
356
- theme.unstable_sxConfig = {
357
- ..._styleFunctionSx.unstable_defaultSxConfig,
358
- ...(input == null ? void 0 : input.unstable_sxConfig)
359
- };
360
- theme.unstable_sx = function sx(props) {
361
- return (0, _styleFunctionSx.default)({
362
- sx: props,
363
- theme: this
364
- });
365
- };
366
- return theme;
7
+ exports.default = deprecatedExtendTheme;
8
+ var _extendTheme = _interopRequireDefault(require("./extendTheme"));
9
+ let warnedOnce = false;
10
+ function deprecatedExtendTheme(...args) {
11
+ if (!warnedOnce) {
12
+ console.warn(['MUI: The `experimental_extendTheme` has been stabilized.', '', "You should use `import { extendTheme } from '@mui/material/styles'`"].join('\n'));
13
+ warnedOnce = true;
14
+ }
15
+ return (0, _extendTheme.default)(...args);
367
16
  }