@spothero/ui 22.3.2 → 22.3.5

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js

@@ -1,109 +1,125 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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 (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; }
-const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)(({
-  id,
-  label,
-  helperText,
-  errorMessage,
-  isInvalid,
-  isDisabled,
-  isRequired,
-  getOptions,
-  onChange,
-  iconSrc,
-  placeholder,
-  defaultValue = null
-}, ref) => {
-  const {
-    colors,
-    fontSizes,
-    sizes
-  } = (0, _react2.useTheme)();
-  const handleChange = selectedOption => {
+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);
   };
-  const icon = (color = 'transparent') => ({
-    alignItems: 'center',
-    display: 'flex',
-    ':before': {
-      backgroundColor: color,
-      content: '" "',
-      display: 'block',
-      marginRight: sizes['3'],
-      height: sizes['4'],
-      width: sizes['5'],
-      mask: `url(${iconSrc}) no-repeat 50% 50%`,
-      maskSize: 'contain'
-    }
-  });
-  const baseText = {
+  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  */
-  const customStyles = {
-    menu: provided => ({
-      ...provided,
-      ...baseText
-    }),
-    control: (provided, state) => ({
-      ...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: (provided, state) => ({
-      ...provided,
-      ...baseText,
-      padding: sizes['2'],
-      backgroundColor: state.isDisabled ? colors.gray['200'] : 'transparent',
-      ...(iconSrc && icon(colors.gray['600']))
-    }),
-    placeholder: provided => ({
-      ...provided,
-      padding: sizes['2'],
-      fontSize: fontSizes.base,
-      color: colors.gray['600'],
-      ...(iconSrc && icon())
-    }),
-    singleValue: provided => ({
-      ...provided,
-      ...baseText,
-      padding: sizes['2'],
-      ...(iconSrc && icon())
-    }),
-    option: (provided, state) => ({
-      ...provided,
-      backgroundColor: state.isSelected ? colors.gray['200'] : state.isFocused ? colors.gray['50'] : 'transparent',
-      color: colors.black
-    }),
-    clearIndicator: provided => ({
-      ...provided,
-      color: colors.gray['600']
-    }),
-    dropdownIndicator: provided => ({
-      ...provided,
-      color: colors.gray['600']
-    })
+  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']
+      });
+    }
   };
-  const clearIndicatorStyles = {
+  var clearIndicatorStyles = {
     width: sizes['5'],
     display: 'flex',
     marginRight: sizes['3'],
@@ -112,27 +128,32 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)(({
   };
 
   /** React Select allows you to override the clear indicator with your own custom component: https://react-select.com/components */
-  const ClearIndicator = ({
-    innerRef,
-    innerProps
-  }) => /*#__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, {
+  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, {
+  }, /*#__PURE__*/_react["default"].createElement(_async["default"], {
     closeMenuOnSelect: true,
     isClearable: true,
     cacheOptions: true,
     components: {
-      DropdownIndicator: () => null,
-      IndicatorSeparator: () => null,
-      ClearIndicator
+      DropdownIndicator: function DropdownIndicator() {
+        return null;
+      },
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      ClearIndicator: ClearIndicator
     },
     openMenuOnClick: false,
     loadOptions: getOptions,
@@ -145,4 +166,4 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)(({
     ref: ref
   }));
 });
-var _default = exports.default = AutoSuggestSelect;
+var _default = exports["default"] = AutoSuggestSelect;

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

@@ -1,19 +1,23 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AutoSuggestSelect = void 0;
+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 = {
+var _default = exports["default"] = {
   title: 'v2/AutoSuggestSelect',
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-const AutoSuggestSelectTemplate = props => /*#__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."));
-const AutoSuggestSelect = exports.AutoSuggestSelect = AutoSuggestSelectTemplate.bind({});
+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,13 +1,14 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AutoSuggestSelect", {
+_Object$defineProperty(exports, "AutoSuggestSelect", {
   enumerable: true,
-  get: function () {
-    return _AutoSuggestSelect.default;
+  get: function get() {
+    return _AutoSuggestSelect["default"];
   }
 });
 var _AutoSuggestSelect = _interopRequireDefault(require("./AutoSuggestSelect"));

package/dist/components/Badge/Badge.js

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

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

@@ -1,28 +1,32 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Badge = void 0;
+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 = {
+var _default = exports["default"] = {
   title: 'v2/Badge',
-  component: _Badge.default,
+  component: _Badge["default"],
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-const Template = props => /*#__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"));
-const Badge = exports.Badge = Template.bind({});
+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,20 +1,21 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.variants = exports.default = void 0;
+exports.variants = exports["default"] = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
+var baseStyle = {
   px: 1,
   textTransform: 'reset',
   fontSize: 'xs',
   borderRadius: 'sm',
   fontWeight: 'bold'
 };
-const variants = exports.variants = {
+var variants = exports.variants = {
   primary: {
     bg: 'primary.default',
     color: 'white'
@@ -24,9 +25,9 @@ const variants = exports.variants = {
     color: 'black'
   }
 };
-const defaultProps = {};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Badge, {
-  variants,
-  baseStyle,
-  defaultProps
+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,36 +1,71 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const anchorProps = (isExternal = false) => ({
-  as: 'a',
-  type: null,
-  ...(isExternal && {
+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
+  }));
 });
-const Button = /*#__PURE__*/(0, _react.forwardRef)(({
-  asAnchor,
-  isExternal,
-  ...props
-}, ref) => /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
-  iconSpacing: 2
-}, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
-  ref: ref
-})));
-Button.propTypes = _buttonProps.default;
+Button.propTypes = _buttonProps["default"];
 Button.defaultProps = {
   variant: 'primary',
   type: 'button'
 };
-var _default = exports.default = Button;
+var _default = exports["default"] = Button;

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

@@ -4,21 +4,21 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _Button = _interopRequireDefault(require("./Button"));
-describe('Button', () => {
-  it('renders the anchor version of the button', () => {
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+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', () => {
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  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"));
-    const link = _react2.screen.getByRole('link');
+    var link = _react2.screen.getByRole('link');
     expect(link).toHaveAttribute('target', '_blank');
     expect(link).toHaveAttribute('rel', 'noopener noreferrer');
   });