@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/components/Heading/Heading.styles.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variants = exports.default = void 0;
-var _typography = require("../../theme/base/typography");
-const baseStyle = {
-  lineHeight: 1.5,
-  fontWeight: _typography.fontWeights.semibold
-};
-const variants = exports.variants = {
-  h1: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes['2xl'],
-      desktop: _typography.fontSizes['3xl']
-    }
-  },
-  h2: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes.xl,
-      desktop: _typography.fontSizes['2xl']
-    }
-  },
-  h3: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes.lg,
-      desktop: _typography.fontSizes.xl
-    }
-  },
-  h4: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes.base,
-      desktop: _typography.fontSizes.lg
-    }
-  },
-  h5: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes.base,
-      desktop: _typography.fontSizes.base
-    }
-  },
-  h6: {
-    ...baseStyle,
-    fontSize: {
-      base: _typography.fontSizes.sm,
-      desktop: _typography.fontSizes.sm
-    }
-  }
-};
-const defaultProps = {
-  variant: variants.h2
-};
-var _default = exports.default = {
-  variants,
-  baseStyle,
-  defaultProps
-};

package/dist/components/Icon/Icon.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _react.Icon;
-  }
-});
-var _react = require("@chakra-ui/react");

package/dist/components/Icon/Icon.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Icon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@spothero/icons");
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _default = exports.default = {
-  title: 'v2/Icon',
-  component: _Icon.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.HeroCar,
-  color: "primary.default",
-  height: "24",
-  width: "24"
-}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.S4BLogo,
-  color: "gray.dark",
-  height: "24",
-  width: "24",
-  paddingLeft: "16"
-}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.CheckmarkShieldFilled,
-  color: "green.default",
-  height: "24",
-  width: "24",
-  paddingLeft: "16"
-}));
-const Icon = exports.Icon = Template.bind({});

package/dist/components/Image/Image.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _template = _interopRequireDefault(require("lodash/template"));
-var _environment = _interopRequireDefault(require("@spothero/utils/environment"));
-const buildCloudinarySrc = ({
-  cloudinaryImageId,
-  cloudinaryTemplate,
-  cloudinaryCloudName,
-  htmlWidth,
-  htmlHeight,
-  quality
-}) => {
-  const defaultTemplate = `https://res.cloudinary.com/${cloudinaryCloudName}/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,fl_progressive,dpr_${_environment.default.isHighDensityDisplay() ? 2 : 1},h_$h,q_$q,w_$w/${cloudinaryImageId}`;
-  const tmpl = cloudinaryTemplate ? cloudinaryTemplate : defaultTemplate;
-  return (0, _template.default)(tmpl, {
-    interpolate: /{{([\s\S]+?)}}/g // matches template vars in the format '{{ var }}' or '{{var}}'
-  })({
-    WIDTH: htmlWidth,
-    HEIGHT: htmlHeight,
-    QUALITY: quality
-  });
-};
-const Image = ({
-  isSSR,
-  cloudinaryImageId,
-  cloudinaryTemplate,
-  cloudinaryCloudName,
-  htmlWidth,
-  htmlHeight,
-  quality,
-  lazyLoad,
-  ...otherProps
-}) => {
-  const hasValidCloudinarySrc = (cloudinaryImageId || cloudinaryTemplate) && Boolean(htmlWidth) && Boolean(htmlHeight);
-  let cloudinarySrc;
-  if (hasValidCloudinarySrc) {
-    cloudinarySrc = buildCloudinarySrc({
-      cloudinaryImageId,
-      cloudinaryTemplate,
-      cloudinaryCloudName,
-      htmlWidth,
-      htmlHeight,
-      quality
-    });
-  }
-  const imageProps = {
-    ...otherProps,
-    src: cloudinarySrc || otherProps.src,
-    htmlWidth,
-    htmlHeight,
-    ...(lazyLoad && {
-      loading: 'lazy'
-    })
-  };
-  if (isSSR) {
-    return /*#__PURE__*/_react.default.createElement(_react2.Img, imageProps);
-  } else {
-    return /*#__PURE__*/_react.default.createElement(_react2.Image, imageProps);
-  }
-};
-Image.defaultProps = {
-  isSSR: false,
-  quality: 50,
-  cloudinaryCloudName: 'spothero'
-};
-var _default = exports.default = Image;

package/dist/components/Image/Image.spec.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Image = _interopRequireDefault(require("./Image"));
-const defaultSrc = 'http://placehold.it/350x200';
-const render = props => {
-  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Image.default, props));
-};
-describe('Image', () => {
-  describe('basic behavior', () => {
-    it('displays an image', () => {
-      render({
-        src: defaultSrc,
-        alt: 'An image'
-      });
-      (0, _react2.waitFor)(() => {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('src', defaultSrc);
-      });
-    });
-    it('displays an image (SSR)', () => {
-      render({
-        src: defaultSrc,
-        alt: 'An image',
-        isSSR: true
-      });
-      expect(_react2.screen.getByRole('img')).toHaveAttribute('src', defaultSrc);
-    });
-  });
-  describe('Cloudinary properties', () => {
-    it('correctly sets image src when a Cloudinary image template is passed in', () => {
-      render({
-        cloudinaryTemplate: 'https://res.cloudinary.com/spothero/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google',
-        htmlWidth: 250,
-        htmlHeight: 500,
-        quality: 75,
-        alt: 'An image'
-      });
-      (0, _react2.waitFor)(() => {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('src', 'https://res.cloudinary.com/spothero/image/upload/$w_250,$h_500,$q_75/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google');
-      });
-    });
-    it('correctly sets image src when a Cloudinary image id is passed in', () => {
-      render({
-        cloudinaryImageId: 'html-emails/partner-hertz',
-        htmlWidth: 250,
-        htmlHeight: 500,
-        alt: 'An image',
-        isSSR: true
-      });
-      expect(_react2.screen.getByRole('img')).toHaveAttribute('src', 'https://res.cloudinary.com/spothero/image/upload/$w_250,$h_500,$q_50/c_fill,f_auto,fl_progressive,dpr_1,h_$h,q_$q,w_$w/html-emails/partner-hertz');
-    });
-    it('does not set in image src when invalid set of Cloudinary props is passed in', () => {
-      render({
-        cloudinaryImageId: 'html-emails/partner-hertz',
-        alt: 'An image',
-        isSSR: true
-      });
-      (0, _react2.waitFor)(() => {
-        expect(_react2.screen.getByRole('img')).not.toHaveAttribute('src');
-      });
-    });
-  });
-  describe('Lazy loading', () => {
-    it('correctly sets image loading attribute to lazy when lazyLoad prop is true', () => {
-      render({
-        src: defaultSrc,
-        alt: 'An image',
-        lazyLoad: true
-      });
-      (0, _react2.waitFor)(() => {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('loading', 'lazy');
-      });
-    });
-  });
-});

package/dist/components/Image/Image.stories.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledImage = exports.SSRImg = exports.LazyLoadImage = exports.DefaultImage = exports.CloudinaryImageTemplate = exports.CloudinaryImageId = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Image = _interopRequireDefault(require("./Image"));
-var _default = exports.default = {
-  title: 'v2/Image',
-  component: _Image.default,
-  parameters: {
-    removeBaseHtmlClass: true,
-    importBy: 'Image'
-  }
-};
-const Template = props => /*#__PURE__*/_react.default.createElement(_Image.default, props);
-const LazyLoadTemplate = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "Scroll down to see lazy loaded image in action..."), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Image.default, props));
-const DefaultImage = exports.DefaultImage = Template.bind({});
-DefaultImage.args = {
-  src: 'http://placehold.it/350x200',
-  width: 350,
-  height: 200,
-  alt: 'Placeholder image'
-};
-const StyledImage = exports.StyledImage = Template.bind({});
-StyledImage.args = {
-  src: 'http://placehold.it/350x200',
-  alt: 'Placeholder image',
-  padding: 4,
-  borderColor: 'green.default',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  height: {
-    base: 'auto',
-    tablet: 52
-  },
-  width: {
-    base: 'auto',
-    tablet: 52
-  }
-};
-const SSRImg = exports.SSRImg = Template.bind({});
-SSRImg.args = {
-  src: 'http://placehold.it/350x200',
-  width: 350,
-  height: 200,
-  alt: 'SSR image'
-};
-const CloudinaryImageId = exports.CloudinaryImageId = Template.bind({});
-CloudinaryImageId.args = {
-  cloudinaryImageId: 'html-emails/partner-hertz',
-  htmlWidth: 186,
-  htmlHeight: 76,
-  quality: 50,
-  alt: 'Cloudinary image ID'
-};
-const CloudinaryImageTemplate = exports.CloudinaryImageTemplate = Template.bind({});
-CloudinaryImageTemplate.args = {
-  cloudinaryTemplate: 'https://res.cloudinary.com/spothero/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google',
-  htmlWidth: 132,
-  htmlHeight: 111,
-  quality: 80,
-  alt: 'Cloudinary image template'
-};
-const LazyLoadImage = exports.LazyLoadImage = LazyLoadTemplate.bind({});
-LazyLoadImage.args = {
-  src: 'https://res.cloudinary.com/spothero/image/upload/$w_1024,$h_704,$q_50/c_fill,f_auto,h_$h,q_$q,w_$w,x_375,y_250/v1577978927/rzm2xqhtgqxfv3isxmyy.jpg',
-  width: 350,
-  height: 200,
-  alt: 'Placeholder image',
-  lazyLoad: true
-};

