@purpurds/content-block 5.13.0 → 5.15.0

package/dist/content-block.d.ts

@@ -1,5 +1,5 @@
-import { HeadingTagType } from '@purpurds/heading';
 import { default as React, DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+import { HeadingTagType } from '@purpurds/heading';
 
 type Cta = {
     href: string;

package/dist/content-block.es.js

@@ -1,6 +1,6 @@
-import { jsxs as y, jsx as l, Fragment as K } from "react/jsx-runtime";
-import S, { forwardRef as Y, Children as J } from "react";
-function Q(t) {
+import { jsxs as y, jsx as l, Fragment as Y } from "react/jsx-runtime";
+import A, { forwardRef as J, Children as K } from "react";
+function X(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var j = { exports: {} };
@@ -39,8 +39,8 @@ var j = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(j);
-var X = j.exports;
-const rr = /* @__PURE__ */ Q(X), er = {
+var Q = j.exports;
+const rr = /* @__PURE__ */ X(Q), er = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -83,7 +83,7 @@ const rr = /* @__PURE__ */ Q(X), er = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["tag"],
   category: "other"
-}, or = rr.bind(er), A = "purpur-icon", sr = "md", cr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), dr = ({ content: t = "", title: u } = {}) => {
+}, or = rr.bind(er), S = "purpur-icon", sr = "md", cr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), dr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -102,7 +102,7 @@ const rr = /* @__PURE__ */ Q(X), er = {
   const e = dr({
     content: _r(u.svg),
     title: n
-  }), a = or(i, A, `${A}--${p}`);
+  }), a = or(i, S, `${S}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -266,12 +266,12 @@ const xr = /* @__PURE__ */ wr(br), kr = {
   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"
-}, Sr = {
+}, Ar = {
   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"
-}, Ar = {
+}, Sr = {
   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"],
@@ -363,10 +363,10 @@ const Er = /* @__PURE__ */ Ir(jr), Lr = {
   "purpur-cta-link--expressive-negative": "_purpur-cta-link--expressive-negative_1mhg7_108"
 }, Pr = Er.bind(Lr), h = "purpur-cta-link", Rr = {
   forward: Nr,
-  external: Sr,
+  external: Ar,
   back: $r,
-  phone: Ar
-}, Cr = Y(
+  phone: Sr
+}, Cr = J(
   ({
     children: t,
     className: u,
@@ -391,7 +391,7 @@ const Er = /* @__PURE__ */ Ir(jr), Lr = {
         [`${h}--negative`]: r,
         [`${h}--full-width`]: i
       }
-    ), b = Rr[o], x = /* @__PURE__ */ y(K, { children: [
+    ), b = Rr[o], x = /* @__PURE__ */ y(Y, { children: [
       (o === "back" || o === "phone") && /* @__PURE__ */ l(q, { svg: b, size: e === "lg" ? "sm" : "xs" }),
       !p && t,
       (o === "forward" || o === "external") && /* @__PURE__ */ l(q, { svg: b, size: e === "lg" ? "sm" : "xs" })
@@ -459,7 +459,7 @@ const Vr = /* @__PURE__ */ Br(Hr), $ = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, Gr = {
+}, Dr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -475,7 +475,7 @@ const Vr = /* @__PURE__ */ Br(Hr), $ = {
   enableHyphenation: i = !1,
   negative: p = !1,
   tag: r,
-  variant: e = Gr.TITLE100,
+  variant: e = Dr.TITLE100,
   ...a
 }) => {
   const o = r, g = Vr([
@@ -490,7 +490,7 @@ const Vr = /* @__PURE__ */ Br(Hr), $ = {
   return /* @__PURE__ */ l(o, { ...a, className: g, "data-testid": t, children: u });
 };
 C.displayName = "Heading";
-function Dr(t) {
+function Gr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var B = { exports: {} };
@@ -530,7 +530,7 @@ var B = { exports: {} };
   })();
 })(B);
 var zr = B.exports;
-const Fr = /* @__PURE__ */ Dr(zr), Ur = {
+const Fr = /* @__PURE__ */ Gr(zr), Ur = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -551,26 +551,26 @@ const Fr = /* @__PURE__ */ Dr(zr), Ur = {
   }
 );
 H.displayName = "IconCheckmark";
-const Kr = Fr.bind(Ur), T = "purpur-icon", Yr = "md", Jr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Qr = ({ content: t = "", title: u } = {}) => {
+const Yr = Fr.bind(Ur), T = "purpur-icon", Jr = "md", Kr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = u ? `<title>${u}</title>` : "";
-  return `<svg ${Jr(n)}>${i}${t}</svg>`;
-}, Xr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
+  return `<svg ${Kr(n)}>${i}${t}</svg>`;
+}, Qr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: i,
-  size: p = Yr,
+  size: p = Jr,
   ...r
 }) => {
-  const e = Qr({
-    content: Xr(u.svg),
+  const e = Xr({
+    content: Qr(u.svg),
     title: n
-  }), a = Kr(i, T, `${T}--${p}`);
+  }), a = Yr(i, T, `${T}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -648,7 +648,7 @@ const ae = /* @__PURE__ */ ee(te), m = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, f = "purpur-paragraph", G = ({
+}, f = "purpur-paragraph", D = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -670,11 +670,11 @@ const ae = /* @__PURE__ */ ee(te), m = {
   ]);
   return /* @__PURE__ */ l("p", { ...a, className: o, "data-testid": t, children: u });
 };
-G.displayName = "Paragraph";
+D.displayName = "Paragraph";
 function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var D = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -709,8 +709,8 @@ var D = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(D);
-var pe = D.exports;
+})(G);
+var pe = G.exports;
 const z = /* @__PURE__ */ ue(pe), ie = {
   "purpur-content-block": "_purpur-content-block_1c7ua_1",
   "purpur-content-block__section": "_purpur-content-block__section_1c7ua_18",
@@ -741,7 +741,7 @@ const z = /* @__PURE__ */ ue(pe), ie = {
       [`${I}--negative`]: n
     }
   ]);
-  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: J.map(t, (a) => S.isValidElement(a) ? S.cloneElement(a, { negative: n }) : a) });
+  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: K.map(t, (a) => A.isValidElement(a) ? A.cloneElement(a, { negative: n }) : a) });
 };
 F.displayName = "ContentBlockGroup";
 const c = z.bind(ie), s = "purpur-content-block", U = ({
@@ -782,7 +782,7 @@ const c = z.bind(ie), s = "purpur-content-block", U = ({
               className: c(`${s}__usp-list-item-icon`)
             }
           ),
-          /* @__PURE__ */ l(G, { negative: n, children: d })
+          /* @__PURE__ */ l(D, { negative: n, children: d })
         ] }, d)
       ) }) : null,
       a && a.length > 0 && /* @__PURE__ */ l("div", { className: c(`${s}__links`), children: a.map(