@hipay/hipay-material-ui 3.11.2 → 3.12.0

package/HiBreadcrumb/HiStepIcon.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    circle: {
-      borderRadius: '50%',
-      width: 16,
-      height: 16,
-      border: "solid 2px ".concat(theme.palette.neutral.main),
-      marginLeft: 6,
-      display: 'inline-block'
-    },
-    dotAround: {
-      border: "2px solid ".concat(theme.palette.neutral.main),
-      backgroundColor: 'transparent',
-      borderRadius: '100%',
-      width: 16,
-      height: 16,
-      marginLeft: 6,
-      '&:hover': {
-        transform: 'scale(1.2)'
-      }
-    },
-    dot: {
-      backgroundColor: theme.palette.neutral.main,
-      borderRadius: '100%',
-      width: 6,
-      height: 6,
-      '&:hover': {
-        transform: 'scale(1.2)'
-      },
-      marginLeft: 8
-    },
-    activeStep: {
-      marginTop: 3,
-      marginLeft: 3,
-      width: 6,
-      height: 6,
-      '&:hover': {
-        transform: 'scale(1)'
-      }
-    },
-    dotValidated: {
-      backgroundColor: theme.palette.positive.main,
-      border: "2px solid ".concat(theme.palette.positive.main)
-    },
-    dotRefused: {
-      backgroundColor: theme.palette.error.main,
-      border: "2px solid ".concat(theme.palette.error.main)
-    },
-    dotWarning: {
-      backgroundColor: theme.palette.middle.normal,
-      border: "2px solid ".concat(theme.palette.middle.main)
-    },
-    dotActive: {
-      backgroundColor: '#00ADE9',
-      border: '2px solid #00ADE9'
-    },
-    dotLight: {
-      backgroundColor: '#FFFFFF',
-      border: '2px solid #FFFFFF'
-    },
-    validated: {
-      border: "2px solid ".concat(theme.palette.positive.main)
-    },
-    refused: {
-      border: "2px solid ".concat(theme.palette.negative.main)
-    },
-    warning: {
-      border: "2px solid ".concat(theme.palette.middle.main)
-    },
-    active: {
-      border: 'solid 2px #00ADE9'
-    },
-    light: {
-      border: 'solid 2px #FFFFFF'
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiStepIcon = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStepIcon, _React$PureComponent);
-
-  var _super = _createSuper(HiStepIcon);
-
-  function HiStepIcon() {
-    (0, _classCallCheck2.default)(this, HiStepIcon);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(HiStepIcon, [{
-    key: "render",
-    value: function render() {
-      var _classNames, _classNames2, _classNames3;
-
-      var _this$props = this.props,
-          active = _this$props.active,
-          classes = _this$props.classes,
-          status = _this$props.status,
-          type = _this$props.type;
-      var dotAroundClass = (0, _classnames.default)(classes.dotAround, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames, classes.light, type === 'front-light'), _classNames));
-      var innerDotClass = (0, _classnames.default)(classes.dot, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.activeStep, active), (0, _defineProperty2.default)(_classNames2, classes.dotValidated, status === 'validated'), (0, _defineProperty2.default)(_classNames2, classes.dotRefused, status === 'refused'), (0, _defineProperty2.default)(_classNames2, classes.dotWarning, status === 'warning'), (0, _defineProperty2.default)(_classNames2, classes.dotActive, status === 'active'), (0, _defineProperty2.default)(_classNames2, classes.dotLight, type === 'front-light'), _classNames2));
-      var dotClassName = (0, _classnames.default)(classes.circle, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames3, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames3, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames3, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames3, classes.light, type === 'front-light'), _classNames3));
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, active && /*#__PURE__*/_react.default.createElement("div", {
-        className: dotAroundClass
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: innerDotClass
-      })), !active && /*#__PURE__*/_react.default.createElement("div", {
-        className: dotClassName
-      }));
-    }
-  }]);
-  return HiStepIcon;
-}(_react.default.PureComponent);
-
-HiStepIcon.defaultProps = {
-  active: false,
-  status: 'unreviewed',
-  type: 'back'
-};
-
-var _default = (0, _withStyles.default)(styles, {
-  hiComponent: true,
-  name: 'HiMuiHiStepIcon'
-})(HiStepIcon);
-
-exports.default = _default;

