@mui/material 5.11.3 → 5.11.5

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 (71) hide show
  1. package/Autocomplete/Autocomplete.d.ts +4 -3
  2. package/Autocomplete/Autocomplete.js +1 -0
  3. package/Box/Box.d.ts +5 -22
  4. package/CHANGELOG.md +106 -0
  5. package/FilledInput/FilledInput.js +0 -4
  6. package/Input/Input.js +1 -5
  7. package/MenuItem/MenuItem.d.ts +1 -1
  8. package/MenuItem/MenuItem.js +2 -1
  9. package/Modal/Modal.d.ts +35 -12
  10. package/Select/Select.d.ts +25 -83
  11. package/Slider/Slider.d.ts +1 -2
  12. package/Slider/Slider.js +222 -63
  13. package/Slider/SliderValueLabel.d.ts +15 -0
  14. package/Slider/SliderValueLabel.js +49 -0
  15. package/Slider/SliderValueLabel.types.d.ts +24 -0
  16. package/Slider/SliderValueLabel.types.js +1 -0
  17. package/Slider/index.d.ts +1 -0
  18. package/Slider/index.js +2 -1
  19. package/Slider/sliderClasses.d.ts +29 -0
  20. package/Slider/sliderClasses.js +5 -0
  21. package/Tabs/Tabs.js +3 -1
  22. package/Tooltip/Tooltip.js +0 -1
  23. package/index.js +3 -1
  24. package/legacy/Autocomplete/Autocomplete.js +1 -0
  25. package/legacy/FilledInput/FilledInput.js +0 -3
  26. package/legacy/Input/Input.js +1 -4
  27. package/legacy/MenuItem/MenuItem.js +2 -1
  28. package/legacy/Slider/Slider.js +251 -72
  29. package/legacy/Slider/SliderValueLabel.js +45 -0
  30. package/legacy/Slider/SliderValueLabel.types.js +1 -0
  31. package/legacy/Slider/index.js +2 -1
  32. package/legacy/Slider/sliderClasses.js +5 -0
  33. package/legacy/Tabs/Tabs.js +3 -1
  34. package/legacy/Tooltip/Tooltip.js +0 -1
  35. package/legacy/index.js +3 -1
  36. package/legacy/locale/index.js +230 -144
  37. package/legacy/styles/experimental_extendTheme.js +16 -8
  38. package/locale/index.d.ts +1 -0
  39. package/locale/index.js +85 -0
  40. package/modern/Autocomplete/Autocomplete.js +1 -0
  41. package/modern/FilledInput/FilledInput.js +0 -4
  42. package/modern/Input/Input.js +1 -5
  43. package/modern/MenuItem/MenuItem.js +2 -1
  44. package/modern/Slider/Slider.js +221 -62
  45. package/modern/Slider/SliderValueLabel.js +49 -0
  46. package/modern/Slider/SliderValueLabel.types.js +1 -0
  47. package/modern/Slider/index.js +2 -1
  48. package/modern/Slider/sliderClasses.js +5 -0
  49. package/modern/Tabs/Tabs.js +3 -1
  50. package/modern/Tooltip/Tooltip.js +0 -1
  51. package/modern/index.js +3 -1
  52. package/modern/locale/index.js +85 -0
  53. package/modern/styles/experimental_extendTheme.js +16 -8
  54. package/node/Autocomplete/Autocomplete.js +1 -0
  55. package/node/FilledInput/FilledInput.js +0 -4
  56. package/node/Input/Input.js +1 -5
  57. package/node/MenuItem/MenuItem.js +2 -1
  58. package/node/Slider/Slider.js +228 -71
  59. package/node/Slider/SliderValueLabel.js +57 -0
  60. package/node/Slider/SliderValueLabel.types.js +5 -0
  61. package/node/Slider/index.js +11 -1
  62. package/node/Slider/sliderClasses.js +13 -0
  63. package/node/Tabs/Tabs.js +3 -1
  64. package/node/Tooltip/Tooltip.js +0 -1
  65. package/node/index.js +3 -1
  66. package/node/locale/index.js +87 -1
  67. package/node/styles/experimental_extendTheme.js +16 -8
  68. package/package.json +4 -4
  69. package/styles/experimental_extendTheme.js +16 -8
  70. package/umd/material-ui.development.js +523 -787
  71. package/umd/material-ui.production.min.js +23 -21
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = SliderValueLabel;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var _propTypes = _interopRequireDefault(require("prop-types"));
10
+ var _clsx = _interopRequireDefault(require("clsx"));
11
+ var _sliderClasses = _interopRequireDefault(require("./sliderClasses"));
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ const useValueLabelClasses = props => {
16
+ const {
17
+ open
18
+ } = props;
19
+ const utilityClasses = {
20
+ offset: (0, _clsx.default)(open && _sliderClasses.default.valueLabelOpen),
21
+ circle: _sliderClasses.default.valueLabelCircle,
22
+ label: _sliderClasses.default.valueLabelLabel
23
+ };
24
+ return utilityClasses;
25
+ };
26
+
27
+ /**
28
+ * @ignore - internal component.
29
+ */
30
+ function SliderValueLabel(props) {
31
+ const {
32
+ children,
33
+ className,
34
+ value
35
+ } = props;
36
+ const classes = useValueLabelClasses(props);
37
+ return /*#__PURE__*/React.cloneElement(children, {
38
+ className: (0, _clsx.default)(children.props.className)
39
+ }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
40
+ children: [children.props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
41
+ className: (0, _clsx.default)(classes.offset, className),
42
+ "aria-hidden": true,
43
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
44
+ className: classes.circle,
45
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
46
+ className: classes.label,
47
+ children: value
48
+ })
49
+ })
50
+ })]
51
+ }));
52
+ }
53
+ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes = {
54
+ children: _propTypes.default.element.isRequired,
55
+ className: _propTypes.default.string,
56
+ value: _propTypes.default.node
57
+ } : void 0;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -1,15 +1,24 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- var _exportNames = {};
7
+ var _exportNames = {
8
+ sliderClasses: true
9
+ };
7
10
  Object.defineProperty(exports, "default", {
8
11
  enumerable: true,
9
12
  get: function () {
10
13
  return _Slider.default;
11
14
  }
12
15
  });
