@hipay/hipay-material-ui 2.2.0 → 2.3.0-rc.2

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -8,7 +8,7 @@ import ExpansionPanel from '@material-ui/core/ExpansionPanel';
 import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
 import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
 import HiIcon from './../HiIcon';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
 export const styles = theme => ({
   summaryContent: {
@@ -71,6 +71,9 @@ export const styles = theme => ({
   panelDetails: {
     padding: '8px 0 24px 0'
   },
+  panelDetailsExited: {
+    display: 'none'
+  },
   disabledPanel: {
     backgroundColor: '#ffffff',
     opacity: 1
@@ -88,6 +91,13 @@ var _ref = React.createElement(HiIcon, {
 });
 
 class HiExpansionPanel extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      panelDetailsExited: !(props.collapseDisable || props.expanded)
+    };
+  }
+
   render() {
     const _this$props = this.props,
           {
@@ -111,7 +121,20 @@ class HiExpansionPanel extends React.PureComponent {
         disabled: classes.disabledPanel
       },
       expanded: collapseDisable || expanded
-    }, props), React.createElement(ExpansionPanelSummary, {
+    }, props, {
+      CollapseProps: {
+        onExited: () => {
+          this.setState({
+            panelDetailsExited: true
+          });
+        },
+        onEnter: () => {
+          this.setState({
+            panelDetailsExited: false
+          });
+        }
+      }
+    }), React.createElement(ExpansionPanelSummary, {
       classes: {
         root: classes.summaryRoot,
         content: classes.summaryContent,
@@ -129,7 +152,9 @@ class HiExpansionPanel extends React.PureComponent {
     }, React.createElement("span", {
       className: classes.secondaryHeadingSpan
     }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && React.createElement(ExpansionPanelDetails, {
-      className: classes.panelDetails
+      className: classNames(classes.panelDetails, {
+        [classes.panelDetailsExited]: this.state.panelDetailsExited
+      })
     }, children));
   }
 
@@ -152,6 +177,11 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: PropTypes.object,
 
+  /**
+   * Désactive l'action d'ouverture et de fermeture du composant
+   */
+  collapseDisable: PropTypes.bool,
+
   /**
    * Désactivé
    */
@@ -175,12 +205,7 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Icone dans le titre secondaire du panel
    */
-  secondaryHeadingIcon: PropTypes.any,
-
-  /**
-   * Désactive l'action d'ouverture et de fermeture du composant
-   */
-  collapseDisable: PropTypes.bool
+  secondaryHeadingIcon: PropTypes.any
 } : {};
 export default withStyles(styles, {
   hiComponent: true,

package/es/HiForm/HiFormControl.js

@@ -9,7 +9,7 @@ import Warning from '@material-ui/icons/Warning';
 import Info from '@material-ui/icons/Info';
 import FormControl from '@material-ui/core/FormControl';
 import FormHelperText from '@material-ui/core/FormHelperText';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiFormLabel from './HiFormLabel';
 import HiIconButton from '../HiIconButton';
 import { escapeHTML } from '../utils/helpers';

package/es/HiForm/HiFormLabel.js

@@ -6,7 +6,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import InputLabel from '@material-ui/core/InputLabel';
 import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: _objectSpread({}, theme.typography.h4, {
     fontWeight: theme.typography.fontWeightRegular,
@@ -57,7 +57,7 @@ class HiFormLabel extends React.PureComponent {
       className: className,
       focused: focused,
       required: false,
-      FormLabelClasses: {
+      classes: {
         root: classes.root,
         error: classes.error,
         focused: classes.focused

package/es/HiForm/HiInput.js

@@ -6,7 +6,7 @@ import keycode from 'keycode/index';
 import Input from '@material-ui/core/Input';
 import HiIcon from '../HiIcon';
 import HiIconButton from '../HiIconButton';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: _objectSpread({
     position: 'relative'

package/es/HiForm/HiPasswordField.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiTextField from './HiTextField';
 export const styles = () => ({
   inputPassword: {
@@ -45,14 +45,15 @@ class HiPasswordField extends React.Component {
     const endAdornment = this.state.showText ? 'visibility_off' : 'visibility';
     const type = this.state.showText ? 'text' : 'password';
     const inputClassName = classNames({
-      [classes.inputPassword]: !this.state.showText
+      [classes.inputPassword]: !this.state.showText && otherProps.value !== ""
     });
     return React.createElement(HiTextField, _extends({}, otherProps, {
       type: type,
       onRightIconClick: this.handlePasswordToggle,
-      HiInputProps: _objectSpread({}, HiInputProps, {
+      HiInputProps: _objectSpread({
+        placeholder: ''
+      }, HiInputProps, {
         endAdornment,
-        placeholder: '',
         inputClassName,
         autocomplete: 'on'
       })

package/es/HiForm/HiSlider.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiFormControl from './HiFormControl';
 import PropTypes from 'prop-types';
 import HiIcon from '../HiIcon/HiIcon';

package/es/HiForm/HiUpload.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import keycode from 'keycode/index';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiUploadInput from './HiUploadInput';
 import HiIcon from '../HiIcon';
 export const styles = theme => ({

package/es/HiForm/HiUploadInput.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiIconButton from '../HiIconButton';
 import RemoveRedEye from '@material-ui/icons/RemoveRedEye';
 import Delete from '@material-ui/icons/Delete';
@@ -105,7 +105,7 @@ export const styles = theme => ({
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
-    padding: `${theme.spacing.unit - 2}px 0 ${theme.spacing.unit - 1}px`,
+    padding: `${theme.spacing(2) - 2}px 0 ${theme.spacing(2) - 1}px`,
     height: 39,
     display: 'inline-flex',
     width: '100%',

package/es/HiIcon/HiIcon.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '@material-ui/core/Icon';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { camelize, capitalize } from '../utils/helpers';
 import * as hiSvgIcons from '../hi-svg-icons';
 import * as mdi from 'mdi-material-ui';

package/es/HiIconButton/HiIconButton.js

@@ -4,8 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '../styles';
-import { fade } from '../styles/colorManipulator';
+import { withStyles } from '@material-ui/core/styles';
+import { fade } from '@material-ui/core/styles/colorManipulator';
 import IconButton from '@material-ui/core/IconButton';
 export const styles = theme => ({
   label: {},

package/es/HiLoader/HiLoader.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import PropagateLoader from 'react-spinners/PropagateLoader';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 
 function HiLoader(props) {
   const {

package/es/HiMap/HiMap.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import HiButton from '../HiButton';
 import HiIcon from '../HiIcon';
 import HiLoader from '../HiLoader';

package/es/HiMap/HiMapExpand.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import ExpansionPanel from '@material-ui/core/ExpansionPanel';
 import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
 import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import HiMap from './HiMap';
 import HiIcon from '../HiIcon/HiIcon';
 

package/es/HiNotice/HiKPI.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import ButtonBase from '@material-ui/core/ButtonBase';
 import Collapse from '@material-ui/core/Collapse';
 export const styles = theme => ({
@@ -23,25 +23,25 @@ export const styles = theme => ({
   },
   error: {
     boxShadow: '0px 2px 4px 0px rgba(213, 0, 0, 0.24)',
-    '&:hover': {
+    '&:hover, &:focus': {
       boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
     }
   },
   warning: {
     boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
-    '&:hover': {
+    '&:hover, &:focus': {
       boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
     }
   },
   inherit: {
     boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
-    '&:hover': {
+    '&:hover, &:focus': {
       boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
     }
   },
   positive: {
     boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
-    '&:hover': {
+    '&:hover, &:focus': {
       boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
     }
   },
@@ -122,7 +122,8 @@ class HiKPI extends React.Component {
       className: rootclass,
       onClick: !disable ? this.handleClick(id) : undefined,
       title: tooltip,
-      disableRipple: disable
+      disableRipple: disable,
+      disabled: disable
     }, title && React.createElement("h3", {
       className: classes.title
     }, title), React.createElement("div", {

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   bankCard: {
     position: 'relative',

package/es/HiPdfReader/HiPdfReader.js

@@ -7,7 +7,7 @@ import HiIcon from '../HiIcon'; // import ChevronLeftIcon from '@material-ui/ico
 // import ChevronRightIcon from '@material-ui/icons/ChevronRight/';
 
 import CircularProgress from '@material-ui/core/CircularProgress/';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: {
     position: 'relative'

package/es/HiPin/HiPin.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: {
     display: 'inline-block',
@@ -50,7 +50,7 @@ export const styles = theme => ({
 /**
  * HiPins
  *
- * Tiny raised button used to display subsidiary datas like item count, (...), and throw an onClick event.
+ * Tiny contained button used to display subsidiary datas like item count, (...), and throw an onClick event.
  * Used in:
  * - CellStatus to display operations count and to deploy operation rows on click.
  *

package/es/HiRadio/HiRadio.js

@@ -1,7 +1,7 @@
 // @inheritedComponent Radio
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import Radio from '@material-ui/core/Radio';
 export const styles = theme => ({
   checked: {

package/es/HiSelect/HiNestedSelect.js

@@ -6,7 +6,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import HiSelect from './HiSelect';
 import HiIcon from '../HiIcon';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { foldAccents } from '../utils/helpers';
 /**
  * Return array of final item id in nested list (via props chlidren)

package/es/HiSelect/HiSelect.js

@@ -10,7 +10,7 @@ import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 import HiSelectableList from '../HiSelectableList';
 import HiInput from '../HiForm/HiInput';
 import HiSelectInput from './HiSelectInput';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { foldAccents } from '../utils/helpers';
 import HiIcon from '../HiIcon';
 import keycode from 'keycode';

package/es/HiSelect/HiSelectContent.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import Scrollbars from 'react-custom-scrollbars';
 import HiSelectableList from '../HiSelectableList';
 import HiInput from '../HiForm/HiInput';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { getNextItemSelectable, foldAccents } from '../utils/helpers';
 import keycode from 'keycode';
 export const styles = theme => ({

package/es/HiSelect/HiSelectInput.js

@@ -6,7 +6,7 @@ import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import ButtonBase from '@material-ui/core/ButtonBase';
 import Icon from '@material-ui/core/Icon';
 import HiIcon from '../HiIcon';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import keycode from 'keycode';
 import { isMobile } from 'react-device-detect';
 export const styles = theme => ({

package/es/HiSelect/HiSelectMobile.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
 import PropTypes from 'prop-types';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: {
     position: 'absolute',

package/es/HiSelect/HiSuggestSelect.js

@@ -9,7 +9,7 @@ import Paper from '@material-ui/core/Paper';
 import classNames from 'classnames';
 import HiSelectableList from '../HiSelectableList';
 import HiInput from '../HiForm/HiInput';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import Popper from '@material-ui/core/Popper';
 import { getNextItemSelectable } from '../utils/helpers';
 import keycode from 'keycode';

package/es/HiSelectableList/HiSelectableList.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import React from 'react';
 import PropTypes from 'prop-types';
 import List from '@material-ui/core/List';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiSelectableListItem from './HiSelectableListItem';
 import { getNextItemSelectable, foldAccents } from '../utils/helpers';
 import keycode from 'keycode';

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import React from 'react';
 import PropTypes from 'prop-types';
 import List from '@material-ui/core/List';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import HiSelectableListItem from './HiSelectableListItem';
 export const styles = () => ({
   root: {}

package/es/HiSelectableList/HiSelectableListItem.js

@@ -9,7 +9,7 @@ import HiIcon from '../HiIcon';
 import HiCheckbox from '../HiCheckbox';
 import HiColoredLabel from '../HiColoredLabel';
 import HiLoader from '../HiLoader';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { escapeHTML } from '../utils/helpers';
 import pure from 'recompose/pure';
 import keycode from 'keycode';

package/es/HiSwitch/HiSwitch.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import SwitchBase from '@material-ui/core/internal/SwitchBase';
 import Check from '@material-ui/icons/Check';
 import { capitalize } from '../utils/helpers';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = theme => ({
   root: {
     display: 'inline-flex',

package/es/HiSwitch/HiSwitchState.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import HiButton from '../HiButton';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { capitalize } from '../utils/helpers';
 export const styles = theme => ({
   root: {

package/es/HiTable/HiTable.js

@@ -1,7 +1,7 @@
 // @inheritedComponent Table
 import React from 'react';
 import PropTypes from 'prop-types';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import Table from '@material-ui/core/Table';
 import HiTableHeader from './HiTableHeader';
 import HiTableBody from './HiTableBody';

package/es/HiTable/HiTableHeader.js

@@ -1,7 +1,7 @@
 // @inheritedComponent TableHeader
 import React from 'react';
 import PropTypes from 'prop-types';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import TableCell from '@material-ui/core/TableCell';
 import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
@@ -66,7 +66,7 @@ class HiTableHeader extends React.PureComponent {
         key: colId,
         className: classes.cell,
         sortDirection: orderBy === colId ? order : false,
-        numeric: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right',
+        align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
         title: headerTooltip
       }, sortable ? React.createElement(TableSortLabel, {
         active: orderBy === colId,

package/es/HiTable/HiTableRow.js

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import TableRow from '@material-ui/core/TableRow';
 import HiCellBuilder from './HiCellBuilder';
 import * as cst from './constants';
@@ -23,7 +23,8 @@ export const styles = theme => ({
     border: 'none',
     padding: '0px 13px',
     minHeight: '32px',
-    maxHeight: '40px'
+    maxHeight: '40px',
+    fontWeight: theme.typography.fontWeightRegular
   }
 });
 

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

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

@@ -2,7 +2,7 @@ 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';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */