@spothero/ui 23.1.0 → 24.0.4-beta.0

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js

@@ -1,169 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-var _async = _interopRequireDefault(require("react-select/async"));
-var _react2 = require("@chakra-ui/react");
-var _xCircle = _interopRequireDefault(require("@spothero/icons/x-circle"));
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    helperText = _ref.helperText,
-    errorMessage = _ref.errorMessage,
-    isInvalid = _ref.isInvalid,
-    isDisabled = _ref.isDisabled,
-    isRequired = _ref.isRequired,
-    getOptions = _ref.getOptions,
-    onChange = _ref.onChange,
-    iconSrc = _ref.iconSrc,
-    placeholder = _ref.placeholder,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue;
-  var _useTheme = (0, _react2.useTheme)(),
-    colors = _useTheme.colors,
-    fontSizes = _useTheme.fontSizes,
-    sizes = _useTheme.sizes;
-  var handleChange = function handleChange(selectedOption) {
-    onChange(selectedOption);
-  };
-  var icon = function icon() {
-    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transparent';
-    return {
-      alignItems: 'center',
-      display: 'flex',
-      ':before': {
-        backgroundColor: color,
-        content: '" "',
-        display: 'block',
-        marginRight: sizes['3'],
-        height: sizes['4'],
-        width: sizes['5'],
-        mask: "url(".concat(iconSrc, ") no-repeat 50% 50%"),
-        maskSize: 'contain'
-      }
-    };
-  };
-  var baseText = {
-    fontSize: fontSizes.base,
-    color: colors.black
-  };
-
-  /** React Select doesn't use Chakra but it does use Emotion so it's not too difficult to use values from our Chakra theme. Here is the documentation for React Select styling: https://react-select.com/styles  */
-  var customStyles = {
-    menu: function menu(provided) {
-      return _objectSpread(_objectSpread({}, provided), baseText);
-    },
-    control: function control(provided, state) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        borderColor: isInvalid ? colors.error : state.isFocused ? colors.primary["default"] : colors.gray['200'],
-        borderWidth: '1px',
-        boxShadow: 'none',
-        '&:hover': {
-          borderColor: isInvalid ? colors.error : state.isFocused ? colors.primary["default"] : colors.gray['200']
-        }
-      });
-    },
-    input: function input(provided, state) {
-      return _objectSpread(_objectSpread(_objectSpread({}, provided), baseText), {}, {
-        padding: sizes['2'],
-        backgroundColor: state.isDisabled ? colors.gray['200'] : 'transparent'
-      }, iconSrc && icon(colors.gray['600']));
-    },
-    placeholder: function placeholder(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        padding: sizes['2'],
-        fontSize: fontSizes.base,
-        color: colors.gray['600']
-      }, iconSrc && icon());
-    },
-    singleValue: function singleValue(provided) {
-      return _objectSpread(_objectSpread(_objectSpread({}, provided), baseText), {}, {
-        padding: sizes['2']
-      }, iconSrc && icon());
-    },
-    option: function option(provided, state) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        backgroundColor: state.isSelected ? colors.gray['200'] : state.isFocused ? colors.gray['50'] : 'transparent',
-        color: colors.black
-      });
-    },
-    clearIndicator: function clearIndicator(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        color: colors.gray['600']
-      });
-    },
-    dropdownIndicator: function dropdownIndicator(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        color: colors.gray['600']
-      });
-    }
-  };
-  var clearIndicatorStyles = {
-    width: sizes['5'],
-    display: 'flex',
-    marginRight: sizes['3'],
-    color: colors.gray['600'],
-    cursor: 'pointer'
-  };
-
-  /** React Select allows you to override the clear indicator with your own custom component: https://react-select.com/components */
-  var ClearIndicator = function ClearIndicator(_ref2) {
-    var innerRef = _ref2.innerRef,
-      innerProps = _ref2.innerProps;
-    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-      style: clearIndicatorStyles,
-      ref: innerRef
-    }, innerProps), /*#__PURE__*/_react["default"].createElement(_xCircle["default"], null));
-  };
-  return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    errorMessage: errorMessage,
-    isRequired: isRequired,
-    helperText: helperText,
-    label: label,
-    inputId: id
-  }, /*#__PURE__*/_react["default"].createElement(_async["default"], {
-    closeMenuOnSelect: true,
-    isClearable: true,
-    cacheOptions: true,
-    components: {
-      DropdownIndicator: function DropdownIndicator() {
-        return null;
-      },
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      ClearIndicator: ClearIndicator
-    },
-    openMenuOnClick: false,
-    loadOptions: getOptions,
-    onChange: handleChange,
-    isDisabled: isDisabled,
-    id: id,
-    placeholder: placeholder,
-    defaultValue: defaultValue,
-    styles: customStyles,
-    ref: ref
-  }));
-});
-var _default = exports["default"] = AutoSuggestSelect;

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AutoSuggestSelect = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports["default"] = {
-  title: 'v2/AutoSuggestSelect',
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-var AutoSuggestSelectTemplate = function AutoSuggestSelectTemplate(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
-    alignItems: "flex-start"
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "AutoSuggestSelect story currently broken due to issues between current version of storybook, forwardref, and hooks. Updating storybook will likely help."));
-};
-var AutoSuggestSelect = exports.AutoSuggestSelect = (0, _bind["default"])(AutoSuggestSelectTemplate).call(AutoSuggestSelectTemplate, {});

package/dist/components/AutoSuggestSelect/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "AutoSuggestSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AutoSuggestSelect["default"];
-  }
-});
-var _AutoSuggestSelect = _interopRequireDefault(require("./AutoSuggestSelect"));

package/dist/components/Badge/Badge.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _react.Badge;
-  }
-});
-var _react = require("@chakra-ui/react");

package/dist/components/Badge/Badge.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Badge = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _Badge = _interopRequireDefault(require("./Badge"));
-var _default = exports["default"] = {
-  title: 'v2/Badge',
-  component: _Badge["default"],
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-var Template = function Template(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-    variant: "primary"
-  }, "Primary"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-    variant: "warningLight"
-  }, "Warning Light"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-    variant: "solid",
-    colorScheme: "green"
-  }, "Success"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-    variant: "subtle",
-    colorScheme: "red"
-  }, "Removed"));
-};
-var Badge = exports.Badge = (0, _bind["default"])(Template).call(Template, {});

package/dist/components/Badge/styles/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variants = exports["default"] = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var baseStyle = {
-  px: 1,
-  textTransform: 'reset',
-  fontSize: 'xs',
-  borderRadius: 'sm',
-  fontWeight: 'bold'
-};
-var variants = exports.variants = {
-  primary: {
-    bg: 'primary.default',
-    color: 'white'
-  },
-  warningLight: {
-    bg: 'yellow.100',
-    color: 'black'
-  }
-};
-var defaultProps = {};
-var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Badge, {
-  variants: variants,
-  baseStyle: baseStyle,
-  defaultProps: defaultProps
-});

package/dist/components/Button/Button.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _base = require("../../theme/base");
-var _buttonProps = _interopRequireDefault(require("./button-props"));
-var _excluded = ["asAnchor", "isExternal", "height"];
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var anchorProps = function anchorProps() {
-  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return _objectSpread({
-    as: 'a',
-    type: null
-  }, isExternal && {
-    target: '_blank',
-    rel: 'noopener noreferrer'
-  });
-};
-var heightProps = function heightProps() {
-  var height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'md';
-  var heights = {
-    md: {},
-    lg: {
-      height: 12,
-      borderRadius: _base.sizes['6'],
-      lineHeight: _base.sizes['6']
-    }
-  };
-  return heights[height] || {
-    height: height // when a custom height is provided, pass it as is
-  };
-};
-var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var asAnchor = _ref.asAnchor,
-    isExternal = _ref.isExternal,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'md' : _ref$height,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
-    iconSpacing: 2
-  }, props, heightProps(height), (asAnchor || props.as === 'a') && anchorProps(isExternal), {
-    ref: ref
-  }));
-});
-Button.propTypes = _buttonProps["default"];
-Button.defaultProps = {
-  variant: 'primary',
-  type: 'button'
-};
-var _default = exports["default"] = Button;

package/dist/components/Button/Button.spec.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Button = _interopRequireDefault(require("./Button"));
-describe('Button', function () {
-  it('renders the anchor version of the button', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      asAnchor: true,
-      href: "#"
-    }, "Button"));
-    expect(_react2.screen.getByRole('link')).toBeInTheDocument();
-  });
-  it('renders with target and rel attributes on external anchor button', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      asAnchor: true,
-      isExternal: true,
-      href: "#"
-    }, "Button"));
-    var link = _react2.screen.getByRole('link');
-    expect(link).toHaveAttribute('target', '_blank');
-    expect(link).toHaveAttribute('rel', 'noopener noreferrer');
-  });
-});

package/dist/components/Button/Button.styles.js

