@purpurds/promotion-card 8.11.0 → 8.12.0

package/dist/promotion-card.d.ts

@@ -2,7 +2,6 @@ import { default as React, ReactNode } from 'react';
 import { BaseProps } from '@purpurds/common-types';
 import { HeadingTagType, HeadingVariant } from '@purpurds/heading';
 import { ColorScheme } from '@purpurds/theme';
-
 export declare const promotionCardVariants: readonly ["primary", "secondary", "quaternary"];
 export type PromotionCardVariant = (typeof promotionCardVariants)[number];
 export type PromotionCardDecorativeImage = {

package/dist/promotion-card.es.js

@@ -1,6 +1,6 @@
-import { jsxs as _, jsx as l, Fragment as qr } from "react/jsx-runtime";
-import { forwardRef as Mr, useId as Vr } from "react";
-import { useTheme as zr, useApplyTheme as Wr } from "@purpurds/theme";
+import { jsxs as _, jsx as l, Fragment as Tr } from "react/jsx-runtime";
+import { forwardRef as Mr, useId as qr } from "react";
+import { useTheme as Vr, useApplyTheme as Wr } from "@purpurds/theme";
 function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -390,7 +390,7 @@ function je() {
   })(dr)), dr.exports;
 }
 var Pe = je();
-const _r = /* @__PURE__ */ Le(Pe), H = {
+const _r = /* @__PURE__ */ Le(Pe), z = {
   "purpur-badge": "_purpur-badge_1nup9_1",
   "purpur-badge__icon": "_purpur-badge__icon_1nup9_13",
   "purpur-badge--attention": "_purpur-badge--attention_1nup9_17",
@@ -402,7 +402,7 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
   "purpur-badge--warning": "_purpur-badge--warning_1nup9_41",
   "purpur-badge--error": "_purpur-badge--error_1nup9_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1nup9_49"
-}, T = "purpur-badge", m = {
+}, H = "purpur-badge", m = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -412,7 +412,7 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
   SPECIAL: "special",
   SUCCESS: "success",
   WARNING: "warning"
-}, He = (e) => {
+}, ze = (e) => {
   switch (e) {
     case m.ATTENTION:
     case m.SPECIAL:
@@ -434,7 +434,7 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
     default:
       return;
   }
-}, Te = ({
+}, He = ({
   children: e,
   showIcon: o = !0,
   iconAllyTitle: a,
@@ -443,7 +443,7 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
   className: r = "",
   ...t
 }) => {
-  const i = He(n), s = _r([r, H[T], H[`${T}--${n}`]]);
+  const i = ze(n), s = _r([r, z[H], z[`${H}--${n}`]]);
   return /* @__PURE__ */ _("span", { className: s, "data-testid": p, ...t, children: [
     o && i && /* @__PURE__ */ l(
       Nr,
@@ -452,21 +452,21 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: _r(H[`${T}__icon`])
+        className: _r(z[`${H}__icon`])
       }
     ),
     e
   ] });
-}, qe = {
+}, Te = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, Ve = d.bind(qe), ze = "purpur-card-badge", We = ({
+}, qe = d.bind(Te), Ve = "purpur-card-badge", We = ({
   ["data-testid"]: e = "purpur-card-badge",
   variant: o,
   text: a
 }) => o && a ? /* @__PURE__ */ l(
-  Te,
+  He,
   {
-    className: Ve(ze),
+    className: qe(Ve),
     variant: o,
     showIcon: !1,
     "data-testid": e,
@@ -629,7 +629,7 @@ const st = {
     ])} ${v}`,
     "data-testid": e,
     ...s,
-    children: r ? /* @__PURE__ */ l(Zr, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ _(qr, { children: [
+    children: r ? /* @__PURE__ */ l(Zr, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ _(Tr, { children: [
       p === "left" && a,
       t,
       p === "right" && a
@@ -742,20 +742,21 @@ function $t() {
 }
 var Ft = $t();
 const Bt = /* @__PURE__ */ St(Ft), At = {
-  "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"
 }, kt = Bt.bind(At), Ot = {
   PARAGRAPH100: "paragraph-100"
 }, S = "purpur-paragraph", Q = ({
@@ -779,16 +780,16 @@ const Mt = {
   "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"
-}, q = d.bind(Mt), V = "purpur-card-feature-list", Gt = ({
+}, T = d.bind(Mt), q = "purpur-card-feature-list", Gt = ({
   ["data-testid"]: e = "purpur-card-feature-list",
   listItems: o
-}) => o && o.length > 0 ? /* @__PURE__ */ l("ul", { className: q(V), "data-testid": e, children: o.map((a) => /* @__PURE__ */ _(
+}) => o && o.length > 0 ? /* @__PURE__ */ l("ul", { className: T(q), "data-testid": e, children: o.map((a) => /* @__PURE__ */ _(
   "li",
   {
-    className: q(`${V}__list-item`),
+    className: T(`${q}__list-item`),
     "data-testid": `${e}-item`,
     children: [
-      /* @__PURE__ */ l(Ur, { size: "xs", className: q(`${V}__icon`) }),
+      /* @__PURE__ */ l(Ur, { size: "xs", className: T(`${q}__icon`) }),
       /* @__PURE__ */ l(Q, { children: a })
     ]
   },
@@ -980,15 +981,15 @@ const Dt = {
   ] });
 }, Pt = {
   "purpur-card-media": "_purpur-card-media_1om4o_1"
-}, Ht = d.bind(Pt), Tt = "purpur-card-media", qt = ({
+}, zt = d.bind(Pt), Ht = "purpur-card-media", Tt = ({
   ["data-testid"]: e = "purpur-card-media",
   className: o,
   children: a,
   ...n
-}) => /* @__PURE__ */ l("div", { ...n, className: Ht([Tt, o]), "data-testid": e, children: a }), Vt = {
+}) => /* @__PURE__ */ l("div", { ...n, className: zt([Ht, o]), "data-testid": e, children: a }), qt = {
   "purpur-card-media-layout": "_purpur-card-media-layout_h3935_1",
   "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_h3935_11"
-}, zt = d.bind(Vt), $r = "purpur-card-media-layout", Wt = ({
+}, Vt = d.bind(qt), $r = "purpur-card-media-layout", Wt = ({
   ["data-testid"]: e = "purpur-card-media-layout",
   className: o,
   children: a,
@@ -998,7 +999,7 @@ const Dt = {
   "div",
   {
     ...p,
-    className: zt($r, o, { [`${$r}--image-top`]: n }),
+    className: Vt($r, o, { [`${$r}--image-top`]: n }),
     "data-testid": e,
     children: a
   }
@@ -1012,7 +1013,7 @@ const Dt = {
   "purpur-card-root--primary": "_purpur-card-root--primary_eupww_7",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_eupww_10",
   "purpur-card-root--full-height": "_purpur-card-root--full-height_eupww_13"
-}, ra = d.bind(Xt), z = "purpur-card-root", Dr = Mr(
+}, ra = d.bind(Xt), V = "purpur-card-root", Dr = Mr(
   ({
     ["data-testid"]: e = "purpur-card-root",
     children: o,
@@ -1022,10 +1023,10 @@ const Dt = {
     ...r
   }, t) => {
     const i = ra([
-      z,
+      V,
       {
-        [`${z}--${p}`]: p,
-        [`${z}--full-height`]: n
+        [`${V}--${p}`]: p,
+        [`${V}--full-height`]: n
       },
       a
     ]);
@@ -1054,7 +1055,7 @@ f.Cta = ct;
 f.FeatureList = Gt;
 f.Overline = Jt;
 f.Heading = jt;
-f.Media = qt;
+f.Media = Tt;
 f.MediaLayout = Wt;
 f.displayName = "Card";
 function ea(e) {
@@ -1175,20 +1176,21 @@ function pa() {
 }
 var la = pa();
 const ua = /* @__PURE__ */ na(la), sa = {
-  "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"
 }, da = ua.bind(sa), ca = {
   PARAGRAPH100: "paragraph-100"
 }, F = "purpur-paragraph", Lr = ({
@@ -1302,7 +1304,7 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
     ...x
   }, jr) => {
     let D = x, h;
-    const X = Vr(), { options: A, currentColorScheme: Pr } = zr();
+    const X = qr(), { options: A, currentColorScheme: Pr } = Vr();
     if (Wr({
       cssVariablesSelector: `[data-id="${X}"]`,
       currentColorScheme: J ?? A?.promotionCardColorScheme ?? A?.promotionCardScheme
@@ -1313,10 +1315,10 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
       const { productImage: R, ...L } = x;
       h = R, D = L;
     }
-    const Hr = J ?? A?.promotionCardColorScheme ?? A?.promotionCardScheme ?? Pr, Tr = {
+    const zr = J ?? A?.promotionCardColorScheme ?? A?.promotionCardScheme ?? Pr, Hr = {
       "--promotion-card-background": va[o],
       "--promotion-card-color": wa[o],
-      "--promotion-card-background-image": h ? "none" : Hr === "dark" ? ya[o] : Y[o]
+      "--promotion-card-background-image": h ? "none" : zr === "dark" ? ya[o] : Y[o]
     };
     return /* @__PURE__ */ l(
       f,
@@ -1327,7 +1329,7 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
         fullHeight: !0,
         className: c(s, u, `${u}--${o}`),
         style: {
-          ...Tr,
+          ...Hr,
           ...U
         },
         ...D,