@mui/material 5.14.8 → 5.14.10

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 (59) hide show
  1. package/AlertTitle/AlertTitle.d.ts +1 -0
  2. package/Avatar/Avatar.js +1 -1
  3. package/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  4. package/Button/Button.js +4 -1
  5. package/ButtonGroup/ButtonGroup.js +86 -54
  6. package/ButtonGroup/ButtonGroupButtonContext.d.ts +6 -0
  7. package/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  8. package/ButtonGroup/buttonGroupClasses.d.ts +6 -0
  9. package/ButtonGroup/buttonGroupClasses.js +1 -1
  10. package/CHANGELOG.md +179 -19
  11. package/Chip/Chip.js +2 -0
  12. package/DialogTitle/DialogTitle.d.ts +1 -0
  13. package/ListSubheader/listSubheaderClasses.js +1 -1
  14. package/Modal/Modal.js +1 -1
  15. package/README.md +9 -198
  16. package/Slider/Slider.js +9 -86
  17. package/TablePagination/TablePagination.d.ts +1 -0
  18. package/Tabs/Tabs.d.ts +1 -1
  19. package/Tabs/Tabs.js +2 -5
  20. package/index.js +1 -1
  21. package/legacy/Avatar/Avatar.js +1 -1
  22. package/legacy/Button/Button.js +4 -1
  23. package/legacy/ButtonGroup/ButtonGroup.js +81 -56
  24. package/legacy/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  25. package/legacy/ButtonGroup/buttonGroupClasses.js +1 -1
  26. package/legacy/Chip/Chip.js +2 -0
  27. package/legacy/ListSubheader/listSubheaderClasses.js +1 -1
  28. package/legacy/Modal/Modal.js +3 -1
  29. package/legacy/Slider/Slider.js +9 -86
  30. package/legacy/Tabs/Tabs.js +2 -5
  31. package/legacy/index.js +1 -1
  32. package/legacy/useTouchRipple/useTouchRipple.js +4 -4
  33. package/modern/Avatar/Avatar.js +1 -1
  34. package/modern/Button/Button.js +4 -1
  35. package/modern/ButtonGroup/ButtonGroup.js +86 -54
  36. package/modern/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  37. package/modern/ButtonGroup/buttonGroupClasses.js +1 -1
  38. package/modern/Chip/Chip.js +2 -0
  39. package/modern/ListSubheader/listSubheaderClasses.js +1 -1
  40. package/modern/Modal/Modal.js +1 -1
  41. package/modern/Slider/Slider.js +9 -86
  42. package/modern/Tabs/Tabs.js +2 -5
  43. package/modern/index.js +1 -1
  44. package/node/Avatar/Avatar.js +1 -1
  45. package/node/Button/Button.js +4 -1
  46. package/node/ButtonGroup/ButtonGroup.js +86 -54
  47. package/node/ButtonGroup/ButtonGroupButtonContext.js +18 -0
  48. package/node/ButtonGroup/buttonGroupClasses.js +1 -1
  49. package/node/Chip/Chip.js +2 -0
  50. package/node/ListSubheader/listSubheaderClasses.js +2 -2
  51. package/node/Modal/Modal.js +1 -1
  52. package/node/Slider/Slider.js +3 -73
  53. package/node/Tabs/Tabs.js +2 -5
  54. package/node/index.js +1 -1
  55. package/node/useTouchRipple/useTouchRipple.js +4 -4
  56. package/package.json +16 -16
  57. package/umd/material-ui.development.js +215 -235
  58. package/umd/material-ui.production.min.js +18 -18
  59. package/useTouchRipple/useTouchRipple.js +4 -4
@@ -18,6 +18,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
18
18
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
19
19
  var _buttonGroupClasses = _interopRequireWildcard(require("./buttonGroupClasses"));
20
20
  var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
21
+ var _ButtonGroupButtonContext = _interopRequireDefault(require("./ButtonGroupButtonContext"));
21
22
  var _jsxRuntime = require("react/jsx-runtime");
