@purpurds/card 7.2.0 → 7.3.1

package/dist/card.es.js

@@ -1,9 +1,9 @@
-import { jsxs as $, jsx as s, Fragment as cr } from "react/jsx-runtime";
+import { jsxs as b, jsx as s, Fragment as cr } from "react/jsx-runtime";
 import { forwardRef as or } from "react";
 function lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var C = { exports: {} };
+var S = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,7 +40,7 @@ function dr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(C)), C.exports;
+  }(S)), S.exports;
 }
 var _r = dr();
 const o = /* @__PURE__ */ lr(_r), gr = {
@@ -99,7 +99,7 @@ const vr = /* @__PURE__ */ hr(mr), yr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, $r = vr.bind(yr), E = "purpur-icon", br = "md", wr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xr = ({ content: t = "", title: u } = {}) => {
+}, br = vr.bind(yr), E = "purpur-icon", $r = "md", wr = (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" },
@@ -112,13 +112,13 @@ const vr = /* @__PURE__ */ hr(mr), yr = {
   svg: u,
   allyTitle: e,
   className: p,
-  size: i = br,
+  size: i = $r,
   ...r
 }) => {
   const a = xr({
     content: Nr(u.svg),
     title: e
-  }), n = $r(p, E, `${E}--${i}`);
+  }), n = br(p, E, `${E}--${i}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -214,7 +214,7 @@ function qr() {
   }(L)), L.exports;
 }
 var Rr = qr();
-const B = /* @__PURE__ */ kr(Rr), S = {
+const B = /* @__PURE__ */ kr(Rr), j = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -226,7 +226,7 @@ const B = /* @__PURE__ */ kr(Rr), S = {
   "purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
   "purpur-badge--error": "_purpur-badge--error_1mlzj_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
-}, j = "purpur-badge", d = {
+}, z = "purpur-badge", d = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -267,8 +267,8 @@ const B = /* @__PURE__ */ kr(Rr), S = {
   className: r = "",
   ...a
 }) => {
-  const n = Hr(p), c = B([r, S[j], S[`${j}--${p}`]]);
-  return /* @__PURE__ */ $("span", { className: c, "data-testid": i, ...a, children: [
+  const n = Hr(p), c = B([r, j[z], j[`${z}--${p}`]]);
+  return /* @__PURE__ */ b("span", { className: c, "data-testid": i, ...a, children: [
     u && n && /* @__PURE__ */ s(
       rr,
       {
@@ -276,7 +276,7 @@ const B = /* @__PURE__ */ kr(Rr), S = {
         allyTitle: e,
         size: "xs",
         svg: n,
-        className: B(S[`${j}__icon`])
+        className: B(j[`${z}__icon`])
       }
     ),
     t
@@ -300,33 +300,38 @@ const B = /* @__PURE__ */ kr(Rr), S = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
 }, Vr = o.bind(Ir), Fr = "purpur-card-content", Gr = ({
   ["data-testid"]: t = "purpur-card-content",
-  children: u
-}) => /* @__PURE__ */ s("div", { className: Vr(Fr), "data-testid": t, children: u }), Dr = {
-  "purpur-card-content-container": "_purpur-card-content-container_pn6an_1",
-  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_pn6an_11",
-  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_pn6an_19",
-  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_pn6an_22",
-  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_pn6an_25"
-}, Ur = o.bind(Dr), z = "purpur-card-content-container", Kr = ({
+  children: u,
+  className: e,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: Vr(Fr, e), "data-testid": t, ...p, children: u }), Dr = {
+  "purpur-card-content-container": "_purpur-card-content-container_5c1mb_1",
+  "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_5c1mb_6",
+  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_5c1mb_14",
+  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_5c1mb_22",
+  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_5c1mb_25",
+  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_5c1mb_28"
+}, Ur = o.bind(Dr), w = "purpur-card-content-container", Kr = ({
   ["data-testid"]: t = "purpur-card-content-container",
   children: u,
   className: e,
   isFooter: p = !1,
-  gapSize: i = "md",
-  ...r
+  fullHeight: i = !1,
+  gapSize: r = "md",
+  ...a
 }) => /* @__PURE__ */ s(
   "div",
   {
     className: Ur([
-      z,
+      w,
       e,
-      `${z}--gap-size--${i}`,
+      `${w}--gap-size--${r}`,
       {
-        [`${z}--footer`]: p
+        [`${w}--full-height`]: i,
+        [`${w}--footer`]: p
       }
     ]),
     "data-testid": t,
-    ...r,
+    ...a,
     children: u
   }
 );
@@ -459,7 +464,7 @@ const F = /* @__PURE__ */ Wr(Jr), Qr = "_rotate_12t9p_1", Xr = "_dash_12t9p_1",
     ])} ${_}`,
     "data-testid": t,
     ...c,
-    children: r ? /* @__PURE__ */ s(tt, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ $(cr, { children: [
+    children: r ? /* @__PURE__ */ s(tt, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ b(cr, { children: [
       i === "left" && e,
       a,
       i === "right" && e
@@ -613,7 +618,7 @@ const yt = /* @__PURE__ */ ft(vt), v = {
   "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"
-}, $t = {
+}, bt = {
   PARAGRAPH100: "paragraph-100"
 }, y = "purpur-paragraph", q = ({
   ["data-testid"]: t,
@@ -622,7 +627,7 @@ const yt = /* @__PURE__ */ ft(vt), v = {
   disabled: p,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: a = $t.PARAGRAPH100,
+  variant: a = bt.PARAGRAPH100,
   ...n
 }) => {
   const c = yt([
@@ -638,14 +643,14 @@ const yt = /* @__PURE__ */ ft(vt), v = {
   return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": t, children: u });
 };
 q.displayName = "Paragraph";
-const bt = {
+const $t = {
   "purpur-card-feature-list": "_purpur-card-feature-list_1hnss_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_1hnss_7",
   "purpur-card-feature-list__icon": "_purpur-card-feature-list__icon_1hnss_12"
-}, A = o.bind(bt), O = "purpur-card-feature-list", wt = ({
+}, A = o.bind($t), O = "purpur-card-feature-list", wt = ({
   ["data-testid"]: t = "purpur-card-feature-list",
   listItems: u
-}) => u && u.length > 0 ? /* @__PURE__ */ s("ul", { className: A(O), "data-testid": t, children: u.map((e) => /* @__PURE__ */ $(
+}) => u && u.length > 0 ? /* @__PURE__ */ s("ul", { className: A(O), "data-testid": t, children: u.map((e) => /* @__PURE__ */ b(
   "li",
   {
     className: A(`${O}__list-item`),
@@ -700,7 +705,7 @@ function Nt() {
   }(Y)), Y.exports;
 }
 var Ct = Nt();
-const St = /* @__PURE__ */ xt(Ct), w = {
+const St = /* @__PURE__ */ xt(Ct), x = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -718,7 +723,7 @@ const St = /* @__PURE__ */ xt(Ct), w = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, jt = {
   TITLE100: "title-100"
-}, x = "purpur-heading", er = ({
+}, N = "purpur-heading", er = ({
   children: t,
   className: u = "",
   enableHyphenation: e = !1,
@@ -729,11 +734,11 @@ const St = /* @__PURE__ */ xt(Ct), w = {
 }) => {
   const n = i, c = St([
     u,
-    w[x],
-    w[`${x}--${r}`],
+    x[N],
+    x[`${N}--${r}`],
     {
-      [w[`${x}--hyphens`]]: e,
-      [w[`${x}--negative`]]: p
+      [x[`${N}--hyphens`]]: e,
+      [x[`${N}--negative`]]: p
     }
   ]);
   return /* @__PURE__ */ s(n, { className: c, ...a, children: t });
@@ -758,8 +763,8 @@ const zt = {
   children: r,
   linkElement: a = "a"
 }) => {
-  const n = (b) => {
-    e ? b.preventDefault() : i && i();
+  const n = ($) => {
+    e ? $.preventDefault() : i && i();
   }, c = `${g} ${e ? `${g}--disabled` : ""}`;
   return p ? /* @__PURE__ */ s(
     a,
@@ -797,7 +802,7 @@ const zt = {
       children: r
     }
   );
-}, N = o.bind(zt), h = "purpur-card-heading", Zt = ({
+}, C = o.bind(zt), h = "purpur-card-heading", Zt = ({
   ["data-testid"]: t = "purpur-card-heading",
   ["aria-label"]: u,
   title: e,
@@ -807,23 +812,23 @@ const zt = {
   enableHyphenation: a,
   onClick: n = void 0,
   href: c = void 0,
-  disabled: b = !1,
+  disabled: $ = !1,
   linkElement: ur = "a",
   variant: pr = "title-100",
   ...ir
 }) => {
-  const sr = N(h, {
+  const sr = C(h, {
     [`${h}--is-interactive`]: n || c,
-    [`${h}--disabled`]: b
+    [`${h}--disabled`]: $
   });
-  return /* @__PURE__ */ $("div", { className: sr, "data-testid": t, children: [
-    /* @__PURE__ */ $("div", { className: N(`${h}__header`), children: [
-      p && /* @__PURE__ */ s("div", { className: N(`${h}__icon`), children: p }),
+  return /* @__PURE__ */ b("div", { className: sr, "data-testid": t, children: [
+    /* @__PURE__ */ b("div", { className: C(`${h}__header`), children: [
+      p && /* @__PURE__ */ s("div", { className: C(`${h}__icon`), children: p }),
       /* @__PURE__ */ s(
         er,
         {
           tag: r,
-          className: N(`${h}__heading`),
+          className: C(`${h}__heading`),
           variant: pr,
           enableHyphenation: a,
           ...ir,
@@ -831,7 +836,7 @@ const zt = {
             Ot,
             {
               "aria-label": u,
-              disabled: b,
+              disabled: $,
               href: c,
               onClick: n,
               linkElement: ur,