@mui/material 5.15.13 → 5.15.15

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 (92) hide show
  1. package/Accordion/Accordion.js +30 -23
  2. package/AccordionActions/AccordionActions.js +14 -12
  3. package/AccordionDetails/AccordionDetails.js +2 -2
  4. package/AccordionSummary/AccordionSummary.js +29 -23
  5. package/Autocomplete/Autocomplete.d.ts +1 -1
  6. package/Autocomplete/Autocomplete.js +60 -34
  7. package/Autocomplete/autocompleteClasses.d.ts +3 -3
  8. package/CHANGELOG.md +156 -60
  9. package/CircularProgress/CircularProgress.d.ts +1 -1
  10. package/CircularProgress/CircularProgress.js +1 -1
  11. package/Icon/Icon.d.ts +1 -1
  12. package/Icon/Icon.js +1 -1
  13. package/OverridableComponent.d.ts +1 -1
  14. package/Popper/Popper.d.ts +3 -26
  15. package/README.md +2 -2
  16. package/RadioGroup/RadioGroup.d.ts +0 -2
  17. package/RadioGroup/RadioGroup.js +23 -2
  18. package/RadioGroup/index.d.ts +3 -0
  19. package/RadioGroup/index.js +3 -1
  20. package/RadioGroup/radioGroupClasses.d.ts +6 -0
  21. package/RadioGroup/radioGroupClasses.js +7 -0
  22. package/Select/Select.d.ts +8 -20
  23. package/Slider/Slider.js +404 -223
  24. package/SvgIcon/SvgIcon.js +1 -1
  25. package/index.js +1 -1
  26. package/legacy/Accordion/Accordion.js +33 -22
  27. package/legacy/AccordionActions/AccordionActions.js +17 -14
  28. package/legacy/AccordionDetails/AccordionDetails.js +2 -2
  29. package/legacy/AccordionSummary/AccordionSummary.js +31 -22
  30. package/legacy/Autocomplete/Autocomplete.js +133 -114
  31. package/legacy/CircularProgress/CircularProgress.js +1 -1
  32. package/legacy/Icon/Icon.js +1 -1
  33. package/legacy/RadioGroup/RadioGroup.js +21 -2
  34. package/legacy/RadioGroup/index.js +3 -1
  35. package/legacy/RadioGroup/radioGroupClasses.js +7 -0
  36. package/legacy/Slider/Slider.js +373 -191
  37. package/legacy/SvgIcon/SvgIcon.js +1 -1
  38. package/legacy/index.js +1 -1
  39. package/legacy/styles/experimental_extendTheme.js +1 -1
  40. package/legacy/styles/rootShouldForwardProp.js +5 -0
  41. package/legacy/styles/slotShouldForwardProp.js +5 -0
  42. package/legacy/styles/styled.js +4 -5
  43. package/legacy/usePagination/usePagination.js +1 -1
  44. package/modern/Accordion/Accordion.js +30 -23
  45. package/modern/AccordionActions/AccordionActions.js +14 -12
  46. package/modern/AccordionDetails/AccordionDetails.js +2 -2
  47. package/modern/AccordionSummary/AccordionSummary.js +29 -23
  48. package/modern/Autocomplete/Autocomplete.js +60 -34
  49. package/modern/CircularProgress/CircularProgress.js +1 -1
  50. package/modern/Icon/Icon.js +1 -1
  51. package/modern/RadioGroup/RadioGroup.js +23 -2
  52. package/modern/RadioGroup/index.js +3 -1
  53. package/modern/RadioGroup/radioGroupClasses.js +7 -0
  54. package/modern/Slider/Slider.js +337 -172
  55. package/modern/SvgIcon/SvgIcon.js +1 -1
  56. package/modern/index.js +1 -1
  57. package/modern/styles/experimental_extendTheme.js +1 -1
  58. package/modern/styles/rootShouldForwardProp.js +3 -0
  59. package/modern/styles/slotShouldForwardProp.js +5 -0
  60. package/modern/styles/styled.js +4 -3
  61. package/modern/usePagination/usePagination.js +1 -1
  62. package/node/Accordion/Accordion.js +32 -25
  63. package/node/AccordionActions/AccordionActions.js +16 -14
  64. package/node/AccordionDetails/AccordionDetails.js +4 -4
  65. package/node/AccordionSummary/AccordionSummary.js +33 -27
  66. package/node/Autocomplete/Autocomplete.js +72 -46
  67. package/node/CircularProgress/CircularProgress.js +1 -1
  68. package/node/Icon/Icon.js +1 -1
  69. package/node/RadioGroup/RadioGroup.js +23 -2
  70. package/node/RadioGroup/index.js +25 -1
  71. package/node/RadioGroup/radioGroupClasses.js +15 -0
  72. package/node/Slider/Slider.js +414 -233
  73. package/node/SvgIcon/SvgIcon.js +1 -1
  74. package/node/index.js +1 -1
  75. package/node/styles/experimental_extendTheme.js +1 -1
  76. package/node/styles/rootShouldForwardProp.js +10 -0
  77. package/node/styles/slotShouldForwardProp.js +11 -0
  78. package/node/styles/styled.js +17 -8
  79. package/node/usePagination/usePagination.js +1 -1
  80. package/package.json +6 -6
  81. package/styles/components.d.ts +5 -0
  82. package/styles/experimental_extendTheme.js +1 -1
  83. package/styles/overrides.d.ts +2 -0
  84. package/styles/rootShouldForwardProp.d.ts +2 -0
  85. package/styles/rootShouldForwardProp.js +3 -0
  86. package/styles/slotShouldForwardProp.d.ts +2 -0
  87. package/styles/slotShouldForwardProp.js +5 -0
  88. package/styles/styled.d.ts +2 -3
  89. package/styles/styled.js +4 -3
  90. package/umd/material-ui.development.js +1010 -746
  91. package/umd/material-ui.production.min.js +2 -2
  92. package/usePagination/usePagination.js +1 -1
