@mui/material 5.1.0 → 5.2.2

package/node/TextField/TextField.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
 };
 
 const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
@@ -120,7 +120,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     FormHelperTextProps,
     fullWidth = false,
     helperText,
-    id,
+    id: idOverride,
     InputLabelProps,
     inputProps,
     InputProps,
@@ -188,6 +188,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     InputMore['aria-describedby'] = undefined;
   }
 
+  const id = (0, _utils.unstable_useId)(idOverride);
   const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
   const inputLabelId = label && id ? `${id}-label` : undefined;
   const InputComponent = variantComponent[variant];

package/node/TextField/textFieldClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTextFieldUtilityClass = getTextFieldUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTextFieldUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTextField', slot);
+  return (0, _base.generateUtilityClass)('MuiTextField', slot);
 }
 
-const textFieldClasses = (0, _core.generateUtilityClasses)('MuiTextField', ['root']);
+const textFieldClasses = (0, _base.generateUtilityClasses)('MuiTextField', ['root']);
 var _default = textFieldClasses;
 exports.default = _default;

package/node/TextareaAutosize/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _TextareaAutosize = _interopRequireDefault(require("@mui/core/TextareaAutosize"));
+var _TextareaAutosize = _interopRequireDefault(require("@mui/base/TextareaAutosize"));

package/node/ToggleButton/ToggleButton.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("../styles");
 
@@ -51,7 +51,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', disabled && 'disabled', fullWidth && 'fullWidth', `size${(0, _capitalize.default)(size)}`, color]
   };
-  return (0, _core.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
 };
 
 const ToggleButtonRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/ToggleButton/toggleButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getToggleButtonUtilityClass = getToggleButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getToggleButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiToggleButton', slot);
+  return (0, _base.generateUtilityClass)('MuiToggleButton', slot);
 }
 
-const toggleButtonClasses = (0, _core.generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const toggleButtonClasses = (0, _base.generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = toggleButtonClasses;
 exports.default = _default;

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth'],
     grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, disabled && 'disabled']
   };
-  return (0, _core.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
 };
 
 const ToggleButtonGroupRoot = (0, _styled.default)('div', {

package/node/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getToggleButtonGroupUtilityClass = getToggleButtonGroupUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getToggleButtonGroupUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiToggleButtonGroup', slot);
+  return (0, _base.generateUtilityClass)('MuiToggleButtonGroup', slot);
 }
 
-const toggleButtonGroupClasses = (0, _core.generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+const toggleButtonGroupClasses = (0, _base.generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
 var _default = toggleButtonGroupClasses;
 exports.default = _default;

package/node/Toolbar/Toolbar.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableGutters && 'gutters', variant]
   };
-  return (0, _core.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
 };
 
 const ToolbarRoot = (0, _styled.default)('div', {

package/node/Toolbar/toolbarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getToolbarUtilityClass = getToolbarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getToolbarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiToolbar', slot);
+  return (0, _base.generateUtilityClass)('MuiToolbar', slot);
 }
 
-const toolbarClasses = (0, _core.generateUtilityClasses)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
+const toolbarClasses = (0, _base.generateUtilityClasses)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
 var _default = toolbarClasses;
 exports.default = _default;

package/node/Tooltip/Tooltip.js

@@ -20,7 +20,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -73,7 +73,7 @@ const useUtilityClasses = ownerState => {
     tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
 };
 
 const TooltipPopper = (0, _styled.default)(_Popper.default, {
@@ -620,10 +620,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const TransitionComponent = (_ref = (_components$Transitio = components.Transition) != null ? _components$Transitio : TransitionComponentProp) != null ? _ref : _Grow.default;
   const TooltipComponent = (_components$Tooltip = components.Tooltip) != null ? _components$Tooltip : TooltipTooltip;
   const ArrowComponent = (_components$Arrow = components.Arrow) != null ? _components$Arrow : TooltipArrow;
-  const popperProps = (0, _core.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, componentsProps.popper), ownerState);
-  const transitionProps = (0, _core.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, componentsProps.transition), ownerState);
-  const tooltipProps = (0, _core.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, componentsProps.tooltip), ownerState);
-  const tooltipArrowProps = (0, _core.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, componentsProps.arrow), ownerState);
+  const popperProps = (0, _base.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, componentsProps.popper), ownerState);
+  const transitionProps = (0, _base.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, componentsProps.transition), ownerState);
+  const tooltipProps = (0, _base.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, componentsProps.tooltip), ownerState);
+  const tooltipArrowProps = (0, _base.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, componentsProps.arrow), ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({
       as: PopperComponentProp != null ? PopperComponentProp : _Popper.default,

package/node/Tooltip/tooltipClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTooltipUtilityClass = getTooltipUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTooltipUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTooltip', slot);
+  return (0, _base.generateUtilityClass)('MuiTooltip', slot);
 }
 
-const tooltipClasses = (0, _core.generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
+const tooltipClasses = (0, _base.generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 var _default = tooltipClasses;
 exports.default = _default;

package/node/Typography/Typography.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _system = require("@mui/system");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
   };
-  return (0, _core.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
 
 const TypographyRoot = (0, _styled.default)('span', {

package/node/Typography/typographyClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTypographyUtilityClass = getTypographyUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTypographyUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTypography', slot);
+  return (0, _base.generateUtilityClass)('MuiTypography', slot);
 }
 
-const typographyClasses = (0, _core.generateUtilityClasses)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
+const typographyClasses = (0, _base.generateUtilityClasses)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
 var _default = typographyClasses;
 exports.default = _default;

package/node/Unstable_TrapFocus/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/core/Unstable_TrapFocus"));
+var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/base/Unstable_TrapFocus"));

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.0
+/** @license MUI v5.2.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -978,16 +978,16 @@ Object.keys(_utils).forEach(function (key) {
   });
 });
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
-Object.keys(_core).forEach(function (key) {
+Object.keys(_base).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _core[key]) return;
+  if (key in exports && exports[key] === _base[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _core[key];
+      return _base[key];
     }
   });
 });

package/node/internal/SwitchBase.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${(0, _capitalize.default)(edge)}`],
     input: ['input']
   };
-  return (0, _core.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
 };
 
 const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/internal/switchBaseClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSwitchBaseUtilityClass = getSwitchBaseUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSwitchBaseUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('PrivateSwitchBase', slot);
+  return (0, _base.generateUtilityClass)('PrivateSwitchBase', slot);
 }
 
-const switchBaseClasses = (0, _core.generateUtilityClasses)('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
+const switchBaseClasses = (0, _base.generateUtilityClasses)('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
 var _default = switchBaseClasses;
 exports.default = _default;