@sproutsocial/seeds-react-link 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     4.21 KB
+CJS dist/index.js     4.22 KB
 CJS dist/index.js.map 5.41 KB
-CJS ⚡️ Build success in 56ms
+CJS ⚡️ Build success in 142ms
 ESM dist/esm/index.js     2.27 KB
 ESM dist/esm/index.js.map 5.38 KB
-ESM ⚡️ Build success in 63ms
+ESM ⚡️ Build success in 136ms
 DTS Build start
-DTS ⚡️ Build success in 18856ms
+DTS ⚡️ Build success in 40455ms
 DTS dist/index.d.ts  1.25 KB
 DTS dist/index.d.mts 1.25 KB
-Done in 21.76s.
+Done in 47.36s.

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sproutsocial/seeds-react-link
 
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-mixins@4.1.1
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-text@1.3.1
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -100,9 +100,9 @@ import "react";
 import { COLOR_BLUE_900 } from "@sproutsocial/seeds-color";
 
 // src/index.ts
-var src_default = Link_default;
+var index_default = Link_default;
 export {
   Link_default as Link,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Link.tsx","../../src/styles.ts","../../src/LinkTypes.ts","../../src/constants.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Link = ({\n  href,\n  external,\n  children,\n  disabled,\n  onClick,\n  as,\n  underline = true,\n  qa = {},\n  ...rest\n}: TypeLinkProps) => {\n  if (!href && external) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"Warning: external prop cannot be set without a href declaration\"\n    );\n  }\n\n  const type = as || (href ? \"a\" : \"button\");\n  return (\n    <Container\n      href={href}\n      target={external ? \"_blank\" : undefined}\n      type={type === \"button\" ? \"button\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      forwardedAs={type}\n      aria-disabled={disabled ? disabled : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      underline={underline}\n      data-qa-link=\"\"\n      data-qa-link-isdisabled={disabled === true}\n      {...qa}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Link;\n","import styled, { css } from \"styled-components\";\nimport {\n  TYPOGRAPHY,\n  COMMON,\n  FLEXBOX,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { focusRing, disabled } from \"@sproutsocial/seeds-react-mixins\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Container = styled(Text)<TypeLinkProps>`\n  border: 0;\n  font-family: ${(props) => props.theme.fontFamily};\n  text-decoration: ${(props) => (props.underline ? \"underline\" : \"none\")};\n  appearance: none;\n  cursor: pointer;\n  ${(props) =>\n    props.disabled &&\n    css`\n      opacity: 0.4;\n      cursor: not-allowed;\n    `}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.link.base};\n\n  &:hover {\n    color: ${(props) => props.theme.colors.link.hover};\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ${(props) => props.theme.colors.link.hover};\n  }\n\n  &:focus {\n    ${focusRing}\n  }\n\n  &:focus:active {\n    box-shadow: none;\n  }\n\n  ${(props) =>\n    !props.href &&\n    css`\n      background: none;\n    `}\n\n  ${(props) => props.disabled && disabled}\n\n   ${COMMON}\n   ${TYPOGRAPHY}\n   ${FLEXBOX}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport type { TypeSystemFlexboxProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeLinkProps\n  extends Omit<\n      TypeTextProps,\n      keyof Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">\n    >,\n    Omit<React.ComponentPropsWithoutRef<\"button\">, \"color\">,\n    TypeSystemFlexboxProps {\n  /** Optional prop to make the URL open in a new tab */\n  external?: boolean;\n  children: React.ReactNode;\n\n  /** Setting this prop will cause the component to be rendered as a link */\n  href?: string;\n\n  /** Disables user action and applies a disabled style to the component */\n  disabled?: boolean;\n\n  /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */\n  onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n  as?: TypeStyledComponentsCommonProps[\"as\"];\n  underline?: boolean;\n  qa?: { [key: string]: unknown }; // should this be string|number?\n}\n","import { COLOR_BLUE_900 } from \"@sproutsocial/seeds-color\";\n\nconst defaultLink = {\n  color: \"link\",\n  hoverColor: \"link.hover\",\n  activeColor: COLOR_BLUE_900,\n  fontWeight: \"semibold\",\n};\n\nconst linkTheme = {\n  default: defaultLink,\n};\n\nexport default linkTheme;\n","import Link from \"./Link\";\n\nexport default Link;\nexport { Link };\nexport * from \"./LinkTypes\";\nexport * from \"./constants\";\n"],"mappings":";AAAA,OAAuB;;;ACAvB,OAAO,UAAU,WAAW;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,gBAAgB;AACpC,OAAO,UAAU;AAGjB,IAAM,YAAY,OAAO,IAAI;AAAA;AAAA,iBAEZ,CAAC,UAAU,MAAM,MAAM,UAAU;AAAA,qBAC7B,CAAC,UAAW,MAAM,YAAY,cAAc,MAAO;AAAA;AAAA;AAAA,IAGpE,CAAC,UACD,MAAM,YACN;AAAA;AAAA;AAAA,KAGC;AAAA,iBACY,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA,aAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,aAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,MAI/C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,CAAC,UACD,CAAC,MAAM,QACP;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,UAAU,MAAM,YAAY,QAAQ;AAAA;AAAA,KAEpC,MAAM;AAAA,KACN,UAAU;AAAA,KACV,OAAO;AAAA;AAGZ,IAAO,iBAAQ;;;AD/BX;AApBJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,KAAK,CAAC;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,CAAC,QAAQ,UAAU;AAErB,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,OAAO,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,WAAW,WAAW;AAAA,MAC9B,MAAM,SAAS,WAAW,WAAW;AAAA,MACrC,KAAK,WAAW,wBAAwB;AAAA,MACxC,aAAa;AAAA,MACb,iBAAeA,YAAWA,YAAW;AAAA,MACrC,UAAUA;AAAA,MACV;AAAA,MACA;AAAA,MACA,gBAAa;AAAA,MACb,2BAAyBA,cAAa;AAAA,MACrC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;;;AE5Cf,OAAuB;;;ACAvB,SAAS,sBAAsB;;;ACE/B,IAAO,cAAQ;","names":["disabled"]}
