@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/components/Text/combineAsWithVariant.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Text = require("./Text.styles");
-var _typography = require("../../theme/base/typography");
-// Create list of commonly used html text elements
-const asOptions = Object.freeze({
-  bold: 'b',
-  strong: 'strong',
-  italic: 'i',
-  emphasis: 'em',
-  small: 'small',
-  strikethrough: 's',
-  underline: 'u'
-});
-
-/**
- * ### `combineAsWithVariant`
- * A function that takes in the `as` value (the HTML element to render the Text component as), and the
- * `variant` value. The default-like styling for the `as` prop is merged with the styling from the
- * `variant` and a combined styleProp object is returned.
- *
- * By default the `as` property only effects the underlying semantics of the markup, whereas the
- * `variant` only effects the visual styling of the text. In order for the text component to be built
- * with accessibility and ease-of-use in mind, these two properties _should_ be interconnected. Having
- * the style and markup unified allows an experience that is accessible to those using screen-readers
- * (or any other assistive technology) that matches (or is at least a close approximation) of the
- * "standard" visual experience.
- *
- * @function combineAsWithVariant
- * @param {string} args.as - The HTML element to render the Text component as
- * @param {string} args.variant - The style variant for the Text component
- * @returns {Object} An object containing the merged styleProps from the `variant` and the `as` props
- */
-
-const combineAsWithVariant = ({
-  as,
-  variant
-}) => {
-  const variantFontSizeBase = Number(_Text.variants[`${variant}`].fontSize.base.replace('rem', ''));
-  const variantFontSizeDesktop = Number(_Text.variants[`${variant}`].fontSize.desktop.replace('rem', ''));
-  let styleProps;
-  switch (as) {
-    case asOptions.bold:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        fontWeight: _typography.fontWeights.semibold
-      };
-      break;
-    case asOptions.strong:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        fontWeight: _typography.fontWeights.semibold
-      };
-      break;
-    case asOptions.italic:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        fontStyle: 'italic'
-      };
-      break;
-    case asOptions.emphasis:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        fontStyle: 'italic'
-      };
-      break;
-    case asOptions.underline:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        textDecoration: 'underline'
-      };
-      break;
-    case asOptions.strikethrough:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        textDecoration: 'line-through'
-      };
-      break;
-    case asOptions.small:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
-        fontSize: {
-          base: `${variantFontSizeBase * 0.8}rem`,
-          desktop: `${variantFontSizeDesktop * 0.8}rem`
-        }
-      };
-      break;
-    default:
-      styleProps = {
-        ..._Text.variants[`${variant}`]
-      };
-      break;
-  }
-  return styleProps;
-};
-var _default = exports.default = combineAsWithVariant;

package/dist/components/Text/options.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const options = ['a', 'abbr', 'address', 'article', 'aside', 'b', 'bdi', 'bdo', 'blockquote', 'button', 'caption', 'cite', 'code', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'fieldset', 'figure', 'footer', 'form', 'header', 'hgroup', 'i', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'pre', 'progress', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video'];
-var _default = exports.default = options;

package/dist/components/Textarea/Textarea.js

@@ -1,44 +0,0 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@chakra-ui/react");
-var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-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 Textarea = /*#__PURE__*/(0, _react.forwardRef)(({
-  label,
-  helperText,
-  errorMessage,
-  isInvalid,
-  isDisabled,
-  isRequired,
-  isOptional,
-  customRequiredText,
-  ...props
-}, ref) => {
-  const classes = (0, _classnames.default)({
-    'FormElement-contains-error': isInvalid
-  });
-  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
-    isInvalid: isInvalid,
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    isOptional: isOptional,
-    errorMessage: errorMessage,
-    helperText: helperText,
-    label: label,
-    inputId: props.id,
-    customRequiredText: customRequiredText
-  }, /*#__PURE__*/_react.default.createElement(_react2.Textarea, (0, _extends2.default)({
-    ref: ref,
-    className: classes
-  }, props)));
-});
-var _default = exports.default = Textarea;

