@hipay/hipay-material-ui 2.3.1-rc5 → 2.3.2

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -89,87 +89,81 @@ function yearAndQuarter(format, date, t) {
   return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
 }
 
-function buildDateRangeOptionByKey(key, t, format, timezoneName) {
+function buildDateRangeOptionByKey(key, t, format) {
   var from;
   var label;
   var info;
   var to;
   var type;
 
-  _momentTimezone.default.updateLocale('en', {
-    week: {
-      dow: 1
-    }
-  });
-
   switch (key) {
     case 'custom':
       label = t.custom_period;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(15, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().subtract(15, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().endOf('day');
       type = 'primary-highlight';
       break;
 
     case 'cd':
       label = t.today;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().startOf('day');
+      to = (0, _momentTimezone.default)().endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'pd':
       label = t.yesterday;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').endOf('day');
+      from = (0, _momentTimezone.default)().subtract(1, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().subtract(1, 'day').endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'cw':
       label = t.current_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('week');
+      to = (0, _momentTimezone.default)();
       info = "".concat(t.short_week).concat(from.format('w'), ", \n ").concat(from.format(format), " ").concat(t.to_now);
       break;
 
     case 'pw':
       label = t.previous_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').endOf('week');
+      from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
+      to = (0, _momentTimezone.default)().subtract(1, 'week').endOf('week');
       info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(from.format(format), " ").concat(t.to, " ").concat(to.format(format));
       break;
 
     case 'cm':
       label = t.current_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('month');
+      to = (0, _momentTimezone.default)();
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pm':
       label = t.previous_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').endOf('month');
+      from = (0, _momentTimezone.default)().subtract(1, 'month').startOf('month');
+      to = (0, _momentTimezone.default)().subtract(1, 'month').endOf('month');
       info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
       break;
 
     case 'cq':
       label = t.current_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('quarter');
+      to = (0, _momentTimezone.default)();
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pq':
       label = t.previous_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
+      from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
+      to = (0, _momentTimezone.default)().subtract(1, 'quarter').endOf('quarter');
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'cy':
       label = t.current_year;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('year');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('year');
+      to = (0, _momentTimezone.default)();
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
@@ -268,7 +262,7 @@ function (_React$Component) {
     };
 
     _this.options = props.availableOptionKeys.map(function (key) {
-      return buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName);
+      return buildDateRangeOptionByKey(key, props.translations, props.format);
     });
     _this.state = {
       selectedPreset: props.defaultPreset,
@@ -286,18 +280,6 @@ function (_React$Component) {
         });
       }
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (prevProps.timezoneName !== this.props.timezoneName) {
-        this.options = this.props.availableOptionKeys.map(function (key) {
-          return buildDateRangeOptionByKey(key, _this2.props.translations, _this2.props.format, _this2.props.timezoneName);
-        });
-        this.updateDates(this.state.selectedPreset);
-      }
-    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -324,7 +306,7 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
 
       var _this$props = this.props,
           disabled = _this$props.disabled,
@@ -369,7 +351,7 @@ function (_React$Component) {
           flexDirection: 'column'
         } : {},
         ref: function ref(container) {
-          _this3.container = container;
+          _this2.container = container;
         }
       }, _react.default.createElement("div", {
         className: classes.select,
@@ -444,7 +426,6 @@ HiDateRangeSelector.defaultProps = {
   format: 'YYYY-DD-MM',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'Today',
     hour: 'Hour',

package/es/HiForm/HiInput.js

@@ -86,11 +86,13 @@ var styles = function styles(theme) {
       borderRadius: 2
     },
     startAdornment: {
-      color: theme.palette.neutral.main,
       zIndex: 1,
       marginLeft: 0,
       marginRight: 8
     },
+    startAdornmentDefaultColor: {
+      color: theme.palette.neutral.main
+    },
     startAdornmentFocus: {
       color: theme.palette.neutral.dark
     },
@@ -361,7 +363,7 @@ function (_React$PureComponent) {
           size: 20,
           color: startAdornmentColor,
           onClick: this.props.onLeftIconClick,
-          className: (0, _classnames.default)(classes.startAdornment, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.startAdornmentFocus, focused), (0, _defineProperty2.default)(_classNames2, classes.startAdornmentDisabled, disabled), (0, _defineProperty2.default)(_classNames2, classes.iconPointer, this.props.onLeftIconClick), _classNames2))
+          className: (0, _classnames.default)(classes.startAdornment, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.startAdornmentDefaultColor, !startAdornmentColor), (0, _defineProperty2.default)(_classNames2, classes.startAdornmentFocus, focused && !startAdornmentColor), (0, _defineProperty2.default)(_classNames2, classes.startAdornmentDisabled, disabled && !startAdornmentColor), (0, _defineProperty2.default)(_classNames2, classes.iconPointer, this.props.onLeftIconClick), _classNames2))
         });
       } // Build endAdornment with eraseIcon + endAdornmentProps
 

package/es/HiIcon/HiIcon.js

@@ -46,7 +46,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 });
 exports.useStyles = useStyles;
 
-function HiIcon(props) {
+var HiIcon = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className,
       icon = props.icon,
@@ -60,6 +60,7 @@ function HiIcon(props) {
 
   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
@@ -71,6 +72,7 @@ function HiIcon(props) {
   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
@@ -87,6 +89,8 @@ function HiIcon(props) {
   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
@@ -96,13 +100,14 @@ function HiIcon(props) {
 
 
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    ref: ref,
     className: (0, _classnames.default)(classes.root, className),
     color: color,
     style: {
       fontSize: size
     }
   }, other), iconName);
-}
+});
 
 HiIcon.defaultProps = {
   color: 'neutral',

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

@@ -28,13 +28,13 @@ var HiAccount = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -110)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiActivity = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 22.75 20.75"
-  }, other), _react.default.createElement("circle", {
+  }, _react.default.createElement("circle", {
     cx: "9",
     cy: "11.05",
     r: "9",

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

@@ -33,13 +33,13 @@ var HiAll = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 36 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(1714 3832)"
   }, _react.default.createElement("circle", {
     cx: -1700.1,

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

@@ -28,13 +28,13 @@ var HiBilling = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 36 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -202)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
@@ -18,16 +20,19 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 var _index = require("@material-ui/core/styles/index");
 
 var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
-  return _react.default.createElement(_Icon.default, {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 540 486"
-  }, props), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
-    fill: props.color || props.theme.palette.neutral.main
+    fill: color
   })));
 };
 

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

@@ -28,13 +28,13 @@ var HiCatalog = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -64)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiCustomer = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(1650 3570)"
   }, _react.default.createElement("circle", {
     cx: -1636.1,

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

@@ -20,13 +20,13 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 var HiDownload = function HiDownload(props) {
   var color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 500 500"
-  }, other), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     fill: color,
     d: "M250 0C111.94 0 0 111.94 0 250s111.92 250 250 250 250-111.92 250-250S388.06 0 250 0zm-44.18 210.14V114.8h88.37v95.34h58.68L250 321.14l-102.87-111zM352.87 385.2H147.13v-32h205.74z"
   })));

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

@@ -28,13 +28,13 @@ var HiFinance = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -204)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiPermission = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 22.98 20.05"
-  }, other), _react.default.createElement("circle", {
+  }, _react.default.createElement("circle", {
     cx: "9",
     cy: "11.75",
     r: "9",

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

@@ -28,13 +28,13 @@ var HiRoute = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -157)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiSettlement = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 36 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -188)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiTransaction = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -203)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

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

@@ -28,13 +28,13 @@ var HiUser = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(1650 3859)"
   }, _react.default.createElement("circle", {
     cx: -1636.1,

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

@@ -33,13 +33,13 @@ var HiWidget = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(1714 3884)"
   }, _react.default.createElement("circle", {
     cx: -1700.1,

package/hi-svg-icons/HiAccount.js

@@ -28,13 +28,13 @@ var HiAccount = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -110)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

package/hi-svg-icons/HiActivity.js

@@ -28,13 +28,13 @@ var HiActivity = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 22.75 20.75"
-  }, other), _react.default.createElement("circle", {
+  }, _react.default.createElement("circle", {
     cx: "9",
     cy: "11.05",
     r: "9",

package/hi-svg-icons/HiAll.js

@@ -33,13 +33,13 @@ var HiAll = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 36 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(1714 3832)"
   }, _react.default.createElement("circle", {
     cx: -1700.1,

package/hi-svg-icons/HiBilling.js

@@ -28,13 +28,13 @@ var HiBilling = (0, _pure.default)(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
       other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 36 39"
-  }, other), _react.default.createElement("g", {
+  }, _react.default.createElement("g", {
     transform: "translate(-8111 -202)"
   }, _react.default.createElement("circle", {
     cx: 8124.9,

package/hi-svg-icons/HiBriefcaseRescue.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
@@ -18,16 +20,19 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 var _index = require("@material-ui/core/styles/index");
 
 var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
-  return _react.default.createElement(_Icon.default, {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
     style: (0, _objectSpread2.default)({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, other), _react.default.createElement("svg", {
     viewBox: "0 0 540 486"
-  }, props), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
-    fill: props.color || props.theme.palette.neutral.main
+    fill: color
   })));
 };