@hipay/hipay-material-ui 2.2.0-beta-core3 → 2.2.0

package/es/HiChip/HiChipSwitch.js

@@ -5,8 +5,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import keycode from 'keycode/index';
 import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-import { emphasize } from '@material-ui/core/styles/colorManipulator';
+import withStyles from '../styles/withStyles';
+import { emphasize } from '../styles/colorManipulator';
 export const styles = theme => ({
   root: _objectSpread({}, theme.typography.b3, {
     display: 'inline-flex',

package/es/HiColoredLabel/HiColoredLabel.js

@@ -4,9 +4,9 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import { capitalize } from '../utils/helpers';
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { fade } from '../styles/colorManipulator';
 export const styles = theme => ({
   root: {
     display: 'inline-block',

package/es/HiDatePicker/Caption.js

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

package/es/HiDatePicker/HiDatePicker.js

@@ -7,7 +7,7 @@ import moment from 'moment-timezone';
 import MomentLocaleUtils from 'react-day-picker/moment';
 import HiLocaleUtils from './hiLocaleUtils';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import Caption from './Caption';
 import Overlay from './Overlays/Overlay';
 import TimePickerOverlay from './Overlays/TimePickerOverlay';

package/es/HiDatePicker/HiDatePickerMobile.js

@@ -6,7 +6,7 @@ import HiFormControl from '../HiForm/HiFormControl';
 import moment from 'moment-timezone';
 import styles from './stylesheet';
 import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import HiInput from '../HiForm/HiInput';
 
 class HiDatePickerMobile extends React.Component {

package/es/HiDatePicker/HiDateRangePicker.js

@@ -8,7 +8,7 @@ import MomentLocaleUtils from 'react-day-picker/moment';
 import HiLocaleUtils from './hiLocaleUtils';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import Caption from './Caption';
 import Overlay from './Overlays/Overlay';
 import TimePickerOverlay from './Overlays/TimePickerOverlay';

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import moment from 'moment-timezone';
 import { findDOMNode } from 'react-dom';
 import Grid from '@material-ui/core/Grid';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import HiSelectField from '../HiSelect/HiSelectField';
 import HiDateRangePicker from './HiDateRangePicker';
 import HiFormControl from '../HiForm/HiFormControl';
@@ -152,6 +152,7 @@ export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
 export const styles = () => ({
   root: {
     maxWidth: 500,
+    marginLeft: -4,
     alignItems: 'flex-start'
   },
   dateSelect: {
@@ -162,9 +163,7 @@ export const styles = () => ({
     width: 'calc(100% + 8px)',
     marginTop: 0
   },
-  smSelect: {
-    padding: 4
-  },
+  smSelect: {},
   smRangePicker: {}
 });
 

package/es/HiDatePicker/ListPicker.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { Scrollbars } from 'react-custom-scrollbars';
 import MenuList from '@material-ui/core/MenuList';
 import MenuItem from '@material-ui/core/MenuItem';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 export const styles = theme => ({
   itemRoot: {
     '&:hover': {

package/es/HiDatePicker/NavBar.js

@@ -5,7 +5,7 @@ import IconButton from '@material-ui/core/IconButton';
 import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import AccessTime from '@material-ui/icons/AccessTime';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 export const styles = theme => ({
   root: {
     width: '100%',

package/es/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../../styles/withStyles';
 export const styles = theme => ({
   paper: {
     width: '100%',

package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../../styles/withStyles';
 export const styles = theme => ({
   paper: {
     width: '100%',

package/es/HiDatePicker/Overlays/Overlay.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../../styles/withStyles';
 export const styles = () => ({
   paper: {
     width: '100%',

package/es/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -7,7 +7,7 @@ import IconButton from '@material-ui/core/IconButton';
 import CalendarIcon from 'mdi-material-ui/Calendar';
 import CustomOverlayLayout from './CustomOverlayLayout';
 import ListPicker from '../ListPicker';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../../styles/withStyles';
 export const styles = theme => ({
   paper: {
     position: 'absolute',

package/es/HiDatePicker/stylesheet.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { fade } from '../styles/colorManipulator';
 export default (theme => ({
   root: {
     position: 'relative',

package/es/HiDotsStepper/HiDot.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import HiIcon from '../HiIcon';
 import HiIconButton from '../HiIconButton';
 export const styles = () => ({

package/es/HiDotsStepper/HiDotsStepper.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import HiDot from './HiDot';
 export const styles = () => ({
   dotStepper: {

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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import classNames from 'classnames';
 export const styles = theme => ({
   summaryContent: {

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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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,
-      classes: {
+      FormLabelClasses: {
         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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import HiTextField from './HiTextField';
 export const styles = () => ({
   inputPassword: {

package/es/HiForm/HiSlider.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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(2) - 2}px 0 ${theme.spacing(2) - 1}px`,
+    padding: `${theme.spacing.unit - 2}px 0 ${theme.spacing.unit - 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { withStyles } from '../styles';
+import { fade } from '../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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 
 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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import { withStyles } from '../styles';
 import ButtonBase from '@material-ui/core/ButtonBase';
 import Collapse from '@material-ui/core/Collapse';
 export const styles = theme => ({

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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import { withStyles } from '../styles';
 export const styles = theme => ({
   root: {
     display: 'inline-block',
@@ -50,7 +50,7 @@ export const styles = theme => ({
 /**
  * HiPins
  *
- * Tiny contained button used to display subsidiary datas like item count, (...), and throw an onClick event.
+ * Tiny raised 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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import { withStyles } from '../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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 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,
-        align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
+        numeric: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right',
         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 '@material-ui/core/styles';
+import withStyles from '../styles/withStyles';
 import TableRow from '@material-ui/core/TableRow';
 import HiCellBuilder from './HiCellBuilder';
 import * as cst from './constants';
@@ -23,8 +23,7 @@ export const styles = theme => ({
     border: 'none',
     padding: '0px 13px',
     minHeight: '32px',
-    maxHeight: '40px',
-    fontWeight: theme.typography.fontWeightRegular
+    maxHeight: '40px'
   }
 });
 

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