@hipay/hipay-material-ui 2.3.4 → 3.0.0

package/es/HiIcon/HiIcon.js

@@ -11,9 +11,11 @@ exports.default = exports.useStyles = 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 _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -51,66 +53,68 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       className = props.className,
       icon = props.icon,
       size = props.size,
-      _color = props.color,
+      color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
-  var iconName = icon !== null ? icon : children;
   var theme = (0, _styles.useTheme)();
-  var color = ['primary', 'secondary', 'neutral', 'positive', 'middle', 'negative'].includes(_color) ? theme.palette[_color].main : _color; // Line Awesome icons
-
-  if (iconName && iconName.indexOf('fa-') === 0) {
-    return _react.default.createElement("i", (0, _extends2.default)({
-      ref: ref,
-      className: (0, _classnames.default)('fa', iconName, className, classes.root),
-      style: {
-        fontSize: size
-      }
-    }, other));
-  } // Specific HiPay icons
-
-
-  if (iconName && iconName.indexOf('hi_') === 0) {
-    var IconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
-    return _react.default.createElement(IconName, (0, _extends2.default)({
-      ref: ref,
-      className: (0, _classnames.default)(classes.root, className),
-      color: color,
-      size: size
-    }, other));
-  }
-
-  color = ['primary', 'secondary', 'negative'].includes(_color) ? _color : 'inherit';
-
-  if (color === 'negative') {
-    color = 'error';
-  } // MDI - Material Design Icons - https://materialdesignicons.com
-
-
-  if (iconName && iconName.indexOf('mdi_') === 0) {
-    var _IconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
-    return _react.default.createElement(_IconName, (0, _extends2.default)({
-      ref: ref,
-      className: (0, _classnames.default)(classes.root, className),
-      color: color,
-      style: {
-        fontSize: size
-      }
-    }, other));
-  } // @material-ui/icons
-
-
-  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    ref: ref,
-    className: (0, _classnames.default)(classes.root, className),
-    color: color,
-    style: {
-      fontSize: size
+  var iconName = icon !== null ? icon : children;
+  var iconType = (0, _react.useMemo)(function () {
+    if (iconName && iconName.indexOf('fa-') === 0) {
+      return "line_awesome";
+    } else if (iconName && iconName.indexOf('hi_') === 0) {
+      return "hipay";
+    } else if (iconName && iconName.indexOf('mdi_') === 0) {
+      return "mdi";
+    } else {
+      return "mui";
     }
-  }, other), iconName);
+  }, [iconName]);
+
+  switch (iconType) {
+    case "line_awesome":
+      return _react.default.createElement("i", (0, _extends2.default)({
+        ref: ref,
+        className: (0, _classnames.default)('fa', iconName, className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
+        style: {
+          fontSize: size
+        }
+      }, other));
+
+    case "hipay":
+      var HipayIconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
+      return _react.default.createElement(HipayIconName, (0, _extends2.default)({
+        ref: ref,
+        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
+        color: "currentColor",
+        size: size
+      }, other));
+
+    case "mdi":
+      var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
+      return _react.default.createElement(MdiIconName, (0, _extends2.default)({
+        ref: ref,
+        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
+        color: "inherit",
+        style: {
+          fontSize: size
+        }
+      }, other));
+
+    case "mui":
+    default:
+      return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+        ref: ref,
+        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
+        color: "inherit",
+        style: {
+          fontSize: size
+        }
+      }, other), iconName);
+  }
 });
 
 HiIcon.defaultProps = {
-  color: 'neutral',
+  color: 'inherit',
   icon: null,
   size: 20
 };

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.styles = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
@@ -546,12 +548,13 @@ function (_React$Component) {
       return cardNumber;
     };
 
