@purpurds/card 8.11.0 → 8.12.1

package/dist/card.es.js

@@ -4,9 +4,9 @@ function cr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var C = { exports: {} };
-var q;
+var z;
 function lr() {
-  return q || (q = 1, (function(t) {
+  return z || (z = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -47,9 +47,9 @@ const c = /* @__PURE__ */ cr(dr), _r = {
 function gr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var R = { exports: {} }, H;
+var q = { exports: {} }, R;
 function hr() {
-  return H || (H = 1, (function(t) {
+  return R || (R = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -78,7 +78,7 @@ function hr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  })(R)), R.exports;
+  })(q)), q.exports;
 }
 var vr = hr();
 const mr = /* @__PURE__ */ gr(vr), fr = {
@@ -89,7 +89,7 @@ const mr = /* @__PURE__ */ gr(vr), fr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, yr = mr.bind(fr), P = "purpur-icon", $r = "md", br = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xr = ({ content: t = "", title: u } = {}) => {
+}, yr = mr.bind(fr), H = "purpur-icon", $r = "md", br = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xr = ({ content: t = "", title: u } = {}) => {
   const e = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -101,7 +101,7 @@ const mr = /* @__PURE__ */ gr(vr), fr = {
   const r = xr({
     content: wr(t.svg),
     title: u
-  }), a = yr(P, `${P}--${p}`, e);
+  }), a = yr(H, `${H}--${p}`, e);
   return /* @__PURE__ */ s("span", { className: a, dangerouslySetInnerHTML: { __html: r }, ...i });
 };
 X.displayName = "Icon";
@@ -149,9 +149,9 @@ const Nr = {
 function Mr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var E = { exports: {} }, L;
-function qr() {
-  return L || (L = 1, (function(t) {
+var P = { exports: {} }, E;
+function zr() {
+  return E || (E = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -180,10 +180,10 @@ function qr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  })(E)), E.exports;
+  })(P)), P.exports;
 }
-var Rr = qr();
-const T = /* @__PURE__ */ Mr(Rr), S = {
+var qr = zr();
+const L = /* @__PURE__ */ Mr(qr), S = {
   "purpur-badge": "_purpur-badge_1nup9_1",
   "purpur-badge__icon": "_purpur-badge__icon_1nup9_13",
   "purpur-badge--attention": "_purpur-badge--attention_1nup9_17",
@@ -205,7 +205,7 @@ const T = /* @__PURE__ */ Mr(Rr), S = {
   SPECIAL: "special",
   SUCCESS: "success",
   WARNING: "warning"
-}, Hr = (t) => {
+}, Rr = (t) => {
   switch (t) {
     case d.ATTENTION:
     case d.SPECIAL:
@@ -227,7 +227,7 @@ const T = /* @__PURE__ */ Mr(Rr), S = {
     default:
       return;
   }
-}, Pr = ({
+}, Hr = ({
   children: t,
   showIcon: u = !0,
   iconAllyTitle: e,
@@ -236,7 +236,7 @@ const T = /* @__PURE__ */ Mr(Rr), S = {
   className: r = "",
   ...a
 }) => {
-  const n = Hr(p), o = T([r, S[A], S[`${A}--${p}`]]);
+  const n = Rr(p), o = L([r, S[A], S[`${A}--${p}`]]);
   return /* @__PURE__ */ y("span", { className: o, "data-testid": i, ...a, children: [
     u && n && /* @__PURE__ */ s(
       X,
@@ -245,34 +245,34 @@ const T = /* @__PURE__ */ Mr(Rr), S = {
         allyTitle: e,
         size: "xs",
         svg: n,
-        className: T(S[`${A}__icon`])
+        className: L(S[`${A}__icon`])
       }
     ),
     t
   ] });
-}, Er = {
+}, Pr = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, Lr = c.bind(Er), Tr = "purpur-card-badge", Br = ({
+}, Er = c.bind(Pr), Lr = "purpur-card-badge", Tr = ({
   ["data-testid"]: t = "purpur-card-badge",
   variant: u,
   text: e
 }) => u && e ? /* @__PURE__ */ s(
-  Pr,
+  Hr,
   {
-    className: Lr(Tr),
+    className: Er(Lr),
     variant: u,
     showIcon: !1,
     "data-testid": t,
     children: e
   }
-) : null, Ir = {
+) : null, Br = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, zr = c.bind(Ir), Vr = "purpur-card-content", Fr = ({
+}, Ir = c.bind(Br), Vr = "purpur-card-content", Fr = ({
   ["data-testid"]: t = "purpur-card-content",
   children: u,
   className: e,
   ...p
-}) => /* @__PURE__ */ s("div", { className: zr(Vr, e), "data-testid": t, ...p, children: u }), Gr = {
+}) => /* @__PURE__ */ s("div", { className: Ir(Vr, e), "data-testid": t, ...p, children: u }), Gr = {
   "purpur-card-content-container": "_purpur-card-content-container_2oha5_1",
   "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_2oha5_6",
   "purpur-card-content-container--footer": "_purpur-card-content-container--footer_2oha5_21",
@@ -308,9 +308,9 @@ const T = /* @__PURE__ */ Mr(Rr), S = {
 function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var B = { exports: {} }, I;
+var T = { exports: {} }, B;
 function Wr() {
-  return I || (I = 1, (function(t) {
+  return B || (B = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -339,7 +339,7 @@ function Wr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  })(B)), B.exports;
+  })(T)), T.exports;
 }
 var Yr = Wr();
 const Jr = /* @__PURE__ */ Kr(Yr), Xr = "_rotate_12t9p_1", Qr = "_dash_12t9p_1", rt = {
@@ -354,7 +354,7 @@ const Jr = /* @__PURE__ */ Kr(Yr), Xr = "_rotate_12t9p_1", Qr = "_dash_12t9p_1",
   dash: Qr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, z = Jr.bind(rt), v = "purpur-spinner", tt = {
+}, I = Jr.bind(rt), v = "purpur-spinner", tt = {
   SM: "sm"
 }, Q = ({
   disabled: t = !1,
@@ -362,10 +362,10 @@ const Jr = /* @__PURE__ */ Kr(Yr), Xr = "_rotate_12t9p_1", Qr = "_dash_12t9p_1",
   size: e = tt.SM,
   className: p,
   ...i
-}) => /* @__PURE__ */ s("div", { className: z(v, `${v}--${e}`, p), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s("div", { className: I(v, `${v}--${e}`, p), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: z(`${v}__circle`, {
+    className: I(`${v}__circle`, {
       [`${v}__circle--disabled`]: t,
       [`${v}__circle--negative`]: u
     }),
@@ -535,20 +535,21 @@ function mt() {
 }
 var ft = mt();
 const yt = /* @__PURE__ */ vt(ft), $t = {
-  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
+  "purpur-paragraph": "_purpur-paragraph_1vz75_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1vz75_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1vz75_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1vz75_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1vz75_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1vz75_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1vz75_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1vz75_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1vz75_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1vz75_60",
+  "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
 }, bt = yt.bind($t), xt = {
   PARAGRAPH100: "paragraph-100"
 }, m = "purpur-paragraph", M = ({
@@ -725,7 +726,7 @@ const kt = {
       children: r
     }
   );
-}, N = c.bind(kt), h = "purpur-card-heading", qt = ({
+}, N = c.bind(kt), h = "purpur-card-heading", zt = ({
   ["data-testid"]: t = "purpur-card-heading",
   ["aria-label"]: u,
   title: e,
@@ -771,17 +772,17 @@ const kt = {
     ] }),
     i
   ] });
-}, Rt = {
+}, qt = {
   "purpur-card-media": "_purpur-card-media_1om4o_1"
-}, Ht = c.bind(Rt), Pt = "purpur-card-media", Et = ({
+}, Rt = c.bind(qt), Ht = "purpur-card-media", Pt = ({
   ["data-testid"]: t = "purpur-card-media",
   className: u,
   children: e,
   ...p
-}) => /* @__PURE__ */ s("div", { ...p, className: Ht([Pt, u]), "data-testid": t, children: e }), Lt = {
+}) => /* @__PURE__ */ s("div", { ...p, className: Rt([Ht, u]), "data-testid": t, children: e }), Et = {
   "purpur-card-media-layout": "_purpur-card-media-layout_h3935_1",
   "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_h3935_11"
-}, Tt = c.bind(Lt), J = "purpur-card-media-layout", Bt = ({
+}, Lt = c.bind(Et), J = "purpur-card-media-layout", Tt = ({
   ["data-testid"]: t = "purpur-card-media-layout",
   className: u,
   children: e,
@@ -791,16 +792,16 @@ const kt = {
   "div",
   {
     ...i,
-    className: Tt(J, u, { [`${J}--image-top`]: p }),
+    className: Lt(J, u, { [`${J}--image-top`]: p }),
     "data-testid": t,
     children: e
   }
-), It = {
+), Bt = {
   "purpur-card-overline": "_purpur-card-overline_qhfj0_1"
-}, zt = c.bind(It), Vt = "purpur-card-overline", Ft = ({
+}, It = c.bind(Bt), Vt = "purpur-card-overline", Ft = ({
   ["data-testid"]: t = "purpur-card-overline",
   overline: u
-}) => u ? /* @__PURE__ */ s(M, { variant: "overline-100", className: zt(Vt), "data-testid": t, children: u }) : null, Gt = {
+}) => u ? /* @__PURE__ */ s(M, { variant: "overline-100", className: It(Vt), "data-testid": t, children: u }) : null, Gt = {
   "purpur-card-root": "_purpur-card-root_eupww_1",
   "purpur-card-root--primary": "_purpur-card-root--primary_eupww_7",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_eupww_10",
@@ -840,15 +841,15 @@ const j = c.bind(_r), f = "purpur-card", l = ({ children: t, className: u, useMe
     }
   );
 };
-l.Badge = Br;
+l.Badge = Tr;
 l.Content = Fr;
 l.ContentContainer = Ur;
 l.Cta = nt;
 l.FeatureList = Nt;
 l.Overline = Ft;
-l.Heading = qt;
-l.Media = Et;
-l.MediaLayout = Bt;
+l.Heading = zt;
+l.Media = Pt;
+l.MediaLayout = Tt;
 l.displayName = "Card";
 export {
   l as Card