@hipay/hipay-material-ui 2.2.0-RC2 → 2.2.0-beta-core2

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# [2.2.0-beta-core](https://gitlab.hipay.org/backend/hipay-material-ui/compare/2.1.0...2.2.0-beta-core) (2019-10-14)
+
+
+
 # [2.1.0](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.1.0) (2019-08-29)
 
 

package/HiAlertModal/HiAlertModal.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -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"));
 
@@ -115,8 +115,8 @@ function (_React$PureComponent) {
 
     _this.submitButtonRef = _react.default.createRef();
     _this.cancelButtonRef = _react.default.createRef();
-    _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   } // Appelé si clic en dehors de la pop up
 

package/HiAppBar/HiAppBar.js

@@ -21,17 +21,17 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 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"));
 
@@ -88,7 +88,7 @@ function (_React$Component) {
     _this.state = {
       collapsed: false
     };
-    _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiBadge/HiBadge.js

@@ -17,7 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -123,7 +123,7 @@ HiBadge.defaultProps = {
   color: 'primary'
 };
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiBadge'
 })(HiBadge);

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

@@ -21,17 +21,17 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 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"));
 
@@ -42,14 +42,14 @@ var styles = function styles(theme) {
       flex: '1 1 auto',
       marginLeft: 13,
       // half icon
-      padding: "0 0 ".concat(theme.spacing.unit, "px")
+      padding: "0 0 ".concat(theme.spacing(2), "px")
     },
     line: {
       display: 'block',
       borderColor: theme.palette.grey[600],
       borderLeftStyle: 'solid',
       borderLeftWidth: 2,
-      minHeight: theme.spacing.unit * 3,
+      minHeight: theme.spacing(6),
       height: 40
     },
     greenLine: {
@@ -80,7 +80,7 @@ function (_React$PureComponent) {
     _this.state = {
       height: 800
     };
-    _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,45 +13,35 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireDefault(require("react"));
 
 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 _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 // @inheritedComponent Button
-var styles = function styles(theme) {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {
-      '&$raisedDisabled': {
+      '&$containedDisabled': {
         color: theme.palette.neutral.contrastText,
         backgroundColor: theme.palette.neutral.main
       }
     },
-    raisedDisabled: {},
-    flatNeutral: {
+    containedDisabled: {},
+    textNeutral: {
       color: theme.palette.neutral.main,
       '&$disabled': {
         color: theme.palette.action.disabled
       }
     },
-    flatPositive: {
+    textPositive: {
       color: theme.palette.positive.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, theme.palette.action.hoverOpacity),
@@ -64,7 +54,7 @@ var styles = function styles(theme) {
         color: theme.palette.action.disabled
       }
     },
-    flatNegative: {
+    textNegative: {
       color: theme.palette.negative.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, theme.palette.action.hoverOpacity),
@@ -77,7 +67,7 @@ var styles = function styles(theme) {
         color: theme.palette.action.disabled
       }
     },
-    flatMiddle: {
+    textMiddle: {
       color: theme.palette.middle.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, theme.palette.action.hoverOpacity),
@@ -91,7 +81,7 @@ var styles = function styles(theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="positive"`. */
+    /* Styles applied to the root element if `variant="[contained ]"` and `color="positive"`. */
     containedPrimary: {
       '&$disabled': {
         color: theme.palette.neutral.contrastText,
@@ -114,7 +104,7 @@ var styles = function styles(theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="negative"`. */
+    /* Styles applied to the root element if `variant="[contained]"` and `color="negative"`. */
     containedNegative: {
       color: theme.palette.negative.contrastText,
       backgroundColor: theme.palette.negative.main,
@@ -131,7 +121,7 @@ var styles = function styles(theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="middle"`. */
+    /* Styles applied to the root element if `variant="[contained]"` and `color="middle"`. */
     containedMiddle: {
       color: theme.palette.middle.contrastText,
       backgroundColor: theme.palette.middle.main,
@@ -148,7 +138,7 @@ var styles = function styles(theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="neutral"`. */
+    /* Styles applied to the root element if `variant="[contained]"` and `color="neutral"`. */
     containedNeutral: {
       color: theme.palette.neutral.contrastText,
       backgroundColor: theme.palette.neutral.main,
@@ -198,59 +188,34 @@ var styles = function styles(theme) {
     },
     disabled: {}
   };
-};
-
-exports.styles = styles;
-
-var HiButton =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(HiButton, _React$Component);
-
-  function HiButton() {
-    (0, _classCallCheck2.default)(this, HiButton);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiButton).apply(this, arguments));
-  }
-
-  (0, _createClass2.default)(HiButton, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
+});
 
-      var _this$props = this.props,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          color = _this$props.color,
-          variant = _this$props.variant,
-          disabled = _this$props.disabled,
-          buttonRef = _this$props.buttonRef,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "color", "variant", "disabled", "buttonRef"]);
-      var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
-      var fab = variant === 'fab' || variant === 'extendedFab';
-      var contained = variant === 'contained' || variant === 'raised';
-      var buttonClassNames = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.raisedDisabled, variant === 'raised' && disabled), (0, _defineProperty2.default)(_classNames, classes.flatPositive, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.flatNegative, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.flatMiddle, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.flatNeutral, (variant === 'text' || variant === 'flat' || variant === 'outlined') && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.containedPrimary, (contained || fab) && color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.containedPositive, (contained || fab) && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.containedNegative, (contained || fab) && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.containedMiddle, (contained || fab) && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.containedNeutral, (contained || fab) && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.outlinedPositive, variant === 'outlined' && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.outlinedNegative, variant === 'outlined' && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.outlinedMiddle, variant === 'outlined' && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.outlinedNeutral, variant === 'outlined' && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
-      return _react.default.createElement(_Button.default, (0, _extends2.default)({
-        className: className,
-        classes: {
-          root: buttonClassNames
-        },
-        color: hcolor,
-        variant: variant,
-        disabled: disabled,
-        buttonRef: buttonRef
-      }, other), children);
-    }
-  }]);
-  return HiButton;
-}(_react.default.Component);
+var HiButton = _react.default.forwardRef(function (props, ref) {
+  var _classNames;
+
+  var children = props.children,
+      className = props.className,
+      color = props.color,
+      variant = props.variant,
+      disabled = props.disabled,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color", "variant", "disabled"]);
+  var classes = useStyles();
+  var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
+  var contained = variant === 'contained';
+  var buttonClassNames = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.containedDisabled, variant === 'contained' && disabled), (0, _defineProperty2.default)(_classNames, classes.textPositive, (variant === 'text' || variant === 'outlined') && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.textNegative, (variant === 'text' || variant === 'outlined') && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.textMiddle, (variant === 'text' || variant === 'outlined') && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.textNeutral, (variant === 'text' || variant === 'outlined') && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.containedPrimary, contained && color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.containedPositive, contained && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.containedNegative, contained && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.containedMiddle, contained && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.containedNeutral, contained && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.outlinedPositive, variant === 'outlined' && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.outlinedNegative, variant === 'outlined' && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.outlinedMiddle, variant === 'outlined' && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.outlinedNeutral, variant === 'outlined' && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
+  return _react.default.createElement(_Button.default, (0, _extends2.default)({
+    className: className,
+    classes: {
+      root: buttonClassNames
+    },
+    color: hcolor,
+    variant: variant,
+    disabled: disabled,
+    buttonRef: ref
+  }, other), children);
+});
 
 HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des classes
