@hipay/hipay-material-ui 2.3.5 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/Guideline/index.js +2 -0
  2. package/HiChip/HiChip.js +1 -0
  3. package/HiDatePicker/HiDateRangeSelector.js +181 -46
  4. package/HiDatePicker/stylesheet.js +1 -2
  5. package/HiForm/HiFormControl.js +10 -9
  6. package/HiIcon/HiIcon.js +58 -54
  7. package/HiPaymentMeans/HiPaymentMeans.js +16 -4
  8. package/HiPin/HiPin.js +12 -20
  9. package/HiSelect/HiSelect.js +44 -10
  10. package/HiSelectableList/HiSelectableListItem.js +38 -24
  11. package/HiStepper/HiStep.js +194 -0
  12. package/HiStepper/HiStepper.js +59 -0
  13. package/HiStepper/index.js +23 -0
  14. package/HiSwitch/HiSwitch.js +4 -1
  15. package/es/Guideline/index.js +2 -0
  16. package/es/HiChip/HiChip.js +1 -0
  17. package/es/HiDatePicker/HiDateRangeSelector.js +181 -46
  18. package/es/HiDatePicker/stylesheet.js +1 -2
  19. package/es/HiForm/HiFormControl.js +10 -9
  20. package/es/HiIcon/HiIcon.js +58 -54
  21. package/es/HiPaymentMeans/HiPaymentMeans.js +16 -4
  22. package/es/HiPin/HiPin.js +12 -20
  23. package/es/HiSelect/HiSelect.js +44 -10
  24. package/es/HiSelectableList/HiSelectableListItem.js +38 -24
  25. package/es/HiStepper/HiStep.js +194 -0
  26. package/es/HiStepper/HiStepper.js +59 -0
  27. package/es/HiStepper/index.js +23 -0
  28. package/es/HiSwitch/HiSwitch.js +4 -1
  29. package/es/hi-svg-icons/HiAccount.js +5 -9
  30. package/es/hi-svg-icons/HiActivity.js +5 -9
  31. package/es/hi-svg-icons/HiAll.js +5 -9
  32. package/es/hi-svg-icons/HiBilling.js +5 -9
  33. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -12
  34. package/es/hi-svg-icons/HiCatalog.js +5 -9
  35. package/es/hi-svg-icons/HiCustomer.js +5 -9
  36. package/es/hi-svg-icons/HiDownload.js +8 -9
  37. package/es/hi-svg-icons/HiFinance.js +5 -9
  38. package/es/hi-svg-icons/HiIntelligence.js +5 -9
  39. package/es/hi-svg-icons/HiIntelligenceMenu.js +49 -0
  40. package/es/hi-svg-icons/HiLogoRounded.js +58 -0
  41. package/es/hi-svg-icons/HiOrder.js +5 -9
  42. package/es/hi-svg-icons/HiPaymentOrder.js +5 -9
  43. package/es/hi-svg-icons/HiPermission.js +5 -9
  44. package/es/hi-svg-icons/HiPriceGrid.js +5 -9
  45. package/es/hi-svg-icons/HiRoute.js +5 -9
  46. package/es/hi-svg-icons/HiSettlement.js +5 -9
  47. package/es/hi-svg-icons/HiSizeLarge.js +17 -8
  48. package/es/hi-svg-icons/HiSizeMedium.js +18 -7
  49. package/es/hi-svg-icons/HiSizeSmall.js +18 -7
  50. package/es/hi-svg-icons/HiStore.js +64 -0
  51. package/es/hi-svg-icons/HiStoreMenu.js +58 -0
  52. package/es/hi-svg-icons/HiTransaction.js +5 -9
  53. package/es/hi-svg-icons/HiTransactionMenu.js +46 -0
  54. package/es/hi-svg-icons/HiUser.js +5 -9
  55. package/es/hi-svg-icons/HiVendor.js +5 -9
  56. package/es/hi-svg-icons/HiWidget.js +5 -9
  57. package/es/hi-svg-icons/index.js +33 -1
  58. package/es/hi-svg-images/HiLogo.js +41 -0
  59. package/es/hi-svg-images/HiLogoWhite.js +41 -0
  60. package/es/hi-svg-images/index.js +23 -0
  61. package/es/setupTest.js +44 -0
  62. package/es/styleguide/Wrapper.js +9 -37
  63. package/es/styles/makeStyles.js +28 -0
  64. package/es/styles/withStyles.js +28 -0
  65. package/es/theme.js +7 -9
  66. package/es/utils/helpers.js +10 -0
  67. package/hi-svg-icons/HiAccount.js +5 -9
  68. package/hi-svg-icons/HiActivity.js +5 -9
  69. package/hi-svg-icons/HiAll.js +5 -9
  70. package/hi-svg-icons/HiBilling.js +5 -9
  71. package/hi-svg-icons/HiBriefcaseRescue.js +14 -12
  72. package/hi-svg-icons/HiCatalog.js +5 -9
  73. package/hi-svg-icons/HiCustomer.js +5 -9
  74. package/hi-svg-icons/HiDownload.js +8 -9
  75. package/hi-svg-icons/HiFinance.js +5 -9
  76. package/hi-svg-icons/HiIntelligence.js +5 -9
  77. package/hi-svg-icons/HiIntelligenceMenu.js +49 -0
  78. package/hi-svg-icons/HiLogoRounded.js +58 -0
  79. package/hi-svg-icons/HiOrder.js +5 -9
  80. package/hi-svg-icons/HiPaymentOrder.js +5 -9
  81. package/hi-svg-icons/HiPermission.js +5 -9
  82. package/hi-svg-icons/HiPriceGrid.js +5 -9
  83. package/hi-svg-icons/HiRoute.js +5 -9
  84. package/hi-svg-icons/HiSettlement.js +5 -9
  85. package/hi-svg-icons/HiSizeLarge.js +17 -8
  86. package/hi-svg-icons/HiSizeMedium.js +18 -7
  87. package/hi-svg-icons/HiSizeSmall.js +18 -7
  88. package/hi-svg-icons/HiStore.js +64 -0
  89. package/hi-svg-icons/HiStoreMenu.js +58 -0
  90. package/hi-svg-icons/HiTransaction.js +5 -9
  91. package/hi-svg-icons/HiTransactionMenu.js +46 -0
  92. package/hi-svg-icons/HiUser.js +5 -9
  93. package/hi-svg-icons/HiVendor.js +5 -9
  94. package/hi-svg-icons/HiWidget.js +5 -9
  95. package/hi-svg-icons/index.js +33 -1
  96. package/hi-svg-images/HiLogo.js +41 -0
  97. package/hi-svg-images/HiLogoWhite.js +41 -0
  98. package/hi-svg-images/index.js +23 -0
  99. package/package.json +2 -2
  100. package/setupTest.js +44 -0
  101. package/styleguide/Wrapper.js +9 -37
  102. package/styles/makeStyles.js +28 -0
  103. package/styles/withStyles.js +28 -0
  104. package/theme.js +7 -9
  105. package/utils/helpers.js +10 -0
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
6
+
7
+ var _enzyme = _interopRequireDefault(require("enzyme"));
8
+
9
+ var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
10
+
11
+ _enzyme.default.configure({
12
+ adapter: new _enzymeAdapterReact.default()
13
+ });
14
+ /**
15
+ * SETUP JSDOM
16
+ * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
17
+ */
18
+
19
+
20
+ var _require = require('jsdom'),
21
+ JSDOM = _require.JSDOM;
22
+
23
+ var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
24
+ var window = jsdom.window;
25
+
26
+ function copyProps(src, target) {
27
+ Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
28
+ }
29
+
30
+ global.window = window;
31
+ global.document = window.document;
32
+ global.navigator = {
33
+ userAgent: 'node.js'
34
+ };
35
+
36
+ global.requestAnimationFrame = function (callback) {
37
+ return setTimeout(callback, 0);
38
+ };
39
+
40
+ global.cancelAnimationFrame = function (id) {
41
+ clearTimeout(id);
42
+ };
43
+
44
+ copyProps(window, global);
@@ -1,51 +1,23 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
- exports.default = void 0;
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
8
+ exports.default = Wrapper;
19
9
 
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
10
+ var _react = _interopRequireDefault(require("react"));
23
11
 
24
12
  var _styles = require("@material-ui/core/styles");
25
13
 
26
14
  var _theme = _interopRequireDefault(require("../theme"));
27
15
 
28
- require("../index.css");
29
-
30
- var Wrapper =
31
- /*#__PURE__*/
32
- function (_Component) {
33
- (0, _inherits2.default)(Wrapper, _Component);
34
-
35
- function Wrapper() {
36
- (0, _classCallCheck2.default)(this, Wrapper);
37
- return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Wrapper).apply(this, arguments));
38
- }
39
-
40
- (0, _createClass2.default)(Wrapper, [{
41
- key: "render",
42
- value: function render() {
43
- return _react.default.createElement(_styles.MuiThemeProvider, {
44
- theme: _theme.default
45
- }, this.props.children);
46
- }
47
- }]);
48
- return Wrapper;
49
- }(_react.Component);
16
+ function Wrapper(_ref) {
17
+ var children = _ref.children;
18
+ return _react.default.createElement(_styles.MuiThemeProvider, {
19
+ theme: _theme.default
20
+ }, children);
21
+ }
50
22
 
51
- exports.default = Wrapper;
23
+ ;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _styles = require("@material-ui/core/styles");
13
+
14
+ var _theme = _interopRequireDefault(require("../theme"));
15
+
16
+ /**
17
+ * Override makeStyles hook to use HMUI theme as default
18
+ * @param createStyles
19
+ * @param options
20
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
21
+ */
22
+ var _default = function _default(createStyles, options) {
23
+ return (0, _styles.makeStyles)(createStyles, (0, _objectSpread2.default)({
24
+ defaultTheme: _theme.default
25
+ }, options));
26
+ };
27
+
28
+ exports.default = _default;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _styles = require("@material-ui/core/styles");
13
+
14
+ var _theme = _interopRequireDefault(require("../theme"));
15
+
16
+ /**
17
+ * Override makeStyles hook to use HMUI theme as default
18
+ * @param createStyles
19
+ * @param options
20
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
21
+ */
22
+ var _default = function _default(styles, options) {
23
+ return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
24
+ defaultTheme: _theme.default
25
+ }, options));
26
+ };
27
+
28
+ exports.default = _default;
package/es/theme.js CHANGED
@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _require = require('@material-ui/core/styles'),
9
- createMuiTheme = _require.createMuiTheme;
8
+ var _styles = require("@material-ui/core/styles");
10
9
 
