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

package/HiChip/HiChip.js

@@ -31,7 +31,7 @@ var styles = function styles(theme) {
       borderRadius: 12,
       fontSize: 13,
       backgroundColor: theme.palette.grey[300],
-      color: theme.palette.neutral.main,
+      color: theme.palette.neutral.dark,
       padding: 8,
       alignItems: 'center',
       overflow: 'hidden',

package/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/HiIcon/HiIcon.js

@@ -87,6 +87,7 @@ 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)({
+      className: (0, _classnames.default)(classes.root, className),
       color: color,
       style: {
         fontSize: size

package/es/HiChip/HiChip.js

@@ -31,7 +31,7 @@ var styles = function styles(theme) {
       borderRadius: 12,
       fontSize: 13,
       backgroundColor: theme.palette.grey[300],
-      color: theme.palette.neutral.main,
+      color: theme.palette.neutral.dark,
       padding: 8,
       alignItems: 'center',
       overflow: 'hidden',

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

@@ -87,6 +87,7 @@ 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)({
+      className: (0, _classnames.default)(classes.root, className),
       color: color,
       style: {
         fontSize: size

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
   })));
 };
 

package/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/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/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/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/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/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/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/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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "2.3.1-rc5",
+  "version": "2.3.1",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -65,4 +65,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}