@purpurds/content-block 5.24.2 → 5.25.0

package/dist/content-block.es.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as l, Fragment as K } from "react/jsx-runtime";
+import { jsxs as w, jsx as l, Fragment as K } from "react/jsx-runtime";
 import S, { forwardRef as X, Children as Q } from "react";
 function rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -165,7 +165,7 @@ const fr = /* @__PURE__ */ vr(mr), M = {
   "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
   "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
-}, Z = "purpur-badge", _ = {
+}, Z = "purpur-badge", g = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -176,20 +176,20 @@ const fr = /* @__PURE__ */ vr(mr), M = {
   BLACK_FRIDAY: "black-friday"
 }, yr = (t) => {
   switch (t) {
-    case _.ATTENTION:
-    case _.SPECIAL:
+    case g.ATTENTION:
+    case g.SPECIAL:
       return lr;
-    case _.INFORMATION:
+    case g.INFORMATION:
       return ir;
-    case _.SUCCESS:
+    case g.SUCCESS:
       return ur;
-    case _.WARNING:
+    case g.WARNING:
       return nr;
-    case _.ERROR:
+    case g.ERROR:
       return pr;
-    case _.NEUTRAL:
+    case g.NEUTRAL:
       return or;
-    case _.BLACK_FRIDAY:
+    case g.BLACK_FRIDAY:
       return sr;
     default:
       return;
@@ -204,7 +204,7 @@ const fr = /* @__PURE__ */ vr(mr), M = {
   ...e
 }) => {
   const a = yr(n), o = fr([r, M[Z], M[`${Z}--${n}`]]);
-  return /* @__PURE__ */ y("span", { "aria-label": p, className: o, "data-testid": i, ...e, children: [
+  return /* @__PURE__ */ w("span", { "aria-label": p, className: o, "data-testid": i, ...e, children: [
     u && a && /* @__PURE__ */ l(E, { "data-testid": `${i}-icon`, allyTitle: p, size: "xs", svg: a }),
     t
   ] });
@@ -363,7 +363,7 @@ const Lr = /* @__PURE__ */ jr(Er), Pr = {
   "purpur-cta-link--secondary-negative": "_purpur-cta-link--secondary-negative_1mhg7_87",
   "purpur-cta-link--expressive": "_purpur-cta-link--expressive_1mhg7_98",
   "purpur-cta-link--expressive-negative": "_purpur-cta-link--expressive-negative_1mhg7_108"
-}, Rr = Lr.bind(Pr), h = "purpur-cta-link", Cr = {
+}, Rr = Lr.bind(Pr), v = "purpur-cta-link", Cr = {
   forward: Ar,
   external: Sr,
   back: Nr,
@@ -375,34 +375,35 @@ const Lr = /* @__PURE__ */ jr(Er), Pr = {
     ["data-testid"]: n,
     fullWidth: i = !1,
     iconOnly: p = !1,
-    negative: r = !1,
-    size: e = "md",
-    variant: a,
-    icon: o = "forward",
-    ...g
-  }, w) => {
-    const v = Rr(
+    showIcon: r = !0,
+    negative: e = !1,
+    size: a = "md",
+    variant: o,
+    icon: _ = "forward",
+    ...m
+  }, h) => {
+    const N = Rr(
       [
         u,
-        h,
-        `${h}--${r ? `${a}-negative` : a}`,
-        `${h}--${e}`
+        v,
+        `${v}--${e ? `${o}-negative` : o}`,
+        `${v}--${a}`
       ],
       {
-        [`${h}--icon-only`]: p,
-        [`${h}--negative`]: r,
-        [`${h}--full-width`]: i
+        [`${v}--icon-only`]: p,
+        [`${v}--negative`]: e,
+        [`${v}--full-width`]: i
       }
-    ), b = Cr[o], x = /* @__PURE__ */ y(K, { children: [
-      (o === "back" || o === "phone") && /* @__PURE__ */ l(A, { svg: b, size: e === "lg" ? "sm" : "xs" }),
-      !p && t,
-      (o === "forward" || o === "external") && /* @__PURE__ */ l(A, { svg: b, size: e === "lg" ? "sm" : "xs" })
-    ] }), k = {
-      ...g,
-      className: v,
+    ), b = Cr[_], x = /* @__PURE__ */ w(K, { children: [
+      r && (_ === "back" || _ === "phone") && /* @__PURE__ */ l(A, { svg: b, size: a === "lg" ? "sm" : "xs" }),
+      (!p || p && !r) && t,
+      r && (_ === "forward" || _ === "external") && /* @__PURE__ */ l(A, { svg: b, size: a === "lg" ? "sm" : "xs" })
+    ] }), s = {
+      ...m,
+      className: N,
       "data-testid": n
     };
-    return "href" in g && g.href ? /* @__PURE__ */ l("a", { ...k, ref: w, children: x }) : /* @__PURE__ */ l("span", { ...k, ref: w, children: x });
+    return "href" in m && m.href ? /* @__PURE__ */ l("a", { ...s, ref: h, children: x }) : /* @__PURE__ */ l("span", { ...s, ref: h, children: x });
   }
 );
 function Hr(t) {
@@ -445,7 +446,7 @@ var C = { exports: {} };
   })();
 })(C);
 var Vr = C.exports;
-const Dr = /* @__PURE__ */ Hr(Vr), $ = {
+const Dr = /* @__PURE__ */ Hr(Vr), k = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -470,7 +471,7 @@ const Dr = /* @__PURE__ */ Hr(Vr), $ = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, N = "purpur-heading", B = ({
+}, $ = "purpur-heading", B = ({
   ["data-testid"]: t,
   children: u,
   className: n = "",
@@ -480,16 +481,16 @@ const Dr = /* @__PURE__ */ Hr(Vr), $ = {
   variant: e = Gr.TITLE100,
   ...a
 }) => {
-  const o = r, g = Dr([
+  const o = r, _ = Dr([
     n,
-    $[N],
-    $[`${N}--${e}`],
+    k[$],
+    k[`${$}--${e}`],
     {
-      [$[`${N}--hyphens`]]: i,
-      [$[`${N}--negative`]]: p
+      [k[`${$}--hyphens`]]: i,
+      [k[`${$}--negative`]]: p
     }
   ]);
-  return /* @__PURE__ */ l(o, { ...a, className: g, "data-testid": t, children: u });
+  return /* @__PURE__ */ l(o, { ...a, className: _, "data-testid": t, children: u });
 };
 B.displayName = "Heading";
 function zr(t) {
@@ -625,7 +626,7 @@ var G = { exports: {} };
   })();
 })(G);
 var te = G.exports;
-const ae = /* @__PURE__ */ ee(te), m = {
+const ae = /* @__PURE__ */ ee(te), f = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -651,7 +652,7 @@ const ae = /* @__PURE__ */ ee(te), m = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, f = "purpur-paragraph", z = ({
+}, y = "purpur-paragraph", z = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -663,12 +664,12 @@ const ae = /* @__PURE__ */ ee(te), m = {
 }) => {
   const o = ae([
     n,
-    m[f],
-    m[`${f}--${e}`],
+    f[y],
+    f[`${y}--${e}`],
     {
-      [m[`${f}--hyphens`]]: p,
-      [m[`${f}--disabled`]]: i,
-      [m[`${f}--negative`]]: r
+      [f[`${y}--hyphens`]]: p,
+      [f[`${y}--disabled`]]: i,
+      [f[`${y}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...a, className: o, "data-testid": t, children: u });
@@ -747,7 +748,7 @@ const U = /* @__PURE__ */ ue(pe), ie = {
   return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: Q.map(t, (a) => S.isValidElement(a) ? S.cloneElement(a, { negative: n }) : a) });
 };
 W.displayName = "ContentBlockGroup";
-const c = U.bind(ie), s = "purpur-content-block", Y = ({
+const d = U.bind(ie), c = "purpur-content-block", Y = ({
   ["data-testid"]: t,
   className: u,
   negative: n,
@@ -757,48 +758,48 @@ const c = U.bind(ie), s = "purpur-content-block", Y = ({
   title: e,
   ctas: a,
   usp: o,
-  headingTag: g = "h2",
-  headingVariant: w = "title-300",
-  onCtaClick: v,
-  children: b,
-  ...x
+  headingTag: _ = "h2",
+  headingVariant: m = "title-300",
+  onCtaClick: h,
+  children: N,
+  ...b
 }) => {
-  const k = c([
+  const x = d([
     u,
-    s,
+    c,
     {
-      [`${s}--negative`]: n
+      [`${c}--negative`]: n
     }
   ]);
-  return /* @__PURE__ */ y("div", { "data-testid": t, className: k, ...x, children: [
-    /* @__PURE__ */ l("div", { className: c(`${s}__section`), children: p ? /* @__PURE__ */ l("div", { className: c(`${s}__video-wrapper`), children: p }) : /* @__PURE__ */ l("div", { className: c(`${s}__image-wrapper`), children: i }) }),
-    /* @__PURE__ */ l("div", { className: c(`${s}__section`), children: /* @__PURE__ */ y("div", { className: c(`${s}__content-wrapper`), children: [
-      r ? /* @__PURE__ */ l(wr, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
-      e && e.trim() && /* @__PURE__ */ l(B, { variant: w, tag: g, negative: n, children: e }),
-      /* @__PURE__ */ l("div", { className: c(`${s}__content`), children: b }),
-      o != null && o.length ? /* @__PURE__ */ l("ul", { className: c(`${s}__usp-list`), children: o.map(
-        (d) => d && /* @__PURE__ */ y("li", { className: c(`${s}__usp-list-item`), children: [
+  return /* @__PURE__ */ w("div", { "data-testid": t, className: x, ...b, children: [
+    /* @__PURE__ */ l("div", { className: d(`${c}__section`), children: p ? /* @__PURE__ */ l("div", { className: d(`${c}__video-wrapper`), children: p }) : /* @__PURE__ */ l("div", { className: d(`${c}__image-wrapper`), children: i }) }),
+    /* @__PURE__ */ l("div", { className: d(`${c}__section`), children: /* @__PURE__ */ w("div", { className: d(`${c}__content-wrapper`), children: [
+      r ? /* @__PURE__ */ l(wr, { variant: "special", className: d(`${c}__badge`), children: r }) : null,
+      e && e.trim() && /* @__PURE__ */ l(B, { variant: m, tag: _, negative: n, children: e }),
+      /* @__PURE__ */ l("div", { className: d(`${c}__content`), children: N }),
+      o != null && o.length ? /* @__PURE__ */ l("ul", { className: d(`${c}__usp-list`), children: o.map(
+        (s) => s && /* @__PURE__ */ w("li", { className: d(`${c}__usp-list-item`), children: [
           /* @__PURE__ */ l(
             V,
             {
               size: "xs",
-              className: c(`${s}__usp-list-item-icon`)
+              className: d(`${c}__usp-list-item-icon`)
             }
           ),
-          /* @__PURE__ */ l(z, { negative: n, children: d })
-        ] }, d)
+          /* @__PURE__ */ l(z, { negative: n, children: s })
+        ] }, s)
       ) }) : null,
-      a && a.length > 0 && /* @__PURE__ */ l("div", { className: c(`${s}__links`), children: a.map(
-        (d, J) => d.href && /* @__PURE__ */ l(
+      a && a.length > 0 && /* @__PURE__ */ l("div", { className: d(`${c}__links`), children: a.map(
+        (s, J) => s.href && /* @__PURE__ */ l(
           Br,
           {
-            href: d.href,
+            href: s.href,
             variant: J === 0 ? "primary" : "secondary",
             negative: n,
-            onClick: () => v == null ? void 0 : v(d),
-            children: d.text
+            onClick: () => h == null ? void 0 : h(s),
+            children: s.text
           },
-          d.text + d.href
+          s.text + s.href
         )
       ) })
     ] }) })