-    _this.formatIBANNumber = function (cardNumber) {
-      if (cardNumber.search(' ') < 0) {
-        cardNumber = "".concat(cardNumber.substring(0, 4), " ").concat(cardNumber.substring(4, 8), " ").concat(cardNumber.substring(8, 12), "\n             ").concat(cardNumber.substring(12, 16), " ").concat(cardNumber.substring(16, 20), " ").concat(cardNumber.substring(20, 26));
-      }
+    _this.formatIBANNumber = function (iban) {
+      // 1) remove spaces
+      var res = iban.replace(/\s/g, ''); // 2) add space each 4 chars
 
-      return cardNumber;
+      return (0, _toConsumableArray2.default)(res).map(function (char, index) {
+        return index > 0 && index % 4 === 0 ? ' ' + char : char;
+      }).join('');
     };
 
     return _this;

package/es/HiPin/HiPin.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+exports.default = exports.useStyles = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -17,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styles = require("@material-ui/core/styles");
 
-var styles = function styles(theme) {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {
       display: 'inline-block',
@@ -62,7 +60,7 @@ var styles = function styles(theme) {
       color: theme.palette.neutral.contrastText
     }
   };
-};
+});
 /**
  * HiPins
  *
@@ -72,33 +70,27 @@ var styles = function styles(theme) {
  *
  */
 
-
-exports.styles = styles;
+exports.useStyles = useStyles;
 
 function HiPin(props) {
   var _classNames;
 
-  var classes = props.classes,
-      children = props.children,
+  var children = props.children,
       color = props.color,
       onClick = props.onClick,
       className = props.className;
+  var classes = useStyles(props);
   var pinClass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.clickable, onClick), (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'), _classNames), className);
-  return _react.default.createElement("div", (0, _extends2.default)({
-    className: pinClass
-  }, onClick && {
+  return _react.default.createElement("div", {
+    className: pinClass,
     onClick: onClick,
-    role: 'button'
-  }), children);
+    role: onClick ? 'button' : undefined
+  }, children);
 }
 
 HiPin.defaultProps = {
   color: 'default'
 };
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiPin'
-})(HiPin);
-
+HiPin.useStyles = useStyles;
+var _default = HiPin;
 exports.default = _default;

package/es/HiSelect/HiSelect.js

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.styles = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
@@ -145,11 +147,11 @@ var HiSelect =
 function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelect, _React$PureComponent);
 