22
23
  const _excluded = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
23
24
  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); }
@@ -36,6 +37,12 @@ const overridesResolver = (props, styles) => {
36
37
  [`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.orientation)}`]
37
38
  }, {
38
39
  [`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.color)}`]
40
+ }, {
41
+ [`& .${_buttonGroupClasses.default.firstButton}`]: styles.firstButton
42
+ }, {
43
+ [`& .${_buttonGroupClasses.default.lastButton}`]: styles.lastButton
44
+ }, {
45
+ [`& .${_buttonGroupClasses.default.middleButton}`]: styles.middleButton
39
46
  }, styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
40
47
  };
41
48
  const useUtilityClasses = ownerState => {
@@ -50,7 +57,10 @@ const useUtilityClasses = ownerState => {
50
57
  } = ownerState;
51
58
  const slots = {
52
59
  root: ['root', variant, orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth', disableElevation && 'disableElevation'],
53
- grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(color)}`, disabled && 'disabled']
60
+ grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(color)}`, disabled && 'disabled'],
61
+ firstButton: ['firstButton'],
62
+ lastButton: ['lastButton'],
63
+ middleButton: ['middleButton']
54
64
  };
55
65
  return (0, _composeClasses.unstable_composeClasses)(slots, _buttonGroupClasses.getButtonGroupUtilityClass, classes);
56
66
  };
@@ -75,63 +85,63 @@ const ButtonGroupRoot = (0, _styled.default)('div', {
75
85
  }, {
76
86
  [`& .${_buttonGroupClasses.default.grouped}`]: (0, _extends2.default)({
77
87
  minWidth: 40,
78
- '&:not(:first-of-type)': (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
79
- borderTopLeftRadius: 0,
80
- borderBottomLeftRadius: 0
81
- }, ownerState.orientation === 'vertical' && {
82
- borderTopRightRadius: 0,
83
- borderTopLeftRadius: 0
84
- }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
85
- marginLeft: -1
86
- }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
87
- marginTop: -1
88
- }),
89
- '&:not(:last-of-type)': (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
90
- borderTopRightRadius: 0,
91
- borderBottomRightRadius: 0
92
- }, ownerState.orientation === 'vertical' && {
93
- borderBottomRightRadius: 0,
94
- borderBottomLeftRadius: 0
95
- }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
96
- borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
97
- [`&.${_buttonGroupClasses.default.disabled}`]: {
98
- borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
99
- }
100
- }, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
101
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
102
- [`&.${_buttonGroupClasses.default.disabled}`]: {
103
- borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
104
- }
105
- }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
106
- borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)
107
- }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
108
- borderRightColor: 'transparent'
109
- }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
110
- borderBottomColor: 'transparent'
111
- }, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
112
- borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
113
- [`&.${_buttonGroupClasses.default.disabled}`]: {
114
- borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
115
- }
116
- }, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
117
- borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
118
- [`&.${_buttonGroupClasses.default.disabled}`]: {
119
- borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
120
- }
121
- }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
122
- borderColor: (theme.vars || theme).palette[ownerState.color].dark
123
- }, {
124
- '&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
125
- borderRightColor: 'currentColor'
126
- }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
127
- borderBottomColor: 'currentColor'
128
- })
129
- }),
130
88
  '&:hover': (0, _extends2.default)({}, ownerState.variant === 'contained' && {
131
89
  boxShadow: 'none'
132
90
  })
