@purpurds/promotion-card 6.8.0 → 6.8.2

package/dist/promotion-card.es.js

@@ -483,8 +483,9 @@ function Xe() {
 }
 var Qe = Xe();
 const h = /* @__PURE__ */ Je(Qe), rt = {
-  "purpur-card__container": "_purpur-card__container_2maou_1",
-  "purpur-card": "_purpur-card_2maou_1"
+  "purpur-card__container": "_purpur-card__container_fwz6v_1",
+  "purpur-card__container--full-height": "_purpur-card__container--full-height_fwz6v_4",
+  "purpur-card": "_purpur-card_fwz6v_1"
 };
 function et(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1135,7 +1136,7 @@ function sa() {
   }(Ur)), Ur.exports;
 }
 var da = sa();
-const ca = /* @__PURE__ */ la(da), D = {
+const ca = /* @__PURE__ */ la(da), H = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1153,7 +1154,7 @@ const ca = /* @__PURE__ */ la(da), D = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, _a = {
   TITLE100: "title-100"
-}, H = "purpur-heading", ie = ({
+}, T = "purpur-heading", ie = ({
   ["data-testid"]: e,
   children: i,
   className: a = "",
@@ -1165,11 +1166,11 @@ const ca = /* @__PURE__ */ la(da), D = {
 }) => {
   const l = r, d = ca([
     a,
-    D[H],
-    D[`${H}--${t}`],
+    H[T],
+    H[`${T}--${t}`],
     {
-      [D[`${H}--hyphens`]]: o,
-      [D[`${H}--negative`]]: p
+      [H[`${T}--hyphens`]]: o,
+      [H[`${T}--negative`]]: p
     }
   ]);
   return /* @__PURE__ */ u(l, { ...n, className: d, "data-testid": e, children: i });
@@ -1180,22 +1181,22 @@ const fa = {
   "purpur-card-heading__header": "_purpur-card-heading__header_j3j6u_6",
   "purpur-card-heading__heading": "_purpur-card-heading__heading_j3j6u_11",
   "purpur-card-heading__icon": "_purpur-card-heading__icon_j3j6u_14"
-}, T = h.bind(fa), V = "purpur-card-heading", ga = ({
+}, V = h.bind(fa), W = "purpur-card-heading", ga = ({
   ["data-testid"]: e = "purpur-card-heading",
   title: i,
   icon: a,
   children: o,
   titleTag: p = "h2",
   enableHyphenation: r
-}) => /* @__PURE__ */ _("div", { className: T(V), "data-testid": e, children: [
-  /* @__PURE__ */ _("div", { className: T(`${V}__header`), children: [
-    a && /* @__PURE__ */ u("div", { className: T(`${V}__icon`), children: a }),
+}) => /* @__PURE__ */ _("div", { className: V(W), "data-testid": e, children: [
+  /* @__PURE__ */ _("div", { className: V(`${W}__header`), children: [
+    a && /* @__PURE__ */ u("div", { className: V(`${W}__icon`), children: a }),
     /* @__PURE__ */ u(
       ie,
       {
         tag: p,
         variant: "title-100",
-        className: T(`${V}__heading`),
+        className: V(`${W}__heading`),
         enableHyphenation: r,
         children: i
       }
@@ -1422,16 +1423,24 @@ const Pr = ({
   }
 );
 ue.displayName = "CardRoot";
-const nr = h.bind(rt), W = "purpur-card", y = ({ children: e, className: i, ...a }) => {
+const nr = h.bind(rt), R = "purpur-card", y = ({ children: e, className: i, ...a }) => {
   const o = nr([
-    W,
+    R,
     i,
     {
-      [`${W}--is-interactive`]: a.onClick || a.href,
-      [`${W}--disabled`]: a.disabled
+      [`${R}--is-interactive`]: a.onClick || a.href,
+      [`${R}--disabled`]: a.disabled
     }
   ]);
-  return /* @__PURE__ */ u("div", { className: nr(`${W}__container`), children: /* @__PURE__ */ u(ue, { className: nr(o), ...a, children: e }) });
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: nr(`${R}__container`, {
+        [`${R}__container--full-height`]: a.fullHeight
+      }),
+      children: /* @__PURE__ */ u(ue, { className: nr(o), ...a, children: e })
+    }
+  );
 };
 y.Badge = At;
 y.Content = Bt;
@@ -1775,7 +1784,7 @@ function f0() {
   }(Jr)), Jr.exports;
 }
 var g0 = f0();
-const h0 = /* @__PURE__ */ _0(g0), R = {
+const h0 = /* @__PURE__ */ _0(g0), P = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1792,7 +1801,7 @@ const h0 = /* @__PURE__ */ _0(g0), R = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, m0 = {
   PARAGRAPH100: "paragraph-100"
-}, P = "purpur-paragraph", de = ({
+}, L = "purpur-paragraph", de = ({
   ["data-testid"]: e,
   children: i,
   className: a,
@@ -1804,12 +1813,12 @@ const h0 = /* @__PURE__ */ _0(g0), R = {
 }) => {
   const l = h0([
     a,
-    R[P],
-    R[`${P}--${t}`],
+    P[L],
+    P[`${L}--${t}`],
     {
-      [R[`${P}--hyphens`]]: p,
-      [R[`${P}--disabled`]]: o,
-      [R[`${P}--negative`]]: r
+      [P[`${L}--hyphens`]]: p,
+      [P[`${L}--disabled`]]: o,
+      [P[`${L}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ u("p", { ...n, className: l, "data-testid": e, children: i });
@@ -1859,26 +1868,26 @@ function y0() {
 }
 var w0 = y0();
 const x0 = /* @__PURE__ */ v0(w0), b0 = {
-  "purpur-promotion-card": "_purpur-promotion-card_1cvjr_1",
-  "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_1cvjr_8",
-  "purpur-promotion-card__content": "_purpur-promotion-card__content_1cvjr_8",
-  "purpur-promotion-card--with-image": "_purpur-promotion-card--with-image_1cvjr_33",
-  "purpur-promotion-card__card": "_purpur-promotion-card__card_1cvjr_45",
-  "purpur-promotion-card__image-gradient": "_purpur-promotion-card__image-gradient_1cvjr_49",
-  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_1cvjr_65",
-  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_1cvjr_81",
-  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_1cvjr_84",
-  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_1cvjr_89",
-  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_1cvjr_94",
-  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_1cvjr_105",
-  "purpur-promotion-card__body": "_purpur-promotion-card__body_1cvjr_109",
-  "purpur-promotion-card__main-content--space-between": "_purpur-promotion-card__main-content--space-between_1cvjr_120",
-  "purpur-promotion-card__main-content--flex-end": "_purpur-promotion-card__main-content--flex-end_1cvjr_123",
-  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_1cvjr_143",
-  "purpur-promotion-card__additional-text": "_purpur-promotion-card__additional-text_1cvjr_146",
-  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_1cvjr_149",
-  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_1cvjr_152",
-  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_1cvjr_153"
+  "purpur-promotion-card": "_purpur-promotion-card_1ufmj_1",
+  "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_1ufmj_8",
+  "purpur-promotion-card__content": "_purpur-promotion-card__content_1ufmj_8",
+  "purpur-promotion-card--with-image": "_purpur-promotion-card--with-image_1ufmj_33",
+  "purpur-promotion-card__card": "_purpur-promotion-card__card_1ufmj_45",
+  "purpur-promotion-card__image-gradient": "_purpur-promotion-card__image-gradient_1ufmj_48",
+  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_1ufmj_64",
+  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_1ufmj_80",
+  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_1ufmj_83",
+  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_1ufmj_88",
+  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_1ufmj_93",
+  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_1ufmj_104",
+  "purpur-promotion-card__body": "_purpur-promotion-card__body_1ufmj_108",
+  "purpur-promotion-card__main-content--space-between": "_purpur-promotion-card__main-content--space-between_1ufmj_119",
+  "purpur-promotion-card__main-content--flex-end": "_purpur-promotion-card__main-content--flex-end_1ufmj_122",
+  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_1ufmj_142",
+  "purpur-promotion-card__additional-text": "_purpur-promotion-card__additional-text_1ufmj_145",
+  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_1ufmj_148",
+  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_1ufmj_151",
+  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_1ufmj_152"
 }, M0 = ["primary", "secondary", "quaternary"], $0 = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",
@@ -1908,23 +1917,23 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
   additionalText: S,
   ...f
 }, B) => {
-  let k = f, v, L;
+  let k = f, v, D;
   if ("decorativeImage" in f) {
     const { hasGradient: w, decorativeImage: A, ...M } = f;
-    v = A, L = w, k = M;
+    v = A, D = w, k = M;
   } else if ("productImage" in f) {
     const { hasGradient: w, productImage: A, ...M } = f;
-    v = A, L = w, k = M;
+    v = A, D = w, k = M;
   } else if ("hasGradient" in f) {
     const { hasGradient: w, ...A } = f;
-    L = w, k = A;
+    D = w, k = A;
   }
   const ce = {
     "--promotion-card-background": $0[i],
     "--promotion-card-color": S0[i],
     "--promotion-card-background-image": C0[i]
   };
-  return /* @__PURE__ */ u(y, { ref: B, className: g(`${s}__card`), children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ u(y, { ref: B, className: g(`${s}__card`), fullHeight: !0, children: /* @__PURE__ */ _(
     "div",
     {
       "data-testid": e,
@@ -2015,7 +2024,7 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
             ]),
             children: [
               v,
-              L && /* @__PURE__ */ u(
+              D && /* @__PURE__ */ u(
                 "div",
                 {
                   className: g(`${s}__image-gradient`),