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

package/CHANGELOG.md

@@ -1,7 +1,3 @@
-# [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

@@ -37,7 +37,7 @@ var _DialogContentText = _interopRequireDefault(require("@material-ui/core/Dialo
 
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("../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("@material-ui/core/styles");
+var _styles = require("../styles");
 
 var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
 

package/HiBadge/HiBadge.js

@@ -17,7 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -123,7 +123,7 @@ HiBadge.defaultProps = {
   color: 'primary'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(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("@material-ui/core/styles");
+var _styles = require("../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("@material-ui/core/styles");
+var _styles = require("../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(2), "px")
+      padding: "0 0 ".concat(theme.spacing.unit, "px")
     },
     line: {
       display: 'block',
       borderColor: theme.palette.grey[600],
       borderLeftStyle: 'solid',
       borderLeftWidth: 2,
-      minHeight: theme.spacing(6),
+      minHeight: theme.spacing.unit * 3,
       height: 40
     },
     greenLine: {

package/HiBreadcrumb/HiStepContent.js

@@ -27,7 +27,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("../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("@material-ui/core/styles");
+var _styles = require("../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("@material-ui/core/styles");
+var _styles = require("../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("@material-ui/core/styles");
+var _styles = require("../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 = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,35 +13,45 @@ 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("@material-ui/core/styles");
+var _styles = require("../styles");
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _colorManipulator = require("../styles/colorManipulator");
 
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 // @inheritedComponent Button
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var styles = function styles(theme) {
   return {
     root: {
-      '&$containedDisabled': {
+      '&$raisedDisabled': {
         color: theme.palette.neutral.contrastText,
         backgroundColor: theme.palette.neutral.main
       }
     },
-    containedDisabled: {},
-    textNeutral: {
+    raisedDisabled: {},
+    flatNeutral: {
       color: theme.palette.neutral.main,
       '&$disabled': {
         color: theme.palette.action.disabled
       }
     },
-    textPositive: {
+    flatPositive: {
       color: theme.palette.positive.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, theme.palette.action.hoverOpacity),
@@ -54,7 +64,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         color: theme.palette.action.disabled
       }
     },
-    textNegative: {
+    flatNegative: {
       color: theme.palette.negative.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, theme.palette.action.hoverOpacity),
@@ -67,7 +77,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         color: theme.palette.action.disabled
       }
     },
-    textMiddle: {
+    flatMiddle: {
       color: theme.palette.middle.main,
       '&:hover': {
         backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, theme.palette.action.hoverOpacity),
@@ -81,7 +91,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained ]"` and `color="positive"`. */
+    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="positive"`. */
     containedPrimary: {
       '&$disabled': {
         color: theme.palette.neutral.contrastText,
@@ -104,7 +114,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained]"` and `color="negative"`. */
+    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="negative"`. */
     containedNegative: {
       color: theme.palette.negative.contrastText,
       backgroundColor: theme.palette.negative.main,
@@ -121,7 +131,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained]"` and `color="middle"`. */
+    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="middle"`. */
     containedMiddle: {
       color: theme.palette.middle.contrastText,
       backgroundColor: theme.palette.middle.main,
@@ -138,7 +148,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
 
-    /* Styles applied to the root element if `variant="[contained]"` and `color="neutral"`. */
+    /* Styles applied to the root element if `variant="[contained | fab]"` and `color="neutral"`. */
     containedNeutral: {
       color: theme.palette.neutral.contrastText,
       backgroundColor: theme.palette.neutral.main,
@@ -188,34 +198,59 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     disabled: {}
   };
-});
+};
 
-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);
-});
+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);
 
 HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Surcharge des classes
+   */
+  classes: _propTypes.default.object,
+
   /**
    * Surcharge des classes
    */
@@ -229,11 +264,27 @@ HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * The variant to use.
    */
-  variant: _propTypes.default.oneOf(['text', 'outlined', 'contained'])
+  variant: _propTypes.default.oneOf(['text', 'flat', 'outlined', 'contained', 'raised', 'fab', 'extendedFab'])
 } : {};
 HiButton.defaultProps = {
   color: 'neutral',
   variant: 'text'
 };
-var _default = HiButton;
+
+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);
+
 exports.default = _default;

package/HiCell/CellAddress.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellAddress'
 })(CellAddress);
 

package/HiCell/CellDate.js

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

package/HiCell/CellIcon.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellIcon'
 })(CellIcon);
 

package/HiCell/CellImage.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellImage'
 })(CellImage);
 

package/HiCell/CellNumeric.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellNumeric'
 })(CellNumeric);
 

package/HiCell/CellPinToAction.js

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

package/HiCell/CellRate.js

@@ -29,7 +29,7 @@ var _mdiMaterialUi = require("mdi-material-ui");
 
 var _helpers = require("../utils/helpers");
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellRate'
 })(CellRate);
 

package/HiCell/CellSentinel.js

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

package/HiCell/CellSentinelScore.js

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

package/HiCell/CellText.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
@@ -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, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellText'
 })(CellText);
 

package/HiCell/CellTextStyled.js

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

package/HiCheckbox/HiCheckbox.js

@@ -31,7 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -215,7 +215,7 @@ HiCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   style: _propTypes.default.object
 } : {};
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
 })(HiCheckbox);

package/HiChip/HiChip.js

@@ -21,7 +21,7 @@ var _keycode = _interopRequireDefault(require("keycode"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -319,7 +319,7 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
   titlePrevious: _propTypes.default.string
 } : {};
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiChip'
 })(HiChip);

package/HiChip/HiChipSwitch.js

@@ -33,9 +33,9 @@ var _index = _interopRequireDefault(require("keycode/index"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _colorManipulator = require("../styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {
@@ -295,7 +295,7 @@ HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   selectionTitle: _propTypes.default.string
 } : {};
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
 })(HiChipSwitch);

package/HiColoredLabel/HiColoredLabel.js

@@ -19,11 +19,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var _helpers = require("../utils/helpers");
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _colorManipulator = require("../styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {
@@ -212,7 +212,7 @@ HiColoredLabel.defaultProps = {
   outlined: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'