@purpurds/promotion-card 4.3.0 → 4.5.0

package/dist/promotion-card.es.js

@@ -10,8 +10,8 @@ var U = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function i() {
+    var i = {}.hasOwnProperty;
+    function a() {
       for (var e = "", r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         o && (e = n(e, l.call(this, o)));
@@ -24,18 +24,18 @@ var U = { exports: {} };
       if (typeof e != "object")
         return "";
       if (Array.isArray(e))
-        return i.apply(this, e);
+        return a.apply(this, e);
       if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
         return e.toString();
       var r = "";
       for (var o in e)
-        a.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
+        i.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
       return r;
     }
     function n(e, r) {
       return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(U);
 var N = U.exports;
@@ -52,22 +52,22 @@ const $ = /* @__PURE__ */ D(N), L = {
   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>',
   keywords: ["alert"],
   category: "status"
-}, R = {
+}, q = {
   name: "check-circle",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.487 9.514a.872.872 0 1 0-1.42-1.014l-4.248 5.948-2.18-2.18a.872.872 0 0 0-1.233 1.234l2.908 2.908a.872.872 0 0 0 1.326-.11l4.847-6.786Z"/><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: ["check-circle"],
   category: "status"
-}, j = {
+}, R = {
   name: "error",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.354 3.05c.732-1.267 2.56-1.267 3.291 0l8.66 15c.732 1.267-.182 2.85-1.645 2.85H3.34c-1.463 0-2.377-1.583-1.646-2.85l8.66-15Zm1.595.862a.092.092 0 0 0-.036.038l-8.66 15a.092.092 0 0 0-.015.05c0 .014.005.032.015.05a.11.11 0 0 0 .036.038.09.09 0 0 0 .05.012H20.66a.088.088 0 0 0 .05-.012.106.106 0 0 0 .037-.038.105.105 0 0 0 .015-.05.092.092 0 0 0-.015-.05l-8.66-15a.092.092 0 0 0-.036-.038A.106.106 0 0 0 12 3.9a.105.105 0 0 0-.05.012Z" clip-rule="evenodd"/><path d="m12.523 14.922.412-6.25a.936.936 0 1 0-1.868 0l.421 6.25h1.035ZM12 17.52c.44 0 .826-.387.826-.815 0-.418-.387-.816-.826-.816-.428 0-.825.398-.825.816 0 .428.397.815.825.815Z"/><path fill-rule="evenodd" d="M12.691 15.096h-1.37l-.431-6.53a1 1 0 0 1 .997-1.066h.227a1 1 0 0 1 .998 1.064l-.42 6.532Zm.244-6.425a.936.936 0 1 0-1.868.002l.421 6.249h1.035l.412-6.25ZM13 16.706c0 .526-.466.99-1 .99-.522 0-1-.463-1-.99 0-.264.125-.51.304-.689.18-.178.429-.301.696-.301.536 0 1 .475 1 .99Zm-.174 0c0 .428-.387.815-.826.815-.428 0-.825-.387-.825-.815 0-.418.397-.816.825-.816.44 0 .826.398.826.816Z" clip-rule="evenodd"/></svg>',
   keywords: ["error"],
   category: "status"
-}, P = {
+}, j = {
   name: "info",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><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: ["info"],
   category: "status"
-}, q = {
+}, P = {
   name: "offering",
   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"],
@@ -77,30 +77,30 @@ const $ = /* @__PURE__ */ D(N), L = {
   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"
-}, V = $.bind(L), F = "purpur-icon", W = "md", z = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), J = ({ content: t = "", title: a } = {}) => {
-  const i = [
+}, V = $.bind(L), F = "purpur-icon", W = "md", z = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), J = ({ content: t = "", title: i } = {}) => {
+  const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], l = a ? `<title>${a}</title>` : "";
-  return `<svg ${z(i)}>${l}${t}</svg>`;
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], l = i ? `<title>${i}</title>` : "";
+  return `<svg ${z(a)}>${l}${t}</svg>`;
 }, K = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({
   ["data-testid"]: t,
-  svg: a,
-  allyTitle: i,
+  svg: i,
+  allyTitle: a,
   className: l = "",
   size: n = W,
   ...e
 }) => {
   const r = J({
-    content: K(a.svg),
-    title: i
+    content: K(i.svg),
+    title: a
   }), o = V(l, F, `${F}--${n}`);
   return /* @__PURE__ */ d(
     "span",
     {
-      "aria-label": i,
+      "aria-label": a,
       className: o,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: r },
@@ -119,8 +119,8 @@ var A = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function i() {
+    var i = {}.hasOwnProperty;
+    function a() {
       for (var e = "", r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         o && (e = n(e, l(o)));
@@ -133,30 +133,30 @@ var A = { exports: {} };
       if (typeof e != "object")
         return "";
       if (Array.isArray(e))
-        return i.apply(null, e);
+        return a.apply(null, e);
       if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
         return e.toString();
       var r = "";
       for (var o in e)
-        a.call(e, o) && e[o] && (r = n(r, o));
+        i.call(e, o) && e[o] && (r = n(r, o));
       return r;
     }
     function n(e, r) {
       return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(A);
 var Y = A.exports;
 const e0 = /* @__PURE__ */ X(Y), B = {
-  "purpur-badge": "_purpur-badge_yhork_1",
-  "purpur-badge--attention": "_purpur-badge--attention_yhork_13",
-  "purpur-badge--special": "_purpur-badge--special_yhork_17",
-  "purpur-badge--neutral": "_purpur-badge--neutral_yhork_21",
-  "purpur-badge--information": "_purpur-badge--information_yhork_25",
-  "purpur-badge--success": "_purpur-badge--success_yhork_29",
-  "purpur-badge--warning": "_purpur-badge--warning_yhork_33",
-  "purpur-badge--error": "_purpur-badge--error_yhork_37"
+  "purpur-badge": "_purpur-badge_stlab_1",
+  "purpur-badge--attention": "_purpur-badge--attention_stlab_13",
+  "purpur-badge--special": "_purpur-badge--special_stlab_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_stlab_21",
+  "purpur-badge--information": "_purpur-badge--information_stlab_25",
+  "purpur-badge--success": "_purpur-badge--success_stlab_29",
+  "purpur-badge--warning": "_purpur-badge--warning_stlab_33",
+  "purpur-badge--error": "_purpur-badge--error_stlab_37"
 }, G = "purpur-badge", f = {
   ATTENTION: "attention",
   SPECIAL: "special",
@@ -169,15 +169,15 @@ const e0 = /* @__PURE__ */ X(Y), B = {
   switch (t) {
     case f.ATTENTION:
     case f.SPECIAL:
-      return q;
-    case f.INFORMATION:
       return P;
+    case f.INFORMATION:
+      return j;
     case f.SUCCESS:
-      return R;
+      return q;
     case f.WARNING:
       return T;
     case f.ERROR:
-      return j;
+      return R;
     case f.NEUTRAL:
       return H;
     default:
@@ -185,16 +185,16 @@ const e0 = /* @__PURE__ */ X(Y), B = {
   }
 }, t0 = ({
   children: t,
-  showIcon: a = !0,
-  variant: i,
+  showIcon: i = !0,
+  variant: a,
   ["data-testid"]: l,
   allyLabel: n,
   className: e = "",
   ...r
 }) => {
-  const o = r0(i), h = e0([e, B[G], B[`${G}--${i}`]]);
+  const o = r0(a), h = e0([e, B[G], B[`${G}--${a}`]]);
   return /* @__PURE__ */ _("span", { "aria-label": n, className: h, "data-testid": l, ...r, children: [
-    a && o && /* @__PURE__ */ d(Q, { "data-testid": `${l}-icon`, allyTitle: n, size: "xs", svg: o }),
+    i && o && /* @__PURE__ */ d(Q, { "data-testid": `${l}-icon`, allyTitle: n, size: "xs", svg: o }),
     t
   ] });
 };
@@ -209,8 +209,8 @@ var b = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function i() {
+    var i = {}.hasOwnProperty;
+    function a() {
       for (var e = "", r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         o && (e = n(e, l.call(this, o)));
@@ -223,36 +223,36 @@ var b = { exports: {} };
       if (typeof e != "object")
         return "";
       if (Array.isArray(e))
-        return i.apply(this, e);
+        return a.apply(this, e);
       if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
         return e.toString();
       var r = "";
       for (var o in e)
-        a.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
+        i.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
       return r;
     }
     function n(e, r) {
       return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(b);
-var i0 = b.exports;
-const a0 = /* @__PURE__ */ o0(i0), n0 = {
+var a0 = b.exports;
+const i0 = /* @__PURE__ */ o0(a0), n0 = {
   "purpur-card": "_purpur-card_172jf_1",
   "purpur-card__container": "_purpur-card__container_172jf_10"
-}, O = a0.bind(n0), E = "purpur-card", M = ({
+}, O = i0.bind(n0), E = "purpur-card", k = ({
   ["data-testid"]: t,
-  children: a,
-  className: i,
+  children: i,
+  className: a,
   containerClassName: l,
   ...n
-}) => /* @__PURE__ */ d("div", { className: O(`${E}__container`, l), children: /* @__PURE__ */ d("div", { className: O([E, i]), "data-testid": t, ...n, children: a }) });
-M.displayName = "Card";
+}) => /* @__PURE__ */ d("div", { className: O(`${E}__container`, l), children: /* @__PURE__ */ d("div", { className: O([E, a]), "data-testid": t, ...n, children: i }) });
+k.displayName = "Card";
 function l0(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var k = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -260,8 +260,8 @@ var k = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function i() {
+    var i = {}.hasOwnProperty;
+    function a() {
       for (var e = "", r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         o && (e = n(e, l(o)));
@@ -274,37 +274,37 @@ var k = { exports: {} };
       if (typeof e != "object")
         return "";
       if (Array.isArray(e))
-        return i.apply(null, e);
+        return a.apply(null, e);
       if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
         return e.toString();
       var r = "";
       for (var o in e)
-        a.call(e, o) && e[o] && (r = n(r, o));
+        i.call(e, o) && e[o] && (r = n(r, o));
       return r;
     }
     function n(e, r) {
       return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(k);
-var s0 = k.exports;
+})(M);
+var s0 = M.exports;
 const p0 = /* @__PURE__ */ l0(s0), v = {
-  "purpur-heading": "_purpur-heading_1g237_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
-  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, d0 = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -316,8 +316,8 @@ const p0 = /* @__PURE__ */ l0(s0), v = {
   SUBSECTION100: "subsection-100"
 }, w = "purpur-heading", u0 = ({
   ["data-testid"]: t,
-  children: a,
-  className: i = "",
+  children: i,
+  className: a = "",
   enableHyphenation: l = !1,
   negative: n = !1,
   tag: e,
@@ -325,7 +325,7 @@ const p0 = /* @__PURE__ */ l0(s0), v = {
   ...o
 }) => {
   const h = e, C = p0([
-    i,
+    a,
     v[w],
     v[`${w}--${r}`],
     {
@@ -333,7 +333,7 @@ const p0 = /* @__PURE__ */ l0(s0), v = {
       [v[`${w}--negative`]]: n
     }
   ]);
-  return /* @__PURE__ */ d(h, { ...o, className: C, "data-testid": t, children: a });
+  return /* @__PURE__ */ d(h, { ...o, className: C, "data-testid": t, children: i });
 };
 function c0(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -346,8 +346,8 @@ var I = { exports: {} };
 */
 (function(t) {
   (function() {
-    var a = {}.hasOwnProperty;
-    function i() {
+    var i = {}.hasOwnProperty;
+    function a() {
       for (var e = "", r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         o && (e = n(e, l.call(this, o)));
@@ -360,18 +360,18 @@ var I = { exports: {} };
       if (typeof e != "object")
         return "";
       if (Array.isArray(e))
-        return i.apply(this, e);
+        return a.apply(this, e);
       if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
         return e.toString();
       var r = "";
       for (var o in e)
-        a.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
+        i.call(e, o) && e[o] && (r = n(r, this && this[o] || o));
       return r;
     }
     function n(e, r) {
       return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(I);
 var f0 = I.exports;
@@ -406,8 +406,8 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
   quaternary: "var(--purpur-color-text-tone-on-tone-tertiary)"
 }, p = _0.bind(h0), s = "purpur-promotion-card", x0 = ({
   ["data-testid"]: t,
-  variant: a = "primary",
-  badgeText: i,
+  variant: i = "primary",
+  badgeText: a,
   badgeIcon: l,
   title: n,
   titleTag: e = "h2",
@@ -429,12 +429,12 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
     x = g, y = m;
   }
   const Z = {
-    "--promotion-card-background": g0[a],
-    "--promotion-card-color": y0[a],
-    "--promotion-card-background-image": m0[a]
+    "--promotion-card-background": g0[i],
+    "--promotion-card-color": y0[i],
+    "--promotion-card-background-image": m0[i]
   };
   return /* @__PURE__ */ d(
-    M,
+    k,
     {
       className: p(`${s}__card`),
       containerClassName: p(`${s}__card-container`),
@@ -449,7 +449,7 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
           className: p([
             o,
             s,
-            `${s}--${a}`,
+            `${s}--${i}`,
             {
               [`${s}--with-image`]: c,
               [`${s}--without-image`]: !c
@@ -468,9 +468,9 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
                   }
                 ]),
                 children: [
-                  i && /* @__PURE__ */ d("div", { "data-testid": "badgeWrapper", className: p(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(t0, { variant: a === "primary" ? "special" : "attention", showIcon: !1, children: [
+                  a && /* @__PURE__ */ d("div", { "data-testid": "badgeWrapper", className: p(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(t0, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
                     l && l,
-                    i
+                    a
                   ] }) }),
                   /* @__PURE__ */ _("div", { className: p(`${s}__main-content`), children: [
                     /* @__PURE__ */ d(