@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.36

package/es/HiSwitch/HiSwitchState.js

@@ -1,169 +1,200 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { grey } from 'material-ui/colors';
-
 import classNames from 'classnames';
+import HiButton from '../HiButton';
 import withStyles from '../styles/withStyles';
-import Button from 'material-ui/Button';
-
+import { capitalize } from '../utils/helpers';
 export const styles = theme => ({
-    root: {
-        display: 'inline-flex',
-        maxHeight: 40,
-        marginRight: 12,
-        padding: 4,
-        backgroundColor: theme.palette.background2,
-        borderRadius: '2px 2px 0 0',
-        width: '100%',
-        maxWidth: 200,
-        minWidth: 120,
-        borderBottom: `solid 1px ${grey[300]}`
-    },
-    button: {
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        backgroundColor: theme.palette.background2,
-        color: theme.palette.text.disabled,
-        textTransform: 'inherit',
-        width: '50%',
-        fontSize: 15,
-        fontWeight: 400
-    },
-    buttonLeft: {
-        borderBottomRightRadius: 0,
-        borderTopRightRadius: 0
-    },
-    buttonRight: {
-        borderBottomLeftRadius: 0,
-        borderTopLeftRadius: 0
-    },
-    checked: {
-        boxShadow: theme.shadows[2],
-        '&:not($disabled)': {
-            backgroundColor: theme.palette.business.primary.normal,
-            color: '#FFF'
-        }
-    },
-    disabled: {
-        '&$checked': {
-            backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-            color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
-        },
-        boxShadow: 'none'
+  root: {
+    display: 'inline-flex',
+    maxHeight: 40,
+    marginRight: 12,
+    padding: 4,
+    backgroundColor: theme.palette.background2,
+    borderRadius: '2px 2px 0 0',
+    width: '100%',
+    maxWidth: 200,
+    minWidth: 120,
+    borderBottom: `solid 1px ${theme.palette.grey[300]}`
+  },
+  button: {
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    backgroundColor: theme.palette.background2,
+    color: theme.palette.text.disabled,
+    textTransform: 'inherit',
+    width: '50%',
+    fontSize: 15,
+    fontWeight: 400
+  },
+  buttonLeft: {
+    borderBottomRightRadius: 0,
+    borderTopRightRadius: 0
+  },
+  buttonRight: {
+    borderBottomLeftRadius: 0,
+    borderTopLeftRadius: 0
+  },
+  checked: {
+    boxShadow: theme.shadows[2]
+  },
+  checkedPrimary: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText
     }
+  },
+  checkedSecondary: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.secondary.main,
+      color: theme.palette.secondary.contrastText
+    }
+  },
+  checkedPositive: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.positive.main,
+      color: theme.palette.positive.contrastText
+    }
+  },
+  checkedNegative: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.negative.main,
+      color: theme.palette.negative.contrastText
+    }
+  },
+  checkedMiddle: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.middle.main,
+      color: theme.palette.middle.contrastText
+    }
+  },
+  checkedNeutral: {
+    '&:not($disabled)': {
+      backgroundColor: theme.palette.neutral.main,
+      color: theme.palette.neutral.contrastText
+    }
+  },
+  disabled: {
+    '&$checked': {
+      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
+    },
+    boxShadow: 'none'
+  }
 });
-
 /**
  * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
  * par défaut ON/OFF associé à true/false.
  */
