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

package/HiForm/HiUploadField.js

@@ -1,73 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 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 _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
-
 var _HiUpload = _interopRequireDefault(require("./HiUpload"));
-
 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 HiUploadField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiUploadField, _React$PureComponent);
-
   var _super = _createSuper(HiUploadField);
-
   function HiUploadField() {
     (0, _classCallCheck2.default)(this, HiUploadField);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(HiUploadField, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          label = _this$props.label,
-          helperIcon = _this$props.helperIcon,
-          helperText = _this$props.helperText,
-          values = _this$props.values,
-          fullWidth = _this$props.fullWidth,
-          required = _this$props.required,
-          HiInputLabelProps = _this$props.HiInputLabelProps,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth", "required", "HiInputLabelProps"]);
+        className = _this$props.className,
+        label = _this$props.label,
+        helperIcon = _this$props.helperIcon,
+        helperText = _this$props.helperText,
+        values = _this$props.values,
+        fullWidth = _this$props.fullWidth,
+        required = _this$props.required,
+        HiInputLabelProps = _this$props.HiInputLabelProps,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth", "required", "HiInputLabelProps"]);
       var empty = true;
       var error = false;
       var errorText = '';
-
       for (var i = 0, len = values.length; i < len; i += 1) {
         var value = values[i];
-
         if (value !== undefined) {
           empty = value.value !== null && !value.error ? false : empty;
           error = value.error || error;
           errorText += "".concat(value.errorMessage);
         }
       }
-
       return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         label: label,
         className: className,
@@ -85,7 +65,6 @@ var HiUploadField = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiUploadField;
 }(_react.default.PureComponent);
-
 HiUploadField.defaultProps = {
   helperText: '',
   helperIcon: false,
@@ -93,5 +72,4 @@ HiUploadField.defaultProps = {
   fullWidth: false,
   required: true
 };
-var _default = HiUploadField;
-exports.default = _default;
+var _default = exports.default = HiUploadField;

package/HiForm/HiUploadInput.js

@@ -1,43 +1,26 @@
 "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 _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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
 var _RemoveRedEye = _interopRequireDefault(require("@mui/icons-material/RemoveRedEye"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 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) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({
       position: 'relative'
@@ -72,8 +55,8 @@ var styles = function styles(theme) {
           easing: theme.transitions.easing.ease
         }),
         pointerEvents: 'none' // Transparent to the hover style.
-
       },
+
       '&:hover:not($disabled):before': {
         backgroundColor: theme.palette.input.bottomLine,
         height: 2
@@ -103,8 +86,8 @@ var styles = function styles(theme) {
             easing: theme.transitions.easing.easeOut
           }),
           pointerEvents: 'none' // Transparent to the hover style.
-
         },
+
         '&:hover:after': {
           transform: 'scaleX(1)'
         },
@@ -115,7 +98,7 @@ var styles = function styles(theme) {
           transform: 'scaleX(1)'
         },
         '&$error': {
-          borderBottom: "1px solid ".concat(theme.palette.negative.main)
+          borderBottom: "1px solid ".concat(theme.palette.error.main)
         }
       }
     },
@@ -169,36 +152,25 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var _ref = /*#__PURE__*/_react.default.createElement(_RemoveRedEye.default, null);
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Delete.default, null);
-
 var HiUploadInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiUploadInput, _React$Component);
-
   var _super = _createSuper(HiUploadInput);
-
   function HiUploadInput(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiUploadInput);
     _this = _super.call(this, props);
-
+    // Action when files are dropped on the field
     _this.handleDrop = function (event) {
       if (event.target === _this.uploadFieldRef) {
         event.preventDefault();
         event.stopPropagation();
-
         if (_this.state.droppable) {
           var param = _this.handleFile(event.dataTransfer.files);
-
           _this.setState({
             dragOver: false
           });
-
           _this.props.onChange(param, _this.props.index);
         } else {
           _this.setState({
@@ -208,20 +180,17 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-
+    // Action when files are dragged over the field.
     _this.handleDragEnter = function (event) {
       event.preventDefault();
       event.stopPropagation();
-
       if (event.target === _this.uploadFieldRef) {
         if (event.dataTransfer.items.length !== 1) {
           event.dataTransfer.dropEffect = 'none';
-
           _this.props.onChange({
             errorMessage: _this.props.translations.errorDragEnter,
             value: null
           }, _this.props.index);
-
           _this.setState({
             dragOver: true
           });
@@ -233,56 +202,46 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-
+    // Action when files are not dragged over the field anymore.
     _this.handleDragLeave = function (event) {
       event.preventDefault();
       event.stopPropagation();
-
       if (event.target === _this.uploadFieldRef && event.relatedTarget.parentElement !== _this.uploadFieldRef) {
         _this.props.onChange({
           errorMessage: '',
           value: null
         }, _this.props.index);
-
         _this.setState({
           droppable: false,
           dragOver: false
         });
       }
     };
-
     _this.handleChange = function (event) {
       var param = _this.handleFile(event.target.files);
-
       _this.props.onChange(param, _this.props.index);
     };
-
     _this.handleDeleteFile = function () {
       _this.props.onDeleteFile(_this.props.index);
     };
-
     _this.handleEmptyField = function (event) {
       event.target.value = '';
     };
-
     _this.handleSeeFile = function () {
       _this.props.onSeeFile(_this.props.value);
     };
-
+    // Handles the file wether it is selected via the input or dropped on it.
     _this.handleFile = function (files) {
       var error = false;
       var errorMessage = '';
       var file = null;
-
       if (files.length === 1) {
         file = files[0];
         errorMessage = '';
-
         if (file.size > _this.props.maxSize) {
           errorMessage += _this.props.translations.errorSize.replace('maxSize', _this.props.maxSize / 1000000);
           error = true;
         }
-
         if (_this.props.acceptedTypes.length !== 0 && _this.props.acceptedTypes.indexOf(file.type) === -1) {
           errorMessage += _this.props.translations.errorType;
           error = true;
@@ -290,14 +249,12 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
       } else {
         errorMessage = _this.props.translations.errorDropMultiple;
       }
-
       return {
         errorMessage: errorMessage,
         error: error,
         value: file
       };
     };
-
     _this.uploadFieldRef = void 0;
     _this.state = {
       errorMessage: '',
@@ -305,9 +262,9 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
       droppable: false
     };
     return _this;
-  } // When component mounts, we add eventListeners to handle the file drag and drop
-
+  }
 
+  // When component mounts, we add eventListeners to handle the file drag and drop
   (0, _createClass2.default)(HiUploadInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -327,33 +284,27 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         event.preventDefault();
       }, false);
       this.uploadFieldRef.removeEventListener('drop', this.handleDrop, false);
-    } // Action when files are dropped on the field
-
+    }
   }, {
     key: "render",
     value: function render() {
-      var _classNames,
-          _this2 = this;
-
+      var _this2 = this;
       var _this$props = this.props,
-          placeholder = _this$props.placeholder,
-          classes = _this$props.classes,
-          disabled = _this$props.disabled,
-          focused = _this$props.focused,
-          value = _this$props.value,
-          error = _this$props.error;
+        placeholder = _this$props.placeholder,
+        classes = _this$props.classes,
+        disabled = _this$props.disabled,
+        focused = _this$props.focused,
+        value = _this$props.value,
+        error = _this$props.error;
       var _this$state = this.state,
-          dragOver = _this$state.dragOver,
-          errorMessage = _this$state.errorMessage,
-          droppable = _this$state.droppable; // On utilise classNames pour variabiliser les styles et merger les classes appliquées
-
-      var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.error, error && !focused), (0, _defineProperty2.default)(_classNames, classes.dragOver, dragOver), (0, _defineProperty2.default)(_classNames, classes.droppable, droppable), _classNames));
-
+        dragOver = _this$state.dragOver,
+        errorMessage = _this$state.errorMessage,
+        droppable = _this$state.droppable; // On utilise classNames pour variabiliser les styles et merger les classes appliquées
+      var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.disabled, disabled), classes.focused, focused), classes.error, error && !focused), classes.dragOver, dragOver), classes.droppable, droppable));
       var eyeButton = /*#__PURE__*/_react.default.createElement(_HiIconButton.default, {
         className: classes.icon,
         onClick: this.handleSeeFile
       }, _ref);
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: rootClass
       }, /*#__PURE__*/_react.default.createElement("label", {
@@ -376,7 +327,6 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiUploadInput;
 }(_react.default.Component);
-
 HiUploadInput.defaultProps = {
   placeholder: 'Choose a file',
   disabled: false,
@@ -391,10 +341,7 @@ HiUploadInput.defaultProps = {
     errorDragEnter: 'Contenu non correct'
   }
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiUploadInput'
-})(HiUploadInput);
-
-exports.default = _default;
+})(HiUploadInput);

package/HiForm/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -71,25 +70,14 @@ Object.defineProperty(exports, "HiUploadField", {
     return _HiUploadField.default;
   }
 });
-
 var _HiAddressField = _interopRequireDefault(require("./HiAddressField"));
-
 var _HiEmailField = _interopRequireDefault(require("./HiEmailField"));
-
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
-
 var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
-
 var _HiInput = _interopRequireDefault(require("./HiInput"));
-
 var _HiPasswordField = _interopRequireDefault(require("./HiPasswordField"));
-
 var _HiSearchField = _interopRequireDefault(require("./HiSearchField"));
-
 var _HiSlider = _interopRequireDefault(require("./HiSlider"));
-
 var _HiTextField = _interopRequireDefault(require("./HiTextField"));
-
 var _HiUpload = _interopRequireDefault(require("./HiUpload"));
-
 var _HiUploadField = _interopRequireDefault(require("./HiUploadField"));

package/HiIcon/HiIcon.js

@@ -1,39 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _helpers = require("../utils/helpers");
-
 var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
-
-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 || _typeof3(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, _makeStyles.default)(function (theme) {
+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" != _typeof3(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 useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     /* Styles applied to the root element. */
     root: {
@@ -41,7 +26,6 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
         if (theme.palette[props.color]) {
           return theme.palette[props.color].main;
         }
-
         return theme.palette.primary.main;
       }
     },
@@ -50,22 +34,18 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-exports.useStyles = useStyles;
-
 var HiIcon = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      className = props.className,
-      icon = props.icon,
-      size = props.size,
-      color = props.color,
-      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
+    className = props.className,
+    icon = props.icon,
+    size = props.size,
+    color = props.color,
+    other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
   var iconName = icon !== null ? icon : children;
-
   if (iconName && (0, _typeof2.default)(iconName) === 'object') {
     return iconName;
   }
-
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
       return 'line_awesome';
@@ -75,7 +55,6 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       return 'mui';
     }
   }, [iconName]);
-
   switch (iconType) {
     case 'line_awesome':
       return /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
@@ -85,7 +64,6 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
           fontSize: size
         }
       }, other));
-
     case 'hipay':
       var HipayIconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
       return /*#__PURE__*/_react.default.createElement(HipayIconName, (0, _extends2.default)({
@@ -94,7 +72,6 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
         color: 'currentColor',
         size: size
       }, other));
-
     case 'mui':
     default:
       // console.log({ ...props });
@@ -108,11 +85,9 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       }, other), iconName);
   }
 });
-
 HiIcon.defaultProps = {
   color: 'inherit',
   icon: null,
   size: 20
 };
-var _default = HiIcon;
-exports.default = _default;
+var _default = exports.default = HiIcon;

package/HiIcon/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 _HiIcon.default;
   }
 });
-
 var _HiIcon = _interopRequireDefault(require("./HiIcon"));

package/HiIconButton/HiIconButton.js

@@ -1,41 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@mui/material/styles");
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 // @inheritedComponent IconButton
-var useStyles = (0, _makeStyles.default)(function (theme) {
+
+var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {},
     rootCustomColor: function rootCustomColor(props) {
       var color;
-
       if (theme.palette[props.color]) {
         color = theme.palette[props.color].main;
       } else if (props.color.charAt(0) === '#') {
         color = props.color;
       }
-
       if (!color) return {};
       return {
         color: color,
@@ -50,16 +39,14 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-exports.useStyles = useStyles;
-
 var HiIconButton = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      className = props.className,
-      color = props.color,
-      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color"]);
+    className = props.className,
+    color = props.color,
+    other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color"]);
   var classes = useStyles(props);
   var isHexColor = color.charAt(0) === '#';
-  var isExtendedColor = ['positive', 'negative', 'middle', 'neutral'].includes(color);
+  var isExtendedColor = ['success', 'error', 'warning', 'neutral'].includes(color);
   var isCustomColor = isHexColor || isExtendedColor;
   var rootClassNames = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.rootCustomColor, isCustomColor));
   return /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
@@ -72,9 +59,7 @@ var HiIconButton = _react.default.forwardRef(function (props, ref) {
     size: "large"
   }, other), children);
 });
-
 HiIconButton.defaultProps = {
   color: 'neutral'
 };
-var _default = HiIconButton;
-exports.default = _default;
+var _default = exports.default = HiIconButton;

package/HiIconButton/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 _HiIconButton.default;
   }
 });
-
 var _HiIconButton = _interopRequireDefault(require("./HiIconButton"));