@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/components/Button/stories/index.stories.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tertiary = exports.Secondary = exports.Primary = exports.Overview = exports.Destructive = void 0;
-var _button = _interopRequireDefault(require("./button"));
-var _overview = _interopRequireDefault(require("./overview"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _createControl = require("storybook/utils/create-control");
-var _default = exports.default = {
-  title: 'v2/Button',
-  component: {
-    Button: _Button.default
-  },
-  parameters: {
-    importBy: 'Button',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/form/button'
-  },
-  argTypes: {
-    ...(0, _disableArgs.default)('children'),
-    onClick: {
-      action: 'clicked'
-    }
-  }
-};
-const Overview = exports.Overview = _overview.default.bind({});
-const Primary = exports.Primary = _button.default.bind({});
-Primary.argTypes = {
-  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
-  ...(0, _disableArgs.default)('variant'),
-  onClick: {
-    action: 'clicked'
-  }
-};
-Primary.args = {
-  children: 'Primary',
-  variant: 'primary',
-  isDisabled: false,
-  isLoading: false,
-  loadingText: 'Loading',
-  isFullWidth: false
-};
-const Secondary = exports.Secondary = _button.default.bind({});
-Secondary.argTypes = {
-  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
-  ...(0, _disableArgs.default)('variant'),
-  onClick: {
-    action: 'clicked'
-  }
-};
-Secondary.args = {
-  children: 'Secondary',
-  variant: 'secondary',
-  isDisabled: false,
-  isLoading: false,
-  loadingText: 'Loading',
-  isFullWidth: false
-};
-const Tertiary = exports.Tertiary = _button.default.bind({});
-Tertiary.argTypes = {
-  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
-  ...(0, _disableArgs.default)('variant'),
-  onClick: {
-    action: 'clicked'
-  }
-};
-Tertiary.args = {
-  children: 'tertiary',
-  variant: 'tertiary',
-  isDisabled: false,
-  isLoading: false,
-  loadingText: 'Loading',
-  isFullWidth: false
-};
-const Destructive = exports.Destructive = _button.default.bind({});
-Destructive.argTypes = {
-  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
-  ...(0, _disableArgs.default)('variant'),
-  onClick: {
-    action: 'clicked'
-  }
-};
-Destructive.args = {
-  children: 'destructive',
-  variant: 'destructive',
-  isDisabled: false,
-  isLoading: false,
-  loadingText: 'Loading',
-  isFullWidth: false
-};

package/dist/components/Button/stories/overview.js

@@ -1,63 +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 = _interopRequireDefault(require("react"));
-var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
-var _react2 = require("@chakra-ui/react");
-var _checkmark = _interopRequireDefault(require("@spothero/icons/checkmark"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Button2 = require("../Button.styles");
-var _Text = _interopRequireDefault(require("../../Text/Text"));
-const variationsArray = ({
-  baseVariantName,
-  hasDarkBackground
-}) => {
-  const variant = `${baseVariantName}${hasDarkBackground ? 'OnDark' : ''}`;
-  return [{
-    variant,
-    children: variant
-  }, {
-    variant,
-    children: `${variant} isDisabled`,
-    isDisabled: true
-  }, {
-    variant,
-    children: `${variant} isLoading`,
-    isLoading: true,
-    loadingText: 'loading (optional)'
-  }, {
-    variant,
-    children: `leftIcon`,
-    leftIcon: /*#__PURE__*/_react.default.createElement(_checkmark.default, {
-      width: "1rem"
-    })
-  }, {
-    variant,
-    children: `${variant} asAnchor`,
-    asAnchor: true,
-    href: '#'
-  }];
-};
-const OverviewTemplate = (args, {
-  hasDarkBackground
-}) => /*#__PURE__*/_react.default.createElement(_react2.Box, null, Object.keys(_Button2.variants).filter(name => !/ondark/i.test(name)).map((baseVariantName, index) => /*#__PURE__*/_react.default.createElement(_react2.Box, {
-  key: index,
-  mb: 4
-}, /*#__PURE__*/_react.default.createElement(_Text.default, {
-  mb: "2",
-  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-}, (0, _capitalize.default)(baseVariantName), ":"), /*#__PURE__*/_react.default.createElement(_react2.Box, null, variationsArray({
-  baseVariantName,
-  hasDarkBackground
-}).map((props, key) => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-  key: key
-}, props, {
-  mr: 4,
-  mb: 4
-})))))));
-var _default = exports.default = OverviewTemplate;

package/dist/components/Card/Card.js

@@ -1,22 +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 _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; }
-const Card = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _extends2.default)({
-  position: "relative",
-  padding: 4,
-  bgColor: "background.white",
-  borderRadius: "lg",
-  boxShadow: "md"
-}, props, {
-  ref: ref
-})));
-var _default = exports.default = Card;