package/dist/components/Textarea/Textarea.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Textarea = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Textarea = _interopRequireDefault(require("./Textarea.stories"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
-  title: 'v2/Textarea',
-  component: _Textarea.default,
-  parameters: {
-    importBy: 'Textarea',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/components/textarea'
-  }
-};
-const TextareaTemplate = props => /*#__PURE__*/_react.default.createElement(_Textarea.default, (0, _extends2.default)({
-  variant: "outline",
-  maxWidth: "200px"
-}, props));
-const Textarea = exports.Textarea = TextareaTemplate.bind({});
-Textarea.argTypes = {
-  placeholder: {
-    control: {
-      type: 'text'
-    }
-  },
-  label: {
-    control: {
-      type: 'text'
-    }
-  },
-  helperText: {
-    control: {
-      type: 'text'
-    }
-  },
-  errorMessage: {
-    control: {
-      type: 'text'
-    }
-  }
-};
-Textarea.args = {
-  id: 'textarea_id',
-  placeholder: 'Placeholder text',
-  label: 'Label',
-  helperText: 'Helper text',
-  errorMessage: 'Error message',
-  isInvalid: false,
-  isDisabled: false,
-  isReadOnly: false,
-  isRequired: false,
-  isOptional: false
-};

package/dist/components/Textarea/index.js

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

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

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
-  field: {
-    _placeholder: {
-      color: 'text.secondary.light',
-      fontWeight: 'normal',
-      _disabled: {
-        color: 'text.secondary.light',
-        opacity: 1
-      }
-    }
-  }
-};
-const variants = {
-  outline: {
-    field: {
-      border: '1px solid',
-      borderColor: 'gray.200',
-      fontSize: 'base',
-      paddingLeft: 3,
-      paddingRight: 3,
-      bg: 'inherit',
-      fontWeight: 'normal',
-      boxShadow: 'none !important',
-      _placeholder: {
-        color: 'text.secondary.light',
-        fontWeight: 'normal'
-      },
-      _focus: {
-        borderColor: 'primary.default'
-      },
-      _hover: {
-        borderColor: 'gray.300'
-      },
-      _readOnly: {
-        boxShadow: 'none !important',
-        userSelect: 'all'
-      },
-      _disabled: {
-        backgroundColor: 'gray.50',
-        opacity: 1,
-        cursor: 'not-allowed'
-      },
-      _invalid: {
-        borderColor: 'error',
-        _focus: {
-          borderColor: 'error'
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Textarea, {
-  baseStyle,
-  variants
-});

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,39 +0,0 @@
-"use strict";
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _theme = _interopRequireDefault(require("../../theme"));
-var _global = require("../../theme/global");
-var _merge = _interopRequireDefault(require("lodash/merge"));
-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 ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)(({
-  theme,
-  useLegacyOverrides,
-  disableExternalFonts = false,
-  children,
-  ...props
-}, ref) => /*#__PURE__*/_react.default.createElement(_react2.ChakraProvider, (0, _extends2.default)({}, props, {
-  ref: ref,
-  theme: (0, _merge.default)(_theme.default, theme)
-}), disableExternalFonts ? null : /*#__PURE__*/_react.default.createElement(_global.Fonts, null), /*#__PURE__*/_react.default.createElement(_global.LegacyOverrides, {
-  useLegacyOverrides: useLegacyOverrides
-}), children));
-ThemeProvider.propTypes = {
-  /** If true, this will use the old `spothero-html` base styles */
-  useLegacyOverrides: _propTypes.default.bool,
-  /** If true, this will not load the `Fonts` global styles */
-  disableExternalFonts: _propTypes.default.bool,
-  /** The React node (generally your entire App) that will be provided the theme */
-  children: _propTypes.default.node,
-  /** Adds additional themeing on top of SpotHero's default configuration */
-  theme: _propTypes.default.object
-};
-var _default = exports.default = ThemeProvider;

package/dist/components/ThemeProvider/ThemeProvider.stories.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ThemeProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-const Usage = () => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "// RootComponent.jsx", /*#__PURE__*/_react.default.createElement("br", null), "...", /*#__PURE__*/_react.default.createElement("br", null), "return (", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
-    spaces: 6
-  }), "<App/>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), ");", /*#__PURE__*/_react.default.createElement("br", null), "...");
-};
-var _default = exports.default = {
-  title: 'v2/ThemeProvider',
-  component: _ThemeProvider.default,
-  parameters: {
-    removeBaseHtmlClass: true,
-    usage: [/*#__PURE__*/_react.default.createElement(Usage, {
-      key: 1
-    })]
-  }
-};
-const Template = (props, {
-  hasDarkBackground
-}) => {
-  const contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    mb: 8,
-    color: contentTextColor
-  }, "As the name implies, this is a theme context provider that all of your v2 components utilize. It is required by all apps moving to v2"), /*#__PURE__*/_react.default.createElement(_Text.default, null), /*#__PURE__*/_react.default.createElement(_Text.default, {
-    mb: 8,
-    color: contentTextColor
-  }, "ThemeProvider has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "theme"), " prop that takes a theme object. Unlike how we are both overriding and extending Chakra's default theme, this property only extends our default theme configuration."), ' ', /*#__PURE__*/_react.default.createElement(_Text.default, {
-    mb: 8,
-    color: contentTextColor
-  }, "ThemeProvider has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "useLegacyOverrides"), " prop that is a boolean. If true, the ThemeProvider will insert the typography styling from .spothero-html"), ' ', /*#__PURE__*/_react.default.createElement(_Text.default, {
-    mb: 8,
-    color: contentTextColor
-  }, "ThemeProvider also has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "disableExternalFonts"), " prop that is a boolean. If true, the ThemeProvider will not load the font files from Google's CDN, and you will be able to handle fonts on a project-level."), ' ');
-};
-const ThemeProvider = exports.ThemeProvider = Template.bind({});
-ThemeProvider.parameters = {
-  importBy: 'ThemeProvider'
-};
-ThemeProvider.argTypes = (0, _disableArgs.default)(['theme', 'children', 'useLegacyOverrides']);

