@purpurds/link 5.2.0 → 5.4.0

package/dist/link.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function k(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function b(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var v={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var u={}.hasOwnProperty;function i(){for(var t="",n=0;n<arguments.length;n++){var r=arguments[n];r&&(t=p(t,a.call(this,r)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return i.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var r in t)u.call(t,r)&&t[r]&&(n=p(n,this&&this[r]||r));return n}function p(t,n){return n?t?t+" "+n:t+n:t}e.exports?(i.default=i,e.exports=i):window.classNames=i})()})(c);var v=c.exports;const g=k(v),b={"purpur-link":"_purpur-link_5epw4_1","purpur-link--text":"_purpur-link--text_5epw4_15","purpur-link--standalone":"_purpur-link--standalone_5epw4_15","purpur-link--navigation":"_purpur-link--navigation_5epw4_15","purpur-link--disable-visited":"_purpur-link--disable-visited_5epw4_25","purpur-link--text-negative":"_purpur-link--text-negative_5epw4_28","purpur-link--standalone-negative":"_purpur-link--standalone-negative_5epw4_28","purpur-link--navigation-negative":"_purpur-link--navigation-negative_5epw4_28","purpur-link--ensure-target-area":"_purpur-link--ensure-target-area_5epw4_67","purpur-link--silent":"_purpur-link--silent_5epw4_73"},w=g.bind(b),s="purpur-link",d={TEXT:"text",STANDALONE:"standalone",NAVIGATION:"navigation"},N=Object.values(d),x=({["data-testid"]:e,children:u,className:i,disableVisited:a,ensureTargetArea:p,href:t,negative:n=!1,silent:r,target:f,variant:l,...o})=>_.jsx("span",{className:w([i,s,`${s}--${n?`${l}-negative`:l}`,{[`${s}--silent`]:r,[`${s}--negative`]:n,[`${s}--disable-visited`]:a??r,[`${s}--ensure-target-area`]:p}]),"data-testid":e,...o,children:t?_.jsx("a",{href:t,target:f,...o,children:u}):u});exports.LINK_VARIANT=d;exports.Link=x;exports.linkVariants=N;
+*/(function(r){(function(){var u={}.hasOwnProperty;function i(){for(var t="",n=0;n<arguments.length;n++){var e=arguments[n];e&&(t=a(t,o.call(this,e)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return i.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var e in t)u.call(t,e)&&t[e]&&(n=a(n,this&&this[e]||e));return n}function a(t,n){return n?t?t+" "+n:t+n:t}r.exports?(i.default=i,r.exports=i):window.classNames=i})()})(v);var k=v.exports;const y=b(k),g={"purpur-link":"_purpur-link_vyo3b_1","purpur-link--text":"_purpur-link--text_vyo3b_15","purpur-link--standalone":"_purpur-link--standalone_vyo3b_15","purpur-link--navigation":"_purpur-link--navigation_vyo3b_15","purpur-link--disable-visited":"_purpur-link--disable-visited_vyo3b_26","purpur-link--text-negative":"_purpur-link--text-negative_vyo3b_29","purpur-link--standalone-negative":"_purpur-link--standalone-negative_vyo3b_29","purpur-link--navigation-negative":"_purpur-link--navigation-negative_vyo3b_29","purpur-link--ensure-target-area":"_purpur-link--ensure-target-area_vyo3b_68","purpur-link--silent":"_purpur-link--silent_vyo3b_74"},N=y.bind(g),s="purpur-link",d={TEXT:"text",STANDALONE:"standalone",NAVIGATION:"navigation"},x=Object.values(d),A=({["data-testid"]:r,children:u,className:i,disableVisited:o,ensureTargetArea:a,href:t,negative:n=!1,rel:e,silent:p,target:f,variant:l,..._})=>c.jsx("span",{className:N([i,s,`${s}--${n?`${l}-negative`:l}`,{[`${s}--silent`]:p,[`${s}--negative`]:n,[`${s}--disable-visited`]:o??p,[`${s}--ensure-target-area`]:a}]),"data-testid":r,..._,children:t?c.jsx("a",{href:t,target:f,rel:e,..._,children:u}):u});exports.LINK_VARIANT=d;exports.Link=A;exports.linkVariants=x;
 //# sourceMappingURL=link.cjs.js.map

package/dist/link.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/link.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./link.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-link\";\n\nexport const LINK_VARIANT = {\n  TEXT: \"text\",\n  STANDALONE: \"standalone\",\n  NAVIGATION: \"navigation\",\n} as const;\n\nexport const linkVariants = Object.values(LINK_VARIANT);\nexport type LinkVariant = (typeof LINK_VARIANT)[keyof typeof LINK_VARIANT];\n\nexport type LinkProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  /** Disables visited styling */\n  disableVisited?: boolean;\n  /**\n   * This sets a minimum size on the targetable area of the link. Please note\n   * it also changes display value to flex, meaning its container will behave\n   * like a block element. You can wrap this component in a flex container\n   * for additional layout control.\n   */\n  ensureTargetArea?: boolean;\n  /**\n   * This will wrap children in a <a/> tag and set the href accordingly\n   */\n  href?: string;\n  negative?: boolean;\n  /**\n   * A silent link is intended to wrap an element\n   * to make it a link but not add any styling\n   * except for the pointer cursor and focus style.\n   */\n  silent?: boolean;\n  /**\n   * if target and href is specified, target will be added to the <a/> tag\n   */\n  target?: React.HTMLAttributeAnchorTarget;\n  /**\n   * Determines if link is displayed on its own line\n   * (standalone) or within the current text content\n   * (text).\n   */\n  variant: LinkVariant;\n};\n\nexport const Link = ({\n  [\"data-testid\"]: dataTestid,\n  children,\n  className,\n  disableVisited,\n  ensureTargetArea,\n  href,\n  negative = false,\n  silent,\n  target,\n  variant,\n  ...props\n}: LinkProps) => (\n  <span\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      {\n        [`${rootClassName}--silent`]: silent,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--disable-visited`]: disableVisited ?? silent,\n        [`${rootClassName}--ensure-target-area`]: ensureTargetArea,\n      },\n    ])}\n    data-testid={dataTestid}\n    {...props}\n  >\n    {href ? (\n      <a href={href} target={target} {...props}>\n        {children}\n      </a>\n    ) : (\n      children\n    )}\n  </span>\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","LINK_VARIANT","linkVariants","Link","dataTestid","children","className","disableVisited","ensureTargetArea","href","negative","silent","target","variant","props","jsx"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE1D,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,8qBCvEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,cAETC,EAAe,CAC1B,KAAM,OACN,WAAY,aACZ,WAAY,YACd,EAEaC,EAAe,OAAO,OAAOD,CAAY,EAuCzCE,EAAO,CAAC,CACnB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IACEC,EAAA,IAAC,OAAA,CACC,UAAWlB,EAAG,CACZS,EACAN,EACA,GAAGA,CAAa,KAAKU,EAAW,GAAGG,CAAO,YAAcA,CAAO,GAC/D,CACE,CAAC,GAAGb,CAAa,UAAU,EAAGW,EAC9B,CAAC,GAAGX,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,mBAAmB,EAAGO,GAAkBI,EACzD,CAAC,GAAGX,CAAa,sBAAsB,EAAGQ,CAC5C,CAAA,CACD,EACD,cAAaJ,EACZ,GAAGU,EAEH,SAAAL,QACE,IAAE,CAAA,KAAAA,EAAY,OAAAG,EAAiB,GAAGE,EAChC,SAAAT,CACH,CAAA,EAEAA,CAAA,CAEJ","x_google_ignoreList":[0]}
+{"version":3,"file":"link.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/link.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./link.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-link\";\n\nexport const LINK_VARIANT = {\n  TEXT: \"text\",\n  STANDALONE: \"standalone\",\n  NAVIGATION: \"navigation\",\n} as const;\n\nexport const linkVariants = Object.values(LINK_VARIANT);\nexport type LinkVariant = (typeof LINK_VARIANT)[keyof typeof LINK_VARIANT];\n\nexport type LinkProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  /** Disables visited styling */\n  disableVisited?: boolean;\n  /**\n   * This sets a minimum size on the targetable area of the link. Please note\n   * it also changes display value to flex, meaning its container will behave\n   * like a block element. You can wrap this component in a flex container\n   * for additional layout control.\n   */\n  ensureTargetArea?: boolean;\n  /**\n   * This will wrap children in an `<a/>` tag and set the `href` accordingly.\n   */\n  href?: string;\n  negative?: boolean;\n  /**\n   * If both `rel` and `href` are specified, the `rel` attribute will be added to the `<a/>` tag.\n   * The `rel` attribute specifies the relationship between the current document and the linked document.\n   * Common values include \"noopener\", \"noreferrer\", \"nofollow\", and \"external\".\n   */\n  rel?: React.ComponentProps<\"a\">[\"rel\"];\n  /**\n   * A silent link is intended to wrap an element\n   * to make it a link but not add any styling\n   * except for the pointer cursor and focus style.\n   */\n  silent?: boolean;\n  /**\n   * If both `target` and `href` are specified, the `target` attribute will be added to the `<a/>` tag\n   */\n  target?: React.HTMLAttributeAnchorTarget;\n  /**\n   * Determines if link is displayed on its own line\n   * (`\"standalone\"`) or within the current text content\n   * (`\"text\"`).\n   */\n  variant: LinkVariant;\n};\n\nexport const Link = ({\n  [\"data-testid\"]: dataTestid,\n  children,\n  className,\n  disableVisited,\n  ensureTargetArea,\n  href,\n  negative = false,\n  rel,\n  silent,\n  target,\n  variant,\n  ...props\n}: LinkProps) => (\n  <span\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      {\n        [`${rootClassName}--silent`]: silent,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--disable-visited`]: disableVisited ?? silent,\n        [`${rootClassName}--ensure-target-area`]: ensureTargetArea,\n      },\n    ])}\n    data-testid={dataTestid}\n    {...props}\n  >\n    {href ? (\n      <a href={href} target={target} rel={rel} {...props}>\n        {children}\n      </a>\n    ) : (\n      children\n    )}\n  </span>\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","LINK_VARIANT","linkVariants","Link","dataTestid","children","className","disableVisited","ensureTargetArea","href","negative","rel","silent","target","variant","props","jsx"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE1D,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,8qBCvEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,cAETC,EAAe,CAC1B,KAAM,OACN,WAAY,aACZ,WAAY,YACd,EAEaC,EAAe,OAAO,OAAOD,CAAY,EA6CzCE,EAAO,CAAC,CACnB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,IAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IACEC,EAAA,IAAC,OAAA,CACC,UAAWnB,EAAG,CACZS,EACAN,EACA,GAAGA,CAAa,KAAKU,EAAW,GAAGI,CAAO,YAAcA,CAAO,GAC/D,CACE,CAAC,GAAGd,CAAa,UAAU,EAAGY,EAC9B,CAAC,GAAGZ,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,mBAAmB,EAAGO,GAAkBK,EACzD,CAAC,GAAGZ,CAAa,sBAAsB,EAAGQ,CAC5C,CAAA,CACD,EACD,cAAaJ,EACZ,GAAGW,EAEH,SAAAN,QACE,IAAE,CAAA,KAAAA,EAAY,OAAAI,EAAgB,IAAAF,EAAW,GAAGI,EAC1C,SAAAV,CAAA,CACH,EAEAA,CAAA,CAEJ","x_google_ignoreList":[0]}

package/dist/link.d.ts

@@ -21,10 +21,16 @@ export type LinkProps = {
      */
     ensureTargetArea?: boolean;
     /**
-     * This will wrap children in a <a/> tag and set the href accordingly
+     * This will wrap children in an `<a/>` tag and set the `href` accordingly.
      */
     href?: string;
     negative?: boolean;
+    /**
+     * If both `rel` and `href` are specified, the `rel` attribute will be added to the `<a/>` tag.
+     * The `rel` attribute specifies the relationship between the current document and the linked document.
+     * Common values include "noopener", "noreferrer", "nofollow", and "external".
+     */
+    rel?: React.ComponentProps<"a">["rel"];
     /**
      * A silent link is intended to wrap an element
      * to make it a link but not add any styling
@@ -32,15 +38,15 @@ export type LinkProps = {
      */
     silent?: boolean;
     /**
-     * if target and href is specified, target will be added to the <a/> tag
+     * If both `target` and `href` are specified, the `target` attribute will be added to the `<a/>` tag
      */
     target?: React.HTMLAttributeAnchorTarget;
     /**
      * Determines if link is displayed on its own line
-     * (standalone) or within the current text content
-     * (text).
+     * (`"standalone"`) or within the current text content
+     * (`"text"`).
      */
     variant: LinkVariant;
 };
-export declare const Link: ({ ["data-testid"]: dataTestid, children, className, disableVisited, ensureTargetArea, href, negative, silent, target, variant, ...props }: LinkProps) => React.JSX.Element;
+export declare const Link: ({ ["data-testid"]: dataTestid, children, className, disableVisited, ensureTargetArea, href, negative, rel, silent, target, variant, ...props }: LinkProps) => React.JSX.Element;
 //# sourceMappingURL=link.d.ts.map

package/dist/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../src/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,YAAY,0CAA8B,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC;;;;OAIG;IACH,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,8IAYd,SAAS,sBAwBX,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../src/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,YAAY,0CAA8B,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACvC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC;;;;OAIG;IACH,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,mJAad,SAAS,sBAwBX,CAAC"}

package/dist/link.es.js

@@ -1,6 +1,6 @@
-import { jsx as _ } from "react/jsx-runtime";
-function f(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { jsx as v } from "react/jsx-runtime";
+function f(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var c = { exports: {} };
 /*!
@@ -8,17 +8,17 @@ var c = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(r) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function i() {
       for (var t = "", n = 0; n < arguments.length; n++) {
-        var r = arguments[n];
-        r && (t = u(t, a.call(this, r)));
+        var e = arguments[n];
+        e && (t = a(t, o.call(this, e)));
       }
       return t;
     }
-    function a(t) {
+    function o(t) {
       if (typeof t == "string" || typeof t == "number")
         return this && this[t] || t;
       if (typeof t != "object")
@@ -28,66 +28,67 @@ var c = { exports: {} };
       if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
         return t.toString();
       var n = "";
-      for (var r in t)
-        s.call(t, r) && t[r] && (n = u(n, this && this[r] || r));
+      for (var e in t)
+        u.call(t, e) && t[e] && (n = a(n, this && this[e] || e));
       return n;
     }
-    function u(t, n) {
+    function a(t, n) {
       return n ? t ? t + " " + n : t + n : t;
     }
-    e.exports ? (i.default = i, e.exports = i) : window.classNames = i;
+    r.exports ? (i.default = i, r.exports = i) : window.classNames = i;
   })();
 })(c);
-var v = c.exports;
-const k = /* @__PURE__ */ f(v), w = {
-  "purpur-link": "_purpur-link_5epw4_1",
-  "purpur-link--text": "_purpur-link--text_5epw4_15",
-  "purpur-link--standalone": "_purpur-link--standalone_5epw4_15",
-  "purpur-link--navigation": "_purpur-link--navigation_5epw4_15",
-  "purpur-link--disable-visited": "_purpur-link--disable-visited_5epw4_25",
-  "purpur-link--text-negative": "_purpur-link--text-negative_5epw4_28",
-  "purpur-link--standalone-negative": "_purpur-link--standalone-negative_5epw4_28",
-  "purpur-link--navigation-negative": "_purpur-link--navigation-negative_5epw4_28",
-  "purpur-link--ensure-target-area": "_purpur-link--ensure-target-area_5epw4_67",
-  "purpur-link--silent": "_purpur-link--silent_5epw4_73"
-}, g = k.bind(w), p = "purpur-link", b = {
+var b = c.exports;
+const k = /* @__PURE__ */ f(b), y = {
+  "purpur-link": "_purpur-link_vyo3b_1",
+  "purpur-link--text": "_purpur-link--text_vyo3b_15",
+  "purpur-link--standalone": "_purpur-link--standalone_vyo3b_15",
+  "purpur-link--navigation": "_purpur-link--navigation_vyo3b_15",
+  "purpur-link--disable-visited": "_purpur-link--disable-visited_vyo3b_26",
+  "purpur-link--text-negative": "_purpur-link--text-negative_vyo3b_29",
+  "purpur-link--standalone-negative": "_purpur-link--standalone-negative_vyo3b_29",
+  "purpur-link--navigation-negative": "_purpur-link--navigation-negative_vyo3b_29",
+  "purpur-link--ensure-target-area": "_purpur-link--ensure-target-area_vyo3b_68",
+  "purpur-link--silent": "_purpur-link--silent_vyo3b_74"
+}, g = k.bind(y), s = "purpur-link", x = {
   TEXT: "text",
   STANDALONE: "standalone",
   NAVIGATION: "navigation"
-}, N = Object.values(b), h = ({
-  ["data-testid"]: e,
-  children: s,
+}, h = Object.values(x), m = ({
+  ["data-testid"]: r,
+  children: u,
   className: i,
-  disableVisited: a,
-  ensureTargetArea: u,
+  disableVisited: o,
+  ensureTargetArea: a,
   href: t,
   negative: n = !1,
-  silent: r,
+  rel: e,
+  silent: p,
   target: d,
-  variant: o,
-  ...l
-}) => /* @__PURE__ */ _(
+  variant: l,
+  ..._
+}) => /* @__PURE__ */ v(
   "span",
   {
     className: g([
       i,
-      p,
-      `${p}--${n ? `${o}-negative` : o}`,
+      s,
+      `${s}--${n ? `${l}-negative` : l}`,
       {
-        [`${p}--silent`]: r,
-        [`${p}--negative`]: n,
-        [`${p}--disable-visited`]: a ?? r,
-        [`${p}--ensure-target-area`]: u
+        [`${s}--silent`]: p,
+        [`${s}--negative`]: n,
+        [`${s}--disable-visited`]: o ?? p,
+        [`${s}--ensure-target-area`]: a
       }
     ]),
-    "data-testid": e,
-    ...l,
-    children: t ? /* @__PURE__ */ _("a", { href: t, target: d, ...l, children: s }) : s
+    "data-testid": r,
+    ..._,
+    children: t ? /* @__PURE__ */ v("a", { href: t, target: d, rel: e, ..._, children: u }) : u
   }
 );
 export {
-  b as LINK_VARIANT,
-  h as Link,
-  N as linkVariants
+  x as LINK_VARIANT,
+  m as Link,
+  h as linkVariants
 };
 //# sourceMappingURL=link.es.js.map

package/dist/link.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/link.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./link.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-link\";\n\nexport const LINK_VARIANT = {\n  TEXT: \"text\",\n  STANDALONE: \"standalone\",\n  NAVIGATION: \"navigation\",\n} as const;\n\nexport const linkVariants = Object.values(LINK_VARIANT);\nexport type LinkVariant = (typeof LINK_VARIANT)[keyof typeof LINK_VARIANT];\n\nexport type LinkProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  /** Disables visited styling */\n  disableVisited?: boolean;\n  /**\n   * This sets a minimum size on the targetable area of the link. Please note\n   * it also changes display value to flex, meaning its container will behave\n   * like a block element. You can wrap this component in a flex container\n   * for additional layout control.\n   */\n  ensureTargetArea?: boolean;\n  /**\n   * This will wrap children in a <a/> tag and set the href accordingly\n   */\n  href?: string;\n  negative?: boolean;\n  /**\n   * A silent link is intended to wrap an element\n   * to make it a link but not add any styling\n   * except for the pointer cursor and focus style.\n   */\n  silent?: boolean;\n  /**\n   * if target and href is specified, target will be added to the <a/> tag\n   */\n  target?: React.HTMLAttributeAnchorTarget;\n  /**\n   * Determines if link is displayed on its own line\n   * (standalone) or within the current text content\n   * (text).\n   */\n  variant: LinkVariant;\n};\n\nexport const Link = ({\n  [\"data-testid\"]: dataTestid,\n  children,\n  className,\n  disableVisited,\n  ensureTargetArea,\n  href,\n  negative = false,\n  silent,\n  target,\n  variant,\n  ...props\n}: LinkProps) => (\n  <span\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      {\n        [`${rootClassName}--silent`]: silent,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--disable-visited`]: disableVisited ?? silent,\n        [`${rootClassName}--ensure-target-area`]: ensureTargetArea,\n      },\n    ])}\n    data-testid={dataTestid}\n    {...props}\n  >\n    {href ? (\n      <a href={href} target={target} {...props}>\n        {children}\n      </a>\n    ) : (\n      children\n    )}\n  </span>\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","LINK_VARIANT","linkVariants","Link","dataTestid","children","className","disableVisited","ensureTargetArea","href","negative","silent","target","variant","props","jsx"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,MAE1D;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;GCvEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,eAETC,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AACd,GAEaC,IAAe,OAAO,OAAOD,CAAY,GAuCzCE,IAAO,CAAC;AAAA,EACnB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWlB,EAAG;AAAA,MACZS;AAAA,MACAN;AAAA,MACA,GAAGA,CAAa,KAAKU,IAAW,GAAGG,CAAO,cAAcA,CAAO;AAAA,MAC/D;AAAA,QACE,CAAC,GAAGb,CAAa,UAAU,GAAGW;AAAA,QAC9B,CAAC,GAAGX,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,mBAAmB,GAAGO,KAAkBI;AAAA,QACzD,CAAC,GAAGX,CAAa,sBAAsB,GAAGQ;AAAA,MAC5C;AAAA,IAAA,CACD;AAAA,IACD,eAAaJ;AAAA,IACZ,GAAGU;AAAA,IAEH,UAAAL,sBACE,KAAE,EAAA,MAAAA,GAAY,QAAAG,GAAiB,GAAGE,GAChC,UAAAT,EACH,CAAA,IAEAA;AAAA,EAAA;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"link.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/link.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./link.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-link\";\n\nexport const LINK_VARIANT = {\n  TEXT: \"text\",\n  STANDALONE: \"standalone\",\n  NAVIGATION: \"navigation\",\n} as const;\n\nexport const linkVariants = Object.values(LINK_VARIANT);\nexport type LinkVariant = (typeof LINK_VARIANT)[keyof typeof LINK_VARIANT];\n\nexport type LinkProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  /** Disables visited styling */\n  disableVisited?: boolean;\n  /**\n   * This sets a minimum size on the targetable area of the link. Please note\n   * it also changes display value to flex, meaning its container will behave\n   * like a block element. You can wrap this component in a flex container\n   * for additional layout control.\n   */\n  ensureTargetArea?: boolean;\n  /**\n   * This will wrap children in an `<a/>` tag and set the `href` accordingly.\n   */\n  href?: string;\n  negative?: boolean;\n  /**\n   * If both `rel` and `href` are specified, the `rel` attribute will be added to the `<a/>` tag.\n   * The `rel` attribute specifies the relationship between the current document and the linked document.\n   * Common values include \"noopener\", \"noreferrer\", \"nofollow\", and \"external\".\n   */\n  rel?: React.ComponentProps<\"a\">[\"rel\"];\n  /**\n   * A silent link is intended to wrap an element\n   * to make it a link but not add any styling\n   * except for the pointer cursor and focus style.\n   */\n  silent?: boolean;\n  /**\n   * If both `target` and `href` are specified, the `target` attribute will be added to the `<a/>` tag\n   */\n  target?: React.HTMLAttributeAnchorTarget;\n  /**\n   * Determines if link is displayed on its own line\n   * (`\"standalone\"`) or within the current text content\n   * (`\"text\"`).\n   */\n  variant: LinkVariant;\n};\n\nexport const Link = ({\n  [\"data-testid\"]: dataTestid,\n  children,\n  className,\n  disableVisited,\n  ensureTargetArea,\n  href,\n  negative = false,\n  rel,\n  silent,\n  target,\n  variant,\n  ...props\n}: LinkProps) => (\n  <span\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      {\n        [`${rootClassName}--silent`]: silent,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--disable-visited`]: disableVisited ?? silent,\n        [`${rootClassName}--ensure-target-area`]: ensureTargetArea,\n      },\n    ])}\n    data-testid={dataTestid}\n    {...props}\n  >\n    {href ? (\n      <a href={href} target={target} rel={rel} {...props}>\n        {children}\n      </a>\n    ) : (\n      children\n    )}\n  </span>\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","LINK_VARIANT","linkVariants","Link","dataTestid","children","className","disableVisited","ensureTargetArea","href","negative","rel","silent","target","variant","props","jsx"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,MAE1D;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;GCvEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,eAETC,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AACd,GAEaC,IAAe,OAAO,OAAOD,CAAY,GA6CzCE,IAAO,CAAC;AAAA,EACnB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWnB,EAAG;AAAA,MACZS;AAAA,MACAN;AAAA,MACA,GAAGA,CAAa,KAAKU,IAAW,GAAGI,CAAO,cAAcA,CAAO;AAAA,MAC/D;AAAA,QACE,CAAC,GAAGd,CAAa,UAAU,GAAGY;AAAA,QAC9B,CAAC,GAAGZ,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,mBAAmB,GAAGO,KAAkBK;AAAA,QACzD,CAAC,GAAGZ,CAAa,sBAAsB,GAAGQ;AAAA,MAC5C;AAAA,IAAA,CACD;AAAA,IACD,eAAaJ;AAAA,IACZ,GAAGW;AAAA,IAEH,UAAAN,sBACE,KAAE,EAAA,MAAAA,GAAY,QAAAI,GAAgB,KAAAF,GAAW,GAAGI,GAC1C,UAAAV,EAAA,CACH,IAEAA;AAAA,EAAA;AAEJ;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-link_5epw4_1 a{align-items:center;cursor:pointer;display:inline-flex;gap:var(--purpur-spacing-50);text-decoration:underline}._purpur-link_5epw4_1 a:focus,._purpur-link_5epw4_1 a:active{outline:solid var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-25)}._purpur-link_5epw4_1 a:focus:not(:focus-visible){outline:0}._purpur-link--text_5epw4_15 a,._purpur-link--standalone_5epw4_15 a,._purpur-link--navigation_5epw4_15 a{color:var(--purpur-color-text-interactive-primary)}._purpur-link--text_5epw4_15 a:hover,._purpur-link--standalone_5epw4_15 a:hover,._purpur-link--navigation_5epw4_15 a:hover{color:var(--purpur-color-text-interactive-primary-active);background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-link--text_5epw4_15 a:active,._purpur-link--standalone_5epw4_15 a:active,._purpur-link--navigation_5epw4_15 a:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-link--text_5epw4_15 a:visited:not(._purpur-link--disable-visited_5epw4_25>a),._purpur-link--standalone_5epw4_15 a:visited:not(._purpur-link--disable-visited_5epw4_25>a),._purpur-link--navigation_5epw4_15 a:visited:not(._purpur-link--disable-visited_5epw4_25>a){color:var(--purpur-color-text-interactive-primary-active)}._purpur-link--text-negative_5epw4_28 a,._purpur-link--standalone-negative_5epw4_28 a,._purpur-link--navigation-negative_5epw4_28 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-link--text-negative_5epw4_28 a:hover,._purpur-link--standalone-negative_5epw4_28 a:hover,._purpur-link--navigation-negative_5epw4_28 a:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-link--text-negative_5epw4_28 a:active,._purpur-link--standalone-negative_5epw4_28 a:active,._purpur-link--navigation-negative_5epw4_28 a:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--text-negative_5epw4_28 a:visited:not(._purpur-link--disable-visited_5epw4_25>a),._purpur-link--standalone-negative_5epw4_28 a:visited:not(._purpur-link--disable-visited_5epw4_25>a),._purpur-link--navigation-negative_5epw4_28 a:visited:not(._purpur-link--disable-visited_5epw4_25>a){color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--standalone_5epw4_15,._purpur-link--standalone-negative_5epw4_28{display:inline-block}._purpur-link--standalone_5epw4_15 a,._purpur-link--standalone-negative_5epw4_28 a{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);padding:var(--purpur-spacing-100) 0}._purpur-link--navigation_5epw4_15 a,._purpur-link--navigation-negative_5epw4_28 a{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);align-items:center;background-color:var(--purpur-color-functional-transparent);display:flex;font-weight:var(--purpur-typography-weight-medium);text-decoration:none}._purpur-link--navigation_5epw4_15 a:active,._purpur-link--navigation_5epw4_15 a:hover,._purpur-link--navigation-negative_5epw4_28 a:active,._purpur-link--navigation-negative_5epw4_28 a:hover{background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-link--ensure-target-area_5epw4_67,._purpur-link--ensure-target-area_5epw4_67 a{align-items:center;display:flex;min-height:var(--purpur-spacing-600);min-width:var(--purpur-spacing-600)}._purpur-link--silent_5epw4_73 a{background-color:inherit;color:inherit;height:100%;text-decoration:none}._purpur-link--silent_5epw4_73 a:hover,._purpur-link--silent_5epw4_73 a:focus,._purpur-link--silent_5epw4_73 a:active{background-color:inherit;color:inherit}._purpur-link--silent_5epw4_73 a:focus{outline:0}._purpur-link--silent_5epw4_73:is(._purpur-link--disable-visited_5epw4_25) a:visited{color:inherit}
+._purpur-link_vyo3b_1 a{align-items:center;cursor:pointer;display:inline-flex;gap:var(--purpur-spacing-50);text-decoration:underline}._purpur-link_vyo3b_1 a:focus,._purpur-link_vyo3b_1 a:active{outline:solid var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-25)}._purpur-link_vyo3b_1 a:focus:not(:focus-visible){outline:0}._purpur-link--text_vyo3b_15 a,._purpur-link--standalone_vyo3b_15 a,._purpur-link--navigation_vyo3b_15 a{color:var(--purpur-color-text-interactive-primary)}._purpur-link--text_vyo3b_15 a:hover,._purpur-link--standalone_vyo3b_15 a:hover,._purpur-link--navigation_vyo3b_15 a:hover{color:var(--purpur-color-text-interactive-primary-hover);background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-link--text_vyo3b_15 a:active,._purpur-link--standalone_vyo3b_15 a:active,._purpur-link--navigation_vyo3b_15 a:active{color:var(--purpur-color-text-interactive-primary-active);background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-link--text_vyo3b_15 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a),._purpur-link--standalone_vyo3b_15 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a),._purpur-link--navigation_vyo3b_15 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a){color:var(--purpur-color-text-interactive-primary-active)}._purpur-link--text-negative_vyo3b_29 a,._purpur-link--standalone-negative_vyo3b_29 a,._purpur-link--navigation-negative_vyo3b_29 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-link--text-negative_vyo3b_29 a:hover,._purpur-link--standalone-negative_vyo3b_29 a:hover,._purpur-link--navigation-negative_vyo3b_29 a:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-link--text-negative_vyo3b_29 a:active,._purpur-link--standalone-negative_vyo3b_29 a:active,._purpur-link--navigation-negative_vyo3b_29 a:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--text-negative_vyo3b_29 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a),._purpur-link--standalone-negative_vyo3b_29 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a),._purpur-link--navigation-negative_vyo3b_29 a:visited:not(._purpur-link--disable-visited_vyo3b_26>a){color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--standalone_vyo3b_15,._purpur-link--standalone-negative_vyo3b_29{display:inline-block}._purpur-link--standalone_vyo3b_15 a,._purpur-link--standalone-negative_vyo3b_29 a{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);padding:var(--purpur-spacing-100) 0}._purpur-link--navigation_vyo3b_15 a,._purpur-link--navigation-negative_vyo3b_29 a{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);align-items:center;background-color:var(--purpur-color-functional-transparent);display:flex;font-weight:var(--purpur-typography-weight-medium);text-decoration:none}._purpur-link--navigation_vyo3b_15 a:active,._purpur-link--navigation_vyo3b_15 a:hover,._purpur-link--navigation-negative_vyo3b_29 a:active,._purpur-link--navigation-negative_vyo3b_29 a:hover{background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-link--ensure-target-area_vyo3b_68,._purpur-link--ensure-target-area_vyo3b_68 a{align-items:center;display:flex;min-height:var(--purpur-spacing-600);min-width:var(--purpur-spacing-600)}._purpur-link--silent_vyo3b_74 a{background-color:inherit;color:inherit;height:100%;text-decoration:none}._purpur-link--silent_vyo3b_74 a:hover,._purpur-link--silent_vyo3b_74 a:focus,._purpur-link--silent_vyo3b_74 a:active{background-color:inherit;color:inherit}._purpur-link--silent_vyo3b_74 a:focus{outline:0}._purpur-link--silent_vyo3b_74:is(._purpur-link--disable-visited_vyo3b_26) a:visited{color:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/link",
-  "version": "5.2.0",
+  "version": "5.4.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/link.cjs.js",
   "types": "./dist/link.d.ts",
@@ -15,8 +15,8 @@
   "source": "src/link.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/paragraph": "5.2.0",
-    "@purpurds/tokens": "5.2.0"
+    "@purpurds/tokens": "5.4.0",
+    "@purpurds/paragraph": "5.4.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -27,7 +27,7 @@
     "@testing-library/dom": "~9.3.3",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~14.3.0",
-    "@types/node": "18",
+    "@types/node": "20.12.12",
     "@types/react-dom": "~18.3.0",
     "@types/react": "~18.3.0",
     "eslint-plugin-testing-library": "~6.2.0",
@@ -40,8 +40,8 @@
     "typescript": "~5.4.2",
     "vite": "~5.2.2",
     "vitest": "~1.5.0",
-    "@purpurds/icon": "5.2.0",
-    "@purpurds/component-rig": "1.0.0"
+    "@purpurds/component-rig": "1.0.0",
+    "@purpurds/icon": "5.4.0"
   },
   "scripts": {
     "build:dev": "vite",

package/src/link.module.scss

@@ -1,7 +1,7 @@
 @import "@purpurds/paragraph/src/paragraph.mixins.scss";
 
 .purpur-link {
-  $block: &;
+  $root: &;
 
   a {
     align-items: center;
@@ -28,15 +28,16 @@
       color: var(--purpur-color-text-interactive-primary);
 
       &:hover {
-        color: var(--purpur-color-text-interactive-primary-active);
+        color: var(--purpur-color-text-interactive-primary-hover);
         background-color: var(--purpur-color-background-interactive-transparent-hover);
       }
 
       &:active {
+        color: var(--purpur-color-text-interactive-primary-active);
         background-color: var(--purpur-color-background-interactive-transparent-active);
       }
 
-      &:visited:not(#{$block}--disable-visited > a) {
+      &:visited:not(#{$root}--disable-visited > a) {
         color: var(--purpur-color-text-interactive-primary-active);
       }
     }
@@ -50,7 +51,7 @@
 
       &:hover {
         background-color: var(--purpur-color-background-interactive-transparent-negative-hover);
-        color: var(--purpur-color-text-interactive-primary-negative);
+        color: var(--purpur-color-text-interactive-primary-negative-hover);
       }
 
       &:active {
@@ -58,7 +59,7 @@
         color: var(--purpur-color-text-interactive-primary-negative-active);
       }
 
-      &:visited:not(#{$block}--disable-visited > a) {
+      &:visited:not(#{$root}--disable-visited > a) {
         color: var(--purpur-color-text-interactive-primary-negative-active);
       }
     }
@@ -119,7 +120,7 @@
       outline: 0;
     }
 
-    &:is(#{$block}--disable-visited) {
+    &:is(#{$root}--disable-visited) {
       a {
         &:visited {
           color: inherit;
@@ -127,4 +128,4 @@
       }
     }
   }
-}
+}

package/src/link.stories.tsx

@@ -24,7 +24,12 @@ const meta: Meta<typeof Link> = {
     },
     target: { control: { type: "text" } },
   },
-  args: { negative: false },
+  args: {
+    negative: false,
+    href: "https://www.telia.se",
+    variant: linkVariants[0],
+    children: "Hello Link!",
+  },
   decorators: [
     (Story, context) => {
       const {
@@ -51,77 +56,25 @@ export default meta;
 type Story = StoryObj<typeof Link>;
 
 export const Showcase: Story = {
-  args: {
-    variant: linkVariants[0],
-    children: "Hello Link!",
-  },
-  render: ({ children, variant, negative, ...args }) => (
-    <div
-      style={{
-        backgroundColor: negative
-          ? "var(--purpur-color-background-tone-on-tone-primary)"
-          : undefined,
-        padding: "var(--purpur-spacing-200)",
-      }}
-    >
-      <Link variant={variant} negative={negative} {...args}>
-        <a href="https://www.telia.se" target="_blank" rel="noreferrer">
-          {children}
-        </a>
-      </Link>
-    </div>
-  ),
+  render: ({ children, ...args }) => <Link {...args}>{children}</Link>,
 };
 
 export const WithLeftIcon: Story = {
   name: "Link with left icon",
-  args: {
-    variant: linkVariants[0],
-    children: "Hello Link!",
-  },
-  render: ({ children, variant, ...args }) => (
-    <Link variant={variant} {...args}>
-      <a href="https://www.telia.se" target="_blank" rel="noreferrer">
-        <Icon svg={bloodPressure} size="xs" />
-        {children}
-      </a>
+  render: ({ children, ...args }) => (
+    <Link {...args}>
+      <Icon svg={bloodPressure} size="xs" />
+      {children}
     </Link>
   ),
 };
 
 export const WithRightIcon: Story = {
   name: "Link with right icon",
-  args: {
-    variant: linkVariants[0],
-    children: "Hello Link!",
-  },
-  render: ({ children, variant, negative, ...args }) => (
-    <div
-      style={{
-        backgroundColor: negative
-          ? "var(--purpur-color-background-tone-on-tone-primary)"
-          : undefined,
-      }}
-    >
-      <Link variant={variant} negative={negative} {...args}>
-        <a href="https://www.telia.se" target="_blank" rel="noreferrer">
-          {children}
-          <Icon svg={endUser} size="xs" />
-        </a>
-      </Link>
-    </div>
-  ),
-};
-
-export const WithoutAnchorAsChild: Story = {
-  name: "Link without anchor tag as child",
-  args: {
-    variant: linkVariants[0],
-    children: "Hello Link!",
-  },
-  render: ({ children, variant, ...args }) => (
-    <Link variant={variant} href="https://www.telia.se" target="_blank" {...args}>
+  render: ({ children, ...args }) => (
+    <Link {...args}>
       {children}
+      <Icon svg={endUser} size="xs" />
     </Link>
   ),
 };

package/src/link.tsx

@@ -29,10 +29,16 @@ export type LinkProps = {
    */
   ensureTargetArea?: boolean;
   /**
-   * This will wrap children in a <a/> tag and set the href accordingly
+   * This will wrap children in an `<a/>` tag and set the `href` accordingly.
    */
   href?: string;
   negative?: boolean;
+  /**
+   * If both `rel` and `href` are specified, the `rel` attribute will be added to the `<a/>` tag.
+   * The `rel` attribute specifies the relationship between the current document and the linked document.
+   * Common values include "noopener", "noreferrer", "nofollow", and "external".
+   */
+  rel?: React.ComponentProps<"a">["rel"];
   /**
    * A silent link is intended to wrap an element
    * to make it a link but not add any styling
@@ -40,13 +46,13 @@ export type LinkProps = {
    */
   silent?: boolean;
   /**
-   * if target and href is specified, target will be added to the <a/> tag
+   * If both `target` and `href` are specified, the `target` attribute will be added to the `<a/>` tag
    */
   target?: React.HTMLAttributeAnchorTarget;
   /**
    * Determines if link is displayed on its own line
-   * (standalone) or within the current text content
-   * (text).
+   * (`"standalone"`) or within the current text content
+   * (`"text"`).
    */
   variant: LinkVariant;
 };
@@ -59,6 +65,7 @@ export const Link = ({
   ensureTargetArea,
   href,
   negative = false,
+  rel,
   silent,
   target,
   variant,
@@ -80,7 +87,7 @@ export const Link = ({
     {...props}
   >
     {href ? (
-      <a href={href} target={target} {...props}>
+      <a href={href} target={target} rel={rel} {...props}>
         {children}
       </a>
     ) : (