package/dist/components/Card/Card.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Card = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _Card = _interopRequireDefault(require("./Card"));
-var _default = exports.default = {
-  title: 'v2/Card',
-  component: _Card.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-/*
-    Storybook's background is white so the Card is hard to see.
-    The Card is typically displayed against a light gray background.
-*/
-const Template = props => /*#__PURE__*/_react.default.createElement(_react2.Box, {
-  backgroundColor: "gray.light",
-  padding: 8
-}, /*#__PURE__*/_react.default.createElement(_Card.default, props));
-const Card = exports.Card = Template.bind({});
-Card.args = {
-  children: 'Bonbon lollipop tiramisu cupcake bear claw cupcake. Icing candy canes cookie caramels wafer tootsie roll soufflé halvah. Ice cream tart gummies apple pie chocolate bar. Pastry gummies macaroon fruitcake donut sweet caramels candy. Oat cake marshmallow biscuit carrot cake fruitcake brownie pastry liquorice liquorice. Topping sweet gingerbread. Chupa chups caramels brownie. Icing jujubes chupa chups cookie. Carrot cake gummi bears powder apple pie donut pudding macaroon. Icing jelly cupcake powder jelly croissant pastry. Powder jelly fruitcake gummies sweet tootsie roll candy. Icing cheesecake toffee tart pastry lemon drops lemon drops bonbon wafer. Cheesecake ice cream wafer apple pie candy canes croissant. Sweet croissant pudding carrot cake oat cake chupa chups. Gingerbread lemon drops biscuit oat cake carrot cake. Chocolate cake jelly-o cake cake candy lollipop.'
-};

package/dist/components/Checkbox/Checkbox.js

@@ -1,38 +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 _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; }
-const Checkbox = /*#__PURE__*/(0, _react.forwardRef)(({
-  defaultChecked,
-  isChecked,
-  isDisabled,
-  value,
-  helperText,
-  children,
-  size = 'md',
-  ...props
-}, ref) => {
-  const helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
-  return /*#__PURE__*/_react.default.createElement(_react2.Checkbox, (0, _extends2.default)({
-    ref: ref,
-    defaultChecked: defaultChecked,
-    isChecked: isChecked,
-    isDisabled: isDisabled,
-    isFocusable: !isDisabled,
-    value: value,
-    alignItems: "start",
-    size: size
-  }, props), children, helperText && /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    color: "gray.600",
-    fontSize: helperTextSize
-  }, helperText));
-});
-var _default = exports.default = Checkbox;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Checkbox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-var _default = exports.default = {
-  title: 'v2/Checkbox',
-  component: _Checkbox.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-const CheckboxTemplate = props => /*#__PURE__*/_react.default.createElement(_Checkbox.default, props);
-const Checkbox = exports.Checkbox = CheckboxTemplate.bind({});
-Checkbox.argTypes = {
-  size: {
-    options: ['sm', 'md', 'lg'],
-    control: {
-      type: 'select'
-    }
-  },
-  helperText: {
-    control: {
-      type: 'text'
-    }
-  },
-  isDisabled: {
-    control: {
-      type: 'boolean'
-    }
-  },
-  isChecked: {
-    control: {
-      type: 'boolean'
-    }
-  },
-  children: {
-    table: {
-      disable: true
-    }
-  },
-  defaultChecked: {
-    table: {
-      disable: true
-    }
-  },
-  value: {
-    table: {
-      disable: true
-    }
-  }
-};
-Checkbox.args = {
-  defaultChecked: true,
-  isChecked: true,
-  isDisabled: false,
-  isIndeterminate: false,
-  size: 'md',
-  children: 'R U Cool',
-  helperText: 'Helper text'
-};

package/dist/components/Checkbox/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 _Checkbox.default;
-  }
-});
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));

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