package/dist/components/Toast/Toast.stories.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Toast = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Alert = _interopRequireDefault(require("../Alert/Alert"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _react2 = require("@chakra-ui/react");
-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; }
-var _default = exports.default = {
-  title: 'v2/Toast',
-  component: _Alert.default,
-  parameters: {
-    importBy: 'useToast',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/components/toast'
-  }
-};
-const Template = props => {
-  const toast = (0, _react2.useToast)();
-  const addToast = () => {
-    const toastRef = /*#__PURE__*/(0, _react.createRef)();
-    const close = () => {
-      if (toastRef.current) {
-        toast.close(toastRef.current);
-      }
-    };
-    toastRef.current = toast({
-      position: 'bottom-left',
-      duration: 5000,
-      render: () => /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({}, props, {
-        onDismissClick: close
-      }))
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
-    alignItems: "flex-start",
-    marginBottom: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Note that Toast is not actually a component in and of itself. The \"Toast\" in these examples is created by using the useToast hook provided by Chakra and then using our Alert component as the custom component that is is rendered.")), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: addToast
-  }, "Show Toast"));
-};
-const Toast = exports.Toast = Template.bind({});
-Toast.argTypes = {
-  buttonProps: {
-    table: {
-      disable: true
-    }
-  },
-  buttonText: {
-    table: {
-      disable: true
-    }
-  },
-  buttonOnBottom: {
-    table: {
-      disable: true
-    }
-  },
-  onDismissClick: {
-    table: {
-      disable: true
-    }
-  }
-};
-Toast.args = {
-  title: 'Default Title',
-  description: 'This is a basic description',
-  status: 'neutral',
-  showDismiss: true,
-  showIcon: true
-};

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,59 +0,0 @@
-"use strict";
-
-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 _react = require("@chakra-ui/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-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; }
-/**
- * @example (
- * <ToggleButtonGroup onChange={handleChangeValue} value={value}>
- *  <Button value={value1}>label1</Button>
- *  <Button value={value2}>label2</Button>
- * </ToggleButtonGroup>
- * )
- * @note
- * must have multiple child elements
- */
-const ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)((props, ref) => {
-  const {
-    onChange,
-    value,
-    children,
-    groupProps
-  } = props;
-  if (!children) throw new Error('Children required');
-
-  // iterate over array of child nodes to apply extended props
-  return /*#__PURE__*/_react2.default.createElement(_react.ButtonGroup, (0, _extends2.default)({
-    ref: ref,
-    sx: {
-      ..._styles.buttonGroupStyles
-    }
-  }, groupProps), _react2.default.Children.map(children, CHILD => {
-    return /*#__PURE__*/_react2.default.cloneElement(CHILD, {
-      onClick: () => {
-        if (value === CHILD?.props?.value) return;
-        onChange(CHILD?.props?.value);
-      },
-      ...(value !== CHILD?.props?.value ? {
-        sx: {
-          ..._styles.defaultStyles,
-          ..._styles.inactiveStyles
-        }
-      } : {
-        sx: {
-          ..._styles.defaultStyles,
-          ..._styles.activeStyles
-        }
-      })
-    });
-  }));
-});
-var _default = exports.default = ToggleButtonGroup;

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToggleButtonGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _Button = require("../Button");
-var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup"));
-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; }
-var _default = exports.default = {
-  title: 'v2/ToggleButtonGroup',
-  displayName: 'ToggleButtonGroup',
-  component: _ToggleButtonGroup.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-/*
-    Storybook's background is white so the ToggleButtonGroup is hard to see.
-    The ToggleButtonGroup is typically displayed against a light green background.
-*/
-const Template = props => {
-  const [toggleValue, setToggleValue] = (0, _react.useState)("multiple");
-  const onChange = value => {
-    setToggleValue(value);
-  };
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    backgroundColor: "green.50",
-    padding: 8
-  }, /*#__PURE__*/_react.default.createElement(_ToggleButtonGroup.default, (0, _extends2.default)({}, props, {
-    value: toggleValue,
-    onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    key: "single",
-    value: "single",
-    fontSize: "xs"
-  }, "Single Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    key: "multiple",
-    value: "multiple",
-    fontSize: "xs"
-  }, "Multiple Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    key: "blah",
-    value: "blah",
-    fontSize: "xs"
-  }, "Blah Bookings")));
-};
-const ToggleButtonGroup = exports.ToggleButtonGroup = Template.bind({});
-ToggleButtonGroup.args = {};