package/dist/components/Input/Input.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 Input = /*#__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.Input, (0, _extends2.default)({
-    ref: ref,
-    className: classes
-  }, props)));
-});
-var _default = exports.default = Input;

package/dist/components/Input/Input.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.Input = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = _interopRequireDefault(require("./Input"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
-  title: 'v2/Input',
-  component: _Input.default,
-  parameters: {
-    importBy: 'Input',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/components/input'
-  }
-};
-const InputTemplate = props => /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
-  variant: "outline",
-  maxWidth: "200px"
-}, props));
-const Input = exports.Input = InputTemplate.bind({});
-Input.argTypes = {
-  placeholder: {
-    control: {
-      type: 'text'
-    }
-  },
-  label: {
-    control: {
-      type: 'text'
-    }
-  },
-  helperText: {
-    control: {
-      type: 'text'
-    }
-  },
-  errorMessage: {
-    control: {
-      type: 'text'
-    }
-  }
-};
-Input.args = {
-  id: 'input_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/Input/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 _Input.default;
-  }
-});
-var _Input = _interopRequireDefault(require("./Input"));

package/dist/components/Input/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.Input, {
-  baseStyle,
-  variants
-});

package/dist/components/Link/Link.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _react.Link;
-  }
-});
-var _react = require("@chakra-ui/react");

package/dist/components/Link/Link.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Overview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _share = _interopRequireDefault(require("@spothero/icons/share"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _Link = _interopRequireDefault(require("./Link"));
-var _default = exports.default = {
-  title: 'v2/Link',
-  component: _Link.default,
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-const OverviewTemplate = (props, {
-  hasDarkBackground
-}) => /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-}, "A link with", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
-  variant: hasDarkBackground ? 'onDark' : 'standard'
-}, "no href"), ' ', "is only styled."), /*#__PURE__*/_react.default.createElement(_Text.default, {
-  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-}, "Links can be linked to", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
-  href: "#",
-  isExternal: true,
-  variant: hasDarkBackground ? 'onDark' : 'standard'
-}, "External Pages"), ' ', "and will have ", /*#__PURE__*/_react.default.createElement("code", null, "target=\"_blank\""), " and", ' ', /*#__PURE__*/_react.default.createElement("code", null, "rel=\"noopener noreferrer\""), " appended to them."), /*#__PURE__*/_react.default.createElement(_Text.default, {
-  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-}, "Links can have", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
-  href: "#",
-  variant: hasDarkBackground ? 'onDark' : 'standard'
-}, "icons inline ", /*#__PURE__*/_react.default.createElement(_share.default, {
-  width: "1rem"
-}))), /*#__PURE__*/_react.default.createElement(_Text.default, {
-  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-}, "Using the ", /*#__PURE__*/_react.default.createElement("code", null, "as"), " prop, you can utilize a routing library, like", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
-  href: "https://chakra-ui.com/docs/navigation/link#usage-with-routing-library",
-  isExternal: true,
-  variant: hasDarkBackground ? 'onDark' : 'standard'
-}, "React Router"), ' ', "and it will replace the ", /*#__PURE__*/_react.default.createElement("code", null, "a"), " tag with it's", ' ', /*#__PURE__*/_react.default.createElement("code", null, "Link"), "."));
-const Overview = exports.Overview = OverviewTemplate.bind({});
-Overview.parameters = {
-  importBy: 'Link'
-};

package/dist/components/Link/Link.styles.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variants = exports.default = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
-  transition: `all 0.15s ease`,
-  color: 'text.link.light',
-  fontWeight: 'semibold',
-  _hover: {
-    color: 'primary.600',
-    textDecoration: 'none'
-  },
-  _focus: {
-    boxShadow: 'outline'
-  },
-  '& svg': {
-    d: 'inline-block',
-    verticalAlign: 'initial'
-  }
-};
-const linkOnDark = {
-  color: 'text.link.dark',
-  _hover: {
-    color: 'text.link.dark',
-    opacity: '.8'
-  }
-};
-const variants = exports.variants = {
-  standard: baseStyle,
-  onDark: linkOnDark
-};
-const defaultProps = {
-  variant: 'standard'
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Link, {
-  baseStyle,
-  variants,
-  defaultProps
-});