@hipay/hipay-material-ui 2.3.1 → 2.3.3

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/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,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)({
+      ref: ref,
       className: (0, _classnames.default)(classes.root, className),
       color: color,
       style: {
@@ -97,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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -22,9 +22,10 @@ var _index = require("@material-ui/core/styles/index");
 var HiBriefcaseRescue = function HiBriefcaseRescue(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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -17,11 +17,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 var HiDownload = function HiDownload(props) {
-  var color = props.color,
-      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
@@ -32,5 +36,9 @@ var HiDownload = function HiDownload(props) {
   })));
 };
 
-var _default = HiDownload;
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiDownload);
+
 exports.default = _default;

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

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

@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiAccount.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiActivity.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiAll.js

@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiBilling.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiBriefcaseRescue.js

@@ -22,9 +22,10 @@ var _index = require("@material-ui/core/styles/index");
 var HiBriefcaseRescue = function HiBriefcaseRescue(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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiCatalog.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiCustomer.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiDownload.js

@@ -17,11 +17,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 var HiDownload = function HiDownload(props) {
-  var color = props.color,
-      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
@@ -32,5 +36,9 @@ var HiDownload = function HiDownload(props) {
   })));
 };
 
-var _default = HiDownload;
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiDownload);
+
 exports.default = _default;

package/hi-svg-icons/HiFinance.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiPermission.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiRoute.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {

package/hi-svg-icons/HiSettlement.js

@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 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"]);
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
-    style: (0, _objectSpread2.default)({}, props.style, {
+    style: (0, _objectSpread2.default)({}, style, {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {