@hipay/hipay-material-ui 3.0.0 → 3.2.0-PSYCHE-2816

package/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/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/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/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;

package/hi-svg-icons/HiSizeLarge.js

@@ -9,29 +9,38 @@ 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 _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
-var HiSizeLarge = (0, _pure.default)(function (_ref) {
-  var color = _ref.color,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["color"]);
-  return _react.default.createElement(_SvgIcon.default, (0, _extends2.default)({}, other, {
+var HiSizeLarge = (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 18 18"
-  }), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M12.2,14H5.8V4h2.1v8.3h4.4V14z",
     fill: color
-  }));
+  })));
 });
 HiSizeLarge.muiName = 'SvgIcon';
 var _default = HiSizeLarge;

package/hi-svg-icons/HiSizeMedium.js

@@ -9,27 +9,38 @@ 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 _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.
  */
-var HiSizeMedium = (0, _pure.default)(function (_ref) {
-  var color = _ref.color,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["color"]);
-  return _react.default.createElement(_SvgIcon.default, (0, _extends2.default)({}, other, {
+var HiSizeMedium = (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 18 18"
-  }), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M14.2,14h-2.1v-2.7l0.2-4.7L9.7,14 H8.3L5.6,6.6l0.2,4.7V14H3.8V4h2.7L9,11.2L11.5,4h2.7V14z",
     fill: color
-  }));
+  })));
 });
 HiSizeMedium.muiName = 'SvgIcon';
 var _default = HiSizeMedium;

package/hi-svg-icons/HiSizeSmall.js

@@ -9,27 +9,38 @@ 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 _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.
  */
-var HiSizeSmall = (0, _pure.default)(function (_ref) {
-  var color = _ref.color,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["color"]);
-  return _react.default.createElement(_SvgIcon.default, (0, _extends2.default)({}, other, {
+var HiSizeSmall = (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 18 18"
-  }), _react.default.createElement("path", {
+  }, _react.default.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M8,7.5c0.3,0.2,0.8,0.4,1.5,0.6 c0.5,0.2,1,0.4,1.4,0.6s0.8,0.4,1,0.7s0.5,0.6,0.6,0.9s0.2,0.7,0.2,1.1c0,0.4-0.1,0.8-0.3,1.2s-0.4,0.6-0.7,0.9 c-0.3,0.2-0.7,0.4-1.1,0.5c-0.4,0.1-0.9,0.2-1.5,0.2c-0.3,0-0.7,0-1-0.1c-0.3-0.1-0.6-0.1-0.9-0.3s-0.6-0.3-0.8-0.4S6,12.9,5.8,12.7 s-0.3-0.5-0.4-0.8c-0.1-0.3-0.2-0.6-0.2-1h2.1c0,0.3,0,0.6,0.1,0.8s0.2,0.4,0.4,0.5c0.2,0.1,0.4,0.2,0.6,0.3s0.5,0.1,0.8,0.1 c0.3,0,0.5,0,0.7-0.1c0.2-0.1,0.4-0.1,0.5-0.2s0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.3,0.1-0.4c0-0.2,0-0.3-0.1-0.5 c-0.1-0.1-0.1-0.3-0.3-0.4s-0.3-0.2-0.6-0.3s-0.6-0.2-1-0.4C8.4,9.7,7.9,9.5,7.5,9.3S6.8,8.9,6.5,8.7C6.2,8.4,5.9,8.1,5.8,7.8 S5.5,7.1,5.5,6.7c0-0.4,0.1-0.8,0.3-1.1c0.2-0.3,0.4-0.6,0.8-0.9s0.7-0.4,1.2-0.6C8.1,4,8.6,3.9,9.2,3.9c0.6,0,1.1,0.1,1.5,0.2 c0.5,0.2,0.8,0.4,1.2,0.6s0.6,0.6,0.7,1c0.2,0.4,0.3,0.8,0.3,1.2h-2.1c0-0.2,0-0.4-0.1-0.6s-0.2-0.3-0.3-0.5s-0.3-0.2-0.5-0.3 C9.6,5.6,9.4,5.5,9.1,5.5c-0.3,0-0.5,0-0.7,0.1S8.1,5.8,7.9,5.9S7.7,6.1,7.6,6.2S7.5,6.5,7.5,6.7C7.5,7,7.7,7.3,8,7.5z",
     fill: color
-  }));
+  })));
 });
 HiSizeSmall.muiName = 'SvgIcon';
 var _default = HiSizeSmall;

package/hi-svg-icons/HiStore.js

@@ -0,0 +1,64 @@
+"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 HiStore = (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("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M22.23,22.23H6.11V10.79L9.62,6.11h9.11l3.5,4.68ZM7.51,20.83H20.83V11.25L18,7.51H10.32L7.51,11.25Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M9.17,14.87a3.08,3.08,0,0,1-3.06-3h0v-.09l1.4,0a1.72,1.72,0,0,0,3.44,0l1.4,0a3.07,3.07,0,0,1-3,3.13H9.17Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M14,14.87a3.07,3.07,0,0,1-3.05-3h0v-.09l1.4,0a1.67,1.67,0,0,0,1.71,1.7,1.7,1.7,0,0,0,1.73-1.7l1.4,0a3.09,3.09,0,0,1-3,3.13H14Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M19.12,14.87A3.12,3.12,0,0,1,16,11.76h1.4a1.72,1.72,0,0,0,1.72,1.71,1.71,1.71,0,0,0,1.71-1.71h1.4a3.11,3.11,0,0,1-3.11,3.12Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M17,22.13H11.27V16.42H17Zm-4.31-1.4h2.91V17.82H12.67Z",
+    fill: color
+  })));
+});
+HiStore.muiName = 'SvgIcon';
+var _default = HiStore;
+exports.default = _default;