-class HiSwitchState extends React.Component {
 
-    render() {
-        const {
-            classes,
-            className,
-            checked,
-            leftLabel,
-            rightLabel,
-            leftValue,
-            rightValue,
-            disabled,
-            onChange,
-            name
-        } = this.props;
+function HiSwitchState(props) {
+  const {
+    classes,
+    className,
+    checked,
+    color,
+    leftLabel,
+    rightLabel,
+    leftValue,
+    rightValue,
+    disabled,
+    onChange
+  } = props;
+  const isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  const buttonLeftClass = classNames(classes.button, classes.buttonLeft, {
+    [classes.checked]: checked === leftValue,
+    [classes.checkedNeutral]: !disabled && checked === leftValue && !isHiColor,
+    [classes[`checked${capitalize(color)}`]]: !disabled && checked === leftValue && isHiColor,
+    [classes.disabled]: disabled
+  });
+  const buttonRightClass = classNames(classes.button, classes.buttonRight, {
+    [classes.checked]: checked === rightValue,
+    [classes.checkedNeutral]: !disabled && checked === rightValue && !isHiColor,
+    [classes[`checked${capitalize(color)}`]]: !disabled && checked === rightValue && isHiColor,
+    [classes.disabled]: disabled
+  });
+  return React.createElement("div", {
+    className: classNames(classes.root, className)
+  }, React.createElement(HiButton, {
+    size: "small",
+    className: buttonLeftClass,
+    value: leftValue,
+    onClick: event => onChange(event, leftValue),
+    disabled: disabled
+  }, leftLabel), React.createElement(HiButton, {
+    size: "small",
+    className: buttonRightClass,
+    value: rightValue,
+    onClick: event => onChange(event, rightValue),
+    disabled: disabled
+  }, rightLabel));
+}
 
-        let buttonLeftClass = classNames(classes.button, classes.buttonLeft, {
-            [classes.checked]: checked === leftValue,
-            [classes.disabled]: disabled
-        });
+HiSwitchState.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Value checked.
+   */
+  checked: PropTypes.string,
 
-        let buttonRightClass = classNames(classes.button, classes.buttonRight, {
-            [classes.checked]: checked === rightValue,
-            [classes.disabled]: disabled
-        });
+  /**
+   * Surcharge les classes du composant
+   */
+  classes: PropTypes.object,
 
-        return React.createElement(
-            'div',
-            { className: classNames(classes.root, className) },
-            React.createElement(
-                Button,
-                {
-                    size: 'small',
-                    className: buttonLeftClass,
-                    value: leftValue,
-                    onClick: event => onChange(event, leftValue),
-                    disabled: disabled
-                },
-                leftLabel
-            ),
-            React.createElement(
-                Button,
-                {
-                    size: 'small',
-                    className: buttonRightClass,
-                    value: rightValue,
-                    onClick: event => onChange(event, rightValue),
-                    disabled: disabled
-                },
-                rightLabel
-            )
-        );
-    }
-}
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   */
+  color: PropTypes.oneOf(['inherit', 'primary', 'secondary', 'action', 'error', 'disabled', 'positive', 'negative', 'middle', 'neutral']),
+
+  /**
+   * If `true`, the switch will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Label du premier bouton (dans l'ordre de lecture)
+   */
+  leftLabel: PropTypes.string,
 
+  /**
+   * value du premier bouton (dans l'ordre de lecture)
+   */
+  leftValue: PropTypes.string,
+
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {string} nom du champs
+   * @param {boolean} checked The `checked` value of the switch
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Label du deuxieme bouton (dans l'ordre de lecture)
+   */
+  rightLabel: PropTypes.string,
+
+  /**
+   * value du deuxieme bouton (dans l'ordre de lecture)
+   */
+  rightValue: PropTypes.string
+} : {};
 HiSwitchState.defaultProps = {
-    checked: 'on',
-    leftLabel: 'Off',
-    rightLabel: 'On',
-    leftValue: 'off',
-    rightValue: 'on',
-    disabled: false
+  checked: 'on',
+  color: 'inherit',
+  leftLabel: 'Off',
+  rightLabel: 'On',
+  leftValue: 'off',
+  rightValue: 'on',
+  disabled: false
 };
