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

package/HiAlertModal/HiAlertModal.js

@@ -37,7 +37,7 @@ var _DialogContentText = _interopRequireDefault(require("@material-ui/core/Dialo
 
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 

package/HiAppBar/HiAppBar.js

@@ -31,7 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
 

package/HiBreadcrumb/HiStep.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 

package/HiBreadcrumb/HiStepConnector.js

@@ -31,7 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
 

package/HiBreadcrumb/HiStepContent.js

@@ -27,7 +27,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {

package/HiBreadcrumb/HiStepIcon.js

@@ -25,7 +25,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {

package/HiBreadcrumb/HiStepLabel.js

@@ -29,7 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiStepIcon = _interopRequireDefault(require("./HiStepIcon"));
 

package/HiBreadcrumb/HiStepper.js

@@ -23,7 +23,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {

package/HiButton/HiButton.js

@@ -19,11 +19,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _styles = require("@material-ui/core/styles");
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
-var _styles = require("@material-ui/core/styles");
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 // @inheritedComponent Button
 var useStyles = (0, _styles.makeStyles)(function (theme) {

package/HiChip/HiChipSwitch.js

@@ -35,7 +35,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {

package/HiColoredLabel/HiColoredLabel.js

@@ -23,7 +23,7 @@ var _styles = require("@material-ui/core/styles");
 
 var _helpers = require("../utils/helpers");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {

package/HiDatePicker/HiDateRangeSelector.js

@@ -195,7 +195,6 @@ var styles = function styles() {
   return {
     root: {
       maxWidth: 500,
-      marginLeft: -4,
       alignItems: 'flex-start'
     },
     dateSelect: {

package/HiDatePicker/stylesheet.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var _default = function _default(theme) {
   return {

package/HiIconButton/HiIconButton.js

@@ -19,9 +19,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 

package/HiMap/HiMap.js

@@ -23,7 +23,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 

package/HiMap/HiMapExpand.js

@@ -35,7 +35,7 @@ var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/E
 
 var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiMap = _interopRequireDefault(require("./HiMap"));
 

package/HiNotice/HiKPI.js

@@ -27,7 +27,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
 

package/HiPaymentMeans/HiPaymentMeans.js

@@ -25,7 +25,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {

package/HiPdfReader/HiPdfReader.js

@@ -31,7 +31,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 // import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 // import ChevronRightIcon from '@material-ui/icons/ChevronRight/';

package/HiPin/HiPin.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {

package/HiRadio/HiRadio.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 

package/HiSelect/HiSuggestSelect.js

@@ -39,7 +39,7 @@ var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
 

package/HiTable/HiTableHeader.js

@@ -116,7 +116,7 @@ function (_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.default.createElement(_TableSortLabel.default, {
           active: orderBy === colId,

package/HiTable/HiTableRow.js

@@ -57,7 +57,8 @@ var styles = function styles(theme) {
       border: 'none',
       padding: '0px 13px',
       minHeight: '32px',
-      maxHeight: '40px'
+      maxHeight: '40px',
+      fontWeight: theme.typography.fontWeightRegular
     }
   };
 };

package/es/HiAlertModal/HiAlertModal.js

@@ -8,7 +8,7 @@ import DialogActions from '@material-ui/core/DialogActions';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import DialogTitle from '@material-ui/core/DialogTitle';
-import { withStyles, withTheme } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import HiButton from '../HiButton';
 import HiIcon from '../HiIcon';
 import { escapeHTML } from '../utils/helpers';

package/es/HiAppBar/HiAppBar.js

@@ -4,7 +4,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';
+import { withStyles } from '@material-ui/core/styles';
 import AppBar from '@material-ui/core/AppBar';
 import Collapse from '@material-ui/core/Collapse';
 import Toolbar from '@material-ui/core/Toolbar';

package/es/HiBreadcrumb/HiStep.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
 import HiStepConnector from './HiStepConnector';
 import HiStepContent from './HiStepContent';

package/es/HiBreadcrumb/HiStepConnector.js

@@ -3,7 +3,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';
+import { withStyles } from '@material-ui/core/styles';
 import HiStepContent from './HiStepContent';
 export const styles = theme => ({
   root: {

package/es/HiBreadcrumb/HiStepContent.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Paper from '@material-ui/core/Paper';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 export const styles = () => ({
   root: {
     display: 'flex',

package/es/HiBreadcrumb/HiStepIcon.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 => ({
   circle: {
     borderRadius: '50%',

package/es/HiBreadcrumb/HiStepLabel.js

@@ -4,7 +4,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';
+import { withStyles } from '@material-ui/core/styles';
 import HiStepIcon from './HiStepIcon';
 import HiPin from '../HiPin';
 export const styles = theme => ({

package/es/HiBreadcrumb/HiStepper.js

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

package/es/HiButton/HiButton.js

@@ -4,9 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { fade } from '../styles/colorManipulator';
-import Button from '@material-ui/core/Button';
 import { makeStyles } from '@material-ui/core/styles';
+import { fade } from '@material-ui/core/styles/colorManipulator';
+import Button from '@material-ui/core/Button';
 const useStyles = makeStyles(theme => ({
   root: {
     '&$containedDisabled': {

package/es/HiChip/HiChipSwitch.js

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

package/es/HiColoredLabel/HiColoredLabel.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
 import { capitalize } from '../utils/helpers';
-import { fade } from '../styles/colorManipulator';
+import { fade } from '@material-ui/core/styles/colorManipulator';
 export const styles = theme => ({
   root: {
     display: 'inline-block',

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -152,7 +152,6 @@ export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
 export const styles = () => ({
   root: {
     maxWidth: 500,
-    marginLeft: -4,
     alignItems: 'flex-start'
   },
   dateSelect: {

package/es/HiDatePicker/stylesheet.js

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

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/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 => ({

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',

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/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/HiTable/HiTableHeader.js

@@ -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

@@ -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.
  */