@hipay/hipay-material-ui 3.10.0 → 3.11.0-beta.0

package/hi-svg-icons/HiFinance.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiFinanceMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiHostedPaymentPage.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiHostedPaymentPageMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiIntegration.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiIntegrationMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiIntelligence.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiIntelligenceMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiInvoice.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiInvoiceMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiLogoRounded.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 var _ref = /*#__PURE__*/_react.default.createElement("ellipse", {
   cx: 165.25,

package/hi-svg-icons/HiOrder.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiPaymentOrder.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiPermission.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiPriceGrid.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiPrivate.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiRoute.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiRouteMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiRouteSwitch.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 var _ref = /*#__PURE__*/_react.default.createElement("polygon", {
   class: "cls-2",

package/hi-svg-icons/HiRouteSwitchMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 var _ref = /*#__PURE__*/_react.default.createElement("polygon", {
   class: "cls-1",

package/hi-svg-icons/HiSettlement.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiSizeLarge.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiSizeMedium.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiSizeSmall.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiStore.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiStoreMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiTransaction.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiTransactionMenu.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiUser.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiVendor.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiWidget.js

@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 /**
  * @ignore - internal component.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.10.0",
+  "version": "3.11.0-beta.0",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -13,8 +13,11 @@
   },
   "homepage": "http://materialui.hipay.dev.local/",
   "peerDependencies": {
-    "@material-ui/core": "4.12.3",
-    "mdi-material-ui": "6.14.0",
+    "@mui/material": "5.5.3",
+    "@mui/styles": "5.5.3",
+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.4.2",
+    "@mui/styled-engine-sc": "5.4.2",
+    "mdi-material-ui": "7.1.0",
     "moment-timezone": "0.5.27",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -23,8 +26,8 @@
   "dependencies": {
     "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/runtime": "7.6.3",
-    "@material-ui/icons": "4.9.1",
-    "@material-ui/lab": "4.0.0-alpha.60",
+    "@mui/lab": "^5.0.0-alpha.64",
+    "@mui/icons-material": "^5.2.5",
     "brcast": "3.0.1",
     "classnames": "2.2.6",
     "cross-env": "6.0.3",
@@ -45,7 +48,7 @@
     "react-device-detect": "1.9.10",
     "react-jss": "10.0.3",
     "react-lazyload": "2.6.2",
-    "react-pdf": "4.1.0",
+    "react-pdf": "5.7.2",
     "react-spinners": "0.12.0-alpha.2",
     "recompose": "0.30.0",
     "validator": "10.7.1"
@@ -69,6 +72,9 @@
   "engines": {
     "node": ">=6.0.0"
   },
+  "resolutions": {
+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.4.2"
+  },
   "main": "./index.js",
   "module": "./esm/index.js"
 }

package/styleguide/Wrapper.js

@@ -9,15 +9,17 @@ exports.default = Wrapper;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
 var _theme = _interopRequireDefault(require("../theme"));
 
 function Wrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
+    injectFirst: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
     theme: _theme.default
-  }, children);
+  }, children));
 }
 
 ;

package/styles/colorManipulator.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertHexToRGB = convertHexToRGB;
-exports.rgbToHex = rgbToHex;
+exports.darken = darken;
 exports.decomposeColor = decomposeColor;
-exports.recomposeColor = recomposeColor;
-exports.getContrastRatio = getContrastRatio;
-exports.getLuminance = getLuminance;
 exports.emphasize = emphasize;
 exports.fade = fade;
-exports.darken = darken;
+exports.getContrastRatio = getContrastRatio;
+exports.getLuminance = getLuminance;
 exports.lighten = lighten;
+exports.recomposeColor = recomposeColor;
+exports.rgbToHex = rgbToHex;
 
 var _warning = _interopRequireDefault(require("warning"));
 

package/styles/createPalette.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.dark = void 0;
 exports.default = createPalette;
-exports.dark = exports.light = void 0;
+exports.light = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -16,11 +17,11 @@ var _warning = _interopRequireDefault(require("warning"));
 
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
 
-var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
+var _grey = _interopRequireDefault(require("@mui/material/colors/grey"));
 
-var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
+var _red = _interopRequireDefault(require("@mui/material/colors/red"));
 
-var _common = _interopRequireDefault(require("@material-ui/core/colors/common"));
+var _common = _interopRequireDefault(require("@mui/material/colors/common"));
 
 var _colorManipulator = require("./colorManipulator");
 

package/styles/index.js

@@ -5,34 +5,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "createGenerateClassName", {
+Object.defineProperty(exports, "MuiThemeProvider", {
   enumerable: true,
   get: function get() {
-    return _createGenerateClassName.default;
+    return _MuiThemeProvider.default;
   }
 });
-Object.defineProperty(exports, "createMuiTheme", {
+Object.defineProperty(exports, "createGenerateClassName", {
   enumerable: true,
   get: function get() {
-    return _createMuiTheme.default;
+    return _createGenerateClassName.default;
   }
 });
-Object.defineProperty(exports, "jssPreset", {
+Object.defineProperty(exports, "createMuiTheme", {
   enumerable: true,
   get: function get() {
-    return _jssPreset.default;
+    return _createMuiTheme.default;
   }
 });
-Object.defineProperty(exports, "MuiThemeProvider", {
+Object.defineProperty(exports, "createStyles", {
   enumerable: true,
   get: function get() {
-    return _MuiThemeProvider.default;
+    return _createStyles.default;
   }
 });
-Object.defineProperty(exports, "createStyles", {
+Object.defineProperty(exports, "jssPreset", {
   enumerable: true,
   get: function get() {
-    return _createStyles.default;
+    return _jssPreset.default;
   }
 });
 

package/styles/makeStyles.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 var _theme = _interopRequireDefault(require("../theme"));
 
@@ -20,7 +20,7 @@ var _theme = _interopRequireDefault(require("../theme"));
  * @returns {StylesHook<Styles<Theme, {}, string>>}
  */
 var _default = function _default(createStyles, options) {
-  return (0, _styles.makeStyles)(createStyles, (0, _objectSpread2.default)({
+  return (0, _makeStyles.default)(createStyles, (0, _objectSpread2.default)({
     defaultTheme: _theme.default
   }, options));
 };

package/styles/transitions.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.isNumber = exports.isString = exports.formatMs = exports.duration = exports.easing = void 0;
+exports.isString = exports.isNumber = exports.formatMs = exports.easing = exports.duration = exports.default = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 

package/styles/withStyles.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _theme = _interopRequireDefault(require("../theme"));
 
@@ -20,7 +20,7 @@ var _theme = _interopRequireDefault(require("../theme"));
  * @returns {StylesHook<Styles<Theme, {}, string>>}
  */
 var _default = function _default(styles, options) {
-  return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
+  return (0, _withStyles.default)(styles, (0, _objectSpread2.default)({
     defaultTheme: _theme.default
   }, options));
 };

package/test-utils/getClasses.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _testUtils = require("@material-ui/core/test-utils");
+var _testUtils = require("@mui/material/test-utils");
 
 // Helper function to extract the classes from a styleSheet.
 var _default = _testUtils.getClasses;