133
91
  }, ownerState.variant === 'contained' && {
134
92
  boxShadow: 'none'
93
+ }),
94
+ [`& .${_buttonGroupClasses.default.firstButton},& .${_buttonGroupClasses.default.middleButton}`]: (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
95
+ borderTopRightRadius: 0,
96
+ borderBottomRightRadius: 0
97
+ }, ownerState.orientation === 'vertical' && {
98
+ borderBottomRightRadius: 0,
99
+ borderBottomLeftRadius: 0
100
+ }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
101
+ borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
102
+ [`&.${_buttonGroupClasses.default.disabled}`]: {
103
+ borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
104
+ }
105
+ }, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
106
+ borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
107
+ [`&.${_buttonGroupClasses.default.disabled}`]: {
108
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
109
+ }
110
+ }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
111
+ borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)
112
+ }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
113
+ borderRightColor: 'transparent'
114
+ }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
115
+ borderBottomColor: 'transparent'
116
+ }, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
117
+ borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
118
+ [`&.${_buttonGroupClasses.default.disabled}`]: {
119
+ borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
120
+ }
121
+ }, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
122
+ borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
123
+ [`&.${_buttonGroupClasses.default.disabled}`]: {
124
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
125
+ }
126
+ }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
127
+ borderColor: (theme.vars || theme).palette[ownerState.color].dark
128
+ }, {
129
+ '&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
130
+ borderRightColor: 'currentColor'
131
+ }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
132
+ borderBottomColor: 'currentColor'
133
+ })
134
+ }),
135
+ [`& .${_buttonGroupClasses.default.lastButton},& .${_buttonGroupClasses.default.middleButton}`]: (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
136
+ borderTopLeftRadius: 0,
137
+ borderBottomLeftRadius: 0
138
+ }, ownerState.orientation === 'vertical' && {
139
+ borderTopRightRadius: 0,
140
+ borderTopLeftRadius: 0
141
+ }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
142
+ marginLeft: -1
143
+ }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
144
+ marginTop: -1
135
145
  })
136
146
  }));
137
147
  const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, ref) {
@@ -178,6 +188,20 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
178
188
  size,
179
189
  variant
180
190
  }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
191
+ const getButtonPositionClassName = (index, childrenParam) => {
192
+ const isFirstButton = index === 0;
193
+ const isLastButton = index === React.Children.count(childrenParam) - 1;
194
+ if (isFirstButton && isLastButton) {
195
+ return '';
196
+ }
197
+ if (isFirstButton) {
198
+ return classes.firstButton;
199
+ }
200
+ if (isLastButton) {
201
+ return classes.lastButton;
202
+ }
203
+ return classes.middleButton;
204
+ };
181
205
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonGroupRoot, (0, _extends2.default)({
182
206
  as: component,
183
207
  role: "group",
@@ -187,7 +211,15 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
187
211
  }, other, {
188
212
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupContext.default.Provider, {
189
213
  value: context,
190
- children: children
214
+ children: React.Children.map(children, (child, index) => {
215
+ if (! /*#__PURE__*/React.isValidElement(child)) {
216
+ return child;
217
+ }
218
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupButtonContext.default.Provider, {
219
+ value: getButtonPositionClassName(index, children),
220
+ children: child
221
+ });
222
+ })
191
223
  })
192
224
  }));
193
225
  });
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ 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); }
9
+ 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; }
10
+ /**
11
+ * @ignore - internal component.
12
+ */
13
+ const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
14
+ if (process.env.NODE_ENV !== 'production') {
15
+ ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
16
+ }
17
+ var _default = ButtonGroupButtonContext;
18
+ exports.default = _default;
@@ -11,6 +11,6 @@ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityCl
11
11
  function getButtonGroupUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiButtonGroup', slot);
13
13
  }
14
- const buttonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary']);
14
+ const buttonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
15
15
  var _default = buttonGroupClasses;
16
16
  exports.default = _default;