package/HiBreadcrumb/HiStepLabel.js

@@ -1,177 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-var _HiStepIcon = _interopRequireDefault(require("./HiStepIcon"));
-
-var _HiPin = _interopRequireDefault(require("../HiPin"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    hipin: {
-      marginLeft: 0
-    },
-    label: (0, _objectSpread2.default)({
-      display: 'inline-block',
-      marginLeft: 4,
-      fontWeight: theme.typography.fontWeightRegular,
-      color: theme.palette.neutral.main,
-      marginBottom: -4
-    }, theme.typography.b2),
-    labelHover: {
-      '&:hover': {
-        cursor: 'pointer'
-      }
-    },
-    labelContainer: {
-      display: 'flex',
-      alignItems: 'baseline'
-    },
-    largeLabelContainer: {
-      maxWidth: 300
-    },
-    shortLabelContainer: {
-      maxWidth: 160
-    },
-    frontLabel: {
-      fontSize: 18,
-      fontWeight: theme.typography.fontWeightLight,
-      marginLeft: 11
-    },
-    validated: {
-      color: theme.palette.positive.main
-    },
-    refused: {
-      color: theme.palette.negative.main
-    },
-    active: {
-      color: '#00ADE9'
-    },
-    activeStep: {
-      fontWeight: theme.typography.fontWeightMedium
-    },
-    warning: {
-      color: theme.palette.middle.main
-    },
-    light: {
-      color: '#FFFFFF'
-    },
-    pin: {
-      marginLeft: 4
-    },
-    shortEllipsis: {
-      display: 'inline-block',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'pre',
-      width: '100%'
-    },
-    longEllipsis: {
-      display: 'inline-block',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'pre'
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiStepLabel = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStepLabel, _React$PureComponent);
-
-  var _super = _createSuper(HiStepLabel);
-
-  function HiStepLabel() {
-    (0, _classCallCheck2.default)(this, HiStepLabel);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(HiStepLabel, [{
-    key: "render",
-    value: function render() {
-      var _classNames, _classNames2;
-
-      var _this$props = this.props,
-          active = _this$props.active,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          classNameProp = _this$props.className,
-          notificationNumber = _this$props.notificationNumber,
-          status = _this$props.status,
-          type = _this$props.type,
-          disableNavigation = _this$props.disableNavigation,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "children", "classes", "className", "notificationNumber", "status", "type", "disableNavigation"]);
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        className: (0, _classnames.default)(classes.root, classNameProp)
-      }, other), /*#__PURE__*/_react.default.createElement(_HiStepIcon.default, {
-        active: active,
-        status: status,
-        type: type
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.labelContainer, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.largeLabelContainer, type !== 'back'), (0, _defineProperty2.default)(_classNames, classes.shortLabelContainer, type === 'back'), _classNames))
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.label, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.labelHover, disableNavigation === false), (0, _defineProperty2.default)(_classNames2, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames2, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames2, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames2, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames2, classes.light, type === 'front-light'), (0, _defineProperty2.default)(_classNames2, classes.activeStep, active), (0, _defineProperty2.default)(_classNames2, classes.frontLabel, type !== 'back'), (0, _defineProperty2.default)(_classNames2, classes.shortEllipsis, notificationNumber > 0), (0, _defineProperty2.default)(_classNames2, classes.longEllipsis, notificationNumber === 0 && type === 'back'), _classNames2))
-      }, children), notificationNumber > 0 && /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.pin
-      }, /*#__PURE__*/_react.default.createElement(_HiPin.default, {
-        className: classes.hipin,
-        color: "primary"
-      }, notificationNumber))));
-    }
-  }]);
-  return HiStepLabel;
-}(_react.default.PureComponent);
-
-HiStepLabel.defaultProps = {
-  active: false,
-  children: '',
-  notificationNumber: 0,
-  status: 'unreviewed',
-  type: 'back'
-};
-
-var _default = (0, _withStyles.default)(styles, {
-  hiComponent: true,
-  name: 'HiMuiHiStepLabel',
-  withTheme: true
-})(HiStepLabel);
-
-exports.default = _default;

