@purpurds/promotion-card 8.2.5 → 8.2.6

package/dist/promotion-card.d.ts

@@ -6,11 +6,9 @@ export declare const promotionCardVariants: readonly ["primary", "secondary", "q
 export type PromotionCardVariant = (typeof promotionCardVariants)[number];
 type DecorativeImage = {
     decorativeImage?: ReactNode;
-    hasGradient?: boolean;
 };
 type ProductImage = {
     productImage?: ReactNode;
-    hasGradient?: never;
 };
 export type PromotionCardProps = Omit<BaseProps, "children"> & {
     variant?: PromotionCardVariant;

package/dist/promotion-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"promotion-card.d.ts","sourceRoot":"","sources":["../src/promotion-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOtF,eAAO,MAAM,qBAAqB,iDAAkD,CAAC;AAErF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AA4B1E,KAAK,eAAe,GAAG;IAAE,eAAe,CAAC,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC9E,KAAK,YAAY,GAAG;IAAE,YAAY,CAAC,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEtE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,eAAe,GAAG,UAAU,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAKrC,eAAO,MAAM,aAAa;;;cAhBd,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;;;;cAVhB,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;gEAkI3B,CAAC"}
+{"version":3,"file":"promotion-card.d.ts","sourceRoot":"","sources":["../src/promotion-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOtF,eAAO,MAAM,qBAAqB,iDAAkD,CAAC;AAErF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AA4B1E,KAAK,eAAe,GAAG;IAAE,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AACvD,KAAK,YAAY,GAAG;IAAE,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,eAAe,GAAG,UAAU,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAKrC,eAAO,MAAM,aAAa;;;cAhBd,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;;;;cAVhB,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;gEAgI3B,CAAC"}

package/dist/promotion-card.es.js

@@ -164,7 +164,7 @@ const tr = /* @__PURE__ */ ne(le), R = {
   "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"
-}, L = "purpur-badge", m = {
+}, L = "purpur-badge", g = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -176,22 +176,22 @@ const tr = /* @__PURE__ */ ne(le), R = {
   WARNING: "warning"
 }, ue = (e) => {
   switch (e) {
-    case m.ATTENTION:
-    case m.SPECIAL:
+    case g.ATTENTION:
+    case g.SPECIAL:
       return ae;
-    case m.INFORMATION:
+    case g.INFORMATION:
       return te;
-    case m.GENERAL:
+    case g.GENERAL:
       return re;
-    case m.SUCCESS:
+    case g.SUCCESS:
       return Xr;
-    case m.WARNING:
+    case g.WARNING:
       return Jr;
-    case m.ERROR:
+    case g.ERROR:
       return ee;
-    case m.NEUTRAL:
+    case g.NEUTRAL:
       return ie;
-    case m.BLACK_FRIDAY:
+    case g.BLACK_FRIDAY:
       return oe;
     default:
       return;
@@ -432,7 +432,7 @@ const sr = /* @__PURE__ */ ke(Ee), P = {
   "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"
-}, H = "purpur-badge", v = {
+}, H = "purpur-badge", m = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -444,22 +444,22 @@ const sr = /* @__PURE__ */ ke(Ee), P = {
   WARNING: "warning"
 }, Ue = (e) => {
   switch (e) {
-    case v.ATTENTION:
-    case v.SPECIAL:
+    case m.ATTENTION:
+    case m.SPECIAL:
       return Me;
-    case v.INFORMATION:
+    case m.INFORMATION:
       return Oe;
-    case v.GENERAL:
+    case m.GENERAL:
       return Be;
-    case v.SUCCESS:
+    case m.SUCCESS:
       return Fe;
-    case v.WARNING:
+    case m.WARNING:
       return $e;
-    case v.ERROR:
+    case m.ERROR:
       return Ae;
-    case v.NEUTRAL:
+    case m.NEUTRAL:
       return Ge;
-    case v.BLACK_FRIDAY:
+    case m.BLACK_FRIDAY:
       return Ne;
     default:
       return;
@@ -517,7 +517,7 @@ const sr = /* @__PURE__ */ ke(Ee), P = {
   "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_2oha5_39",
   "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_2oha5_42",
   "purpur-card-content-container--gap-size--xl": "_purpur-card-content-container--gap-size--xl_2oha5_45"
-}, ze = d.bind(Ve), O = "purpur-card-content-container", We = ({
+}, ze = d.bind(Ve), A = "purpur-card-content-container", We = ({
   ["data-testid"]: e = "purpur-card-content-container",
   children: o,
   className: a,
@@ -529,12 +529,12 @@ const sr = /* @__PURE__ */ ke(Ee), P = {
   "div",
   {
     className: ze([
-      O,
+      A,
       a,
-      `${O}--gap-size--${r}`,
+      `${A}--gap-size--${r}`,
       {
-        [`${O}--full-height`]: p,
-        [`${O}--footer`]: n
+        [`${A}--full-height`]: p,
+        [`${A}--footer`]: n
       }
     ]),
     "data-testid": e,
@@ -634,7 +634,7 @@ const Je = /* @__PURE__ */ Ke(Qe), Xe = "_rotate_12t9p_1", rt = "_dash_12t9p_1",
   "purpur-card-cta--secondary": "_purpur-card-cta--secondary_1xiey_131",
   "purpur-card-cta--disabled": "_purpur-card-cta--disabled_1xiey_131",
   "purpur-card-cta--text": "_purpur-card-cta--text_1xiey_139"
-}, ot = d.bind(it), y = "purpur-card-cta", nt = ({
+}, ot = d.bind(it), v = "purpur-card-cta", nt = ({
   ["data-testid"]: e = "purpur-card-cta",
   className: o,
   children: a,
@@ -648,18 +648,18 @@ const Je = /* @__PURE__ */ Ke(Qe), Xe = "_rotate_12t9p_1", rt = "_dash_12t9p_1",
   "div",
   {
     className: `${ot([
-      y,
+      v,
       o,
       {
-        [`${y}--disabled`]: n,
-        [`${y}--text`]: !!t,
-        [`${y}--cta-styling`]: i,
-        [`${y}--button-styling`]: !i,
-        [`${y}--button-styling--md`]: !i,
-        [`${y}--button-styling--secondary`]: !i,
-        [`${y}--button-styling--icon-only`]: !i && !t
+        [`${v}--disabled`]: n,
+        [`${v}--text`]: !!t,
+        [`${v}--cta-styling`]: i,
+        [`${v}--button-styling`]: !i,
+        [`${v}--button-styling--md`]: !i,
+        [`${v}--button-styling--secondary`]: !i,
+        [`${v}--button-styling--icon-only`]: !i && !t
       }
-    ])} ${y}`,
+    ])} ${v}`,
     "data-testid": e,
     ...s,
     children: r ? /* @__PURE__ */ l(at, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ _(Rr, { children: [
@@ -882,7 +882,7 @@ function At() {
   })(yr)), yr.exports;
 }
 var Ot = At();
-const Mt = /* @__PURE__ */ Bt(Ot), M = {
+const Mt = /* @__PURE__ */ Bt(Ot), O = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -904,7 +904,7 @@ const Mt = /* @__PURE__ */ Bt(Ot), M = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Gt = {
   TITLE100: "title-100"
-}, G = "purpur-heading", kr = ({
+}, M = "purpur-heading", kr = ({
   children: e,
   className: o = "",
   enableHyphenation: a = !1,
@@ -915,11 +915,11 @@ const Mt = /* @__PURE__ */ Bt(Ot), M = {
 }) => {
   const i = p, s = Mt([
     o,
-    M[G],
-    M[`${G}--${r}`],
+    O[M],
+    O[`${M}--${r}`],
     {
-      [M[`${G}--hyphens`]]: a,
-      [M[`${G}--negative`]]: n
+      [O[`${M}--hyphens`]]: a,
+      [O[`${M}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -935,7 +935,7 @@ const Nt = {
   "purpur-card-trigger-item--button": "_purpur-card-trigger-item--button_t6ena_5",
   "purpur-card-trigger-item--disabled": "_purpur-card-trigger-item--disabled_t6ena_18",
   "purpur-card-trigger-item": "_purpur-card-trigger-item_t6ena_1"
-}, wr = d.bind(kt), x = "purpur-card-trigger-item", Zt = ({
+}, wr = d.bind(kt), y = "purpur-card-trigger-item", Zt = ({
   ["data-testid"]: e = "purpur-card-trigger-item",
   ["aria-label"]: o,
   disabled: a = !1,
@@ -944,19 +944,19 @@ const Nt = {
   children: r,
   linkElement: t = "a"
 }) => {
-  const i = (w) => {
-    a ? w.preventDefault() : p && p();
-  }, s = `${x} ${a ? `${x}--disabled` : ""}`;
+  const i = (x) => {
+    a ? x.preventDefault() : p && p();
+  }, s = `${y} ${a ? `${y}--disabled` : ""}`;
   return n ? /* @__PURE__ */ l(
     t,
     {
       "aria-disabled": a,
       "aria-label": o,
       className: `${wr([
-        x,
-        `${x}--link`,
+        y,
+        `${y}--link`,
         {
-          [`${x}--disabled`]: a
+          [`${y}--disabled`]: a
         }
       ])} ${s}`,
       "data-testid": e,
@@ -971,10 +971,10 @@ const Nt = {
       "aria-disabled": a,
       "aria-label": o,
       className: `${wr([
-        x,
-        `${x}--button`,
+        y,
+        `${y}--button`,
         {
-          [`${x}--disabled`]: a
+          [`${y}--disabled`]: a
         }
       ])} ${s}`,
       "data-testid": e,
@@ -983,7 +983,7 @@ const Nt = {
       children: r
     }
   );
-}, N = d.bind(Nt), b = "purpur-card-heading", Et = ({
+}, G = d.bind(Nt), b = "purpur-card-heading", Et = ({
   ["data-testid"]: e = "purpur-card-heading",
   ["aria-label"]: o,
   title: a,
@@ -993,34 +993,34 @@ const Nt = {
   enableHyphenation: t,
   onClick: i = void 0,
   href: s = void 0,
-  disabled: w = !1,
-  linkElement: E = "a",
-  variant: U = "title-100",
-  ...I
+  disabled: x = !1,
+  linkElement: Z = "a",
+  variant: E = "title-100",
+  ...U
 }) => {
-  const B = N(b, {
+  const B = G(b, {
     [`${b}--is-interactive`]: i || s,
-    [`${b}--disabled`]: w
+    [`${b}--disabled`]: x
   });
   return /* @__PURE__ */ _("div", { className: B, "data-testid": e, children: [
-    /* @__PURE__ */ _("div", { className: N(`${b}__header`), children: [
-      n && /* @__PURE__ */ l("div", { className: N(`${b}__icon`), children: n }),
+    /* @__PURE__ */ _("div", { className: G(`${b}__header`), children: [
+      n && /* @__PURE__ */ l("div", { className: G(`${b}__icon`), children: n }),
       /* @__PURE__ */ l(
         kr,
         {
           tag: r,
-          className: N(`${b}__heading`),
-          variant: U,
+          className: G(`${b}__heading`),
+          variant: E,
           enableHyphenation: t,
-          ...I,
+          ...U,
           children: i || s ? /* @__PURE__ */ l(
             Zt,
             {
               "aria-label": o,
-              disabled: w,
+              disabled: x,
               href: s,
               onClick: i,
-              linkElement: E,
+              linkElement: Z,
               children: a
             }
           ) : a
@@ -1151,7 +1151,7 @@ function Yt() {
   })(Cr)), Cr.exports;
 }
 var Qt = Yt();
-const Jt = /* @__PURE__ */ Kt(Qt), k = {
+const Jt = /* @__PURE__ */ Kt(Qt), N = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1173,7 +1173,7 @@ const Jt = /* @__PURE__ */ Kt(Qt), k = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Xt = {
   TITLE100: "title-100"
-}, Z = "purpur-heading", Er = ({
+}, k = "purpur-heading", Er = ({
   children: e,
   className: o = "",
   enableHyphenation: a = !1,
@@ -1184,11 +1184,11 @@ const Jt = /* @__PURE__ */ Kt(Qt), k = {
 }) => {
   const i = p, s = Jt([
     o,
-    k[Z],
-    k[`${Z}--${r}`],
+    N[k],
+    N[`${k}--${r}`],
     {
-      [k[`${Z}--hyphens`]]: a,
-      [k[`${Z}--negative`]]: n
+      [N[`${k}--hyphens`]]: a,
+      [N[`${k}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -1361,26 +1361,26 @@ const s0 = /* @__PURE__ */ p0(u0), d0 = {
     titleVariant: t = "title-300",
     enableTitleHyphenation: i = !1,
     className: s,
-    actions: w,
-    children: E,
-    style: U,
-    alignment: I = "space-between",
+    actions: x,
+    children: Z,
+    style: E,
+    alignment: U = "space-between",
     additionalText: B,
-    ...h
+    ...w
   }, Ir) => {
     const [jr] = Lr();
-    let A = h, g;
-    if ("decorativeImage" in h) {
-      const { decorativeImage: j, ...D } = h;
-      g = j, A = D;
-    } else if ("productImage" in h) {
-      const { productImage: j, ...D } = h;
-      g = j, A = D;
-    } else "hasGradient" in h && (A = h);
+    let I = w, h;
+    if ("decorativeImage" in w) {
+      const { decorativeImage: j, ...D } = w;
+      h = j, I = D;
+    } else if ("productImage" in w) {
+      const { productImage: j, ...D } = w;
+      h = j, I = D;
+    }
     const Dr = {
       "--promotion-card-background": c0[o],
       "--promotion-card-color": f0[o],
-      "--promotion-card-background-image": g ? "none" : jr === "dark" ? _0[o] : K[o]
+      "--promotion-card-background-image": h ? "none" : jr === "dark" ? _0[o] : K[o]
     };
     return /* @__PURE__ */ l(
       f,
@@ -1391,23 +1391,23 @@ const s0 = /* @__PURE__ */ p0(u0), d0 = {
         className: c(s, u, `${u}--${o}`),
         style: {
           ...Dr,
-          ...U
+          ...E
         },
-        ...A,
+        ...I,
         children: /* @__PURE__ */ _(
           "div",
           {
             className: c(`${u}__inner`, {
-              [`${u}__inner--with-image`]: g,
-              [`${u}__inner--without-image`]: !g
+              [`${u}__inner--with-image`]: h,
+              [`${u}__inner--without-image`]: !h
             }),
             children: [
               /* @__PURE__ */ _(
                 "div",
                 {
                   className: c(`${u}__content`, {
-                    [`${u}__content--with-image`]: g,
-                    [`${u}__content--without-image`]: !g
+                    [`${u}__content--with-image`]: h,
+                    [`${u}__content--without-image`]: !h
                   }),
                   children: [
                     a && /* @__PURE__ */ l("div", { "data-testid": "badgeWrapper", className: c(`${u}__badge-wrapper`), children: /* @__PURE__ */ _(se, { variant: o === "primary" ? "special" : "attention", showIcon: !1, children: [
@@ -1419,7 +1419,7 @@ const s0 = /* @__PURE__ */ p0(u0), d0 = {
                       {
                         className: c(
                           `${u}__main-content`,
-                          `${u}__main-content--${I}`
+                          `${u}__main-content--${U}`
                         ),
                         children: [
                           /* @__PURE__ */ l(
@@ -1433,8 +1433,8 @@ const s0 = /* @__PURE__ */ p0(u0), d0 = {
                             }
                           ),
                           /* @__PURE__ */ _("div", { className: c(`${u}__body`), children: [
-                            /* @__PURE__ */ l("div", { className: c(`${u}__child-content`), children: E }),
-                            w && /* @__PURE__ */ l("div", { className: c(`${u}__actions`), children: w }),
+                            /* @__PURE__ */ l("div", { className: c(`${u}__child-content`), children: Z }),
+                            x && /* @__PURE__ */ l("div", { className: c(`${u}__actions`), children: x }),
                             B && /* @__PURE__ */ l(
                               Ur,
                               {
@@ -1451,14 +1451,14 @@ const s0 = /* @__PURE__ */ p0(u0), d0 = {
                   ]
                 }
               ),
-              g && /* @__PURE__ */ l(
+              h && /* @__PURE__ */ l(
                 "div",
                 {
                   className: c(`${u}__image-wrapper`, {
-                    [`${u}__image-wrapper--product`]: "productImage" in h,
-                    [`${u}__image-wrapper--decorative`]: "decorativeImage" in h
+                    [`${u}__image-wrapper--product`]: "productImage" in w,
+                    [`${u}__image-wrapper--decorative`]: "decorativeImage" in w
                   }),
-                  children: g
+                  children: h
                 }
               )
             ]