@spothero/ui 23.1.0 → 24.0.0

package/dist/components/CreatableSelect/CreatableSelect.js

@@ -1,148 +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"] = exports.CreatableSelectNode = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-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"));
-var _excluded = ["id", "label", "isInvalid", "isLoading", "isRequired", "options", "placeholder", "errorMessage", "helperText", "innerRef"],
-  _excluded2 = ["id", "label", "isInvalid", "isLoading", "isRequired", "options", "placeholder", "errorMessage", "helperText"];
-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 DropdownIndicator = function DropdownIndicator(props) {
-  var _useTheme = (0, _react2.useTheme)(),
-    sizes = _useTheme.sizes;
-  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
-var CreatableSelectNode = exports.CreatableSelectNode = function CreatableSelectNode(_ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    _ref$isInvalid = _ref.isInvalid,
-    isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    isRequired = _ref.isRequired,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    errorMessage = _ref.errorMessage,
-    helperText = _ref.helperText,
-    innerRef = _ref.innerRef,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useTheme2 = (0, _react2.useTheme)(),
-    colors = _useTheme2.colors,
-    fontSizes = _useTheme2.fontSizes;
-  if (innerRef) {
-    props.ref = innerRef;
-  }
-  var customStyles = {
-    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']
-        }
-      });
-    },
-    placeholder: function placeholder(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        fontSize: fontSizes.sm,
-        color: colors.gray['200']
-      });
-    },
-    dropdownIndicator: function dropdownIndicator(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        color: colors.brandBlue,
-        '&:hover': {
-          color: colors.brandBlue
-        }
-      });
-    },
-    indicatorSeparator: function indicatorSeparator(provided) {
-      return _objectSpread(_objectSpread({}, 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: DropdownIndicator
-    },
-    styles: customStyles,
-    options: options,
-    placeholder: placeholder,
-    isLoading: isLoading
-  }, props)));
-};
-var CreatableSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var id = props.id,
-    label = props.label,
-    _props$isInvalid = props.isInvalid,
-    isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-    _props$isLoading = props.isLoading,
-    isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
-    isRequired = props.isRequired,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    errorMessage = props.errorMessage,
-    helperText = props.helperText,
-    additionalProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
-  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)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(CreatableSelectNode, (0, _extends2["default"])({
-    ref: ref
-  }, props));
-});

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

@@ -1,69 +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["default"] = exports.CreatableSelect = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _createControl = require("storybook/utils/create-control");
-var _CreatableSelect = require("./CreatableSelect");
-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 _default = exports["default"] = {
-  title: 'v2/CreatableSelect',
-  component: _CreatableSelect.CreatableSelectNode,
-  parameters: {
-    removeBaseHtmlClass: true
-  },
-  argTypes: _objectSpread({}, (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'
-  }
-};
-var CreatableSelectTemplate = function CreatableSelectTemplate(props) {
-  return /*#__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: function formatCreateLabel(other) {
-      return "Say \"".concat(other, "\"");
-    }
-  }, props));
-};
-var CreatableSelect = exports.CreatableSelect = (0, _bind["default"])(CreatableSelectTemplate).call(CreatableSelectTemplate, {});

package/dist/components/CreatableSelect/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, "CreatableSelect", {
-  enumerable: true,
-  get: function get() {
-    return _CreatableSelect["default"];
-  }
-});
-var _CreatableSelect = _interopRequireDefault(require("./CreatableSelect"));

package/dist/components/Divider/Divider.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-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 _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _Divider = require("./Divider.styles");
-var _excluded = ["variant", "colorScheme"];
-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; }
-var Divider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var variant = _ref.variant,
-    borderColor = _ref.colorScheme,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.Divider, (0, _extends2["default"])({}, _Divider.colorScheme[borderColor], {
-    variant: variant
-  }, props, {
-    ref: ref
-  }));
-});
-Divider.defaultProps = {
-  variant: 'solid',
-  colorScheme: 'medium'
-};
-var _default = exports["default"] = Divider;

package/dist/components/Divider/Divider.stories.js

@@ -1,40 +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.Divider = void 0;
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _Divider = require("./Divider.styles");
-var _Divider2 = _interopRequireDefault(require("./Divider"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports["default"] = {
-  title: 'v2/Divider',
-  component: _Divider2["default"],
-  argTypes: {
-    colorScheme: {
-      control: {
-        type: 'select',
-        options: (0, _keys["default"])(_Divider.colorScheme)
-      }
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: ['solid', 'dashed']
-      }
-    }
-  }
-};
-var Template = function Template(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Over HowdyHowdyHowdy"), /*#__PURE__*/_react["default"].createElement(_Divider2["default"], props), /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Under HowdyHowdyHowdy"));
-};
-var Divider = exports.Divider = (0, _bind["default"])(Template).call(Template, {});
-Divider.args = {
-  variant: 'solid',
-  colorScheme: 'medium'
-};

package/dist/components/Divider/Divider.styles.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
-});
-exports["default"] = exports.colorScheme = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var colorScheme = exports.colorScheme = {
-  low: {
-    borderColor: 'gray.100'
-  },
-  medium: {
-    borderColor: 'gray.200'
-  }
-};
-var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Divider, {
-  colorScheme: colorScheme
-});

package/dist/components/Drawer/Drawer.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-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 _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _excluded = ["header", "children"];
-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; }
-var Drawer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var header = _ref.header,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.Drawer, (0, _extends2["default"])({
-    placement: "right"
-  }, props, {
-    ref: ref
-  }), /*#__PURE__*/_react["default"].createElement(_react2.DrawerOverlay, null), /*#__PURE__*/_react["default"].createElement(_react2.DrawerContent, null, /*#__PURE__*/_react["default"].createElement(_react2.DrawerHeader, null, header, /*#__PURE__*/_react["default"].createElement(_react2.DrawerCloseButton, null)), children));
-});
-var _default = exports["default"] = Drawer;

package/dist/components/Drawer/Drawer.stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Drawer = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _Button = require("../Button");
-var _index = require("./index");
-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; }
-var _default = exports["default"] = {
-  title: 'v2/Drawer',
-  component: _index.Drawer,
-  subcomponents: {
-    DrawerHeader: _index.DrawerHeader,
-    DrawerBody: _index.DrawerBody,
-    DrawerFooter: _index.DrawerFooter
-  },
-  parameters: {
-    importBy: 'Drawer',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/components/drawer'
-  }
-};
-var Drawer = exports.Drawer = function Drawer(props) {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var toggleDrawer = function toggleDrawer() {
-    return setIsOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: toggleDrawer
-  }, "Open"), /*#__PURE__*/_react["default"].createElement(_index.Drawer, {
-    isOpen: isOpen,
-    onClose: toggleDrawer,
-    header: " Sample Drawer Header"
-  }, /*#__PURE__*/_react["default"].createElement(_index.DrawerBody, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, "Sample Drawer Body")), /*#__PURE__*/_react["default"].createElement(_index.DrawerFooter, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, "Sample Drawer Footer"))));
-};

package/dist/components/Drawer/index.js

@@ -1,57 +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, "Drawer", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer["default"];
-  }
-});
-_Object$defineProperty(exports, "DrawerBody", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerBody;
-  }
-});
-_Object$defineProperty(exports, "DrawerCloseButton", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerCloseButton;
-  }
-});
-_Object$defineProperty(exports, "DrawerContainer", {
-  enumerable: true,
-  get: function get() {
-    return _react.Drawer;
-  }
-});
-_Object$defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerContent;
-  }
-});
-_Object$defineProperty(exports, "DrawerFooter", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerFooter;
-  }
-});
-_Object$defineProperty(exports, "DrawerHeader", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerHeader;
-  }
-});
-_Object$defineProperty(exports, "DrawerOverlay", {
-  enumerable: true,
-  get: function get() {
-    return _react.DrawerOverlay;
-  }
-});
-var _react = require("@chakra-ui/react");
-var _Drawer = _interopRequireDefault(require("./Drawer"));

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

@@ -1,108 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _excluded = ["hasFooter"];
-var body = function body(_ref) {
-  var hasFooter = _ref.hasFooter,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return {
-    overflowY: 'auto',
-    padding: 6,
-    paddingBottom: hasFooter ? 24 : 6
-  };
-};
-var footer = function footer(props) {
-  return {
-    padding: 6,
-    backgroundColor: 'white',
-    position: 'absolute',
-    bottom: 0,
-    width: '100%'
-  };
-};
-var header = function header(props) {
-  return {
-    paddingY: 3,
-    paddingX: 6,
-    borderBottom: '1px solid',
-    borderBottomColor: 'gray.100',
-    display: 'flex',
-    gridGap: 2,
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    fontWeight: 'semibold'
-  };
-};
-var closeButton = function closeButton(props) {
-  return {
-    width: 8,
-    height: 8,
-    fontSize: 'xs',
-    background: 'transparent',
-    borderRadius: 'md',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 0,
-    transitionProperty: 'common',
-    transitionDuration: 'normal',
-    outline: 'transparent solid 2px',
-    outlineOffset: '2px',
-    color: 'gray.600',
-    _hover: {
-      color: 'black',
-      background: 'gray.100'
-    },
-    _focus: {
-      outlineColor: 'primary.default'
-    }
-  };
-};
-var dialogContainer = function dialogContainer(props) {
-  return {
-    zIndex: 'layer2',
-    backgroundColor: 'transparent'
-  };
-};
-var dialog = function dialog(props) {
-  return {
-    backgroundColor: 'white',
-    boxShadow: 'drawer'
-  };
-};
-var baseStyle = function baseStyle(props) {
-  return {
-    body: body(props),
-    footer: footer(props),
-    header: header(props),
-    dialog: dialog(props),
-    closeButton: closeButton(props),
-    dialogContainer: dialogContainer(props)
-  };
-};
-var defaultProps = {
-  size: 'xs'
-};
-var sizes = {
-  xs: {
-    dialog: {
-      maxWidth: {
-        base: '100vw',
-        mobileXL: 80
-      }
-    }
-  }
-};
-var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Drawer, {
-  defaultProps: defaultProps,
-  baseStyle: baseStyle,
-  sizes: sizes
-});

package/dist/components/FormControl/FormControl.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-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 _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react2 = require("@chakra-ui/react");
-var _excluded = ["children", "label", "inputId", "helperText", "errorMessage", "isFieldset", "isOptional", "customRequiredText"];
-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; }
-var FormControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    label = _ref.label,
-    inputId = _ref.inputId,
-    helperText = _ref.helperText,
-    errorMessage = _ref.errorMessage,
-    isFieldset = _ref.isFieldset,
-    isOptional = _ref.isOptional,
-    customRequiredText = _ref.customRequiredText,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.FormControl, (0, _extends2["default"])({}, props, {
-    ref: ref,
-    as: isFieldset ? 'fieldset' : 'div',
-    borderWidth: "0"
-  }), label && /*#__PURE__*/_react["default"].createElement(_react2.FormLabel, {
-    color: "gray.600",
-    fontWeight: "semibold",
-    marginBottom: helperText ? 0 : 1,
-    fontSize: "sm",
-    htmlFor: inputId,
-    as: isFieldset ? 'legend' : 'label',
-    requiredIndicator: props !== null && props !== void 0 && props.isRequired && customRequiredText ? /*#__PURE__*/_react["default"].createElement(_react2.Text, {
-      marginLeft: 1,
-      as: "span",
-      variant: "caption",
-      color: "text.secondary.light"
-    }, customRequiredText) : null,
-    optionalIndicator: isOptional && !(props !== null && props !== void 0 && props.isRequired) ? /*#__PURE__*/_react["default"].createElement(_react2.Text, {
-      marginLeft: 1,
-      as: "span",
-      variant: "caption",
-      color: "text.secondary.light"
-    }, "Optional") : null
-  }, label), helperText && /*#__PURE__*/_react["default"].createElement(_react2.FormHelperText, {
-    color: "gray.600",
-    marginBottom: 1,
-    fontSize: "xs"
-  }, helperText), children, /*#__PURE__*/_react["default"].createElement(_react2.FormErrorMessage, {
-    color: "error",
-    mt: 1,
-    fontSize: "xs"
-  }, errorMessage));
-});
-FormControl.propTypes = {
-  inputId: _propTypes["default"].string.isRequired,
-  label: _propTypes["default"].string,
-  helperText: _propTypes["default"].string,
-  errorMessage: _propTypes["default"].string,
-  children: _propTypes["default"].element,
-  isFieldset: _propTypes["default"].bool,
-  isOptional: _propTypes["default"].bool,
-  isRequired: _propTypes["default"].bool,
-  customRequiredText: _propTypes["default"].string
-};
-var _default = exports["default"] = FormControl;