16
+ Object.defineProperty(exports, "sliderClasses", {
17
+ enumerable: true,
18
+ get: function () {
19
+ return _sliderClasses.default;
20
+ }
21
+ });
13
22
  var _Slider = _interopRequireWildcard(require("./Slider"));
14
23
  Object.keys(_Slider).forEach(function (key) {
15
24
  if (key === "default" || key === "__esModule") return;
@@ -22,5 +31,6 @@ Object.keys(_Slider).forEach(function (key) {
22
31
  }
23
32
  });
24
33
  });
34
+ var _sliderClasses = _interopRequireDefault(require("./sliderClasses"));
25
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
36
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _utils = require("@mui/utils");
10
+ var _SliderUnstyled = require("@mui/base/SliderUnstyled");
11
+ const sliderClasses = (0, _extends2.default)({}, _SliderUnstyled.sliderUnstyledClasses, (0, _utils.unstable_generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
12
+ var _default = sliderClasses;
13
+ exports.default = _default;
package/node/Tabs/Tabs.js CHANGED
@@ -315,7 +315,9 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
315
315
  }
316
316
  tabMeta = tab ? tab.getBoundingClientRect() : null;
317
317
  if (process.env.NODE_ENV !== 'production') {
318
- if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
318
+ if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
319
+ // if the whole Tabs component is hidden, don't warn
320
+ tabsMeta.clientWidth !== 0) {
319
321
  tabsMeta = null;
320
322
  console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
321
323
  warnedOnceTabPresent = true;
@@ -578,7 +578,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
578
578
  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
579
579
  timeout: theme.transitions.duration.shorter
580
580
  }, TransitionPropsInner, transitionProps, {
581
- "data-foo": "bar",
582
581
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipComponent, (0, _extends2.default)({}, tooltipProps, {
583
582
  children: [title, arrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowComponent, (0, _extends2.default)({}, tooltipArrowProps, {
584
583
  ref: setArrowRef
package/node/index.js CHANGED
@@ -1,5 +1,7 @@
1
- /** @license MUI v5.11.3
1
+ /**
2
+ * @mui/material v5.11.5
2
3
  *
4
+ * @license MIT
3
5
  * This source code is licensed under the MIT license found in the
4
6
  * LICENSE file in the root directory of this source tree.
5
7
  */
@@ -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.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.mkMK = exports.kuLatn = 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.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.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.mkMK = exports.kuLatn = 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 = {
8
8
  components: {
9
9
  MuiBreadcrumbs: {
@@ -453,6 +453,92 @@ const bnBD = {
453
453
  }
454
454
  };
455
455
  exports.bnBD = bnBD;
456
+ const beBY = {
457
+ components: {
458
+ MuiBreadcrumbs: {
459
+ defaultProps: {
460
+ expandText: 'Паказаць шлях'
461
+ }
462
+ },
463
+ MuiTablePagination: {
464
+ defaultProps: {
465
+ getItemAriaLabel: type => {
466
+ if (type === 'first') {
467
+ return 'Перайсці на першую старонку';
468
+ }
469
+ if (type === 'last') {
470
+ return 'Перайсці на апошнюю старонку';
471
+ }
472
+ if (type === 'next') {
473
+ return 'Перайсці на наступную старонку';
474
+ }
475
+ // if (type === 'previous') {
476
+ return 'Перайсці на папярэднюю старонку';
477
+ },
478
+ labelRowsPerPage: 'Радкоў на старонцы:',
479
+ labelDisplayedRows: ({
480
+ from,
481
+ to,
482
+ count
483
+ }) => `${from}–${to} з ${count !== -1 ? count : `больш чым ${to}`}`
484
+ }
485
+ },
486
+ MuiRating: {
487
+ defaultProps: {
488
+ getLabelText: value => {
489
+ let pluralForm = 'Зорак';
490
+ const lastDigit = value % 10;
491
+ if (lastDigit > 1 && lastDigit < 5 && (value < 10 || value > 20)) {
492
+ pluralForm = 'Зоркі';
493
+ } else if (lastDigit === 1 && value % 100 !== 11) {
494
+ pluralForm = 'Зорка';
495
+ }
496
+ return `${value} ${pluralForm}`;
497
+ },
498
+ emptyLabelText: 'Рэйтынг адсутнічае'
499
+ }
500
+ },
501
+ MuiAutocomplete: {
502
+ defaultProps: {
503
+ clearText: 'Ачысціць',
504
+ closeText: 'Закрыць',
505
+ loadingText: 'Загрузка…',
506
+ noOptionsText: 'Няма варыянтаў',
507
+ openText: 'Адкрыць'
508
+ }
509
+ },
510
+ MuiAlert: {
511
+ defaultProps: {
512
+ closeText: 'Закрыць'
513
+ }
514
+ },
515
+ MuiPagination: {
516
+ defaultProps: {
517
+ 'aria-label': 'Навігацыя па старонкам',
518
+ getItemAriaLabel: (type, page, selected) => {
519
+ if (type === 'page') {
520
+ if (selected) {
521
+ return `${page} старонка`;
522
+ }
523
+ return `Перайсці на ${page} старонку`;
524
+ }
525
+ if (type === 'first') {
526
+ return 'Перайсці на першую старонку';
527
+ }
528
+ if (type === 'last') {
529
+ return 'Перайсці на апошнюю старонку';
530
+ }
531
+ if (type === 'next') {
532
+ return 'Перайсці на наступную старонку';
533
+ }
534
+ // if (type === 'previous') {
535
+ return 'Перайсці на папярэднюю старонку';
536
+ }
537
+ }
538
+ }
539
+ }
540
+ };
541
+ exports.beBY = beBY;
456
542
  const bgBG = {
457
543
  components: {
458
544
  MuiBreadcrumbs: {
@@ -33,6 +33,13 @@ function setColor(obj, key, defaultValue) {
33
33
  obj[key] = defaultValue;
34
34
  }
35
35
  }
36
+ function setColorChannel(obj, key) {
37
+ if (!(`${key}Channel` in obj)) {
38
+ // custom channel token is not provided, generate one.
39
+ // if channel token can't be generated, show a warning.
40
+ obj[`${key}Channel`] = (0, _system.private_safeColorChannel)(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, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
41
+ }
42
+ }
36
43
  const silent = fn => {
37
44
  try {
38
45
  return fn();
@@ -224,11 +231,12 @@ function extendTheme(options = {}, ...args) {
224
231
  setColor(palette.TableCell, 'border', (0, _system.private_safeDarken)((0, _system.private_safeAlpha)(palette.divider, 1), 0.68));
225
232
  setColor(palette.Tooltip, 'bg', (0, _system.private_safeAlpha)(palette.grey[700], 0.92));
226
233
  }
227
- setColor(palette.background, 'defaultChannel', (0, _system.private_safeColorChannel)(palette.background.default, 'MUI: The value of `palette.background.default` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().')); // MUI X - DataGrid needs this token.
228
234
 
229
- setColor(palette.common, 'backgroundChannel', (0, _system.private_safeColorChannel)(palette.common.background, 'MUI: The value of `palette.common.background` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
230
- setColor(palette.common, 'onBackgroundChannel', (0, _system.private_safeColorChannel)(palette.common.onBackground, 'MUI: The value of `palette.common.onBackground` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
231
- setColor(palette, 'dividerChannel', (0, _system.private_safeColorChannel)(palette.divider, 'MUI: The value of `palette.divider` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
235
+ // MUI X - DataGrid needs this token.
236
+ setColorChannel(palette.background, 'default');
237
+ setColorChannel(palette.common, 'background');
238
+ setColorChannel(palette.common, 'onBackground');
239
+ setColorChannel(palette, 'divider');
232
240
  Object.keys(palette).forEach(color => {
233
241
  const colors = palette[color];
234
242
 
@@ -250,16 +258,16 @@ function extendTheme(options = {}, ...args) {
250
258
  }
251
259
  if (color === 'text') {
252
260
  // Text colors: text.primary, text.secondary
253
- setColor(palette[color], 'primaryChannel', (0, _system.private_safeColorChannel)(colors.primary, 'MUI: The value of `palette.text.primary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
254
- setColor(palette[color], 'secondaryChannel', (0, _system.private_safeColorChannel)(colors.secondary, 'MUI: The value of `palette.text.secondary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
261
+ setColorChannel(palette[color], 'primary');
262
+ setColorChannel(palette[color], 'secondary');
255
263
  }
256
264
  if (color === 'action') {
257
265
  // Action colors: action.active, action.selected
258
266
  if (colors.active) {
259
- setColor(palette[color], 'activeChannel', (0, _system.private_safeColorChannel)(colors.active, 'MUI: The value of `palette.action.active` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
267
+ setColorChannel(palette[color], 'active');
260
268
  }
261
269
  if (colors.selected) {
262
- setColor(palette[color], 'selectedChannel', (0, _system.private_safeColorChannel)(colors.selected, 'MUI: The value of `palette.action.selected` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
270
+ setColorChannel(palette[color], 'selected');
263
271
  }
264
272
  }
265
273
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "5.11.3",
3
+ "version": "5.11.5",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "React components that implement Google's Material Design.",
@@ -46,9 +46,9 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.20.7",
49
- "@mui/base": "5.0.0-alpha.112",
50
- "@mui/core-downloads-tracker": "^5.11.3",
51
- "@mui/system": "^5.11.2",
49
+ "@mui/base": "5.0.0-alpha.114",
50
+ "@mui/core-downloads-tracker": "^5.11.5",
51
+ "@mui/system": "^5.11.5",
52
52
  "@mui/types": "^7.2.3",
53
53
  "@mui/utils": "^5.11.2",
54
54
  "@types/react-transition-group": "^4.4.5",
@@ -25,6 +25,13 @@ function setColor(obj, key, defaultValue) {
25
25
  obj[key] = defaultValue;
26
26
  }
27
27
  }
28
+ function setColorChannel(obj, key) {
29
+ if (!(`${key}Channel` in obj)) {
30
+ // custom channel token is not provided, generate one.
31
+ // if channel token can't be generated, show a warning.
32
+ obj[`${key}Channel`] = safeColorChannel(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, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
33
+ }
34
+ }
28
35
  const silent = fn => {
29
36
  try {
30
37
  return fn();
@@ -215,11 +222,12 @@ export default function extendTheme(options = {}, ...args) {
215
222
  setColor(palette.TableCell, 'border', safeDarken(safeAlpha(palette.divider, 1), 0.68));
216
223
  setColor(palette.Tooltip, 'bg', safeAlpha(palette.grey[700], 0.92));
217
224
  }
218
- setColor(palette.background, 'defaultChannel', safeColorChannel(palette.background.default, 'MUI: The value of `palette.background.default` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().')); // MUI X - DataGrid needs this token.
219
225
 
220
- setColor(palette.common, 'backgroundChannel', safeColorChannel(palette.common.background, 'MUI: The value of `palette.common.background` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
221
- setColor(palette.common, 'onBackgroundChannel', safeColorChannel(palette.common.onBackground, 'MUI: The value of `palette.common.onBackground` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
222
- setColor(palette, 'dividerChannel', safeColorChannel(palette.divider, 'MUI: The value of `palette.divider` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
226
+ // MUI X - DataGrid needs this token.
227
+ setColorChannel(palette.background, 'default');
228
+ setColorChannel(palette.common, 'background');
229
+ setColorChannel(palette.common, 'onBackground');
230
+ setColorChannel(palette, 'divider');
223
231
  Object.keys(palette).forEach(color => {
224
232
  const colors = palette[color];
225
233
 
@@ -241,16 +249,16 @@ export default function extendTheme(options = {}, ...args) {
241
249
  }
242
250
  if (color === 'text') {
243
251
  // Text colors: text.primary, text.secondary
244
- setColor(palette[color], 'primaryChannel', safeColorChannel(colors.primary, 'MUI: The value of `palette.text.primary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
245
- setColor(palette[color], 'secondaryChannel', safeColorChannel(colors.secondary, 'MUI: The value of `palette.text.secondary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
252
+ setColorChannel(palette[color], 'primary');
253
+ setColorChannel(palette[color], 'secondary');
246
254
  }
247
255
  if (color === 'action') {
248
256
  // Action colors: action.active, action.selected
249
257
  if (colors.active) {
250
- setColor(palette[color], 'activeChannel', safeColorChannel(colors.active, 'MUI: The value of `palette.action.active` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
258
+ setColorChannel(palette[color], 'active');
251
259
  }
252
260
  if (colors.selected) {
253
- setColor(palette[color], 'selectedChannel', safeColorChannel(colors.selected, 'MUI: The value of `palette.action.selected` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
261
+ setColorChannel(palette[color], 'selected');
254
262
  }
255
263
  }
256
264
  }