-HiSwitchState.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Value checked.
-     */
-    checked: PropTypes.string,
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: PropTypes.object,
-    /**
-     * @ignore
-     */
-    className: PropTypes.string,
-    /**
-     * If `true`, the switch will be disabled.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * Label du premier bouton (dans l'ordre de lecture)
-     */
-    leftLabel: PropTypes.string,
-    /**
-     * value du premier bouton (dans l'ordre de lecture)
-     */
-    leftValue: PropTypes.string,
-    /**
-     * Nom du champs
-     */
-    name: PropTypes.string,
-    /**
-     * Callback fired when the state is changed.
-     *
-     * @param {string} nom du champs
-     * @param {boolean} checked The `checked` value of the switch
-     */
-    onChange: PropTypes.func,
-    /**
-     * Label du deuxieme bouton (dans l'ordre de lecture)
-     */
-    rightLabel: PropTypes.string,
-    /**
-     * value du deuxieme bouton (dans l'ordre de lecture)
-     */
-    rightValue: PropTypes.string
-} : {};
-export default withStyles(styles, { name: 'HmuiHiSwitchState' })(HiSwitchState);
+export default withStyles(styles, {
+  hiComponent: true,
+  name: 'HmuiHiSwitchState'
+})(HiSwitchState);

package/es/HiSwitch/index.js

@@ -1,3 +1,2 @@
 export { default } from './HiSwitch';