package/hi-svg-icons/HiStoreMenu.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");
+
+/**
+ * @ignore - internal component.
+ */
+var HiStoreMenu = (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: "M22.23,22.23H6.11V10.79L9.62,6.11h9.11l3.5,4.68ZM7.51,20.83H20.83V11.25L18,7.51H10.32L7.51,11.25Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M9.17,14.87a3.08,3.08,0,0,1-3.06-3h0v-.09l1.4,0a1.72,1.72,0,0,0,3.44,0l1.4,0a3.07,3.07,0,0,1-3,3.13H9.17Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M14,14.87a3.07,3.07,0,0,1-3.05-3h0v-.09l1.4,0a1.67,1.67,0,0,0,1.71,1.7,1.7,1.7,0,0,0,1.73-1.7l1.4,0a3.09,3.09,0,0,1-3,3.13H14Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M19.12,14.87A3.12,3.12,0,0,1,16,11.76h1.4a1.72,1.72,0,0,0,1.72,1.71,1.71,1.71,0,0,0,1.71-1.71h1.4a3.11,3.11,0,0,1-3.11,3.12Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M17,22.13H11.27V16.42H17Zm-4.31-1.4h2.91V17.82H12.67Z",
+    fill: color
+  })));
+});
+HiStoreMenu.muiName = 'SvgIcon';
+var _default = HiStoreMenu;
+exports.default = _default;

package/hi-svg-icons/HiTransaction.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 HiTransaction = (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 HiTransaction = (0, _pure.default)(function (props) {
   })));
 });
 HiTransaction.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiTransaction);
-
+var _default = HiTransaction;
 exports.default = _default;

package/hi-svg-icons/HiTransactionMenu.js

@@ -0,0 +1,46 @@
+"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 HiTransactionMenu = (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: "M4.42,6.2l1.32.52,16.5,6.75,1.68.7-1.68.71L5.74,21.63l-1.32.51.28-1.4,1.5-6.57L4.7,7.61ZM6.49,8.64l1,4.78H18.11Zm1,6.28-1,4.78,11.62-4.78Z",
+    fill: color
+  })));
+});
+HiTransactionMenu.muiName = 'SvgIcon';
+var _default = HiTransactionMenu;
+exports.default = _default;

package/hi-svg-icons/HiUser.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 HiUser = (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 HiUser = (0, _pure.default)(function (props) {
   })));
 });
 HiUser.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiUser);
-
+var _default = HiUser;
 exports.default = _default;

package/hi-svg-icons/HiVendor.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 HiVendor = (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 HiVendor = (0, _pure.default)(function (props) {
   })));
 });
 HiVendor.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiVendor);
-
+var _default = HiVendor;
 exports.default = _default;

package/hi-svg-icons/HiWidget.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 HiWidget = (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 HiWidget = (0, _pure.default)(function (props) {
   })));
 });
 HiWidget.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiWidget);
-
+var _default = HiWidget;
 exports.default = _default;

package/hi-svg-icons/index.js

@@ -83,6 +83,12 @@ Object.defineProperty(exports, "HiTransaction", {
     return _HiTransaction.default;
   }
 });
+Object.defineProperty(exports, "HiTransactionMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiTransactionMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiUser", {
   enumerable: true,
   get: function get() {
@@ -125,12 +131,24 @@ Object.defineProperty(exports, "HiIntelligence", {
     return _HiIntelligence.default;
   }
 });
+Object.defineProperty(exports, "HiIntelligenceMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiIntelligenceMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiOrder", {
   enumerable: true,
   get: function get() {
     return _HiOrder.default;
   }
 });
+Object.defineProperty(exports, "HiStore", {
+  enumerable: true,
+  get: function get() {
+    return _HiStore.default;
+  }
+});
 Object.defineProperty(exports, "HiPaymentOrder", {
   enumerable: true,
   get: function get() {
@@ -143,6 +161,12 @@ Object.defineProperty(exports, "HiVendor", {
     return _HiVendor.default;
   }
 });
+Object.defineProperty(exports, "HiLogoRounded", {
+  enumerable: true,
+  get: function get() {
+    return _HiLogoRounded.default;
+  }
+});
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
@@ -170,6 +194,8 @@ var _HiSizeSmall = _interopRequireDefault(require("./HiSizeSmall"));
 
 var _HiTransaction = _interopRequireDefault(require("./HiTransaction"));
 
+var _HiTransactionMenu = _interopRequireDefault(require("./HiTransactionMenu"));
+
 var _HiUser = _interopRequireDefault(require("./HiUser"));
 
 var _HiWidget = _interopRequireDefault(require("./HiWidget"));
@@ -184,8 +210,14 @@ var _HiDownload = _interopRequireDefault(require("./HiDownload"));
 
 var _HiIntelligence = _interopRequireDefault(require("./HiIntelligence"));
 
+var _HiIntelligenceMenu = _interopRequireDefault(require("./HiIntelligenceMenu"));
+
 var _HiOrder = _interopRequireDefault(require("./HiOrder"));
 
+var _HiStore = _interopRequireDefault(require("./HiStore"));
+
 var _HiPaymentOrder = _interopRequireDefault(require("./HiPaymentOrder"));
 
-var _HiVendor = _interopRequireDefault(require("./HiVendor"));
+var _HiVendor = _interopRequireDefault(require("./HiVendor"));
+
+var _HiLogoRounded = _interopRequireDefault(require("./HiLogoRounded"));