package/HiBreadcrumb/HiStepper.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles() {
-  return {
-    root: {
-      width: '100%'
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiStepper = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStepper, _React$PureComponent);
-
-  var _super = _createSuper(HiStepper);
-
-  function HiStepper() {
-    (0, _classCallCheck2.default)(this, HiStepper);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(HiStepper, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          activeStep = _this$props.activeStep,
-          children = _this$props.children;
-
-      var childrenArray = _react.default.Children.toArray(children.props.children);
-
-      var steps = childrenArray.map(function (step, index) {
-        return _react.default.cloneElement(step, (0, _objectSpread2.default)({
-          index: index,
-          active: activeStep === index
-        }, step.props));
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.root
-      }, steps);
-    }
-  }]);
-  return HiStepper;
-}(_react.default.PureComponent);
-
-HiStepper.defaultProps = {
-  activeStep: 0
-};
-
-var _default = (0, _withStyles.default)(styles, {
-  hiComponent: true,
-  name: 'MuiHiStepper'
-})(HiStepper);
-
-exports.default = _default;

package/HiBreadcrumb/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiBreadcrumb.default;
-  }
-});
-
-var _HiBreadcrumb = _interopRequireDefault(require("./HiBreadcrumb"));

package/HiButton/HiButton.js

@@ -1,192 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStyles = exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
-var _styles = require("@mui/material/styles");
-
-var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useStyles = (0, _makeStyles.default)(function (theme) {
-  return {
-    root: {},
-    // a style rule
-    label: {},
-    // a nested style rule
-    text: function text(props) {
-      if (['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
-        return {
-          color: props.disabled ? theme.palette.action.disabled : theme.palette[props.color].main,
-          '&:hover': {
-            backgroundColor: (0, _styles.alpha)(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
-            // Reset on touch devices, it doesn't add specificity
-            '@media (hover: none)': {
-              backgroundColor: 'transparent'
-            }
-          }
-        };
-      } else if (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(props.color)) {
-        return {
-          color: props.disabled ? theme.palette.action.disabled : props.color,
-          '&:hover': {
-            backgroundColor: (0, _styles.alpha)(props.color, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-              backgroundColor: 'transparent'
-            }
-          }
-        };
-      }
-
-      return null;
-    },
-    contained: function contained(props) {
-      if (props.variant === 'contained' && ['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
-        return {
-          color: props.disabled ? theme.palette.neutral.contrastText : theme.palette[props.color].contrastText,
-          backgroundColor: props.disabled ? theme.palette.neutral.main : theme.palette[props.color].main,
-          '&:hover': {
-            backgroundColor: theme.palette[props.color].dark,
-            // Reset on touch devices, it doesn't add specificity
-            '@media (hover: none)': {
-              backgroundColor: theme.palette[props.color].main
-            }
-          }
-        };
-      } else if (props.variant === 'contained' && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(props.color)) {
-        return {
-          color: props.disabled ? theme.palette.neutral.contrastText : theme.palette.getContrastText(props.color),
-          backgroundColor: props.disabled ? theme.palette.neutral.main : props.color,
-          '&:hover': {
-            backgroundColor: (0, _styles.darken)(props.color, theme.palette.tonalOffset * 1.5),
-            '@media (hover: none)': {
-              backgroundColor: props.color
-            }
-          }
-        };
-      } else if (props.variant === 'containedLight' && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(props.color)) {
-        return {
-          color: props.disabled ? theme.palette.neutral.contrastText : props.color,
-          backgroundColor: (0, _styles.alpha)(props.disabled ? theme.palette.neutral.main : props.color, theme.palette.action.hoverOpacity),
-          '&:hover': {
-            backgroundColor: (0, _styles.alpha)(props.color, theme.palette.action.hoverOpacity + 0.1),
-            '@media (hover: none)': {
-              backgroundColor: (0, _styles.alpha)(props.disabled ? theme.palette.neutral.main : props.color, theme.palette.action.hoverOpacity)
-            }
-          }
-        };
-      } else if (props.variant === 'containedLight' // && is a palette color
-      ) {
-        return {
-          color: props.disabled ? theme.palette.neutral.contrastText : theme.palette[props.color].main,
-          backgroundColor: (0, _styles.alpha)(props.disabled ? theme.palette.neutral.main : theme.palette[props.color].main, theme.palette.action.hoverOpacity),
-          '&:hover': {
-            backgroundColor: (0, _styles.alpha)(theme.palette[props.color].main, theme.palette.action.hoverOpacity + 0.1),
-            // Reset on touch devices, it doesn't add specificity
-            '@media (hover: none)': {
-              backgroundColor: (0, _styles.alpha)(props.disabled ? theme.palette.neutral.main : theme.palette[props.color].main, theme.palette.action.hoverOpacity)
-            }
-          }
-        };
-      }
-
-      return null;
-    },
-    outlined: function outlined(props) {
-      if (['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
-        return {
-          color: theme.palette[props.color].main,
-          border: "1px solid ".concat((0, _styles.alpha)(theme.palette[props.color].main, 0.5)),
-          '&:hover': {
-            border: "1px solid ".concat(theme.palette[props.color].main),
-            backgroundColor: (0, _styles.alpha)(theme.palette[props.color].main, theme.palette.action.hoverOpacity)
-          }
-        };
-      } else if (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(props.color)) {
-        return {
-          color: props.color,
-          border: "1px solid ".concat((0, _styles.alpha)(props.color, 0.5)),
-          '&:hover': {
-            border: "1px solid ".concat(props.color),
-            backgroundColor: (0, _styles.alpha)(props.color, theme.palette.action.hoverOpacity)
-          }
-        };
-      }
-
-      return null;
-    }
-  };
-});
-/**
- * HiButton
- * Inherited from Button
- */
-
-exports.useStyles = useStyles;
-
-var HiButton = _react.default.forwardRef(function (props, ref) {
-  var disableElevation = props.disableElevation,
-      variant = props.variant,
-      color = props.color,
-      otherProps = (0, _objectWithoutProperties2.default)(props, ["disableElevation", "variant", "color"]);
-  var classes = useStyles(props);
-  var style = (0, _react.useMemo)(function () {
-    var style = {};
-
-    if (disableElevation) {
-      style.boxShadow = 'none';
-    }
-
-    return style;
-  }, [disableElevation]);
-
-  var _color = (0, _react.useMemo)(function () {
-    if (['neutral', 'positive', 'middle', 'negative'].includes(color) || /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color) // isHexColor
-    ) {
-      return 'inherit';
-    }
-
-    return color;
-  }, [color]);
-
-  var _variant = (0, _react.useMemo)(function () {
-    if (variant === 'containedLight') {
-      return 'contained';
-    }
-
-    return variant;
-  }, [variant]);
-
-  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    ref: ref,
-    style: style,
-    classes: classes,
-    color: _color,
-    variant: _variant
-  }, otherProps));
-});
-
-HiButton.defaultProps = {
-  disableElevation: false,
-  variant: 'text',
-  color: 'neutral'
-};
-var _default = HiButton;
-exports.default = _default;

package/HiButton/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _HiButton = _interopRequireDefault(require("./HiButton"));
-
-var _default = _HiButton.default;
-exports.default = _default;