-  function HiSelect(props) {
+  function HiSelect(_props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelect);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, props));
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, _props));
 
     _this.buildSelectProps = function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -235,9 +237,9 @@ function (_React$PureComponent) {
     };
 
     _this.focusOnFirstItem = function () {
-      if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
+      if (_this.overlay && _this.overlay.querySelector('li:not([tabindex^="-"])')) {
         setTimeout(function () {
-          var item = _this.overlay.getElementsByTagName('li')[0];
+          var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
 
           item.focus();
         }, 1);
@@ -310,16 +312,16 @@ function (_React$PureComponent) {
     };
 
     _this.focusOnSelectedItem = function (selectedValue) {
-      if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
+      if (_this.overlay && _this.overlay.querySelector('li:not([tabindex^="-"])')) {
         setTimeout(function () {
           if (_this.overlay) {
             // On initialise au premier élément pour être sûr de ne pas se retrouver avec un focus of undefined
-            var item = _this.overlay.getElementsByTagName('li')[0];
+            var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
 
             if (selectedValue && typeof selectedValue === 'string') {
               item = _this.overlay.getElementsByTagName('li')[selectedValue];
             } else if (selectedValue && typeof selectedValue === 'number') {
-              item = _this.overlay.getElementsByTagName('li')[selectedValue - 1];
+              item = _this.overlay.querySelector('li:not([tabindex^="-"])')[selectedValue - 1];
             }
 
             if (item) {
@@ -525,12 +527,42 @@ function (_React$PureComponent) {
       return itemListLength;
     };
 
+    _this.renderScrollbarTrackHorizontal = function (props) {
+      var style = props.style,
+          otherProps = (0, _objectWithoutProperties2.default)(props, ["style"]);
+      var inlineStyle = (0, _objectSpread2.default)({}, style, {
+        zIndex: 10,
+        right: 2,
+        bottom: 2,
+        left: 2,
+        borderRadius: 3
+      });
+      return _react.default.createElement("div", (0, _extends2.default)({}, props, {
+        style: inlineStyle
+      }));
+    };
+
+    _this.renderScrollbarTrackVertical = function (props) {
+      var style = props.style,
+          otherProps = (0, _objectWithoutProperties2.default)(props, ["style"]);
+      var inlineStyle = (0, _objectSpread2.default)({}, style, {
+        zIndex: 10,
+        right: 2,
+        bottom: 2,
+        top: 2,
+        borderRadius: 3
+      });
+      return _react.default.createElement("div", (0, _extends2.default)({}, props, {
+        style: inlineStyle
+      }));
+    };
+
     _this.state = {
       alertOpen: false,
       open: false,
       focused: false,
-      searchValue: props.searchValue ? undefined : '',
-      suggestions: props.options,
+      searchValue: _props.searchValue ? undefined : '',
+      suggestions: _props.options,
       openDown: true,
       overlayWidth: 0
     };
@@ -672,6 +704,8 @@ function (_React$PureComponent) {
           } : {},
           className: classes.paper
         }, (_this2.placement && _this2.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, _react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
+          renderTrackHorizontal: _this2.renderScrollbarTrackHorizontal,
+          renderTrackVertical: _this2.renderScrollbarTrackVertical,
           ref: function ref(contentEl) {
             _this2.optionsContent = contentEl;
           },

package/es/HiSelectableList/HiSelectableListItem.js

@@ -55,7 +55,7 @@ var PureListItem = (0, _pure.default)(_ListItem.default);
 var styles = function styles(theme) {
   return {
     root: {
-      paddingLeft: 4
+      paddingLeft: theme.spacing(1)
     },
     listItem: {
       backgroundColor: theme.palette.background3,
@@ -64,8 +64,10 @@ var styles = function styles(theme) {
       fontWeight: theme.typography.fontWeightRegular,
       maxHeight: 56,
       display: 'inline-flex',
-      alignItems: 'center',
-      cursor: 'pointer',
+      alignItems: "center",
+      "&:not($disabled):not($pinned)": {
+        cursor: 'pointer'
+      },
       '&$listItemInlineWithInfoWithoutSecondary': {
         justifyContent: 'space-between'
       },
@@ -79,7 +81,9 @@ var styles = function styles(theme) {
         }
       },
       '&:focus': {
-        backgroundColor: theme.palette.action.hover,
+        '&:not($disabled):not($pinned)': {
+          backgroundColor: theme.palette.action.hover
+        },
         outline: 'none'
       }
     },
@@ -104,8 +108,8 @@ var styles = function styles(theme) {
       backgroundColor: theme.palette.action.selected
     },
     pinned: {
+      zIndex: 1,
       display: 'inherit',
-      marginRight: 8,
       backgroundColor: theme.palette.background3
     },
     thin: {
@@ -115,7 +119,7 @@ var styles = function styles(theme) {
       textAlign: 'center',
       width: 1,
       height: 22,
-      padding: '8px 0',
+      padding: theme.spacing(2, 0),
       margin: 'auto'
     },
     listItemContent: (0, _objectSpread2.default)({}, theme.typography.b1, {
@@ -125,7 +129,7 @@ var styles = function styles(theme) {
       padding: '5px 0',
       '&$listItemContentSelected': {
         marginBottom: 1,
-        marginLeft: -4
+        marginLeft: theme.spacing(-1)
       },
       '& strong': {
         fontWeight: theme.typography.fontWeightMedium
@@ -139,8 +143,12 @@ var styles = function styles(theme) {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       display: 'inline-block',
-      margin: '1px 0',
-      paddingLeft: 4
+      margin: '1px 0'
+    },
+    highlight: {
+      fontWeight: theme.typography.fontWeightMedium,
+      color: theme.palette.neutral.main,
+      textTransform: 'uppercase'
     },
     primaryHighlight: {
       fontWeight: theme.typography.fontWeightMedium,
@@ -151,7 +159,7 @@ var styles = function styles(theme) {
       color: theme.palette.neutral.main,
       fontWeight: theme.typography.fontWeightLight,
       fontSize: 11,
-      marginLeft: 4
+      marginLeft: theme.spacing(1)
     }),
     inline: {},
     info: (0, _objectSpread2.default)({}, theme.typography.b3, {
@@ -169,11 +177,12 @@ var styles = function styles(theme) {
       verticalAlign: 'middle'
     },
     icon: {
-      margin: '0 4px',
+      marginRight: theme.spacing(1),
       verticalAlign: 'middle'
     },
     labelContent: {
       display: '-webkit-flex',
+      paddingLeft: theme.spacing(1),
       alignItems: 'center',
       maxWidth: '85%',
       '&$labelWithoutSecondaryInline': {
@@ -184,13 +193,11 @@ var styles = function styles(theme) {
     infosContent: {
       display: 'flex',
       alignItems: 'center',
+      paddingLeft: theme.spacing(1),
       width: '100%',
       justifyContent: 'space-between',
       '&$infosInlineWithoutSecondary': {
         width: 'auto'
-      },
-      '&$infosWithoutSecondaryInline': {
-        paddingLeft: 28
       }
     },
     infosInlineWithoutSecondary: {},
@@ -345,21 +352,27 @@ function (_React$PureComponent) {
       }
 
       var ListItemComponentName = pinned ? PureListSubheader : PureListItem;
+      var listItemListenerProps = {};
+
+      if (!disabled && !pinned) {
+        listItemListenerProps = {
+          onClick: onSelect,
+          onMouseEnter: this.setHover(true),
+          onMouseLeave: this.setHover(false),
+          onKeyDown: this.handleKeyDown(item)
+        };
+      }
+
       return _react.default.createElement(ListItemComponentName, (0, _extends2.default)({
         id: id,
-        tabIndex: disabled ? '-1' : 0,
+        tabIndex: disabled || pinned ? '-1' : 0,
         key: "li-".concat(id),
         classes: {
           root: classes.root
         },
         className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.selected, selected), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
         disabled: disabled
-      }, disabled || {
-        onClick: onSelect,
-        onMouseEnter: this.setHover(true),
-        onMouseLeave: this.setHover(false),
-        onKeyDown: this.handleKeyDown(item)
-      }, {
+      }, listItemListenerProps, {
         style: {
           paddingLeft: "".concat(paddingLeft + level * 32, "px")
         }
@@ -389,11 +402,12 @@ function (_React$PureComponent) {
         },
         className: classes.img
       }), _react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
+        className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.highlight, type === 'highlight'), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
         "data-id": id
-      }, type === 'icon' && icon && hideCheckbox && _react.default.createElement(_HiIcon.default, {
+      }, icon && hideCheckbox && _react.default.createElement(_HiIcon.default, {
         icon: icon,
-        className: classes.icon
+        className: classes.icon,
+        color: "inherit"
       }), this.buildItemLabel())), _react.default.createElement("div", {
         className: (0, _classnames.default)(classes.infosContent, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
       }, !!secondaryLabel && _react.default.createElement("div", {

package/es/HiSwitch/HiSwitch.js

@@ -183,7 +183,10 @@ function HiSwitch(props) {
     },
     checkedIcon: icon,
     checked: checked,
-    disabled: disabled
+    disabled: disabled,
+    inputProps: {
+      value: checked ? "on" : "off"
+    }
   }, other)), _react.default.createElement("div", {
     className: classes.bar
   }));

package/es/hi-svg-icons/HiAccount.js

@@ -34,20 +34,17 @@ var HiAccount = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -110)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 134.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
+    d: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
     fill: color
-  }))));
+  })));
 });
 HiAccount.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiBilling.js

@@ -34,20 +34,17 @@ var HiBilling = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 36 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -202)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 226.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    d: "M8127.9 207.9c1.4 0 2.3.8 3 2.2h8.3v10.1h2.2V238.2h-15.7V236h-9V210.2h8.3c.5-1.6 1.5-2.3 2.9-2.3zm-9 4.5v21.4h6.8v-13.5h11.2v-7.9h-2.2v4.5H8121.3v-4.5h-2.4zm9.8-2c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3s-.3.5-.3.8v1.1H8123.5v2.2h9v-2.2H8129.2v-1.1c-.2-.3-.3-.5-.5-.8zm-.8 12.1V236h11.2v-13.5h-11.2z",
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
     fill: color
-  }))));
+  })));
 });
 HiBilling.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiCatalog.js