-   */
-  classes: _propTypes.default.object,
-
   /**
    * Surcharge des classes
    */
@@ -264,27 +229,11 @@ HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * The variant to use.
    */
-  variant: _propTypes.default.oneOf(['text', 'flat', 'outlined', 'contained', 'raised', 'fab', 'extendedFab'])
+  variant: _propTypes.default.oneOf(['text', 'outlined', 'contained'])
 } : {};
 HiButton.defaultProps = {
   color: 'neutral',
   variant: 'text'
 };
-
-function forwardRef(props, ref) {
-  return _react.default.createElement(HiButton, (0, _extends2.default)({}, props, {
-    buttonRef: ref
-  }));
-}
-
-var name = HiButton.displayName || HiButton.name;
-forwardRef.displayName = name;
-
-var HiButtonForwardRef = _react.default.forwardRef(forwardRef);
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiButton'
-})(HiButtonForwardRef);
-
+var _default = HiButton;
 exports.default = _default;

package/HiCell/CellAddress.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {
@@ -132,7 +132,7 @@ CellAddress.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellAddress'
 })(CellAddress);
 

package/HiCell/CellDate.js

@@ -25,7 +25,7 @@ var _moment = _interopRequireDefault(require("moment"));
 
 require("moment/locale/fr");
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = {
   rightEllipsisSpan: {
@@ -133,7 +133,7 @@ CellDate.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellDate'
 })(CellDate);
 

package/HiCell/CellIcon.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -164,7 +164,7 @@ CellIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellIcon'
 })(CellIcon);
 

package/HiCell/CellImage.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {
@@ -149,7 +149,7 @@ CellImage.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellImage'
 })(CellImage);
 

package/HiCell/CellNumeric.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _helpers = require("../utils/helpers");
 
@@ -115,7 +115,7 @@ CellNumeric.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellNumeric'
 })(CellNumeric);
 

package/HiCell/CellPinToAction.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiPin = _interopRequireDefault(require("../HiPin"));
 
@@ -85,7 +85,7 @@ CellPinToAction.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellPin'
 })(CellPinToAction);
 

package/HiCell/CellRate.js

@@ -29,7 +29,7 @@ var _mdiMaterialUi = require("mdi-material-ui");
 
 var _helpers = require("../utils/helpers");
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -181,7 +181,7 @@ CellRate.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf(['l', 'm', 's'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellRate'
 })(CellRate);
 

package/HiCell/CellSentinel.js

@@ -23,7 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = {
   flexContent: {
@@ -94,7 +94,7 @@ CellSentinel.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellSentinel'
 })(CellSentinel);
 

package/HiCell/CellSentinelScore.js

@@ -23,7 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = {
   flexContent: {
@@ -93,7 +93,7 @@ CellSentinelScore.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.number
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellSentinelScore'
 })(CellSentinelScore);
 

package/HiCell/CellText.js

@@ -17,15 +17,15 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
@@ -62,7 +62,7 @@ function (_React$Component) {
     (0, _classCallCheck2.default)(this, CellText);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
     _this.cellText = null;
-    _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
   /**
@@ -243,7 +243,7 @@ CellText.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellText'
 })(CellText);
 

package/HiCell/CellTextStyled.js

@@ -73,7 +73,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
       onClick: onClick,
       size: "small",
       style: styleButton,
-      variant: "raised"
+      variant: "contained"
     }, valueString);
   }