@purpurds/promotion-card 5.21.0 → 5.21.1

package/dist/promotion-card.es.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as l, Fragment as gr } from "react/jsx-runtime";
-import { forwardRef as O, Children as L, isValidElement as z, createElement as R, cloneElement as hr, useEffect as Lr, Fragment as Rr } from "react";
+import { forwardRef as O, Children as R, isValidElement as z, createElement as D, cloneElement as hr, useEffect as Rr, Fragment as Dr } from "react";
 import "react-dom";
-function Dr(e) {
+function qr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var mr = { exports: {} };
@@ -41,7 +41,7 @@ var mr = { exports: {} };
   })();
 })(mr);
 var Pr = mr.exports;
-const Tr = /* @__PURE__ */ Dr(Pr), zr = {
+const Tr = /* @__PURE__ */ qr(Pr), zr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -391,7 +391,7 @@ const ve = /* @__PURE__ */ he(me), ye = {
     i
   ), B = (f) => {
     n || t ? f.preventDefault() : u && u(f);
-  }, D = !!d["aria-disabled"] || n || t;
+  }, q = !!d["aria-disabled"] || n || t;
   return /* @__PURE__ */ g(
     "button",
     {
@@ -399,11 +399,11 @@ const ve = /* @__PURE__ */ he(me), ye = {
       "data-testid": a,
       type: S,
       ref: y,
-      "aria-disabled": D,
+      "aria-disabled": q,
       onClick: B,
       ...d,
       children: [
-        t && /* @__PURE__ */ l(ge, { size: c === ue.LG ? "xs" : "xxs", negative: o, disabled: D }),
+        t && /* @__PURE__ */ l(ge, { size: c === ue.LG ? "xs" : "xxs", negative: o, disabled: q }),
         " ",
         e
       ]
@@ -537,7 +537,7 @@ const Ae = /* @__PURE__ */ Ce(ke), Oe = {
   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"
-}, Ie = Ae.bind(Oe), ar = "purpur-icon", je = "md", Ue = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), qe = ({ content: e = "", title: i } = {}) => {
+}, Ie = Ae.bind(Oe), ar = "purpur-icon", je = "md", Ue = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Le = ({ content: e = "", title: i } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -545,7 +545,7 @@ const Ae = /* @__PURE__ */ Ce(ke), Oe = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = i ? `<title>${i}</title>` : "";
   return `<svg ${Ue(a)}>${n}${e}</svg>`;
-}, Le = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Cr = ({
+}, Re = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Cr = ({
   ["data-testid"]: e,
   svg: i,
   allyTitle: a,
@@ -553,8 +553,8 @@ const Ae = /* @__PURE__ */ Ce(ke), Oe = {
   size: p = je,
   ...r
 }) => {
-  const t = qe({
-    content: Le(i.svg),
+  const t = Le({
+    content: Re(i.svg),
     title: a
   }), o = Ie(n, ar, `${ar}--${p}`);
   return /* @__PURE__ */ l(
@@ -569,7 +569,7 @@ const Ae = /* @__PURE__ */ Ce(ke), Oe = {
   );
 };
 Cr.displayName = "Icon";
-function Re(e) {
+function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var kr = { exports: {} };
@@ -608,8 +608,8 @@ var kr = { exports: {} };
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(kr);
-var De = kr.exports;
-const Pe = /* @__PURE__ */ Re(De), ir = {
+var qe = kr.exports;
+const Pe = /* @__PURE__ */ De(qe), ir = {
   "purpur-badge": "_purpur-badge_1r1mu_1",
   "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
   "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
@@ -1004,7 +1004,7 @@ const St = /* @__PURE__ */ bt($t), U = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, q = "purpur-paragraph", Y = ({
+}, L = "purpur-paragraph", Y = ({
   ["data-testid"]: e,
   children: i,
   className: a,
@@ -1016,12 +1016,12 @@ const St = /* @__PURE__ */ bt($t), U = {
 }) => {
   const u = St([
     a,
-    U[q],
-    U[`${q}--${t}`],
+    U[L],
+    U[`${L}--${t}`],
     {
-      [U[`${q}--hyphens`]]: p,
-      [U[`${q}--disabled`]]: n,
-      [U[`${q}--negative`]]: r
+      [U[`${L}--hyphens`]]: p,
+      [U[`${L}--disabled`]]: n,
+      [U[`${L}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...o, className: u, "data-testid": e, children: i });
@@ -1114,14 +1114,14 @@ function Ut(...e) {
   );
 }
 const Er = /* @__PURE__ */ O((e, i) => {
-  const { children: a, ...n } = e, p = L.toArray(a), r = p.find(Lt);
+  const { children: a, ...n } = e, p = R.toArray(a), r = p.find(Rt);
   if (r) {
-    const t = r.props.children, o = p.map((u) => u === r ? L.count(t) > 1 ? L.only(null) : /* @__PURE__ */ z(t) ? t.props.children : null : u);
-    return /* @__PURE__ */ R(W, N({}, n, {
+    const t = r.props.children, o = p.map((u) => u === r ? R.count(t) > 1 ? R.only(null) : /* @__PURE__ */ z(t) ? t.props.children : null : u);
+    return /* @__PURE__ */ D(W, N({}, n, {
       ref: i
     }), /* @__PURE__ */ z(t) ? /* @__PURE__ */ hr(t, void 0, o) : null);
   }
-  return /* @__PURE__ */ R(W, N({}, n, {
+  return /* @__PURE__ */ D(W, N({}, n, {
     ref: i
   }), a);
 });
@@ -1129,16 +1129,16 @@ Er.displayName = "Slot";
 const W = /* @__PURE__ */ O((e, i) => {
   const { children: a, ...n } = e;
   return /* @__PURE__ */ z(a) ? /* @__PURE__ */ hr(a, {
-    ...Rt(n, a.props),
+    ...Dt(n, a.props),
     ref: i ? Ut(i, a.ref) : a.ref
-  }) : L.count(a) > 1 ? L.only(null) : null;
+  }) : R.count(a) > 1 ? R.only(null) : null;
 });
 W.displayName = "SlotClone";
-const qt = ({ children: e }) => /* @__PURE__ */ R(Rr, null, e);
-function Lt(e) {
-  return /* @__PURE__ */ z(e) && e.type === qt;
+const Lt = ({ children: e }) => /* @__PURE__ */ D(Dr, null, e);
+function Rt(e) {
+  return /* @__PURE__ */ z(e) && e.type === Lt;
 }
-function Rt(e, i) {
+function Dt(e, i) {
   const a = {
     ...i
   };
@@ -1159,7 +1159,7 @@ function Rt(e, i) {
     ...a
   };
 }
-const Dt = [
+const qt = [
   "a",
   "button",
   "div",
@@ -1176,12 +1176,12 @@ const Dt = [
   "span",
   "svg",
   "ul"
-], Pt = Dt.reduce((e, i) => {
+], Pt = qt.reduce((e, i) => {
   const a = /* @__PURE__ */ O((n, p) => {
     const { asChild: r, ...t } = n, o = r ? Er : i;
-    return Lr(() => {
+    return Rr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ R(o, N({}, t, {
+    }, []), /* @__PURE__ */ D(o, N({}, t, {
       ref: p
     }));
   });
@@ -1189,7 +1189,7 @@ const Dt = [
     ...e,
     [i]: a
   };
-}, {}), Tt = /* @__PURE__ */ O((e, i) => /* @__PURE__ */ R(Pt.span, N({}, e, {
+}, {}), Tt = /* @__PURE__ */ O((e, i) => /* @__PURE__ */ D(Pt.span, N({}, e, {
   ref: i,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1596,7 +1596,7 @@ Ur.displayName = "Heading";
 function va(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var qr = { exports: {} };
+var Lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1631,26 +1631,26 @@ var qr = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(qr);
-var ya = qr.exports;
+})(Lr);
+var ya = Lr.exports;
 const xa = /* @__PURE__ */ va(ya), wa = {
-  "purpur-promotion-card": "_purpur-promotion-card_qosug_1",
-  "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_qosug_8",
-  "purpur-promotion-card__content": "_purpur-promotion-card__content_qosug_8",
-  "purpur-promotion-card--with-image": "_purpur-promotion-card--with-image_qosug_33",
-  "purpur-promotion-card__card": "_purpur-promotion-card__card_qosug_45",
-  "purpur-promotion-card__image-gradient": "_purpur-promotion-card__image-gradient_qosug_49",
-  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_qosug_65",
-  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_qosug_81",
-  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_qosug_84",
-  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_qosug_88",
-  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_qosug_93",
-  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_qosug_104",
-  "purpur-promotion-card__body": "_purpur-promotion-card__body_qosug_108",
-  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_qosug_137",
-  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_qosug_140",
-  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_qosug_143",
-  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_qosug_144"
+  "purpur-promotion-card": "_purpur-promotion-card_12rh3_1",
+  "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_12rh3_8",
+  "purpur-promotion-card__content": "_purpur-promotion-card__content_12rh3_8",
+  "purpur-promotion-card--with-image": "_purpur-promotion-card--with-image_12rh3_33",
+  "purpur-promotion-card__card": "_purpur-promotion-card__card_12rh3_45",
+  "purpur-promotion-card__image-gradient": "_purpur-promotion-card__image-gradient_12rh3_49",
+  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_12rh3_65",
+  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_12rh3_81",
+  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_12rh3_84",
+  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_12rh3_88",
+  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_12rh3_93",
+  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_12rh3_104",
+  "purpur-promotion-card__body": "_purpur-promotion-card__body_12rh3_108",
+  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_12rh3_137",
+  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_12rh3_140",
+  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_12rh3_143",
+  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_12rh3_144"
 }, Ba = ["primary", "secondary", "quaternary"], ba = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",
@@ -1689,7 +1689,7 @@ const xa = /* @__PURE__ */ va(ya), wa = {
     const { hasGradient: f, ...w } = d;
     B = f, y = w;
   }
-  const D = {
+  const q = {
     "--promotion-card-background": ba[i],
     "--promotion-card-color": Sa[i],
     "--promotion-card-background-image": $a[i]
@@ -1699,7 +1699,7 @@ const xa = /* @__PURE__ */ va(ya), wa = {
     {
       "data-testid": e,
       style: {
-        ...D,
+        ...q,
         ...S
       },
       className: h([

package/dist/styles.css

@@ -1 +1 @@
-._purpur-promotion-card_qosug_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_qosug_8 ._purpur-promotion-card__content_qosug_8{position:relative;z-index:1}._purpur-promotion-card--without-image_qosug_8:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--promotion-card-background);background-image:var(--promotion-card-background-image);background-position:right 50% center;background-size:cover;transform:rotateY(180deg)}@container promotion-card (min-width: 600px){._purpur-promotion-card--without-image_qosug_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_qosug_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_qosug_33{display:grid;grid-template-areas:"image" "body";grid-template-rows:auto 1fr;background:var(--promotion-card-background)}@container promotion-card (min-width: 600px){._purpur-promotion-card--with-image_qosug_33{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_qosug_45{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_qosug_49{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(0,var(--promotion-card-background),transparent 75%)}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-gradient_qosug_49{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__actions_qosug_65{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_qosug_8{grid-area:body;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--purpur-spacing-400);box-sizing:border-box}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--without-image_qosug_81{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_qosug_81 ._purpur-promotion-card__main-content_qosug_84{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_qosug_81 ._purpur-promotion-card__heading_qosug_88{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_qosug_93{flex-direction:column;justify-content:center;padding:var(--purpur-spacing-600) var(--purpur-spacing-400)}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--with-image_qosug_93{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_qosug_104{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_qosug_88,._purpur-promotion-card__body_qosug_108{width:100%}._purpur-promotion-card__heading_qosug_88{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_qosug_84,._purpur-promotion-card__body_qosug_108{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card__body_qosug_108,._purpur-promotion-card__body_qosug_108 p,._purpur-promotion-card__body_qosug_108 h1,._purpur-promotion-card__body_qosug_108 h2,._purpur-promotion-card__body_qosug_108 h3,._purpur-promotion-card__body_qosug_108 h4,._purpur-promotion-card__body_qosug_108 h5,._purpur-promotion-card__body_qosug_108 h6,._purpur-promotion-card__body_qosug_108 ul,._purpur-promotion-card__body_qosug_108 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_qosug_137{flex-grow:1}._purpur-promotion-card__image-wrapper_qosug_140{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_qosug_143 picture,._purpur-promotion-card__image-wrapper--decorative_qosug_143 img,._purpur-promotion-card__image-wrapper--product_qosug_144 picture,._purpur-promotion-card__image-wrapper--product_qosug_144 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_qosug_143 img,._purpur-promotion-card__image-wrapper--product_qosug_144 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_qosug_143{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_qosug_143{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_qosug_143 img{height:100%}}._purpur-promotion-card__image-wrapper--product_qosug_144{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_qosug_1 [class*=_purpur-cta-link_],._purpur-promotion-card_qosug_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_qosug_1 [class*=_purpur-cta-link_],._purpur-promotion-card_qosug_1 [class*=_purpur-button_]{width:auto}}
+._purpur-promotion-card_12rh3_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_12rh3_8 ._purpur-promotion-card__content_12rh3_8{position:relative;z-index:1}._purpur-promotion-card--without-image_12rh3_8:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--promotion-card-background);background-image:var(--promotion-card-background-image);background-position:right 50% center;background-size:cover;transform:rotateY(180deg)}@container promotion-card (min-width: 600px){._purpur-promotion-card--without-image_12rh3_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_12rh3_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_12rh3_33{display:grid;grid-template-areas:"image" "body";grid-template-rows:auto 1fr;background:var(--promotion-card-background)}@container promotion-card (min-width: 600px){._purpur-promotion-card--with-image_12rh3_33{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_12rh3_45{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_12rh3_49{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(0,var(--promotion-card-background),transparent 75%)}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-gradient_12rh3_49{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__actions_12rh3_65{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_12rh3_8{grid-area:body;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--purpur-spacing-400);box-sizing:border-box}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--without-image_12rh3_81{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_12rh3_81 ._purpur-promotion-card__main-content_12rh3_84{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_12rh3_81 ._purpur-promotion-card__heading_12rh3_88{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_12rh3_93{flex-direction:column;justify-content:center;padding:var(--purpur-spacing-600) var(--purpur-spacing-400)}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--with-image_12rh3_93{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_12rh3_104{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_12rh3_88,._purpur-promotion-card__body_12rh3_108{width:100%}._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__heading_12rh3_88{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_12rh3_84,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 p,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h1,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h2,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h3,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h4,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h5,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h6,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 ul,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_12rh3_137{flex-grow:1}._purpur-promotion-card__image-wrapper_12rh3_140{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 picture,._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img,._purpur-promotion-card__image-wrapper--product_12rh3_144 picture,._purpur-promotion-card__image-wrapper--product_12rh3_144 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img,._purpur-promotion-card__image-wrapper--product_12rh3_144 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_12rh3_143{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_12rh3_143{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img{height:100%}}._purpur-promotion-card__image-wrapper--product_12rh3_144{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_12rh3_1 [class*=_purpur-cta-link_],._purpur-promotion-card_12rh3_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_12rh3_1 [class*=_purpur-cta-link_],._purpur-promotion-card_12rh3_1 [class*=_purpur-button_]{width:auto}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/promotion-card",
-  "version": "5.21.0",
+  "version": "5.21.1",
   "license": "AGPL-3.0-only",
   "main": "./dist/promotion-card.cjs.js",
   "types": "./dist/promotion-card.d.ts",
@@ -16,13 +16,13 @@
   "source": "src/promotion-card.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/badge": "5.21.0",
-    "@purpurds/cta-link": "5.21.0",
-    "@purpurds/button": "5.21.0",
-    "@purpurds/heading": "5.21.0",
-    "@purpurds/icon": "5.21.0",
-    "@purpurds/card": "5.21.0",
-    "@purpurds/tokens": "5.21.0"
+    "@purpurds/badge": "5.21.1",
+    "@purpurds/card": "5.21.1",
+    "@purpurds/cta-link": "5.21.1",
+    "@purpurds/heading": "5.21.1",
+    "@purpurds/button": "5.21.1",
+    "@purpurds/icon": "5.21.1",
+    "@purpurds/tokens": "5.21.1"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -47,9 +47,9 @@
     "vite": "5.4.8",
     "vitest": "^2.1.2",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/paragraph": "5.21.0",
-    "@purpurds/text-spacing": "5.21.0",
-    "@purpurds/grid": "5.21.0"
+    "@purpurds/text-spacing": "5.21.1",
+    "@purpurds/grid": "5.21.1",
+    "@purpurds/paragraph": "5.21.1"
   },
   "scripts": {
     "build:dev": "vite",

package/src/promotion-card.module.scss

@@ -122,7 +122,7 @@
     width: 100%;
   }
 
-  &__heading {
+  & &__heading {
     margin-bottom: var(--purpur-spacing-150);
     color: var(--promotion-card-color);
   }
@@ -133,7 +133,7 @@
     flex-grow: 1;
   }
 
-  &__body {
+  & &__body {
     display: flex;
     flex-direction: column;
     flex-grow: 1;