@@ -34,20 +34,17 @@ var HiCatalog = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -64)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 88.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    d: "M8117 74.4h2.5c.5 0 1 .2 1.4.5.4.3.6.7.7 1.2l3 11.8h14.1l2.7-10.1h2.4l-3 10.7c-.1.5-.3.9-.7 1.2-.4.3-.9.5-1.4.5h-14c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.7-1.2l-3-11.8h-2.5c-.3 0-.6-.1-.8-.3s-.3-.5-.3-.8c0-.3.1-.6.3-.8s.4-.4.7-.4zm7.8 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1zm2.2-19.1h2.2V80h3.4l-4.5 4.5-4.5-4.5h3.4v-5.6zm4.4 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1z",
+    d: "M5.64,6.67H7.33A1.41,1.41,0,0,1,8.24,7a1.28,1.28,0,0,1,.5.82l2,7.87h9.38l1.78-6.75h1.59l-2,7.13a1.31,1.31,0,0,1-.5.82,1.46,1.46,0,0,1-.91.3H10.7a1.48,1.48,0,0,1-.91-.3,1.25,1.25,0,0,1-.49-.82l-2-7.88H5.64a.75.75,0,1,1,0-1.5ZM10.8,17.83a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,10.8,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.66.66,0,0,0-.75-.75.75.75,0,0,0,0,1.5A.66.66,0,0,0,13.14,19.42Zm1.5-12.75h1.5v3.75h2.25l-3,3-3-3h2.25Zm2.91,11.16a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,17.55,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.75.75,0,1,0-.75.75A.66.66,0,0,0,19.89,19.42Z",
     fill: color