@@ -51,7 +51,7 @@ const SvgIconRoot = (0, _styled.default)('svg', {
51
51
  height: '1em',
52
52
  display: 'inline-block',
53
53
  // the <svg> will define the property that has `currentColor`
54
- // e.g. heroicons uses fill="none" and stroke="currentColor"
54
+ // for example heroicons uses fill="none" and stroke="currentColor"
55
55
  fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
56
56
  flexShrink: 0,
57
57
  transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.15.13
2
+ * @mui/material v5.15.15
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -48,7 +48,7 @@ function setColorChannel(obj, key) {
48
48
  if (!(`${key}Channel` in obj)) {
49
49
  // custom channel token is not provided, generate one.
50
50
  // if channel token can't be generated, show a warning.
51
- 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, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
51
+ 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.`);
52
52
  }
53
53
  }
54
54
  const silent = fn => {
@@ -0,0 +1,10 @@
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 _slotShouldForwardProp = _interopRequireDefault(require("./slotShouldForwardProp"));
9
+ const rootShouldForwardProp = prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'classes';
10
+ var _default = exports.default = rootShouldForwardProp;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ // copied from @mui/system/createStyled
8
+ function slotShouldForwardProp(prop) {
9
+ return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
10
+ }
11
+ var _default = exports.default = slotShouldForwardProp;
@@ -5,18 +5,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.slotShouldForwardProp = exports.rootShouldForwardProp = exports.default = void 0;
9
- var _createStyled = _interopRequireWildcard(require("@mui/system/createStyled"));
8
+ exports.default = void 0;
9
+ Object.defineProperty(exports, "rootShouldForwardProp", {
10
+ enumerable: true,
11
+ get: function () {
12
+ return _rootShouldForwardProp.default;
13
+ }
14
+ });
15
+ Object.defineProperty(exports, "slotShouldForwardProp", {
16
+ enumerable: true,
17
+ get: function () {
18
+ return _slotShouldForwardProp.default;
19
+ }
20
+ });
21
+ var _createStyled = _interopRequireDefault(require("@mui/system/createStyled"));
10
22
  var _defaultTheme = _interopRequireDefault(require("./defaultTheme"));
11
23
  var _identifier = _interopRequireDefault(require("./identifier"));
12
- 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); }
13
- 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 && Object.prototype.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; }
14
- const rootShouldForwardProp = prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'classes';
15
- exports.rootShouldForwardProp = rootShouldForwardProp;
16
- const slotShouldForwardProp = exports.slotShouldForwardProp = _createStyled.shouldForwardProp;
24
+ var _rootShouldForwardProp = _interopRequireDefault(require("./rootShouldForwardProp"));
25
+ var _slotShouldForwardProp = _interopRequireDefault(require("./slotShouldForwardProp"));
17
26
  const styled = (0, _createStyled.default)({
18
27
  themeId: _identifier.default,
19
28
  defaultTheme: _defaultTheme.default,
20
- rootShouldForwardProp
29
+ rootShouldForwardProp: _rootShouldForwardProp.default
21
30
  });
22
31
  var _default = exports.default = styled;
@@ -67,7 +67,7 @@ function usePagination(props = {}) {
67
67
  endPages.length > 0 ? endPages[0] - 2 : count - 1);
68
68
 
69
69
  // Basic list of items to render
70
- // e.g. itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']
70
+ // for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']
71
71
  const itemList = [...(showFirstButton ? ['first'] : []), ...(hidePrevButton ? [] : ['previous']), ...startPages,
72
72
  // Start ellipsis
73
73
  // eslint-disable-next-line no-nested-ternary
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "5.15.13",
3
+ "version": "5.15.15",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "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.",
@@ -34,11 +34,11 @@
34
34
  "prop-types": "^15.8.1",
35
35
  "react-is": "^18.2.0",
36
36
  "react-transition-group": "^4.4.5",
37
- "@mui/base": "5.0.0-beta.39",
38
- "@mui/types": "^7.2.13",
39
- "@mui/system": "^5.15.13",
40
- "@mui/utils": "^5.15.13",
41
- "@mui/core-downloads-tracker": "^5.15.13"
37
+ "@mui/base": "5.0.0-beta.40",
38
+ "@mui/utils": "^5.15.14",
39
+ "@mui/core-downloads-tracker": "^5.15.15",
40
+ "@mui/system": "^5.15.15",
41
+ "@mui/types": "^7.2.14"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@emotion/react": "^11.5.0",
@@ -392,6 +392,11 @@ export interface Components<Theme = unknown> {
392
392
  styleOverrides?: ComponentsOverrides<Theme>['MuiRadio'];
393
393
  variants?: ComponentsVariants<Theme>['MuiRadio'];
394
394
  };
395
+ MuiRadioGroup?: {
396
+ defaultProps?: ComponentsProps['MuiRadioGroup'];
397
+ styleOverrides?: ComponentsOverrides<Theme>['MuiRadioGroup'];
398
+ variants?: ComponentsVariants<Theme>['MuiRadioGroup'];
399
+ };
395
400
  MuiRating?: {
396
401
  defaultProps?: ComponentsProps['MuiRating'];
397
402
  styleOverrides?: ComponentsOverrides<Theme>['MuiRating'];
@@ -38,7 +38,7 @@ function setColorChannel(obj, key) {
38
38
  if (!(`${key}Channel` in obj)) {
39
39
  // custom channel token is not provided, generate one.
40
40
  // if channel token can't be generated, show a warning.
41
- obj[`${key}Channel`] = 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, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
41
+ obj[`${key}Channel`] = 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.`);
42
42
  }
43
43
  }
44
44
  const silent = fn => {
@@ -77,6 +77,7 @@ import { PaginationItemClassKey } from '../PaginationItem';
77
77
  import { PaperClassKey } from '../Paper';
78
78
  import { PopoverClassKey } from '../Popover';
79
79
  import { RadioClassKey } from '../Radio';
80
+ import { RadioGroupClassKey } from '../RadioGroup';
80
81
  import { RatingClassKey } from '../Rating';
81
82
  import { ScopedCssBaselineClassKey } from '../ScopedCssBaseline';
82
83
  import { SelectClassKey } from '../Select';
@@ -222,6 +223,7 @@ export interface ComponentNameToClassKey {
222
223
  MuiPopover: PopoverClassKey;
223
224
  MuiPopper: PopperClassKey;
224
225
  MuiRadio: RadioClassKey;
226
+ MuiRadioGroup: RadioGroupClassKey;
225
227
  MuiRating: RatingClassKey;
226
228
  MuiScopedCssBaseline: ScopedCssBaselineClassKey;
227
229
  MuiSelect: SelectClassKey;
@@ -0,0 +1,2 @@
1
+ declare const rootShouldForwardProp: (prop: string) => boolean;
2
+ export default rootShouldForwardProp;
@@ -0,0 +1,3 @@
1
+ import slotShouldForwardProp from './slotShouldForwardProp';
2
+ const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
3
+ export default rootShouldForwardProp;
@@ -0,0 +1,2 @@
1
+ declare function slotShouldForwardProp(prop: string): boolean;
2
+ export default slotShouldForwardProp;
@@ -0,0 +1,5 @@
1
+ // copied from @mui/system/createStyled
2
+ function slotShouldForwardProp(prop) {
3
+ return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
4
+ }
5
+ export default slotShouldForwardProp;
@@ -1,9 +1,8 @@
1
1
  import { CreateMUIStyled } from '@mui/system';
2
2
  import { Theme } from './createTheme';
3
3
 
4
- export function rootShouldForwardProp(prop: string): boolean;
5
-
6
- export function slotShouldForwardProp(prop: string): boolean;
4
+ export { default as slotShouldForwardProp } from './slotShouldForwardProp';
5
+ export { default as rootShouldForwardProp } from './rootShouldForwardProp';
7
6
 
8
7
  /**
9
8
  * Custom styled utility that has a default MUI theme.
package/styles/styled.js CHANGED
@@ -1,10 +1,11 @@
1
1
  'use client';
2
2
 
3
- import createStyled, { shouldForwardProp } from '@mui/system/createStyled';
3
+ import createStyled from '@mui/system/createStyled';
4
4
  import defaultTheme from './defaultTheme';
5
5
  import THEME_ID from './identifier';
6
- export const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';
7
- export const slotShouldForwardProp = shouldForwardProp;
6
+ import rootShouldForwardProp from './rootShouldForwardProp';
7
+ export { default as slotShouldForwardProp } from './slotShouldForwardProp';
8
+ export { default as rootShouldForwardProp } from './rootShouldForwardProp';
8
9
  const styled = createStyled({
9
10
  themeId: THEME_ID,
10
11
  defaultTheme,