-export { default as HiSwitch } from './HiSwitch';
 export { default as HiSwitchState } from './HiSwitchState';

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiAccount = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -110)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 134.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
+    fill: color
+  })));
+});
+HiAccount.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiAccount);

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

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement("path", {
+  fill: "none",
+  d: "M-1714-3832h36v39h-36z"
+});
+
+const HiAll = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 36 39"
+  }, other), React.createElement("g", {
+    transform: "translate(1714 3832)"
+  }, React.createElement("circle", {
+    cx: -1700.1,
+    cy: -3807.1,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M-1697.7-3823.2c2.4 0 4.4.9 5.9 2.5 1.6 1.6 2.4 3.6 2.4 6 0 1-.2 2-.5 3-.3.9-.8 1.8-1.5 2.5l.4.4h1l6.4 6.4-1.9 1.9-6.4-6.4v-1l-.4-.4c-.7.6-1.6 1.1-2.5 1.5-.9.3-1.9.5-3 .5-2.4 0-4.4-.8-6-2.4-1.6-1.6-2.4-3.6-2.5-5.9 0-2.4.9-4.4 2.5-6 1.7-1.8 3.7-2.6 6.1-2.6zm0 2.6c-1.7 0-3 .6-4.1 1.7s-1.6 2.5-1.6 4.1c0 1.7.5 3 1.6 4.1s2.5 1.6 4.1 1.6c1.7 0 3-.5 4.1-1.6s1.6-2.5 1.6-4.1c0-1.7-.5-3-1.6-4.1s-2.5-1.7-4.1-1.7z",
+    fill: color
+  }), _ref));
+});
+HiAll.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiAll);

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiBilling = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 36 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -202)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 226.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8127.9 207.9c1.4 0 2.3.8 3 2.2h8.3v10.1h2.2V238.2h-15.7V236h-9V210.2h8.3c.5-1.6 1.5-2.3 2.9-2.3zm-9 4.5v21.4h6.8v-13.5h11.2v-7.9h-2.2v4.5H8121.3v-4.5h-2.4zm9.8-2c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3s-.3.5-.3.8v1.1H8123.5v2.2h9v-2.2H8129.2v-1.1c-.2-.3-.3-.5-.5-.8zm-.8 12.1V236h11.2v-13.5h-11.2z",
+    fill: color
+  })));
+});
+HiBilling.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiBilling);

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+
+var _ref = React.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",
+  fill: "#767676"
+});
+
+const HiBriefcaseRescue = props => React.createElement("svg", _extends({
+  viewBox: "0 0 540 486"
+}, props), _ref);
+
+export default HiBriefcaseRescue;

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiCatalog = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -64)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 88.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8117 74.4h2.5c.5 0 1 .2 1.4.5.4.3.6.7.7 1.2l3 11.8h14.1l2.7-10.1h2.4l-3 10.7c-.1.5-.3.9-.7 1.2-.4.3-.9.5-1.4.5h-14c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.7-1.2l-3-11.8h-2.5c-.3 0-.6-.1-.8-.3s-.3-.5-.3-.8c0-.3.1-.6.3-.8s.4-.4.7-.4zm7.8 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1zm2.2-19.1h2.2V80h3.4l-4.5 4.5-4.5-4.5h3.4v-5.6zm4.4 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1z",
+    fill: color
+  })));
+});
+HiCatalog.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiCatalog);

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiCustomer = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(1650 3570)"
+  }, React.createElement("circle", {
+    cx: -1636.1,
+    cy: -3545.1,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M-1637.1-3559.6c1.5-1.5 3.4-2.3 5.6-2.3 2.2 0 4 .8 5.6 2.3s2.3 3.4 2.3 5.6c0 1.3-.3 2.6-.9 3.7-.6 1.2-1.5 2.1-2.6 2.8 2.1.9 3.7 2.3 5 4.1 1.3 1.9 1.9 3.9 1.9 6.2h-2.2c0-2.5-.9-4.6-2.6-6.4s-3.9-2.6-6.4-2.6c-2.5 0-4.6.9-6.4 2.6s-2.6 3.9-2.6 6.4h-2.2c0-2.3.6-4.4 1.9-6.2 1.3-1.9 2.9-3.2 5-4.1-1.1-.7-1.9-1.6-2.6-2.8-.6-1.2-.9-2.4-.9-3.7-.3-2.2.5-4 2.1-5.6zm9.5 1.6c-1.1-1.1-2.4-1.7-4-1.7s-2.9.6-4 1.7-1.7 2.4-1.7 4 .6 2.9 1.7 4 2.4 1.7 4 1.7 2.9-.6 4-1.7 1.7-2.4 1.7-4-.6-2.9-1.7-4z",
+    fill: color
+  })));
+});
+HiCustomer.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiCustomer);

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiFinance = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -204)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 228.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8129 209.9c4 0 7.4 1.4 10.1 4.1l-1.5 1.6c-2.3-2.3-5.2-3.5-8.6-3.5-3.4 0-6.3 1.2-8.8 3.6-2.4 2.4-3.6 5.3-3.6 8.8 0 3.4 1.2 6.3 3.6 8.8 2.4 2.4 5.3 3.6 8.8 3.6 3.4 0 6.3-1.2 8.8-3.6 2.4-2.4 3.6-5.3 3.6-8.8 0-.9-.1-1.9-.4-2.8l1.8-1.8c.5 1.4.8 2.9.8 4.6 0 4-1.4 7.5-4.3 10.3-2.9 2.9-6.3 4.3-10.3 4.3-4 0-7.5-1.4-10.3-4.3-2.9-2.9-4.3-6.3-4.3-10.3 0-4 1.4-7.5 4.3-10.3 2.8-2.9 6.3-4.3 10.3-4.3zm12.7 4.8l1.7 1.7-13.5 13.5-.8.7-.8-.7-5.6-5.6 1.7-1.7 4.8 4.9 12.5-12.8z",
+    fill: color
+  })));
+});
+HiFinance.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiFinance);

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

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiRoute = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -157)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 181.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8137.3 163.6l1.5 1.5-4.4 4.5 4 4 4.5-4.4 1.5 1.5-4.4 4.5 2.6 2.5-1.7 1.7-.8-.8-5.8 5.8c-.7.7-1.5 1-2.4 1-1 0-1.8-.3-2.5-1l-2.1-2.1-8.3 8.4-1.7-1.7 8.4-8.3-2.1-2.1c-.7-.7-1-1.5-1-2.5s.3-1.8 1-2.4l5.8-5.8-.8-.8 1.7-1.7 2.5 2.6 4.5-4.4zm-6.3 5.9l-5.8 5.8c-.2.2-.4.5-.4.9s.1.7.4.9l5.7 5.7c.2.2.5.4.9.4s.7-.1.9-.4l5.8-5.8-7.5-7.5z",
+    fill: color
+  })));
+});
+HiRoute.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiRoute);