@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/HiAccordion/HiAccordion.js

@@ -1,49 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Card = _interopRequireDefault(require("@mui/material/Card"));
-
 var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-
 var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
-
 var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
-
 var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var HiAccordion = function HiAccordion(props) {
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isExpanded = _useState2[0],
-      setExpanded = _useState2[1]; // Call callback when edit button clicked
-
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isExpanded = _useState2[0],
+    setExpanded = _useState2[1]; // Call callback when edit button clicked
   var handleEdit = function handleEdit(e) {
     // Stop propagation of event to avoir panel closing
-    e.stopPropagation(); // Set expanded to avoid closing animation after edition when panel was collapsed
-
+    e.stopPropagation();
+    // Set expanded to avoid closing animation after edition when panel was collapsed
     setExpanded(true);
     props.onEdit && props.onEdit();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className
   }, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
@@ -70,7 +54,6 @@ var HiAccordion = function HiAccordion(props) {
     className: "content"
   }, props.editContent)) : props.content)));
 };
-
 var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
   displayName: "HiAccordion__StyledHiAccordion",
   componentId: "sc-t8vs74-0"
@@ -78,5 +61,4 @@ var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
   var editMode = _ref.editMode;
   return editMode ? '0 0 24px 0' : '8px 0 24px 0';
 });
-var _default = StyledHiAccordion;
-exports.default = _default;
+var _default = exports.default = StyledHiAccordion;

package/HiAccordion/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
-
-var _default = _HiAccordion.default;
-exports.default = _default;
+var _default = exports.default = _HiAccordion.default;

package/HiAccordionActions/HiAccordionActions.js

@@ -1,41 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
-
 var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
   fontSize: "small"
 });
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
   size: 24,
   color: "primary",
   className: "save-loading-progress"
 });
-
 var HiAccordionActions = function HiAccordionActions(props) {
   var handleCancel = function handleCancel() {
     props.onCancel && props.onCancel();
   };
-
   var handleSave = function handleSave() {
     props.onSave && props.onSave();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className
   }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
@@ -55,7 +44,6 @@ var HiAccordionActions = function HiAccordionActions(props) {
     className: "save-text"
   }, props.saveLabel)), props.isSaving && _ref2));
 };
-
 HiAccordionActions.defaultProps = {
   disabled: false,
   isSaving: false
@@ -64,5 +52,4 @@ var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions
   displayName: "HiAccordionActions__StyledHiAccordionActions",
   componentId: "sc-sfgibt-0"
 })(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancel-button{margin-right:20px;}.save-wrapper{position:relative;.save-text{margin-left:6px;}.save-loading-progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}}"]);
-var _default = StyledHiAccordionActions;
-exports.default = _default;
+var _default = exports.default = StyledHiAccordionActions;

package/HiAccordionActions/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
-
-var _default = _HiAccordionActions.default;
-exports.default = _default;
+var _default = exports.default = _HiAccordionActions.default;

package/HiAccordionSummary/HiAccordionSummary.js

@@ -1,34 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
 var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
   fontSize: "small"
 });
-
 var HiAccordionSummary = function HiAccordionSummary(props) {
   return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
     classes: {
@@ -57,7 +45,6 @@ var HiAccordionSummary = function HiAccordionSummary(props) {
     className: "saveLabel"
   }, props.editLabel))));
 };
-
 HiAccordionSummary.defaultProps = {
   editable: false,
   editMode: false,
@@ -67,5 +54,4 @@ var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary
   displayName: "HiAccordionSummary__StyledHiAccordionSummary",
   componentId: "sc-x8gl70-0"
 })(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;.heading{font-weight:bold;}}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;}}.saveLabel{margin-left:6px;}}"]);
-var _default = StyledHiAccordionSummary;
-exports.default = _default;
+var _default = exports.default = StyledHiAccordionSummary;

package/HiAccordionSummary/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
-
-var _default = _HiAccordionSummary.default;
-exports.default = _default;
+var _default = exports.default = _HiAccordionSummary.default;

package/HiAlertModal/HiAlertModal.js

@@ -1,43 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-
 var _material = require("@mui/material");
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var HiAlertModal = function HiAlertModal(props) {
   var cancelButtonRef = (0, _react.useRef)(null);
-  var submitButtonRef = (0, _react.useRef)(null); // Refs to HiButton to display focus state
+  var submitButtonRef = (0, _react.useRef)(null);
 
+  // Refs to HiButton to display focus state
   var submitActionsRef;
-  var cancelActionsRef; // On Dialog opening, focus an action button
+  var cancelActionsRef;
 
+  // On Dialog opening, focus an action button
   var handleOnEntered = function handleOnEntered() {
     if (props.labelSubmitButton) {
       // Focus submit button
@@ -49,7 +37,6 @@ var HiAlertModal = function HiAlertModal(props) {
       cancelActionsRef.focusVisible();
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     className: props.className,
     classes: {
@@ -94,7 +81,6 @@ var HiAlertModal = function HiAlertModal(props) {
     className: "submit-text"
   }, props.labelSubmitButton))));
 };
-
 var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
   displayName: "HiAlertModal__StyledHiAlertModal",
   componentId: "sc-dmfyat-0"
@@ -112,5 +98,4 @@ HiAlertModal.defaultProps = {
   submitButtonVariant: 'contained',
   submitIcon: 'done'
 };
-var _default = StyledHiAlertModal;
-exports.default = _default;
+var _default = exports.default = StyledHiAlertModal;