@@ -1,89 +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 = {
-  container: {
-    _disabled: {
-      cursor: 'not-allowed'
-    }
-  },
-  control: {
-    borderWidth: 1,
-    borderStyle: 'solid',
-    borderImage: 'initial',
-    borderRadius: 'sm',
-    borderColor: 'gray.600',
-    transition: 'all 150ms ease',
-    marginTop: 1.5,
-    _readOnly: {
-      boxShadow: 'none !important',
-      userSelect: 'all'
-    },
-    _disabled: {
-      cursor: 'not-allowed',
-      userSelect: 'none',
-      borderColor: 'gray.200'
-    },
-    _focus: {
-      zIndex: 1,
-      boxShadow: 'outline'
-    },
-    _checked: {
-      borderColor: 'primary.default',
-      backgroundColor: 'primary.default',
-      _hover: {
-        borderColor: 'primary.600',
-        backgroundColor: 'primary.600'
-      },
-      _disabled: {
-        borderColor: 'gray.200',
-        backgroundColor: 'gray.200'
-      }
-    },
-    '& svg': {
-      filter: `drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25))`
-    }
-  },
-  label: {
-    _disabled: {
-      color: 'gray.200',
-      cursor: 'not-allowed'
-    }
-  },
-  icon: {
-    color: 'white'
-  }
-};
-const sizes = {
-  sm: {
-    control: {
-      marginTop: '0.3125rem'
-    }
-  },
-  md: {
-    control: {
-      marginTop: 1
-    },
-    label: {
-      fontSize: 'base'
-    }
-  },
-  lg: {
-    control: {
-      marginTop: 1
-    },
-    label: {
-      fontSize: 'md'
-    }
-  }
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Checkbox, {
-  baseStyle,
-  sizes
-});

package/dist/components/Container/Container.js

@@ -1,17 +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 _react2 = require("@chakra-ui/react");
-var _Container = _interopRequireDefault(require("./Container.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; }
-const Container = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Container, (0, _extends2.default)({}, _Container.default, props, {
-  ref: ref
-})));
-var _default = exports.default = Container;

