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

package/HiCell/CellIcon.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"));
 
@@ -19,7 +19,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"));
 
@@ -124,7 +124,7 @@ CellIcon.defaultProps = {
   color: 'neutral'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellIcon'
 })(CellIcon);
 

package/HiCell/CellImage.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"));
 
@@ -19,7 +19,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"));
 
 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); }; }
 
@@ -108,7 +108,7 @@ CellImage.defaultProps = {
   view: 's'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellImage'
 })(CellImage);
 

package/HiCell/CellNumeric.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"));
 
@@ -19,7 +19,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 _helpers = require("../utils/helpers");
 
@@ -105,7 +105,7 @@ CellNumeric.defaultProps = {
   locale: 'en'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellNumeric'
 })(CellNumeric);
 

package/HiCell/CellPinToAction.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"));
 
@@ -19,7 +19,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 _HiPin = _interopRequireDefault(require("../HiPin"));
 
@@ -91,7 +91,7 @@ CellPinToAction.defaultProps = {
   align: "left"
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellPin'
 })(CellPinToAction);
 

package/HiCell/CellRate.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"));
 
@@ -31,7 +31,7 @@ var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
 
 var _helpers = require("../utils/helpers");
 
-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); }; }
 
@@ -151,7 +151,7 @@ CellRate.defaultProps = {
   locale: 'en'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellRate'
 })(CellRate);
 

package/HiCell/CellSentinel.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 _react = _interopRequireDefault(require("react"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
-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); }; }
 
@@ -86,7 +86,7 @@ CellSentinel.defaultProps = {
   outlined: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellSentinel'
 })(CellSentinel);
 

package/HiCell/CellSentinelScore.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.sentinelColorById = exports.styles = void 0;
+exports.styles = exports.sentinelColorById = exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 
@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
-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); }; }
 
@@ -89,7 +89,7 @@ CellSentinelScore.defaultProps = {
   active: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellSentinelScore'
 })(CellSentinelScore);
 

package/HiCell/CellText.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
@@ -228,7 +228,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
   return CellText;
 }(_react.default.Component);
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellText'
 })(CellText);
 

package/HiCheckbox/HiCheckbox.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"));
 
@@ -31,9 +31,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -185,7 +185,7 @@ HiCheckbox.defaultProps = {
   icon: 'check_box_outline_blank'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
 })(HiCheckbox);

package/HiChip/HiChip.js

@@ -23,9 +23,9 @@ var _keycode = _interopRequireDefault(require("keycode"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.b3, {
       display: 'inline-flex',

package/HiChip/HiChipSwitch.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"));
 
@@ -33,9 +33,9 @@ var _index = _interopRequireDefault(require("keycode/index"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+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); }; }
 
@@ -58,7 +58,7 @@ var styles = function styles(theme) {
       // Remove grey highlight
       WebkitTapHighlightColor: 'transparent',
       '&:hover, &:focus': {
-        backgroundColor: (0, _colorManipulator.emphasize)(theme.palette.grey[300], 0.08)
+        backgroundColor: (0, _styles.emphasize)(theme.palette.grey[300], 0.08)
       }
     }),
     active: {
@@ -248,7 +248,7 @@ HiChipSwitch.defaultProps = {
   selectionTitle: ''
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
 })(HiChipSwitch);

package/HiChip/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "HiChipSwitch", {
   enumerable: true,
   get: function get() {
-    return _HiChip.default;
+    return _HiChipSwitch.default;
   }
 });
-Object.defineProperty(exports, "HiChipSwitch", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _HiChipSwitch.default;
+    return _HiChip.default;
   }
 });
 

package/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/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/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/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/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/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"));
 
@@ -650,7 +651,7 @@ HiDateRangeSelector.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiHiDateRangeSelector'
 })(HiDateRangeSelector);
 

package/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/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/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);