-  }))));
+  })));
 });
 HiCatalog.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiCustomer.js

@@ -34,20 +34,17 @@ var HiCustomer = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(1650 3570)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: -1636.1,
-    cy: -3545.1,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    d: "M-1637.1-3559.6c1.5-1.5 3.4-2.3 5.6-2.3 2.2 0 4 .8 5.6 2.3s2.3 3.4 2.3 5.6c0 1.3-.3 2.6-.9 3.7-.6 1.2-1.5 2.1-2.6 2.8 2.1.9 3.7 2.3 5 4.1 1.3 1.9 1.9 3.9 1.9 6.2h-2.2c0-2.5-.9-4.6-2.6-6.4s-3.9-2.6-6.4-2.6c-2.5 0-4.6.9-6.4 2.6s-2.6 3.9-2.6 6.4h-2.2c0-2.3.6-4.4 1.9-6.2 1.3-1.9 2.9-3.2 5-4.1-1.1-.7-1.9-1.6-2.6-2.8-.6-1.2-.9-2.4-.9-3.7-.3-2.2.5-4 2.1-5.6zm9.5 1.6c-1.1-1.1-2.4-1.7-4-1.7s-2.9.6-4 1.7-1.7 2.4-1.7 4 .6 2.9 1.7 4 2.4 1.7 4 1.7 2.9-.6 4-1.7 1.7-2.4 1.7-4-.6-2.9-1.7-4z",
+    d: "M7.47,5.22a5.06,5.06,0,0,1,3.7-1.55,5.07,5.07,0,0,1,3.71,1.55,5.05,5.05,0,0,1,1.54,3.7,5.17,5.17,0,0,1-.63,2.49,5.05,5.05,0,0,1-1.71,1.87,11.2,11.2,0,0,1,1.08.52,6,6,0,0,1,3.51-1.13,6,6,0,0,1,6,6,6,6,0,0,1-6,6,6,6,0,0,1-6-6A5.84,5.84,0,0,1,14,14.92a5.62,5.62,0,0,0-2.82-.75,5.79,5.79,0,0,0-4.24,1.76,5.79,5.79,0,0,0-1.76,4.24H3.67A7.24,7.24,0,0,1,4.94,16a7.63,7.63,0,0,1,3.33-2.74,5.05,5.05,0,0,1-1.71-1.87,5.18,5.18,0,0,1,.91-6.19Zm6.35,1a3.74,3.74,0,0,0-5.3,0,3.64,3.64,0,0,0-1.1,2.65,3.62,3.62,0,0,0,1.1,2.65,3.6,3.6,0,0,0,2.65,1.1,3.59,3.59,0,0,0,2.65-1.1,3.59,3.59,0,0,0,1.1-2.65A3.6,3.6,0,0,0,13.82,6.27Zm8,9.22a4.5,4.5,0,0,0-6.37,0,4.5,4.5,0,0,0,0,6.37,4.53,4.53,0,0,0,6.37,0,4.53,4.53,0,0,0,0-6.37Zm-3.94.18h1.5v2.25h2.25v1.5H19.42v2.25h-1.5V19.42H15.67v-1.5h2.25Z",
     fill: color
-  }))));
+  })));
 });
 HiCustomer.muiName = 'SvgIcon';