package/dist/components/Container/Container.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Container = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Container = _interopRequireDefault(require("./Container"));
-var _react2 = require("@chakra-ui/react");
-var _createControl = require("storybook/utils/create-control");
-var _getAllColors = require("storybook/utils/get-all-colors");
-var _getAllSizes = require("storybook/utils/get-all-sizes");
-var _Container2 = _interopRequireDefault(require("./Container.styles"));
-var _default = exports.default = {
-  title: 'v2/Container',
-  component: _Container.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-const ContainerTemplate = props => {
-  const {
-    remToPixels
-  } = (0, _react2.useTheme)();
-  const breakpoint = (0, _react2.useBreakpointValue)(_Container2.default.maxW);
-  const size = (0, _react2.useToken)('sizes', breakpoint);
-  const isMobile = breakpoint?.includes('base');
-  const headingText = size ? `Container: ${size}${isMobile ? '' : ` - ${remToPixels(size)}px`}` : '';
-  return /*#__PURE__*/_react.default.createElement(_Container.default, props, headingText);
-};
-const Container = exports.Container = ContainerTemplate.bind({});
-Container.argTypes = {
-  ...(0, _createControl.createSelectControl)('color', _getAllColors.getAllColors),
-  ...(0, _createControl.createSelectControl)('bg', _getAllColors.getAllColors),
-  ...(0, _createControl.createSelectControl)('h', _getAllSizes.getAllSizes)
-};
-Container.args = {
-  color: 'white',
-  bg: 'secondary.default',
-  h: '20',
-  centerContent: true
-};

package/dist/components/Container/Container.styles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const styles = {
-  px: 4,
-  mx: 'auto',
-  maxW: {
-    base: 'container.base',
-    tablet: 'container.tablet',
-    desktop: 'container.desktop'
-  }
-};
-var _default = exports.default = styles;

package/dist/components/CreatableSelect/CreatableSelect.js

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CreatableSelectNode = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _creatable = _interopRequireDefault(require("react-select/creatable"));
-var _reactSelect = require("react-select");
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
-var _react2 = require("@chakra-ui/react");
-var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-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 DropdownIndicator = props => {
-  const {
-    sizes
-  } = (0, _react2.useTheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: "CreatableSelect-dropdown-icon",
-    as: _chevronDown.default,
-    boxSize: sizes['2.5']
-  }));
-};
-
-// Exporting without forwardRef for storybook to work
-const CreatableSelectNode = ({
-  id,
-  label,
-  isInvalid = false,
-  isLoading = false,
-  isRequired,
-  options = [],
-  placeholder = '',
-  errorMessage,
-  helperText,
-  innerRef,
-  ...props
-}) => {
-  const {
-    colors,
-    fontSizes
-  } = (0, _react2.useTheme)();
-  if (innerRef) {
-    props.ref = innerRef;
-  }
-  const customStyles = {
-    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']
-      }
-    }),
-    placeholder: provided => ({
-      ...provided,
-      fontSize: fontSizes.sm,
-      color: colors.gray['200']
-    }),
-    dropdownIndicator: provided => ({
-      ...provided,
-      color: colors.brandBlue,
-      '&:hover': {
-        color: colors.brandBlue
-      }
-    }),
-    indicatorSeparator: provided => ({
-      ...provided,
-      display: 'none'
-    })
-  };
-  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
-    errorMessage: errorMessage,
-    isRequired: isRequired,
-    isInvalid: isInvalid,
-    helperText: helperText,
-    label: label,
-    inputId: id
-  }, /*#__PURE__*/_react.default.createElement(_creatable.default, (0, _extends2.default)({
-    id: id,
-    components: {
-      DropdownIndicator
-    },
-    styles: customStyles,
-    options: options,
-    placeholder: placeholder,
-    isLoading: isLoading
-  }, props)));
-};
-exports.CreatableSelectNode = CreatableSelectNode;
-const CreatableSelect = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    id,
-    label,
-    isInvalid = false,
-    isLoading = false,
-    isRequired,
-    options = [],
-    placeholder = '',
-    errorMessage,
-    helperText,
-    ...additionalProps
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(CreatableSelectNode, (0, _extends2.default)({
-    id: id,
-    innerRef: ref,
-    label: label,
-    options: options,
-    placeholder: placeholder,
-    helperText: helperText,
-    errorMessage: errorMessage,
-    isLoading: isLoading,
-    isInvalid: isInvalid,
-    isRequired: isRequired
-  }, additionalProps));
-});
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(CreatableSelectNode, (0, _extends2.default)({
-  ref: ref
-}, props)));

package/dist/components/CreatableSelect/CreatableSelect.stories.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CreatableSelect = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _createControl = require("storybook/utils/create-control");
-var _CreatableSelect = require("./CreatableSelect");
-var _default = exports.default = {
-  title: 'v2/CreatableSelect',
-  component: _CreatableSelect.CreatableSelectNode,
-  parameters: {
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    ...(0, _createControl.createSelectControl)('createOptionPosition', ['first', 'last'])
-  },
-  args: {
-    label: 'Say Something',
-    isClearable: true,
-    placeholder: 'Please Say Anything or Select Something to Say...',
-    createOptionPosition: 'first',
-    isLoading: false,
-    isInvalid: false,
-    isRequired: false,
-    helperText: '',
-    errorMessage: 'Oh no'
-  }
-};
-const CreatableSelectTemplate = props => /*#__PURE__*/_react.default.createElement(_CreatableSelect.CreatableSelectNode, (0, _extends2.default)({
-  id: "say-something-select",
-  allowCreateWhileLoading: true,
-  createOptionPosition: "first",
-  options: [{
-    value: "",
-    label: "Say Nothing"
-  }, {
-    value: "hello",
-    label: "Hello"
-  }, {
-    value: "goodbye",
-    label: "Goodbye"
-  }, {
-    value: "cool",
-    label: "Cool"
-  }, {
-    value: "raisins",
-    label: "What is your opinion on raisins?"
-  }],
-  formatCreateLabel: other => `Say "${other}"`
-}, props));
-const CreatableSelect = exports.CreatableSelect = CreatableSelectTemplate.bind({});