package/dist/components/ToggleButtonGroup/index.js

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

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

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inactiveStyles = exports.defaultStyles = exports.buttonGroupStyles = exports.activeStyles = void 0;
-const defaultStyles = exports.defaultStyles = {
-  border: 0,
-  borderRadius: '4px',
-  fontWeight: 'normal',
-  paddingX: 4,
-  paddingY: 1,
-  _hover: {
-    boxShadow: '0 0 0 2px rgba(158, 202, 237, 1)'
-  },
-  _focus: {
-    boxShadow: '0 0 0 2px rgba(158, 202, 237, 1)'
-  }
-};
-const inactiveStyles = exports.inactiveStyles = {
-  color: 'black',
-  borderColor: 'gray.100',
-  bg: 'gray.100',
-  _hover: {
-    bg: 'gray.100'
-  },
-  _active: {
-    bg: 'gray.100'
-  }
-};
-const activeStyles = exports.activeStyles = {
-  color: 'black',
-  fontWeight: 'semibold',
-  boxShadow: 'sm',
-  bg: 'white',
-  _hover: {
-    bg: 'white'
-  },
-  _active: {
-    bg: 'white'
-  }
-};
-const buttonGroupStyles = exports.buttonGroupStyles = {
-  borderRadius: '4px',
-  backgroundColor: 'gray.100',
-  padding: 1
-};