package/node/Chip/Chip.js CHANGED
@@ -100,6 +100,8 @@ const ChipRoot = (0, _styled.default)('div', {
100
100
  borderRadius: 32 / 2,
101
101
  whiteSpace: 'nowrap',
102
102
  transition: theme.transitions.create(['background-color', 'box-shadow']),
103
+ // reset cursor explicitly in case ButtonBase is used
104
+ cursor: 'unset',
103
105
  // We disable the focus ring for mouse, touch and keyboard users.
104
106
  outline: 0,
105
107
  textDecoration: 'none',
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  exports.getListSubheaderUtilityClass = getListSubheaderUtilityClass;
9
- var _utils = require("@mui/utils");
9
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
10
10
  var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
11
11
  function getListSubheaderUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiListSubheader', slot);
13
13
  }
14
- const listSubheaderClasses = (0, _utils.unstable_generateUtilityClasses)('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
14
+ const listSubheaderClasses = (0, _generateUtilityClasses.default)('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
15
15
  var _default = listSubheaderClasses;
16
16
  exports.default = _default;
@@ -22,7 +22,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
22
22
  var _Backdrop = _interopRequireDefault(require("../Backdrop"));
23
23
  var _modalClasses = require("./modalClasses");
24
24
  var _jsxRuntime = require("react/jsx-runtime");
25
- const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
25
+ const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
26
26
  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); }
27
27
  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; }
28
28
  const useUtilityClasses = ownerState => {
@@ -92,16 +92,6 @@ const SliderRoot = (0, _styled.default)('span', {
92
92
  }
93
93
  }));
94
94
  exports.SliderRoot = SliderRoot;
95
- process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
96
- // ----------------------------- Warning --------------------------------
97
- // | These PropTypes are generated from the TypeScript type definitions |
98
- // | To update them edit the d.ts file and run "yarn proptypes" |
99
- // ----------------------------------------------------------------------
100
- /**
101
- * @ignore
102
- */
103
- children: _propTypes.default.node
104
- } : void 0;
105
95
  const SliderRail = (0, _styled.default)('span', {
106
96
  name: 'MuiSlider',
107
97
  slot: 'Rail',
@@ -128,16 +118,6 @@ const SliderRail = (0, _styled.default)('span', {
128
118
  opacity: 1
129
119
  }));
130
120
  exports.SliderRail = SliderRail;
131
- process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes */ = {
132
- // ----------------------------- Warning --------------------------------
133
- // | These PropTypes are generated from the TypeScript type definitions |
134
- // | To update them edit the d.ts file and run "yarn proptypes" |
135
- // ----------------------------------------------------------------------
136
- /**
137
- * @ignore
138
- */
139
- children: _propTypes.default.node
140
- } : void 0;
141
121
  const SliderTrack = (0, _styled.default)('span', {
142
122
  name: 'MuiSlider',
143
123
  slot: 'Track',
@@ -176,16 +156,6 @@ const SliderTrack = (0, _styled.default)('span', {
176
156
  });
177
157
  });
178
158
  exports.SliderTrack = SliderTrack;
179
- process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptypes */ = {
180
- // ----------------------------- Warning --------------------------------
181
- // | These PropTypes are generated from the TypeScript type definitions |
182
- // | To update them edit the d.ts file and run "yarn proptypes" |
183
- // ----------------------------------------------------------------------
184
- /**
185
- * @ignore
186
- */
187
- children: _propTypes.default.node
188
- } : void 0;
189
159
  const SliderThumb = (0, _styled.default)('span', {
190
160
  name: 'MuiSlider',
191
161
  slot: 'Thumb',
@@ -259,17 +229,7 @@ const SliderThumb = (0, _styled.default)('span', {
259
229
  }
260
230
  }));
261
231
  exports.SliderThumb = SliderThumb;
262
- process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptypes */ = {
263
- // ----------------------------- Warning --------------------------------
264
- // | These PropTypes are generated from the TypeScript type definitions |
265
- // | To update them edit the d.ts file and run "yarn proptypes" |
266
- // ----------------------------------------------------------------------
267
- /**
268
- * @ignore
269
- */
270
- children: _propTypes.default.node
271
- } : void 0;
272
- const StyledSliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
232
+ const SliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
273
233
  name: 'MuiSlider',
274
234
  slot: 'ValueLabel',
275
235
  overridesResolver: (props, styles) => styles.valueLabel
@@ -327,17 +287,7 @@ const StyledSliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
327
287
  fontSize: theme.typography.pxToRem(12),
328
288
  padding: '0.25rem 0.5rem'
329
289
  }));
330
- exports.SliderValueLabel = StyledSliderValueLabel;
331
- process.env.NODE_ENV !== "production" ? StyledSliderValueLabel.propTypes /* remove-proptypes */ = {
332
- // ----------------------------- Warning --------------------------------
333
- // | These PropTypes are generated from the TypeScript type definitions |
334
- // | To update them edit the d.ts file and run "yarn proptypes" |
335
- // ----------------------------------------------------------------------
336
- /**
337
- * @ignore
338
- */
339
- children: _propTypes.default.node
340
- } : void 0;
290
+ exports.SliderValueLabel = SliderValueLabel;
341
291
  const SliderMark = (0, _styled.default)('span', {
342
292
  name: 'MuiSlider',
343
293
  slot: 'Mark',
@@ -369,16 +319,6 @@ const SliderMark = (0, _styled.default)('span', {
369
319
  opacity: 0.8
370
320
  }));
371
321
  exports.SliderMark = SliderMark;
372
- process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes */ = {
373
- // ----------------------------- Warning --------------------------------
374
- // | These PropTypes are generated from the TypeScript type definitions |
375
- // | To update them edit the d.ts file and run "yarn proptypes" |
376
- // ----------------------------------------------------------------------
377
- /**
378
- * @ignore
379
- */
380
- children: _propTypes.default.node
381
- } : void 0;
382
322
  const SliderMarkLabel = (0, _styled.default)('span', {
383
323
  name: 'MuiSlider',
384
324
  slot: 'MarkLabel',
@@ -408,16 +348,6 @@ const SliderMarkLabel = (0, _styled.default)('span', {
408
348
  color: (theme.vars || theme).palette.text.primary
409
349
  }));
410
350
  exports.SliderMarkLabel = SliderMarkLabel;
411
- process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-proptypes */ = {
412
- // ----------------------------- Warning --------------------------------
413
- // | These PropTypes are generated from the TypeScript type definitions |
414
- // | To update them edit the d.ts file and run "yarn proptypes" |
415
- // ----------------------------------------------------------------------
416
- /**
417
- * @ignore
418
- */
419
- children: _propTypes.default.node
420
- } : void 0;
421
351
  const useUtilityClasses = ownerState => {
422
352
  const {
423
353
  disabled,
@@ -531,7 +461,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
531
461
  const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;
532
462
  const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;
533
463
  const ThumbSlot = (_ref4 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref4 : SliderThumb;
534
- const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : StyledSliderValueLabel;
464
+ const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : SliderValueLabel;
535
465
  const MarkSlot = (_ref6 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref6 : SliderMark;
536
466
  const MarkLabelSlot = (_ref7 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref7 : SliderMarkLabel;
537
467
  const InputSlot = (_ref8 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref8 : 'input';
package/node/Tabs/Tabs.js CHANGED
@@ -197,10 +197,7 @@ const TabsIndicator = (0, _styled.default)('span', {
197
197
  width: 2,
198
198
  right: 0
199
199
  }));
200
- const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default, {
201
- name: 'MuiTabs',
202
- slot: 'ScrollbarSize'
203
- })({
200
+ const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default)({
204
201
  overflowX: 'auto',
205
202
  overflowY: 'hidden',
206
203
  // Hide dimensionless scrollbar on macOS
@@ -808,7 +805,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
808
805
  *
809
806
  * - `scrollable` will invoke scrolling properties and allow for horizontally
810
807
  * scrolling (or swiping) of the tab bar.
811
- * -`fullWidth` will make the tabs grow to use all the available space,
808
+ * - `fullWidth` will make the tabs grow to use all the available space,
812
809
  * which should be used for small views, like on mobile.
813
810
  * - `standard` will render the default state.
814
811
  * @default 'standard'
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.14.8
2
+ * @mui/material v5.14.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -21,7 +21,7 @@ const useTouchRipple = props => {
21
21
  React.useEffect(() => {
22
22
  if (focusVisible && !disableFocusRipple && !disableRipple) {
23
23
  var _rippleRef$current;
24
- (_rippleRef$current = rippleRef.current) == null ? void 0 : _rippleRef$current.pulsate();
24
+ (_rippleRef$current = rippleRef.current) == null || _rippleRef$current.pulsate();
25
25
  }
26
26
  }, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
27
27
  function useRippleHandler(rippleAction, skipRippleAction = disableTouchRipple) {
@@ -38,7 +38,7 @@ const useTouchRipple = props => {
38
38
  keydownRef.current = true;
39
39
  rippleRef.current.stop(event, () => {
40
40
  var _rippleRef$current2;
41
- rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null ? void 0 : _rippleRef$current2.start(event);
41
+ rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null || _rippleRef$current2.start(event);
42
42
  });
43
43
  }
44
44
  });
@@ -49,7 +49,7 @@ const useTouchRipple = props => {
49
49
  keydownRef.current = false;
50
50
  rippleRef.current.stop(event, () => {
51
51
  var _rippleRef$current3;
52
- rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null ? void 0 : _rippleRef$current3.pulsate(event);
52
+ rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null || _rippleRef$current3.pulsate(event);
53
53
  });
54
54
  }
55
55
  });
@@ -87,7 +87,7 @@ const useTouchRipple = props => {
87
87
  name: eventName,
88
88
  handler: ev => {
89
89
  var _otherEvents$eventNam;
90
- (_otherEvents$eventNam = otherEvents[eventName]) == null ? void 0 : _otherEvents$eventNam.call(otherEvents, ev);
90
+ (_otherEvents$eventNam = otherEvents[eventName]) == null || _otherEvents$eventNam.call(otherEvents, ev);
91
91
  rippleHandlers[eventName](ev);
92
92
  }
93
93
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "5.14.8",
3
+ "version": "5.14.10",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "React components that implement Google's Material Design.",
@@ -21,11 +21,25 @@
21
21
  "bugs": {
22
22
  "url": "https://github.com/mui/material-ui/issues"
23
23
  },
24
- "homepage": "https://mui.com/material-ui/getting-started/",
24
+ "homepage": "https://mui.com/material-ui/",
25
25
  "funding": {
26
26
  "type": "opencollective",
27
27
  "url": "https://opencollective.com/mui"
28
28
  },
29
+ "dependencies": {
30
+ "@babel/runtime": "^7.22.15",
31
+ "@mui/base": "5.0.0-beta.16",
32
+ "@mui/core-downloads-tracker": "^5.14.10",
33
+ "@mui/system": "^5.14.10",
34
+ "@mui/types": "^7.2.4",
35
+ "@mui/utils": "^5.14.10",
36
+ "@types/react-transition-group": "^4.4.6",
37
+ "clsx": "^2.0.0",
38
+ "csstype": "^3.1.2",
39
+ "prop-types": "^15.8.1",
40
+ "react-is": "^18.2.0",
41
+ "react-transition-group": "^4.4.5"
42
+ },
29
43
  "peerDependencies": {
30
44
  "@emotion/react": "^11.5.0",
31
45
  "@emotion/styled": "^11.3.0",
@@ -44,20 +58,6 @@
44
58
  "optional": true
45
59
  }
46
60
  },
47
- "dependencies": {
48
- "@babel/runtime": "^7.22.10",
49
- "@mui/base": "5.0.0-beta.14",
50
- "@mui/core-downloads-tracker": "^5.14.8",
51
- "@mui/system": "^5.14.8",
52
- "@mui/types": "^7.2.4",
53
- "@mui/utils": "^5.14.8",
54
- "@types/react-transition-group": "^4.4.6",
55
- "clsx": "^2.0.0",
56
- "csstype": "^3.1.2",
57
- "prop-types": "^15.8.1",
58
- "react-is": "^18.2.0",
59
- "react-transition-group": "^4.4.5"
60
- },
61
61
  "sideEffects": false,
62
62
  "publishConfig": {
63
63
  "access": "public"