@purpurds/promotion-card 7.0.0 → 7.1.0

package/dist/promotion-card.es.js

@@ -59,7 +59,7 @@ const Tr = /* @__PURE__ */ Pr(Hr), Vr = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
   return `<svg ${Yr(a)}>${o}${e}</svg>`;
-}, Qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), jr = ({
+}, Qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
@@ -81,7 +81,7 @@ const Tr = /* @__PURE__ */ Pr(Hr), Vr = {
     }
   );
 };
-jr.displayName = "Icon";
+Mr.displayName = "Icon";
 const Xr = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
@@ -222,7 +222,7 @@ const ir = /* @__PURE__ */ pe(le), P = {
   const i = se(o), l = ir([r, P[D], P[`${D}--${o}`]]);
   return /* @__PURE__ */ c("span", { className: l, "data-testid": p, ...t, children: [
     n && i && /* @__PURE__ */ u(
-      jr,
+      Mr,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
@@ -341,7 +341,7 @@ const ye = /* @__PURE__ */ ge(ve), we = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
   return `<svg ${Ce(a)}>${o}${e}</svg>`;
-}, $e = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
+}, $e = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
@@ -363,7 +363,7 @@ const ye = /* @__PURE__ */ ge(ve), we = {
     }
   );
 };
-Mr.displayName = "Icon";
+Gr.displayName = "Icon";
 const Ae = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
@@ -394,18 +394,18 @@ const Ae = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
   keywords: ["offering"],
   category: "other"
-}, je = {
+}, Me = {
   name: "question",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["question"],
   category: "status"
-}, Me = {
+}, Ge = {
   name: "tag",
   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"
 };
-function Ge(e) {
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var sr = { exports: {} };
@@ -448,7 +448,7 @@ function Ze() {
   }(sr)), sr.exports;
 }
 var Ee = Ze();
-const cr = /* @__PURE__ */ Ge(Ee), H = {
+const cr = /* @__PURE__ */ je(Ee), H = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -486,13 +486,13 @@ const cr = /* @__PURE__ */ Ge(Ee), H = {
     case m.ERROR:
       return ke;
     case m.NEUTRAL:
-      return je;
-    case m.BLACK_FRIDAY:
       return Me;
+    case m.BLACK_FRIDAY:
+      return Ge;
     default:
       return;
   }
-}, ze = ({
+}, Ie = ({
   children: e,
   showIcon: n = !0,
   iconAllyTitle: a,
@@ -504,7 +504,7 @@ const cr = /* @__PURE__ */ Ge(Ee), H = {
   const i = Ue(o), l = cr([r, H[T], H[`${T}--${o}`]]);
   return /* @__PURE__ */ c("span", { className: l, "data-testid": p, ...t, children: [
     n && i && /* @__PURE__ */ u(
-      Mr,
+      Gr,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
@@ -515,16 +515,16 @@ const cr = /* @__PURE__ */ Ge(Ee), H = {
     ),
     e
   ] });
-}, Ie = {
+}, qe = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, qe = _.bind(Ie), Re = "purpur-card-badge", Le = ({
+}, ze = _.bind(qe), Re = "purpur-card-badge", Le = ({
   ["data-testid"]: e = "purpur-card-badge",
   variant: n,
   text: a
 }) => n && a ? /* @__PURE__ */ u(
-  ze,
+  Ie,
   {
-    className: qe(Re),
+    className: ze(Re),
     variant: n,
     showIcon: !1,
     "data-testid": e,
@@ -607,18 +607,18 @@ function Je() {
   }(_r)), _r.exports;
 }
 var Qe = Je();
-const hr = /* @__PURE__ */ Ye(Qe), Xe = "_rotate_1xozj_1", rt = "_dash_1xozj_1", $ = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const hr = /* @__PURE__ */ Ye(Qe), Xe = "_rotate_12t9p_1", rt = "_dash_12t9p_1", $ = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Xe,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
+  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
+  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
+  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
+  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
+  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
   dash: rt,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
 }, A = "purpur-spinner", et = {
   SM: "sm"
 }, tt = ({
@@ -759,7 +759,7 @@ const lt = /* @__PURE__ */ ot(ut), st = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
   return `<svg ${_t(a)}>${o}${e}</svg>`;
-}, ht = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
+}, ht = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), jr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
@@ -781,13 +781,13 @@ const lt = /* @__PURE__ */ ot(ut), st = {
     }
   );
 };
-Gr.displayName = "Icon";
+jr.displayName = "Icon";
 const gt = {
   name: "checkmark",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, Zr = (e) => /* @__PURE__ */ u(Gr, { ...e, svg: gt });
+}, Zr = (e) => /* @__PURE__ */ u(jr, { ...e, svg: gt });
 Zr.displayName = "IconCheckmark";
 function mt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -933,7 +933,7 @@ function $t() {
   }(Cr)), Cr.exports;
 }
 var At = $t();