@@ -1,166 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variants = exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var baseStyle = {
-  px: 8,
-  py: 3,
-  fontSize: 'base',
-  fontFamily: 'body',
-  lineHeight: 0.875,
-  fontWeight: 'semibold',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  borderRadius: '1.25rem',
-  textTransform: 'capitalize',
-  transition: 'all normal ease',
-  _disabled: {
-    cursor: 'not-allowed',
-    opacity: 1,
-    bg: 'gray.medium',
-    borderColor: 'gray.medium',
-    color: 'gray.dark'
-  },
-  '& svg': {
-    display: 'block'
-  }
-};
-// TODO: We need an active styling
-var disabledButtonHoverStyle = {
-  _disabled: {
-    bg: 'gray.medium',
-    borderColor: 'gray.medium',
-    color: 'gray.dark'
-  }
-};
-var destructiveButtonStyles = {
-  bg: 'white',
-  borderColor: 'red.default',
-  color: 'red.default',
-  _hover: _objectSpread({
-    borderColor: 'red.800',
-    color: 'red.800'
-  }, disabledButtonHoverStyle)
-};
-var variants = exports.variants = {
-  primary: {
-    bg: 'primary.default',
-    borderColor: 'primary.default',
-    color: 'white',
-    _hover: _objectSpread({
-      bg: 'primary.600',
-      borderColor: 'primary.600',
-      color: 'white'
-    }, disabledButtonHoverStyle)
-  },
-  primaryOnDark: {
-    bg: 'yellow.default',
-    borderColor: 'yellow.default',
-    color: 'black',
-    _hover: _objectSpread({
-      bg: 'yellow.500',
-      borderColor: 'yellow.500',
-      color: 'black'
-    }, disabledButtonHoverStyle),
-    _focus: {
-      boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.7)'
-    }
-  },
-  secondary: {
-    bg: 'white',
-    borderColor: 'gray.medium',
-    color: 'primary.default',
-    _hover: _objectSpread({
-      borderColor: 'primary.600',
-      color: 'primary.600'
-    }, disabledButtonHoverStyle)
-  },
-  secondaryOnDark: {
-    bg: 'none',
-    borderColor: 'white',
-    color: 'white',
-    _hover: _objectSpread({
-      bg: 'white',
-      borderColor: 'white',
-      color: 'black'
-    }, disabledButtonHoverStyle),
-    _focus: {
-      boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.7)'
-    }
-  },
-  tertiary: {
-    bg: 'none',
-    borderWidth: 'none',
-    borderRadius: 'unset',
-    color: 'primary.default',
-    h: 'unset',
-    m: 'unset',
-    minW: 'unset',
-    p: 'unset',
-    lineHeight: 1,
-    _disabled: {
-      bg: 'none',
-      color: 'gray.dark'
-    },
-    _hover: {
-      color: 'primary.600',
-      _disabled: {
-        color: 'gray.dark'
-      }
-    },
-    _active: {
-      color: 'primary.600',
-      _disabled: {
-        color: 'gray.dark'
-      }
-    }
-  },
-  tertiaryOnDark: {
-    bg: 'none',
-    borderRadius: 'unset',
-    borderWidth: 'none',
-    color: 'white',
-    h: 'unset',
-    m: 'unset',
-    minW: 'unset',
-    p: 'unset',
-    _disabled: {
-      bg: 'none',
-      color: 'white',
-      opacity: '.7'
-    },
-    _hover: {
-      color: 'white',
-      opacity: '.8',
-      _disabled: {
-        opacity: '.7'
-      }
-    }
-  },
-  destructive: _objectSpread({}, destructiveButtonStyles),
-  destructiveOnDark: _objectSpread({}, destructiveButtonStyles)
-};
-var defaultProps = {
-  size: null
-};
-var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Button, {
-  variants: variants,
-  baseStyle: baseStyle,
-  defaultProps: defaultProps
-});

package/dist/components/Button/button-props.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = require("./Button.styles");
-var props = {
-  /**
-   * Alters the underlying html tag
-   */
-  as: _propTypes["default"].string,
-  /**
-   * If `true`, the button will render as an anchor.
-   */
-  asAnchor: _propTypes["default"].bool,
-  /**
-   * If `true`, and an anchor button, target="_blank" and rel="noopener noreferrer" will be set on the anchor
-   * "isExternal" is used to maintain parity with the Link component.
-   */
-  isExternal: _propTypes["default"].bool,
-  /**
-   * If `true`, the button will show a spinner.
-   */
-  isLoading: _propTypes["default"].bool,
-  /**
-   * If `true`, the button will be styled in its active state.
-   */
-  isActive: _propTypes["default"].bool,
-  /**
-   * If `true`, the button will be disabled.
-   */
-  isDisabled: _propTypes["default"].bool,
-  /**
-   * The label to show in the button when `isLoading` is true
-   * If no text is passed, it only shows the spinner
-   */
-  loadingText: _propTypes["default"].string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   */
-  isFullWidth: _propTypes["default"].bool,
-  /**
-   * The html button type to use.
-   */
-  type: _propTypes["default"].oneOf(['button', 'reset', 'submit']),
-  /**
-   * If added, the button will show an icon before the button's label.
-   * @type PropTypes.node
-   */
-  leftIcon: _propTypes["default"].node,
-  /**
-   * If added, the button will show an icon after the button's label.
-   * @type PropTypes.node
-   */
-  rightIcon: _propTypes["default"].node,
-  /**
-   * The space between the button icon and label.
-   * @type SystemProps["marginRight"]
-   */
-  iconSpacing: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  /**
-   * Replace the spinner component when `isLoading` is set to `true`
-   * @type PropTypes.node
-   */
-  spinner: _propTypes["default"].node,
-  variant: _propTypes["default"].oneOf((0, _keys["default"])(_Button.variants))
-};
-var _default = exports["default"] = props;

package/dist/components/Button/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-_Object$defineProperty(exports, "ButtonGroup", {
-  enumerable: true,
-  get: function get() {
-    return _react.ButtonGroup;
-  }
-});
-var _Button = _interopRequireDefault(require("./Button"));
-var _react = require("@chakra-ui/react");