@purpurds/cta-link 4.1.1 → 4.3.0

package/dist/cta-link.d.ts

@@ -1,4 +1,8 @@
 import React, { AnchorHTMLAttributes } from "react";
 import { ActionProps } from "@purpurds/action";
-export declare const CtaLink: ({ children, className, ["data-testid"]: dataTestid, fullWidth, iconOnly, size, variant, ...props }: ActionProps & AnchorHTMLAttributes<HTMLAnchorElement>) => React.JSX.Element;
+export declare const ctaLinkIcons: readonly ["forward", "external", "back", "phone"];
+export type CtaLinkIcon = typeof ctaLinkIcons[number];
+export declare const CtaLink: ({ children, className, ["data-testid"]: dataTestid, fullWidth, iconOnly, size, variant, icon, ...props }: ActionProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    icon?: "forward" | "external" | "back" | "phone" | undefined;
+}) => React.JSX.Element;
 //# sourceMappingURL=cta-link.d.ts.map

package/dist/cta-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cta-link.d.ts","sourceRoot":"","sources":["../src/cta-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAQ,MAAM,kBAAkB,CAAC;AAQrD,eAAO,MAAM,OAAO,uGASjB,WAAW,GAAG,qBAAqB,iBAAiB,CAAC,sBAuBvD,CAAC"}
+{"version":3,"file":"cta-link.d.ts","sourceRoot":"","sources":["../src/cta-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAQ,MAAM,kBAAkB,CAAC;AAQrD,eAAO,MAAM,YAAY,mDAAoD,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAStD,eAAO,MAAM,OAAO;;uBAuCnB,CAAC"}

package/dist/cta-link.es.js

@@ -1,13 +1,13 @@
-import { jsx as _, jsxs as g } from "react/jsx-runtime";
-const c = {
+import { jsx as c, jsxs as y } from "react/jsx-runtime";
+const o = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function y(t) {
+function x(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var f = { exports: {} };
+var g = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -15,36 +15,36 @@ var f = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function u() {
+    var l = {}.hasOwnProperty;
+    function a() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var n = arguments[e];
-        n && (r = i(r, p.call(this, n)));
+        n && (r = u(r, i.call(this, n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(this, r);
+        return a.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
       for (var n in r)
-        a.call(r, n) && r[n] && (e = i(e, this && this[n] || n));
+        l.call(r, n) && r[n] && (e = u(e, this && this[n] || n));
       return e;
     }
-    function i(r, e) {
+    function u(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
-    t.exports ? (u.default = u, t.exports = u) : window.classNames = u;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(f);
-var k = f.exports;
-const h = /* @__PURE__ */ y(k), x = {
+})(g);
+var k = g.exports;
+const b = /* @__PURE__ */ x(k), $ = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -52,35 +52,50 @@ const h = /* @__PURE__ */ y(k), x = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, b = {
+}, M = {
+  name: "arrow-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
+  keywords: ["arrow-left"],
+  category: "utility"
+}, S = {
   name: "arrow-right",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.9 12a.9.9 0 0 1-.264.636l-5.5 5.5a.9.9 0 0 1-1.272-1.272l3.963-3.964H4a.9.9 0 0 1 0-1.8h13.827l-3.963-3.964a.9.9 0 1 1 1.272-1.272l5.5 5.5A.9.9 0 0 1 20.9 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["arrow-right"],
   category: "utility"
-}, w = h.bind(x), o = "purpur-icon", $ = "md", S = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), j = ({ content: t = "", title: a } = {}) => {
-  const u = [
+}, j = {
+  name: "external",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M15 3.4a.9.9 0 1 1 0-1.8h6.5a.9.9 0 0 1 .9.9V9a.9.9 0 1 1-1.8 0V4.673l-7.964 7.963a.9.9 0 1 1-1.272-1.272L19.327 3.4H15ZM1.6 5c0-1.05.85-1.9 1.9-1.9h6a.9.9 0 0 1 0 1.8h-6a.1.1 0 0 0-.1.1v15.5a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1V14a.9.9 0 1 1 1.8 0v6.5a1.9 1.9 0 0 1-1.9 1.9h-16a1.9 1.9 0 0 1-1.9-1.9V5Z" clip-rule="evenodd"/></svg>',
+  keywords: ["external"],
+  category: "media"
+}, L = {
+  name: "phone",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.341 2.228c.75-.622 1.73-.43 2.305.145l2.783 2.783a1.9 1.9 0 0 1 0 2.687L8.843 9.43a.1.1 0 0 0 0 .142l5.586 5.585a.1.1 0 0 0 .142 0l1.585-1.585a1.9 1.9 0 0 1 2.687 0l3.5 3.5c.343.342.698 1.023.31 1.742-.346.645-1.173 1.615-3.154 2.936-1.75 1.167-3.667 1.269-5.297.903-1.61-.361-3.015-1.192-3.839-2.016a.9.9 0 0 1 1.273-1.272c.573.572 1.669 1.242 2.96 1.532 1.27.285 2.656.188 3.905-.645 1.483-.989 2.137-1.68 2.418-2.06l-3.348-3.347a.1.1 0 0 0-.142 0l-1.586 1.585a1.9 1.9 0 0 1-2.687 0l-5.585-5.585a1.9 1.9 0 0 1 0-2.688l1.585-1.585a.1.1 0 0 0 0-.142L6.41 3.682c-.447.383-1.183 1.102-2.206 2.38-.878 1.097-1.14 2.08-1.127 2.951.013.898.323 1.758.732 2.59.24.488.733 1.079 1.551 1.88.561.549 1.227 1.152 2.002 1.854.344.312.71.644 1.098 1a.9.9 0 0 1-1.215 1.327c-.367-.336-.722-.658-1.061-.965a77.443 77.443 0 0 1-2.082-1.93c-.831-.813-1.523-1.586-1.909-2.372-.456-.93-.896-2.07-.916-3.356-.02-1.314.399-2.7 1.521-4.103 1.148-1.435 1.995-2.254 2.544-2.71Z" clip-rule="evenodd"/></svg>',
+  keywords: ["phone"],
+  category: "device"
+}, O = b.bind($), _ = "purpur-icon", C = "md", q = (t) => t.filter((l) => Object.keys(l).length >= 1).map((l) => `${l.name}="${l.value}"`).join(" "), N = ({ content: t = "", title: l } = {}) => {
+  const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = a ? `<title>${a}</title>` : "";
-  return `<svg ${S(u)}>${p}${t}</svg>`;
-}, O = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), M = ({
+    l ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = l ? `<title>${l}</title>` : "";
+  return `<svg ${q(a)}>${i}${t}</svg>`;
+}, A = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), f = ({
   ["data-testid"]: t,
-  svg: a,
-  allyTitle: u,
-  className: p = "",
-  size: i = $,
+  svg: l,
+  allyTitle: a,
+  className: i = "",
+  size: u = C,
   ...r
 }) => {
-  const e = j({
-    content: O(a.svg),
-    title: u
-  }), n = w(p, o, `${o}--${i}`);
-  return /* @__PURE__ */ _(
+  const e = N({
+    content: A(l.svg),
+    title: a
+  }), n = O(i, _, `${_}--${u}`);
+  return /* @__PURE__ */ c(
     "span",
     {
-      "aria-label": u,
+      "aria-label": a,
       className: n,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -88,10 +103,10 @@ const h = /* @__PURE__ */ y(k), x = {
     }
   );
 };
-function q(t) {
+function H(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var d = { exports: {} };
+var m = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -99,36 +114,36 @@ var d = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function u() {
+    var l = {}.hasOwnProperty;
+    function a() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var n = arguments[e];
-        n && (r = i(r, p(n)));
+        n && (r = u(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(null, r);
+        return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
       for (var n in r)
-        a.call(r, n) && r[n] && (e = i(e, n));
+        l.call(r, n) && r[n] && (e = u(e, n));
       return e;
     }
-    function i(r, e) {
+    function u(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
-    t.exports ? (u.default = u, t.exports = u) : window.classNames = u;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(d);
-var N = d.exports;
-const A = /* @__PURE__ */ q(N), l = {
+})(m);
+var V = m.exports;
+const B = /* @__PURE__ */ H(V), s = {
   "purpur-cta-link": "_purpur-cta-link_e7abc_1",
   "purpur-cta-link--sm": "_purpur-cta-link--sm_e7abc_33",
   "purpur-cta-link--icon-only": "_purpur-cta-link--icon-only_e7abc_36",
@@ -142,36 +157,43 @@ const A = /* @__PURE__ */ q(N), l = {
   "purpur-cta-link--secondary-negative": "_purpur-cta-link--secondary-negative_e7abc_87",
   "purpur-cta-link--expressive": "_purpur-cta-link--expressive_e7abc_98",
   "purpur-cta-link--expressive-negative": "_purpur-cta-link--expressive-negative_e7abc_108"
-}, s = "purpur-cta-link", C = ({
+}, p = "purpur-cta-link", D = ["forward", "external", "back", "phone"], P = {
+  forward: S,
+  external: j,
+  back: M,
+  phone: L
+}, I = ({
   children: t,
-  className: a,
-  ["data-testid"]: u,
-  fullWidth: p = !1,
-  iconOnly: i,
-  size: r = c.MD,
+  className: l,
+  ["data-testid"]: a,
+  fullWidth: i = !1,
+  iconOnly: u,
+  size: r = o.MD,
   variant: e,
-  ...n
+  icon: n = "forward",
+  ...d
 }) => {
-  const v = A(
+  const w = B(
     [
-      a,
-      l[s],
-      l[`${s}--${e}`],
-      l[`${s}--${r}`]
+      l,
+      s[p],
+      s[`${p}--${e}`],
+      s[`${p}--${r}`]
     ],
     {
-      [l[`${s}--icon-only`]]: i,
-      [l[`${s}--negative`]]: e.endsWith("negative"),
-      [l[`${s}--full-width`]]: p
+      [s[`${p}--icon-only`]]: u,
+      [s[`${p}--negative`]]: e.endsWith("negative"),
+      [s[`${p}--full-width`]]: i
     }
-  ), m = n.href ? "a" : "span";
-  return /* @__PURE__ */ g(m, { className: v, "data-testid": u, ...n, children: [
-    t && !i && t,
-    " ",
-    /* @__PURE__ */ _(M, { svg: b, size: r === c.LG ? "sm" : "xs" })
+  ), h = d.href ? "a" : "span", v = P[n];
+  return /* @__PURE__ */ y(h, { className: w, "data-testid": a, ...d, children: [
+    (n === "back" || n === "phone") && /* @__PURE__ */ c(f, { svg: v, size: r === o.LG ? "sm" : "xs" }),
+    !u && t,
+    (n === "forward" || n === "external") && /* @__PURE__ */ c(f, { svg: v, size: r === o.LG ? "sm" : "xs" })
   ] });
 };
 export {
-  C as CtaLink
+  I as CtaLink,
+  D as ctaLinkIcons
 };
 //# sourceMappingURL=cta-link.es.js.map