-const Ft = /* @__PURE__ */ St(At), G = {
+const Ft = /* @__PURE__ */ St(At), j = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -962,11 +962,11 @@ const Ft = /* @__PURE__ */ St(At), G = {
 }) => {
   const i = p, l = Ft([
     n,
-    G[Z],
-    G[`${Z}--${r}`],
+    j[Z],
+    j[`${Z}--${r}`],
     {
-      [G[`${Z}--hyphens`]]: a,
-      [G[`${Z}--negative`]]: o
+      [j[`${Z}--hyphens`]]: a,
+      [j[`${Z}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ u(i, { className: l, ...t, children: e });
@@ -1030,7 +1030,7 @@ const kt = {
       children: r
     }
   );
-}, E = _.bind(kt), b = "purpur-card-heading", jt = ({
+}, E = _.bind(kt), b = "purpur-card-heading", Mt = ({
   ["data-testid"]: e = "purpur-card-heading",
   ["aria-label"]: n,
   title: a,
@@ -1041,8 +1041,8 @@ const kt = {
   onClick: i = void 0,
   href: l = void 0,
   disabled: x = !1,
-  linkElement: I = "a",
-  variant: q = "title-100",
+  linkElement: q = "a",
+  variant: z = "title-100",
   ...R
 }) => {
   const N = E(b, {
@@ -1057,7 +1057,7 @@ const kt = {
         {
           tag: r,
           className: E(`${b}__heading`),
-          variant: q,
+          variant: z,
           enableHyphenation: t,
           ...R,
           children: i || l ? /* @__PURE__ */ u(
@@ -1067,7 +1067,7 @@ const kt = {
               disabled: x,
               href: l,
               onClick: i,
-              linkElement: I,
+              linkElement: q,
               children: a
             }
           ) : a
@@ -1076,21 +1076,21 @@ const kt = {
     ] }),
     p
   ] });
-}, Mt = {
+}, Gt = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
-}, Gt = _.bind(Mt), Zt = "purpur-card-media", Et = ({
+}, jt = _.bind(Gt), Zt = "purpur-card-media", Et = ({
   ["data-testid"]: e = "purpur-card-media",
   className: n,
   children: a,
   ...o
-}) => /* @__PURE__ */ u("div", { ...o, className: Gt([Zt, n]), "data-testid": e, children: a }), Ut = {
+}) => /* @__PURE__ */ u("div", { ...o, className: jt([Zt, n]), "data-testid": e, children: a }), Ut = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1yfvb_1"
-}, zt = _.bind(Ut), It = "purpur-card-media-layout", qt = ({
+}, It = _.bind(Ut), qt = "purpur-card-media-layout", zt = ({
   ["data-testid"]: e = "purpur-card-media-layout",
   className: n,
   children: a,
   ...o
-}) => /* @__PURE__ */ u("div", { ...o, className: zt([It, n]), "data-testid": e, children: a }), Rt = {
+}) => /* @__PURE__ */ u("div", { ...o, className: It([qt, n]), "data-testid": e, children: a }), Rt = {
   "purpur-card-overline": "_purpur-card-overline_qhfj0_1"
 }, Lt = _.bind(Rt), Pt = "purpur-card-overline", Dt = ({
   ["data-testid"]: e = "purpur-card-overline",
@@ -1139,9 +1139,9 @@ f.ContentContainer = Ke;
 f.Cta = nt;
 f.FeatureList = Ct;
 f.Overline = Dt;
-f.Heading = jt;
+f.Heading = Mt;
 f.Media = Et;
-f.MediaLayout = qt;
+f.MediaLayout = zt;
 f.displayName = "Card";
 function Vt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1204,7 +1204,7 @@ const Yt = /* @__PURE__ */ Vt(Kt), U = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, Jt = {
   TITLE100: "title-100"
-}, z = "purpur-heading", zr = ({
+}, I = "purpur-heading", Ir = ({
   children: e,
   className: n = "",
   enableHyphenation: a = !1,
@@ -1215,16 +1215,16 @@ const Yt = /* @__PURE__ */ Vt(Kt), U = {
 }) => {
   const i = p, l = Yt([
     n,
-    U[z],
-    U[`${z}--${r}`],
+    U[I],
+    U[`${I}--${r}`],
     {
-      [U[`${z}--hyphens`]]: a,
-      [U[`${z}--negative`]]: o
+      [U[`${I}--hyphens`]]: a,
+      [U[`${I}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ u(i, { className: l, ...t, children: e });
 };
-zr.displayName = "Heading";
+Ir.displayName = "Heading";
 function Qt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1285,7 +1285,7 @@ const ea = /* @__PURE__ */ Qt(ra), k = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, ta = {
   PARAGRAPH100: "paragraph-100"
-}, O = "purpur-paragraph", Ir = ({
+}, O = "purpur-paragraph", qr = ({
   ["data-testid"]: e,
   children: n,
   className: a,
@@ -1307,7 +1307,7 @@ const ea = /* @__PURE__ */ Qt(ra), k = {
   ]);
   return /* @__PURE__ */ u("p", { ...i, className: l, "data-testid": e, children: n });
 };
-Ir.displayName = "Paragraph";
+qr.displayName = "Paragraph";
 function aa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1395,35 +1395,35 @@ const oa = /* @__PURE__ */ aa(na), pa = {
   enableTitleHyphenation: i = !1,
   className: l,
   actions: x,
-  children: I,
-  style: q,
+  children: q,
+  style: z,
   alignment: R = "space-between",
   additionalText: N,
   ...h
-}, qr) => {
-  let j = h, y, M;
+}, zr) => {
+  let M = h, y, G;
   if ("decorativeImage" in h) {
     const { hasGradient: C, decorativeImage: S, ...L } = h;
-    y = S, M = C, j = L;
+    y = S, G = C, M = L;
   } else if ("productImage" in h) {
     const { hasGradient: C, productImage: S, ...L } = h;
-    y = S, M = C, j = L;
+    y = S, G = C, M = L;
   } else if ("hasGradient" in h) {
     const { hasGradient: C, ...S } = h;
-    M = C, j = S;
+    G = C, M = S;
   }
   const Rr = {
     "--promotion-card-background": ua[n],
     "--promotion-card-color": sa[n],
     "--promotion-card-background-image": la[n]
   };
-  return /* @__PURE__ */ u(f, { ref: qr, className: d(`${s}__card`), fullHeight: !0, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(f, { ref: zr, className: d(`${s}__card`), fullHeight: !0, children: /* @__PURE__ */ c(
     "div",
     {
       "data-testid": e,
       style: {
         ...Rr,
-        ...q
+        ...z
       },
       className: d([
         l,
@@ -1434,7 +1434,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
           [`${s}--without-image`]: !y
         }
       ]),
-      ...j,
+      ...M,
       children: [
         /* @__PURE__ */ c(
           "div",
@@ -1460,7 +1460,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
                   ),
                   children: [
                     /* @__PURE__ */ u(
-                      zr,
+                      Ir,
                       {
                         tag: r,
                         variant: t,
@@ -1470,10 +1470,10 @@ const oa = /* @__PURE__ */ aa(na), pa = {
                       }
                     ),
                     /* @__PURE__ */ c("div", { className: d(`${s}__body`), children: [
-                      /* @__PURE__ */ u("div", { className: d(`${s}__child-content`), children: I }),
+                      /* @__PURE__ */ u("div", { className: d(`${s}__child-content`), children: q }),
                       x && /* @__PURE__ */ u("div", { className: d(`${s}__actions`), children: x }),
                       N && /* @__PURE__ */ u(
-                        Ir,
+                        qr,
                         {
                           negative: !0,
                           variant: "additional-100",
@@ -1500,7 +1500,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
             ]),
             children: [
               y,
-              M && /* @__PURE__ */ u(
+              G && /* @__PURE__ */ u(
                 "div",
                 {
                   className: d(`${s}__image-gradient`),