11
- var _require2 = require("./theme/palette"),
12
- palette = _require2.palette;
10
+ var _palette = require("./theme/palette");
13
11
 
14
- var _require3 = require("./theme/typography"),
15
- typography = _require3.typography;
12
+ var _typography = require("./theme/typography");
16
13
 
17
- var _default = createMuiTheme({
18
- palette: palette,
19
- typography: typography
14
+ var _default = (0, _styles.createMuiTheme)({
15
+ palette: _palette.palette,
16
+ typography: _typography.typography,
17
+ spacing: 4
20
18
  });
21
19
 
22
20
  exports.default = _default;
@@ -18,6 +18,7 @@ exports.formatCurrencyAmount = formatCurrencyAmount;
18
18
  exports.formatRate = formatRate;
19
19
  exports.getNextItemSelectable = getNextItemSelectable;
20
20
  exports.foldAccents = foldAccents;
21
+ exports.uniqueId = uniqueId;
21
22
 
22
23
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
23
24
 
@@ -332,4 +333,13 @@ function foldAccents(toFold) {
332
333
  if (star) return '\\*';
333
334
  return str;
334
335
  });
336
+ }
337
+ /**
338
+ * Generate a unique ID
339
+ * @returns {string}
340
+ */
341
+
342
+
343
+ function uniqueId() {
344
+ return '_' + Math.random().toString(36).substr(2, 9);
335
345
  }
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiAccount = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiAccount = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiAccount.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiAccount);
55
-
51
+ var _default = HiAccount;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiActivity = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -48,10 +49,5 @@ var HiActivity = (0, _pure.default)(function (props) {
48
49
  }))));
49
50
  });
50
51
  HiActivity.muiName = 'SvgIcon';
51
-
52
- var _default = (0, _styles.withStyles)({}, {
53
- hiComponent: true,
54
- withTheme: true
55
- })(HiActivity);
56
-
52
+ var _default = HiActivity;
57
53
  exports.default = _default;