package/HiAlertModal/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _HiAlertModal = _interopRequireDefault(require("./HiAlertModal"));
-
-var _default = _HiAlertModal.default;
-exports.default = _default;
+var _default = exports.default = _HiAlertModal.default;

package/HiAppBar/HiAppBar.js

@@ -1,47 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
-
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-
 var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
 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); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent AppBar
+var styles = exports.styles = function styles(theme) {
   return {
     root: {},
     bar: {
@@ -65,21 +46,14 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var _ref = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
   icon: "keyboard_arrow_up"
 });
-
 var HiAppBar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiAppBar, _React$Component);
-
   var _super = _createSuper(HiAppBar);
-
   function HiAppBar(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiAppBar);
     _this = _super.call(this, props);
     _this.state = {
@@ -88,7 +62,6 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
     _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiAppBar, [{
     key: "handleCollapse",
     value: function handleCollapse() {
@@ -98,13 +71,13 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          collapsed = _this$props.collapsed,
-          focused = _this$props.focused,
-          hideable = _this$props.hideable,
-          position = _this$props.position;
+        children = _this$props.children,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        collapsed = _this$props.collapsed,
+        focused = _this$props.focused,
+        hideable = _this$props.hideable,
+        position = _this$props.position;
       return /*#__PURE__*/_react.default.createElement(_AppBar.default, {
         className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
         classes: {
@@ -125,15 +98,11 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiAppBar;
 }(_react.default.Component);
-
 HiAppBar.defaultProps = {
   focused: false,
   hideable: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiAppBar'
-})(HiAppBar);
-
-exports.default = _default;
+})(HiAppBar);

package/HiAppBar/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiAppBar.default;
   }
 });
-
 var _HiAppBar = _interopRequireDefault(require("./HiAppBar"));

package/HiAvatar/HiAvatar.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-
 /*
  * Display an material-ui Avatar
  * If boolean internal is true, it displays white avatar with colored border and colored text
@@ -24,8 +17,8 @@ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
  */
 var HiAvatar = (0, _styledComponents.default)(function (_ref) {
   var internal = _ref.internal,
-      color = _ref.color,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["internal", "color"]);
+    color = _ref.color,
+    other = (0, _objectWithoutProperties2.default)(_ref, ["internal", "color"]);
   return /*#__PURE__*/_react.default.createElement(_Avatar.default, other);
 }).withConfig({
   displayName: "HiAvatar",
@@ -40,12 +33,10 @@ var HiAvatar = (0, _styledComponents.default)(function (_ref) {
 HiAvatar.propTypes = {
   /* If internal user, display Avatar colors reversed */
   internal: _propTypes.default.bool,
-
   /* Avatar color */
   color: _propTypes.default.string
 };
 HiAvatar.defaultProps = {
   internal: false
 };
-var _default = HiAvatar;
-exports.default = _default;
+var _default = exports.default = HiAvatar;

package/HiAvatar/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiAvatar.default;
   }
 });
-
 var _HiAvatar = _interopRequireDefault(require("./HiAvatar"));

package/HiBadge/HiBadge.js

@@ -1,23 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     // Usefull for style overriding
     root: {},
@@ -29,17 +22,17 @@ var styles = function styles(theme) {
       backgroundColor: theme.palette.secondary.main,
       color: theme.palette.secondary.contrastText
     },
-    positive: {
-      backgroundColor: theme.palette.positive.main,
-      color: theme.palette.positive.contrastText
+    success: {
+      backgroundColor: theme.palette.success.main,
+      color: theme.palette.success.contrastText
     },
-    negative: {
-      backgroundColor: theme.palette.negative.main,
-      color: theme.palette.negative.contrastText
+    error: {
+      backgroundColor: theme.palette.error.main,
+      color: theme.palette.error.contrastText
     },
-    middle: {
-      backgroundColor: theme.palette.middle.main,
-      color: theme.palette.middle.contrastText
+    warning: {
+      backgroundColor: theme.palette.warning.main,
+      color: theme.palette.warning.contrastText
     },
     neutral: {
       backgroundColor: theme.palette.neutral.main,
@@ -66,20 +59,15 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 function HiBadge(props) {
-  var _classNames;
-
   var classes = props.classes,
-      className = props.className,
-      children = props.children,
-      color = props.color,
-      value = props.value;
+    className = props.className,
+    children = props.children,
+    color = props.color,
+    value = props.value;
   var length = value.toString().length;
   var finalValue = value > 100 ? '+100' : value;
-  var badgeClass = (0, _classnames.default)(classes.badge, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), (0, _defineProperty2.default)(_classNames, classes.shortBadge, length < 2), (0, _defineProperty2.default)(_classNames, classes.mediumBadge, length === 2), (0, _defineProperty2.default)(_classNames, classes.longBadge, length > 2), _classNames));
+  var badgeClass = (0, _classnames.default)(classes.badge, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.primary, color === 'primary'), classes.secondary, color === 'secondary'), classes.success, color === 'success'), classes.error, color === 'error'), classes.warning, color === 'warning'), classes.neutral, color === 'neutral'), classes.shortBadge, length < 2), classes.mediumBadge, length === 2), classes.longBadge, length > 2));
   return /*#__PURE__*/_react.default.createElement(_Badge.default, {
     className: className,
     classes: {
@@ -90,14 +78,10 @@ function HiBadge(props) {
     badgeContent: finalValue
   }, children);
 }
-
 HiBadge.defaultProps = {
   color: 'primary'
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiBadge'
-})(HiBadge);
-
-exports.default = _default;
+})(HiBadge);

package/HiBadge/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiBadge.default;
   }
 });
-
 var _HiBadge = _interopRequireDefault(require("./HiBadge"));