@hipay/hipay-material-ui 3.10.0 → 3.11.0

package/es/HiColoredLabel/HiColoredLabel.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -19,11 +19,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
-var _helpers = require("../utils/helpers");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _helpers = require("../utils/helpers");
 
 var styles = function styles(theme) {
   return {
@@ -50,37 +50,37 @@ var styles = function styles(theme) {
     /* Styles applied to the root element if `color="primary"`. */
     colorPrimary: {
       color: theme.palette.primary.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.primary.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="secondary"`. */
     colorSecondary: {
       color: theme.palette.secondary.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.secondary.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.secondary.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="positive"`. */
     colorPositive: {
       color: theme.palette.positive.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.positive.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.positive.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="negative"`. */
     colorNegative: {
       color: theme.palette.negative.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.negative.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.negative.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="middle"`. */
     colorMiddle: {
       color: theme.palette.middle.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.middle.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.middle.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="neutral"`. */
     colorNeutral: {
       color: theme.palette.neutral.main,
-      backgroundColor: (0, _colorManipulator.alpha)(theme.palette.neutral.main, 0.08)
+      backgroundColor: (0, _styles.alpha)(theme.palette.neutral.main, 0.08)
     },
     activeColor: {
       fontWeight: 500
@@ -155,7 +155,7 @@ function HiColoredLabel(props) {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.color, !active), (0, _defineProperty2.default)(_classNames, classes.activeColor, active), (0, _defineProperty2.default)(_classNames, classes.outlined, outlined), (0, _defineProperty2.default)(_classNames, classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), (0, _defineProperty2.default)(_classNames, classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), (0, _defineProperty2.default)(_classNames, classes.body1, fontSize >= 15), (0, _defineProperty2.default)(_classNames, classes.body2, fontSize === 14), (0, _defineProperty2.default)(_classNames, classes.body3, fontSize === 13), (0, _defineProperty2.default)(_classNames, classes.body4, fontSize === 12), (0, _defineProperty2.default)(_classNames, classes.body5, fontSize <= 11), _classNames), className),
     style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
-      backgroundColor: active ? color : (0, _colorManipulator.alpha)(color, 0.08),
+      backgroundColor: active ? color : (0, _styles.alpha)(color, 0.08),
       color: active ? theme.palette.getContrastText(color) : color
     }, {}, fontWeight && {
       fontWeight: fontWeight
@@ -170,7 +170,7 @@ HiColoredLabel.defaultProps = {
   outlined: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'

package/es/HiDatePicker/Caption.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
@@ -50,7 +50,7 @@ var Caption = function Caption(_ref) {
   }, date.getFullYear()));
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCaption'
 })(Caption);
 

package/es/HiDatePicker/HiDatePicker.js

@@ -37,7 +37,7 @@ var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
 
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -374,7 +374,7 @@ HiDatePicker.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(_stylesheet.default, {
+var _default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
 })(HiDatePicker);
 

package/es/HiDatePicker/HiDatePickerMobile.js

@@ -33,7 +33,7 @@ var _stylesheet = _interopRequireDefault(require("./stylesheet"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
@@ -105,6 +105,6 @@ var HiDatePickerMobile = /*#__PURE__*/function (_React$Component) {
   return HiDatePickerMobile;
 }(_react.default.Component);
 
-var _default = (0, _styles.withStyles)(_stylesheet.default)(HiDatePickerMobile);
+var _default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
 
 exports.default = _default;

package/es/HiDatePicker/HiDateRangePicker.js

@@ -37,7 +37,7 @@ var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPicker
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -652,7 +652,7 @@ HiDateRangePicker.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(_stylesheet.default, {
+var _default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDateRangePicker'
 })(HiDateRangePicker);
 

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -5,12 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.buildDateRangeInfo = buildDateRangeInfo;
+exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
+exports.default = void 0;
 exports.findSeparator = findSeparator;
+exports.styles = void 0;
 exports.yearAndMonth = yearAndMonth;
 exports.yearAndQuarter = yearAndQuarter;
-exports.buildDateRangeInfo = buildDateRangeInfo;
-exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
-exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -34,7 +35,7 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _reactDom = require("react-dom");
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
 
@@ -325,7 +326,8 @@ var styles = function styles(theme) {
       }
     },
     formControlLabel: {
-      top: theme.spacing(5)
+      top: theme.spacing(5),
+      overflow: "unset"
     }
   };
 };
@@ -650,7 +652,7 @@ HiDateRangeSelector.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiHiDateRangeSelector'
 })(HiDateRangeSelector);
 

package/es/HiDatePicker/ListPicker.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -25,11 +25,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactCustomScrollbars = require("react-custom-scrollbars");
 
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -129,7 +129,7 @@ ListPicker.defaultProps = {
   initAtMiddleScroll: true
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiListPicker'
 })(ListPicker);
 

package/es/HiDatePicker/NavBar.js

@@ -5,21 +5,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLeft"));
+var _ChevronLeft = _interopRequireDefault(require("@mui/icons-material/ChevronLeft"));
 
-var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
 
-var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
+var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -79,18 +79,21 @@ var NavBar = function NavBar(_ref) {
     onClick: function onClick() {
       return onPreviousClick();
     },
-    title: prev
+    title: prev,
+    size: "large"
   }, _ref2), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     className: (0, _classnames.default)(classes.button, classes.right),
     onClick: function onClick() {
       return onNextClick();
     },
-    title: next
+    title: next,
+    size: "large"
   }, _ref3), showClockButton && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     className: (0, _classnames.default)(classes.button, classes.bottomLeft),
     onClick: function onClick() {
       return onClockClick();
-    }
+    },
+    size: "large"
   }, _ref4));
 };
 
@@ -98,7 +101,7 @@ NavBar.defaultProps = {
   showClockButton: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
 })(NavBar);

package/es/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -106,7 +106,7 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCustomOverlayLayout'
 })(CustomOverlayLayout);
 

package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -98,7 +98,7 @@ var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCustomOverlayLayoutWithoutFooter'
 })(CustomOverlayLayoutWithoutFooter);
 

package/es/HiDatePicker/Overlays/Overlay.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -17,9 +17,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var styles = function styles() {
   return {
@@ -72,7 +72,7 @@ var Overlay = function Overlay(_ref) {
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiOverlay'
 })(Overlay);
 

package/es/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,7 +27,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _react = _interopRequireDefault(require("react"));
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
 var _Calendar = _interopRequireDefault(require("mdi-material-ui/Calendar"));
 
@@ -35,7 +35,7 @@ var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout
 
 var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -185,7 +185,8 @@ var TimePickerOverlay = /*#__PURE__*/function (_React$Component) {
           className: classes.clockIconButton,
           onClick: function onClick() {
             return onCalendarClick();
-          }
+          },
+          size: "large"
         }, _ref)
       }, props), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.column
@@ -212,7 +213,7 @@ TimePickerOverlay.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiTimePickerOverlay'
 })(TimePickerOverlay);
 

package/es/HiDatePicker/Overlays/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Overlay", {
-  enumerable: true,
-  get: function get() {
-    return _Overlay.default;
-  }
-});
 Object.defineProperty(exports, "CustomOverlayLayout", {
   enumerable: true,
   get: function get() {
@@ -23,6 +17,12 @@ Object.defineProperty(exports, "MonthPickerOverlay", {
     return _MonthPickerOverlay.default;
   }
 });
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function get() {
+    return _Overlay.default;
+  }
+});
 Object.defineProperty(exports, "TimePickerOverlay", {
   enumerable: true,
   get: function get() {

package/es/HiDatePicker/stylesheet.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _styles = require("@mui/material/styles");
 
 var _default = function _default(theme) {
   return {
@@ -188,7 +188,7 @@ var _default = function _default(theme) {
       fontWeight: theme.typography.fontWeightMedium,
       textTransform: 'uppercase',
       '&:hover': {
-        backgroundColor: (0, _colorManipulator.alpha)(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
+        backgroundColor: (0, _styles.alpha)(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
           backgroundColor: 'transparent'

package/es/HiDialog/HiDialog.js

@@ -13,15 +13,15 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 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; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     paper: {
       backgroundColor: theme.palette.background3,

package/es/HiDotsStepper/HiDot.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -23,7 +23,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -96,7 +96,7 @@ HiDot.defaultProps = {
   status: 'unreviewed'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiDot'
 })(HiDot);

package/es/HiDotsStepper/HiDotsStepper.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 
@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiDot = _interopRequireDefault(require("./HiDot"));
 
@@ -108,7 +108,7 @@ var HiDotsStepper = /*#__PURE__*/function (_React$PureComponent) {
   return HiDotsStepper;
 }(_react.default.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiDotsStepper'
 })(HiDotsStepper);

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -21,13 +21,13 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
+var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
 
-var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
+var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
 
-var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
+var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -37,7 +37,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     summaryContent: {
       display: 'flex',