@hipay/hipay-material-ui 3.0.0 → 3.1.0

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiAccount = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiAccount = (0, _pure.default)(function (props) {
   })));
 });
 HiAccount.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiAccount);
-
+var _default = HiAccount;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiActivity = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -48,10 +49,5 @@ var HiActivity = (0, _pure.default)(function (props) {
   }))));
 });
 HiActivity.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiActivity);
-
+var _default = HiActivity;
 exports.default = _default;

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

@@ -17,10 +17,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 var _ref = _react.default.createElement("path", {
   fill: "none",
   d: "M-1714-3832h36v39h-36z"
@@ -30,8 +30,9 @@ var _ref = _react.default.createElement("path", {
  * @ignore - internal component.
  */
 var HiAll = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -55,10 +56,5 @@ var HiAll = (0, _pure.default)(function (props) {
   }), _ref)));
 });
 HiAll.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiAll);
-
+var _default = HiAll;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiBilling = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiBilling = (0, _pure.default)(function (props) {
   })));
 });
 HiBilling.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiBilling);
-
+var _default = HiBilling;
 exports.default = _default;

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

@@ -15,13 +15,19 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
-var _index = require("@material-ui/core/styles/index");
+var _styles = require("@material-ui/core/styles");
 
-var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
+/**
+ * @ignore - internal component.
+ */
+var HiBriefcaseRescue = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -29,17 +35,13 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 540 486"
+    viewBox: "0 0 540 540"
   }, _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",
+    d: "M540 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: color
   })));
-};
-
-var _default = (0, _index.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiBriefcaseRescue);
-
+});
+HiBriefcaseRescue.muiName = 'SvgIcon';
+var _default = HiBriefcaseRescue;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiCatalog = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiCatalog = (0, _pure.default)(function (props) {
   })));
 });
 HiCatalog.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiCatalog);
-
+var _default = HiCatalog;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiCustomer = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiCustomer = (0, _pure.default)(function (props) {
   })));
 });
 HiCustomer.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiCustomer);
-
+var _default = HiCustomer;
 exports.default = _default;

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

@@ -15,13 +15,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
 var _styles = require("@material-ui/core/styles");
 
-var HiDownload = function HiDownload(props) {
+var HiDownload = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -34,11 +37,7 @@ var HiDownload = function HiDownload(props) {
     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"
   })));
-};
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiDownload);
-
+});
+HiDownload.muiName = 'SvgIcon';
+var _default = HiDownload;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiFinance = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiFinance = (0, _pure.default)(function (props) {
   })));
 });
 HiFinance.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiFinance);
-
+var _default = HiFinance;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiIntelligence = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -50,10 +51,5 @@ var HiIntelligence = (0, _pure.default)(function (props) {
   })));
 });
 HiIntelligence.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiIntelligence);
-
+var _default = HiIntelligence;
 exports.default = _default;

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiIntelligenceMenu = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || 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)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("path", {
+    d: "M17.45,13.56h3.91a2.35,2.35,0,1,0,2.33-3H23.6a2.27,2.27,0,0,0-2.24,1.73H17.45A3.7,3.7,0,0,0,16.1,10l1.35-2.31h.32a1.79,1.79,0,0,0,1.79-1.79h0a1.83,1.83,0,0,0-1.79-1.8A1.8,1.8,0,0,0,16,5.87h0A1.88,1.88,0,0,0,16.42,7L15.08,9.34a4.15,4.15,0,0,0-1.35-.26,3.91,3.91,0,0,0-2.24.7l-4-4A2.24,2.24,0,0,0,7.77,4.6,2.43,2.43,0,1,0,5.34,7a2.19,2.19,0,0,0,1.15-.32l4,4a3.56,3.56,0,0,0-.64,1.6H6a1.85,1.85,0,1,0,0,1.28H9.89a3.83,3.83,0,0,0,7.56-.07Zm-.26-7.69a.5.5,0,0,1,.5-.51h0a.56.56,0,0,1,.58.51.51.51,0,0,1-.5.52h0a.63.63,0,0,1-.58-.51Zm6.41,6a1.1,1.1,0,0,1,1.09,1.07v0a1,1,0,0,1-1,1.09H23.6a1,1,0,0,1-1.09-1v-.1a1.08,1.08,0,0,1,1.07-1.09ZM4.25,4.59A1.16,1.16,0,1,1,5.4,5.75h0A1.2,1.2,0,0,1,4.25,4.59Zm-.51,8.33a.58.58,0,0,1,1.15,0,.58.58,0,0,1-.57.58h0a.62.62,0,0,1-.58-.58Zm7.37,0a2.56,2.56,0,1,1,2.56,2.57h0a2.57,2.57,0,0,1-2.56-2.57Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M19.24,23.81a2.37,2.37,0,0,0-2.36-2.37h0l-1.22-4.16a.7.7,0,0,0-.76-.45.63.63,0,0,0-.45.64v.19l1.21,4.17a2.42,2.42,0,0,0-1.08,2,2.35,2.35,0,0,0,2.36,2.37h0a2.3,2.3,0,0,0,2.3-2.31Zm-3.4,0a1.1,1.1,0,0,1,1.07-1.09h0a1.09,1.09,0,1,1,0,2.18h0a1.08,1.08,0,0,1-1.09-1.07Z",
+    fill: color
+  })));
+});
+HiIntelligenceMenu.muiName = 'SvgIcon';
+var _default = HiIntelligenceMenu;
+exports.default = _default;

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

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ref = _react.default.createElement("ellipse", {
+  cx: 165.25,
+  cy: 76.52,
+  rx: 9.15,
+  ry: 9.5,
+  transform: "rotate(-45 165.247 76.523)",
+  fill: "#ffd022"
+});
+
+/**
+ * @ignore - internal component.
+ */
+var HiLogoRounded = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 225.12 225.12"
+  }, _react.default.createElement("circle", {
+    cx: 112.56,
+    cy: 112.56,
+    r: 112.56,
+    fill: theme.palette.primary.main
+  }), _react.default.createElement("path", {
+    d: "M166.51 97.81a8.22 8.22 0 00-9.41-1 295.58 295.58 0 01-34.2 16.45c7.61-29.15 14.82-53.16 14.94-53.54A8.23 8.23 0 10122.07 55c-.13.44-9.22 30.71-17.85 64.83A177.57 177.57 0 0184 124.66c-1.89.33-3.68.6-5.38.83A598.68 598.68 0 0196.61 66a8.23 8.23 0 00-15.4-5.79 593.94 593.94 0 00-19.81 66.3 39.21 39.21 0 01-4.89-.41 8.23 8.23 0 10-2.79 16.22 41.55 41.55 0 004.13.48c-1.25 6.25-2.38 12.61-3.33 19a8.23 8.23 0 006.92 9.36 8.48 8.48 0 001.23.09 8.23 8.23 0 008.13-7c1.09-7.28 2.43-14.57 3.92-21.72 3.6-.33 7.63-.85 12.09-1.63q6.38-1.11 12.93-2.75c-2.13 9-4.12 18-5.79 26.46a8.22 8.22 0 006.47 9.67 8.06 8.06 0 001.61.16 8.22 8.22 0 008.06-6.63c2.21-11.15 5-23.22 7.89-35.11a268.77 268.77 0 0027.82-11.5c-2 5.69-4 11.51-5.53 17a85.4 85.4 0 00-3.47 17.53c-.48 7.89 1.69 13.34 6.44 16.18a8.09 8.09 0 004.21 1.16 8.23 8.23 0 005.78-14.1c-.18-1.66-.1-6.85 4.07-20.3 3.33-10.74 8-22.82 11.48-31.63a8.24 8.24 0 00-2.27-9.23z",
+    fill: theme.palette.background3
+  }), _ref));
+});
+HiLogoRounded.muiName = 'SvgIcon';
+var _default = HiLogoRounded;
+exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiOrder = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -65,10 +66,5 @@ var HiOrder = (0, _pure.default)(function (props) {
   })));
 });
 HiOrder.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiOrder);
-
+var _default = HiOrder;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiPaymentOrder = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiPaymentOrder = (0, _pure.default)(function (props) {
   })));
 });
 HiPaymentOrder.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiPaymentOrder);
-
+var _default = HiPaymentOrder;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiPermission = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -48,10 +49,5 @@ var HiPermission = (0, _pure.default)(function (props) {
   }))));
 });
 HiPermission.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiPermission);
-
+var _default = HiPermission;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiPriceGrid = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiPriceGrid = (0, _pure.default)(function (props) {
   })));
 });
 HiPriceGrid.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiPriceGrid);
-
+var _default = HiPriceGrid;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiRoute = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiRoute = (0, _pure.default)(function (props) {
   })));
 });
 HiRoute.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiRoute);
-
+var _default = HiRoute;
 exports.default = _default;

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

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiSettlement = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || 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)({
@@ -47,10 +48,5 @@ var HiSettlement = (0, _pure.default)(function (props) {
   })));
 });
 HiSettlement.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiSettlement);
-
+var _default = HiSettlement;
 exports.default = _default;