+{"version":3,"sources":["../../src/Link.tsx","../../src/styles.ts","../../src/LinkTypes.ts","../../src/constants.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Link = ({\n  href,\n  external,\n  children,\n  disabled,\n  onClick,\n  as,\n  underline = true,\n  qa = {},\n  ...rest\n}: TypeLinkProps) => {\n  if (!href && external) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"Warning: external prop cannot be set without a href declaration\"\n    );\n  }\n\n  const type = as || (href ? \"a\" : \"button\");\n  return (\n    <Container\n      href={href}\n      target={external ? \"_blank\" : undefined}\n      type={type === \"button\" ? \"button\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      forwardedAs={type}\n      aria-disabled={disabled ? disabled : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      underline={underline}\n      data-qa-link=\"\"\n      data-qa-link-isdisabled={disabled === true}\n      {...qa}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Link;\n","import styled, { css } from \"styled-components\";\nimport {\n  TYPOGRAPHY,\n  COMMON,\n  FLEXBOX,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { focusRing, disabled } from \"@sproutsocial/seeds-react-mixins\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Container = styled(Text)<TypeLinkProps>`\n  border: 0;\n  font-family: ${(props) => props.theme.fontFamily};\n  text-decoration: ${(props) => (props.underline ? \"underline\" : \"none\")};\n  appearance: none;\n  cursor: pointer;\n  ${(props) =>\n    props.disabled &&\n    css`\n      opacity: 0.4;\n      cursor: not-allowed;\n    `}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.link.base};\n\n  &:hover {\n    color: ${(props) => props.theme.colors.link.hover};\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ${(props) => props.theme.colors.link.hover};\n  }\n\n  &:focus {\n    ${focusRing}\n  }\n\n  &:focus:active {\n    box-shadow: none;\n  }\n\n  ${(props) =>\n    !props.href &&\n    css`\n      background: none;\n    `}\n\n  ${(props) => props.disabled && disabled}\n\n   ${COMMON}\n   ${TYPOGRAPHY}\n   ${FLEXBOX}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport type { TypeSystemFlexboxProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeLinkProps\n  extends Omit<\n      TypeTextProps,\n      keyof Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">\n    >,\n    Omit<React.ComponentPropsWithoutRef<\"button\">, \"color\">,\n    TypeSystemFlexboxProps {\n  /** Optional prop to make the URL open in a new tab */\n  external?: boolean;\n  children: React.ReactNode;\n\n  /** Setting this prop will cause the component to be rendered as a link */\n  href?: string;\n\n  /** Disables user action and applies a disabled style to the component */\n  disabled?: boolean;\n\n  /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */\n  onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n  as?: TypeStyledComponentsCommonProps[\"as\"];\n  underline?: boolean;\n  qa?: { [key: string]: unknown }; // should this be string|number?\n}\n","import { COLOR_BLUE_900 } from \"@sproutsocial/seeds-color\";\n\nconst defaultLink = {\n  color: \"link\",\n  hoverColor: \"link.hover\",\n  activeColor: COLOR_BLUE_900,\n  fontWeight: \"semibold\",\n};\n\nconst linkTheme = {\n  default: defaultLink,\n};\n\nexport default linkTheme;\n","import Link from \"./Link\";\n\nexport default Link;\nexport { Link };\nexport * from \"./LinkTypes\";\nexport * from \"./constants\";\n"],"mappings":";AAAA,OAAuB;;;ACAvB,OAAO,UAAU,WAAW;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,gBAAgB;AACpC,OAAO,UAAU;AAGjB,IAAM,YAAY,OAAO,IAAI;AAAA;AAAA,iBAEZ,CAAC,UAAU,MAAM,MAAM,UAAU;AAAA,qBAC7B,CAAC,UAAW,MAAM,YAAY,cAAc,MAAO;AAAA;AAAA;AAAA,IAGpE,CAAC,UACD,MAAM,YACN;AAAA;AAAA;AAAA,KAGC;AAAA,iBACY,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA,aAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,aAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,MAI/C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,CAAC,UACD,CAAC,MAAM,QACP;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,UAAU,MAAM,YAAY,QAAQ;AAAA;AAAA,KAEpC,MAAM;AAAA,KACN,UAAU;AAAA,KACV,OAAO;AAAA;AAGZ,IAAO,iBAAQ;;;AD/BX;AApBJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,KAAK,CAAC;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,CAAC,QAAQ,UAAU;AAErB,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,OAAO,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,WAAW,WAAW;AAAA,MAC9B,MAAM,SAAS,WAAW,WAAW;AAAA,MACrC,KAAK,WAAW,wBAAwB;AAAA,MACxC,aAAa;AAAA,MACb,iBAAeA,YAAWA,YAAW;AAAA,MACrC,UAAUA;AAAA,MACV;AAAA,MACA;AAAA,MACA,gBAAa;AAAA,MACb,2BAAyBA,cAAa;AAAA,MACrC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;;;AE5Cf,OAAuB;;;ACAvB,SAAS,sBAAsB;;;ACE/B,IAAO,gBAAQ;","names":["disabled"]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Link: () => Link_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Link.tsx
 var React = require("react");
@@ -133,7 +133,7 @@ var React2 = require("react");
 var import_seeds_color = require("@sproutsocial/seeds-color");
 
 // src/index.ts
-var src_default = Link_default;
+var index_default = Link_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Link

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Link.tsx","../src/styles.ts","../src/LinkTypes.ts","../src/constants.ts"],"sourcesContent":["import Link from \"./Link\";\n\nexport default Link;\nexport { Link };\nexport * from \"./LinkTypes\";\nexport * from \"./constants\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Link = ({\n  href,\n  external,\n  children,\n  disabled,\n  onClick,\n  as,\n  underline = true,\n  qa = {},\n  ...rest\n}: TypeLinkProps) => {\n  if (!href && external) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"Warning: external prop cannot be set without a href declaration\"\n    );\n  }\n\n  const type = as || (href ? \"a\" : \"button\");\n  return (\n    <Container\n      href={href}\n      target={external ? \"_blank\" : undefined}\n      type={type === \"button\" ? \"button\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      forwardedAs={type}\n      aria-disabled={disabled ? disabled : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      underline={underline}\n      data-qa-link=\"\"\n      data-qa-link-isdisabled={disabled === true}\n      {...qa}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Link;\n","import styled, { css } from \"styled-components\";\nimport {\n  TYPOGRAPHY,\n  COMMON,\n  FLEXBOX,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { focusRing, disabled } from \"@sproutsocial/seeds-react-mixins\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Container = styled(Text)<TypeLinkProps>`\n  border: 0;\n  font-family: ${(props) => props.theme.fontFamily};\n  text-decoration: ${(props) => (props.underline ? \"underline\" : \"none\")};\n  appearance: none;\n  cursor: pointer;\n  ${(props) =>\n    props.disabled &&\n    css`\n      opacity: 0.4;\n      cursor: not-allowed;\n    `}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.link.base};\n\n  &:hover {\n    color: ${(props) => props.theme.colors.link.hover};\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ${(props) => props.theme.colors.link.hover};\n  }\n\n  &:focus {\n    ${focusRing}\n  }\n\n  &:focus:active {\n    box-shadow: none;\n  }\n\n  ${(props) =>\n    !props.href &&\n    css`\n      background: none;\n    `}\n\n  ${(props) => props.disabled && disabled}\n\n   ${COMMON}\n   ${TYPOGRAPHY}\n   ${FLEXBOX}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport type { TypeSystemFlexboxProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeLinkProps\n  extends Omit<\n      TypeTextProps,\n      keyof Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">\n    >,\n    Omit<React.ComponentPropsWithoutRef<\"button\">, \"color\">,\n    TypeSystemFlexboxProps {\n  /** Optional prop to make the URL open in a new tab */\n  external?: boolean;\n  children: React.ReactNode;\n\n  /** Setting this prop will cause the component to be rendered as a link */\n  href?: string;\n\n  /** Disables user action and applies a disabled style to the component */\n  disabled?: boolean;\n\n  /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */\n  onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n  as?: TypeStyledComponentsCommonProps[\"as\"];\n  underline?: boolean;\n  qa?: { [key: string]: unknown }; // should this be string|number?\n}\n","import { COLOR_BLUE_900 } from \"@sproutsocial/seeds-color\";\n\nconst defaultLink = {\n  color: \"link\",\n  hoverColor: \"link.hover\",\n  activeColor: COLOR_BLUE_900,\n  fontWeight: \"semibold\",\n};\n\nconst linkTheme = {\n  default: defaultLink,\n};\n\nexport default linkTheme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAA4B;AAC5B,sCAIO;AACP,gCAAoC;AACpC,8BAAiB;AAGjB,IAAM,gBAAY,yBAAAA,SAAO,wBAAAC,OAAI;AAAA;AAAA,iBAEZ,CAAC,UAAU,MAAM,MAAM,UAAU;AAAA,qBAC7B,CAAC,UAAW,MAAM,YAAY,cAAc,MAAO;AAAA;AAAA;AAAA,IAGpE,CAAC,UACD,MAAM,YACN;AAAA;AAAA;AAAA,KAGC;AAAA,iBACY,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA,aAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,aAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,MAI/C,mCAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,CAAC,UACD,CAAC,MAAM,QACP;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,UAAU,MAAM,YAAY,kCAAQ;AAAA;AAAA,KAEpC,sCAAM;AAAA,KACN,0CAAU;AAAA,KACV,uCAAO;AAAA;AAGZ,IAAO,iBAAQ;;;AD/BX;AApBJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,KAAK,CAAC;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,CAAC,QAAQ,UAAU;AAErB,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,OAAO,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,WAAW,WAAW;AAAA,MAC9B,MAAM,SAAS,WAAW,WAAW;AAAA,MACrC,KAAK,WAAW,wBAAwB;AAAA,MACxC,aAAa;AAAA,MACb,iBAAeA,YAAWA,YAAW;AAAA,MACrC,UAAUA;AAAA,MACV;AAAA,MACA;AAAA,MACA,gBAAa;AAAA,MACb,2BAAyBA,cAAa;AAAA,MACrC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;;;AE5Cf,IAAAC,SAAuB;;;ACAvB,yBAA+B;;;AJE/B,IAAO,cAAQ;","names":["styled","Text","disabled","React"]}
+{"version":3,"sources":["../src/index.ts","../src/Link.tsx","../src/styles.ts","../src/LinkTypes.ts","../src/constants.ts"],"sourcesContent":["import Link from \"./Link\";\n\nexport default Link;\nexport { Link };\nexport * from \"./LinkTypes\";\nexport * from \"./constants\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Link = ({\n  href,\n  external,\n  children,\n  disabled,\n  onClick,\n  as,\n  underline = true,\n  qa = {},\n  ...rest\n}: TypeLinkProps) => {\n  if (!href && external) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"Warning: external prop cannot be set without a href declaration\"\n    );\n  }\n\n  const type = as || (href ? \"a\" : \"button\");\n  return (\n    <Container\n      href={href}\n      target={external ? \"_blank\" : undefined}\n      type={type === \"button\" ? \"button\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      forwardedAs={type}\n      aria-disabled={disabled ? disabled : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      underline={underline}\n      data-qa-link=\"\"\n      data-qa-link-isdisabled={disabled === true}\n      {...qa}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Link;\n","import styled, { css } from \"styled-components\";\nimport {\n  TYPOGRAPHY,\n  COMMON,\n  FLEXBOX,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { focusRing, disabled } from \"@sproutsocial/seeds-react-mixins\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport type { TypeLinkProps } from \"./LinkTypes\";\n\nconst Container = styled(Text)<TypeLinkProps>`\n  border: 0;\n  font-family: ${(props) => props.theme.fontFamily};\n  text-decoration: ${(props) => (props.underline ? \"underline\" : \"none\")};\n  appearance: none;\n  cursor: pointer;\n  ${(props) =>\n    props.disabled &&\n    css`\n      opacity: 0.4;\n      cursor: not-allowed;\n    `}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.link.base};\n\n  &:hover {\n    color: ${(props) => props.theme.colors.link.hover};\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ${(props) => props.theme.colors.link.hover};\n  }\n\n  &:focus {\n    ${focusRing}\n  }\n\n  &:focus:active {\n    box-shadow: none;\n  }\n\n  ${(props) =>\n    !props.href &&\n    css`\n      background: none;\n    `}\n\n  ${(props) => props.disabled && disabled}\n\n   ${COMMON}\n   ${TYPOGRAPHY}\n   ${FLEXBOX}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport type { TypeSystemFlexboxProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeLinkProps\n  extends Omit<\n      TypeTextProps,\n      keyof Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">\n    >,\n    Omit<React.ComponentPropsWithoutRef<\"button\">, \"color\">,\n    TypeSystemFlexboxProps {\n  /** Optional prop to make the URL open in a new tab */\n  external?: boolean;\n  children: React.ReactNode;\n\n  /** Setting this prop will cause the component to be rendered as a link */\n  href?: string;\n\n  /** Disables user action and applies a disabled style to the component */\n  disabled?: boolean;\n\n  /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */\n  onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n  as?: TypeStyledComponentsCommonProps[\"as\"];\n  underline?: boolean;\n  qa?: { [key: string]: unknown }; // should this be string|number?\n}\n","import { COLOR_BLUE_900 } from \"@sproutsocial/seeds-color\";\n\nconst defaultLink = {\n  color: \"link\",\n  hoverColor: \"link.hover\",\n  activeColor: COLOR_BLUE_900,\n  fontWeight: \"semibold\",\n};\n\nconst linkTheme = {\n  default: defaultLink,\n};\n\nexport default linkTheme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAA4B;AAC5B,sCAIO;AACP,gCAAoC;AACpC,8BAAiB;AAGjB,IAAM,gBAAY,yBAAAA,SAAO,wBAAAC,OAAI;AAAA;AAAA,iBAEZ,CAAC,UAAU,MAAM,MAAM,UAAU;AAAA,qBAC7B,CAAC,UAAW,MAAM,YAAY,cAAc,MAAO;AAAA;AAAA;AAAA,IAGpE,CAAC,UACD,MAAM,YACN;AAAA;AAAA;AAAA,KAGC;AAAA,iBACY,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA,aAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,aAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,MAI/C,mCAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,CAAC,UACD,CAAC,MAAM,QACP;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,UAAU,MAAM,YAAY,kCAAQ;AAAA;AAAA,KAEpC,sCAAM;AAAA,KACN,0CAAU;AAAA,KACV,uCAAO;AAAA;AAGZ,IAAO,iBAAQ;;;AD/BX;AApBJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,KAAK,CAAC;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,CAAC,QAAQ,UAAU;AAErB,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,OAAO,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,WAAW,WAAW;AAAA,MAC9B,MAAM,SAAS,WAAW,WAAW;AAAA,MACrC,KAAK,WAAW,wBAAwB;AAAA,MACxC,aAAa;AAAA,MACb,iBAAeA,YAAWA,YAAW;AAAA,MACrC,UAAUA;AAAA,MACV;AAAA,MACA;AAAA,MACA,gBAAa;AAAA,MACb,2BAAyBA,cAAa;AAAA,MACrC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;;;AE5Cf,IAAAC,SAAuB;;;ACAvB,yBAA+B;;;AJE/B,IAAO,gBAAQ;","names":["styled","Text","disabled","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-link",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Seeds React Link",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,11 +18,11 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^*",
-    "@sproutsocial/seeds-react-system-props": "^*",
-    "@sproutsocial/seeds-react-mixins": "*",
-    "@sproutsocial/seeds-react-text": "*",
-    "@sproutsocial/seeds-color": "*"
+    "@sproutsocial/seeds-react-theme": "^2.2.0",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-mixins": "^4.1.0",
+    "@sproutsocial/seeds-react-text": "^1.3.0",
+    "@sproutsocial/seeds-color": "^2.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -35,8 +35,8 @@
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",
     "@sproutsocial/seeds-react-testing-library": "*",
-    "@sproutsocial/seeds-react-icon": "*",
-    "@sproutsocial/seeds-react-box": "*"
+    "@sproutsocial/seeds-react-icon": "^1.1.1",
+    "@sproutsocial/seeds-react-box": "^1.1.1"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"