@hipay/hipay-material-ui 2.3.5 → 3.1.0

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