@@ -17,10 +17,10 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  var _ref = _react.default.createElement("path", {
25
25
  fill: "none",
26
26
  d: "M-1714-3832h36v39h-36z"
@@ -30,8 +30,9 @@ var _ref = _react.default.createElement("path", {
30
30
  * @ignore - internal component.
31
31
  */
32
32
  var HiAll = (0, _pure.default)(function (props) {
33
+ var theme = (0, _styles.useTheme)();
33
34
  var _props$color = props.color,
34
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
35
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
35
36
  style = props.style,
36
37
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
37
38
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -55,10 +56,5 @@ var HiAll = (0, _pure.default)(function (props) {
55
56
  }), _ref)));
56
57
  });
57
58
  HiAll.muiName = 'SvgIcon';
58
-
59
- var _default = (0, _styles.withStyles)({}, {
60
- hiComponent: true,
61
- withTheme: true
62
- })(HiAll);
63
-
59
+ var _default = HiAll;
64
60
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiBilling = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiBilling = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiBilling.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiBilling);
55
-
51
+ var _default = HiBilling;
56
52
  exports.default = _default;
@@ -15,13 +15,19 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
15
15
 
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
 
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
18
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
21
 
20
- var _index = require("@material-ui/core/styles/index");
22
+ var _styles = require("@material-ui/core/styles");
21
23
 
22
- var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ var HiBriefcaseRescue = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
23
29
  var _props$color = props.color,
24
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
25
31
  style = props.style,
26
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
27
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -29,17 +35,13 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
29
35
  fontSize: props.size || 24
30
36
  })
31
37
  }, other), _react.default.createElement("svg", {
32
- viewBox: "0 0 540 486"
38
+ viewBox: "0 0 540 540"
33
39
  }, _react.default.createElement("path", {
34
40
  // eslint-disable-next-line max-len
35
- 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",
41
+ 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",
36
42
  fill: color
37
43
  })));
38
- };
39
-
40
- var _default = (0, _index.withStyles)({}, {
41
- hiComponent: true,
42
- withTheme: true
43
- })(HiBriefcaseRescue);
44
-
44
+ });
45
+ HiBriefcaseRescue.muiName = 'SvgIcon';
46
+ var _default = HiBriefcaseRescue;
45
47
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiCatalog = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiCatalog = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiCatalog.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiCatalog);
55
-
51
+ var _default = HiCatalog;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiCustomer = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiCustomer = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiCustomer.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiCustomer);
55
-
51
+ var _default = HiCustomer;
56
52
  exports.default = _default;
@@ -15,13 +15,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
15
15
 
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
 
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
18
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
21
 
20
22
  var _styles = require("@material-ui/core/styles");
21
23
 
22
- var HiDownload = function HiDownload(props) {
24
+ var HiDownload = (0, _pure.default)(function (props) {
25
+ var theme = (0, _styles.useTheme)();
23
26
  var _props$color = props.color,
24
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
27
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
25
28
  style = props.style,
26
29
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
27
30
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -34,11 +37,7 @@ var HiDownload = function HiDownload(props) {
34
37
  fill: color,
35
38
  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"
36
39
  })));
37
- };
38
-
39
- var _default = (0, _styles.withStyles)({}, {
40
- hiComponent: true,
41
- withTheme: true
42
- })(HiDownload);
43
-
40
+ });
41
+ HiDownload.muiName = 'SvgIcon';
42
+ var _default = HiDownload;
44
43
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiFinance = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiFinance = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiFinance.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiFinance);
55
-
51
+ var _default = HiFinance;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiIntelligence = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -50,10 +51,5 @@ var HiIntelligence = (0, _pure.default)(function (props) {
50
51
  })));
51
52
  });
52
53
  HiIntelligence.muiName = 'SvgIcon';
53
-
54
- var _default = (0, _styles.withStyles)({}, {
55
- hiComponent: true,
56
- withTheme: true
57
- })(HiIntelligence);
58
-
54
+ var _default = HiIntelligence;
59
55
  exports.default = _default;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
+
12
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
+
14
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
+
16
+ var _react = _interopRequireDefault(require("react"));
17
+
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
20
+ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
21
+
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ var HiIntelligenceMenu = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
29
+ var _props$color = props.color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
31
+ style = props.style,
32
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
33
+ return _react.default.createElement(_Icon.default, (0, _extends2.default)({
34
+ style: (0, _objectSpread2.default)({}, style, {
35
+ fontSize: props.size || 24
36
+ })
37
+ }, other), _react.default.createElement("svg", {
38
+ viewBox: "0 0 28.35 28.35"
39
+ }, _react.default.createElement("path", {
40
+ 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",
41
+ fill: color
42
+ }), _react.default.createElement("path", {
43
+ 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",
44
+ fill: color
45
+ })));
46
+ });
47
+ HiIntelligenceMenu.muiName = 'SvgIcon';
48
+ var _default = HiIntelligenceMenu;
49
+ exports.default = _default;