@purpurds/promotion-card 4.1.1 → 4.2.0

package/dist/promotion-card.es.js

@@ -2,7 +2,7 @@ import { jsxs as _, jsx as d } from "react/jsx-runtime";
 function D(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var b = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -10,35 +10,35 @@ var b = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
-    function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = n(r, l.call(this, o)));
+    var a = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var o = arguments[r];
+        o && (e = n(e, l.call(this, o)));
       }
-      return r;
+      return e;
     }
-    function l(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
+    function l(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return this && this[e] || e;
+      if (typeof e != "object")
         return "";
-      if (Array.isArray(r))
-        return a.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var e = "";
-      for (var o in r)
-        i.call(r, o) && r[o] && (e = n(e, this && this[o] || o));
-      return e;
+      if (Array.isArray(e))
+        return i.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));
+      return r;
     }
-    function n(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function n(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
   })();
-})(b);
-var N = b.exports;
+})(U);
+var N = U.exports;
 const $ = /* @__PURE__ */ D(N), L = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -77,41 +77,41 @@ 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), S = "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 = [
+}, 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 = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], l = i ? `<title>${i}</title>` : "";
-  return `<svg ${z(a)}>${l}${t}</svg>`;
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], l = a ? `<title>${a}</title>` : "";
+  return `<svg ${z(i)}>${l}${t}</svg>`;
 }, K = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({
   ["data-testid"]: t,
-  svg: i,
-  allyTitle: a,
+  svg: a,
+  allyTitle: i,
   className: l = "",
   size: n = W,
-  ...r
+  ...e
 }) => {
-  const e = J({
-    content: K(i.svg),
-    title: a
-  }), o = V(l, S, `${S}--${n}`);
+  const r = J({
+    content: K(a.svg),
+    title: i
+  }), o = V(l, F, `${F}--${n}`);
   return /* @__PURE__ */ d(
     "span",
     {
-      "aria-label": a,
+      "aria-label": i,
       className: o,
       "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
-      ...r
+      dangerouslySetInnerHTML: { __html: r },
+      ...e
     }
   );
 };
 function X(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var E = { exports: {} };
+var A = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -119,36 +119,36 @@ var E = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
-    function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = n(r, l(o)));
+    var a = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var o = arguments[r];
+        o && (e = n(e, l(o)));
       }
-      return r;
+      return e;
     }
-    function l(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return r;
-      if (typeof r != "object")
+    function l(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return e;
+      if (typeof e != "object")
         return "";
-      if (Array.isArray(r))
-        return a.apply(null, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var e = "";
-      for (var o in r)
-        i.call(r, o) && r[o] && (e = n(e, o));
-      return e;
+      if (Array.isArray(e))
+        return i.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));
+      return r;
     }
-    function n(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function n(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
   })();
-})(E);
-var Y = E.exports;
-const r0 = /* @__PURE__ */ X(Y), F = {
+})(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",
@@ -157,7 +157,7 @@ const r0 = /* @__PURE__ */ X(Y), F = {
   "purpur-badge--success": "_purpur-badge--success_yhork_29",
   "purpur-badge--warning": "_purpur-badge--warning_yhork_33",
   "purpur-badge--error": "_purpur-badge--error_yhork_37"
-}, B = "purpur-badge", f = {
+}, G = "purpur-badge", f = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -165,7 +165,7 @@ const r0 = /* @__PURE__ */ X(Y), F = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error"
-}, e0 = (t) => {
+}, r0 = (t) => {
   switch (t) {
     case f.ATTENTION:
     case f.SPECIAL:
@@ -185,23 +185,23 @@ const r0 = /* @__PURE__ */ X(Y), F = {
   }
 }, t0 = ({
   children: t,
-  showIcon: i = !0,
-  variant: a,
+  showIcon: a = !0,
+  variant: i,
   ["data-testid"]: l,
   allyLabel: n,
-  className: r = "",
-  ...e
+  className: e = "",
+  ...r
 }) => {
-  const o = e0(a), h = r0([r, F[B], F[`${B}--${a}`]]);
-  return /* @__PURE__ */ _("span", { "aria-label": n, className: h, "data-testid": l, ...e, children: [
-    i && o && /* @__PURE__ */ d(Q, { "data-testid": `${l}-icon`, allyTitle: n, size: "xs", svg: o }),
+  const o = r0(i), h = e0([e, B[G], B[`${G}--${i}`]]);
+  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 }),
     t
   ] });
 };
 function o0(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = { exports: {} };
+var b = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -209,50 +209,50 @@ var U = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
-    function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = n(r, l.call(this, o)));
+    var a = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var o = arguments[r];
+        o && (e = n(e, l.call(this, o)));
       }
-      return r;
+      return e;
     }
-    function l(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
+    function l(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return this && this[e] || e;
+      if (typeof e != "object")
         return "";
-      if (Array.isArray(r))
-        return a.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var e = "";
-      for (var o in r)
-        i.call(r, o) && r[o] && (e = n(e, this && this[o] || o));
-      return e;
+      if (Array.isArray(e))
+        return i.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));
+      return r;
     }
-    function n(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function n(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
   })();
-})(U);
-var a0 = U.exports;
-const i0 = /* @__PURE__ */ o0(a0), n0 = {
+})(b);
+var i0 = b.exports;
+const a0 = /* @__PURE__ */ o0(i0), n0 = {
   "purpur-card": "_purpur-card_172jf_1",
   "purpur-card__container": "_purpur-card__container_172jf_10"
-}, G = i0.bind(n0), O = "purpur-card", A = ({
+}, O = a0.bind(n0), E = "purpur-card", M = ({
   ["data-testid"]: t,
-  children: i,
-  className: a,
+  children: a,
+  className: i,
   containerClassName: l,
   ...n
-}) => /* @__PURE__ */ d("div", { className: G(`${O}__container`, l), children: /* @__PURE__ */ d("div", { className: G([O, a]), "data-testid": t, ...n, children: i }) });
-A.displayName = "Card";
+}) => /* @__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";
 function l0(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var M = { exports: {} };
+var k = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -260,50 +260,51 @@ var M = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
-    function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = n(r, l(o)));
+    var a = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var o = arguments[r];
+        o && (e = n(e, l(o)));
       }
-      return r;
+      return e;
     }
-    function l(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return r;
-      if (typeof r != "object")
+    function l(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return e;
+      if (typeof e != "object")
         return "";
-      if (Array.isArray(r))
-        return a.apply(null, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var e = "";
-      for (var o in r)
-        i.call(r, o) && r[o] && (e = n(e, o));
-      return e;
+      if (Array.isArray(e))
+        return i.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));
+      return r;
     }
-    function n(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function n(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
   })();
-})(M);
-var s0 = M.exports;
+})(k);
+var s0 = k.exports;
 const p0 = /* @__PURE__ */ l0(s0), v = {
-  "purpur-heading": "_purpur-heading_1abfh_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
+  "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"
 }, d0 = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -313,29 +314,31 @@ const p0 = /* @__PURE__ */ l0(s0), v = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, C = "purpur-heading", u0 = ({
+}, w = "purpur-heading", u0 = ({
   ["data-testid"]: t,
-  children: i,
-  className: a = "",
+  children: a,
+  className: i = "",
   enableHyphenation: l = !1,
-  tag: n,
+  negative: n = !1,
+  tag: e,
   variant: r = d0.TITLE100,
-  ...e
+  ...o
 }) => {
-  const o = n, h = p0([
-    a,
-    v[C],
-    v[`${C}--${r}`],
+  const h = e, C = p0([
+    i,
+    v[w],
+    v[`${w}--${r}`],
     {
-      [v[`${C}--hyphens`]]: l
+      [v[`${w}--hyphens`]]: l,
+      [v[`${w}--negative`]]: n
     }
   ]);
-  return /* @__PURE__ */ d(o, { ...e, className: h, "data-testid": t, children: i });
+  return /* @__PURE__ */ d(h, { ...o, className: C, "data-testid": t, children: a });
 };
 function c0(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var k = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -343,35 +346,35 @@ var k = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
-    function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = n(r, l.call(this, o)));
+    var a = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var o = arguments[r];
+        o && (e = n(e, l.call(this, o)));
       }
-      return r;
+      return e;
     }
-    function l(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
+    function l(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return this && this[e] || e;
+      if (typeof e != "object")
         return "";
-      if (Array.isArray(r))
-        return a.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var e = "";
-      for (var o in r)
-        i.call(r, o) && r[o] && (e = n(e, this && this[o] || o));
-      return e;
+      if (Array.isArray(e))
+        return i.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));
+      return r;
     }
-    function n(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function n(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
   })();
-})(k);
-var f0 = k.exports;
+})(I);
+var f0 = I.exports;
 const _0 = /* @__PURE__ */ c0(f0), h0 = {
   "purpur-promotion-card": "_purpur-promotion-card_1msg9_1",
   "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_1msg9_8",
@@ -389,7 +392,7 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
   "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_1msg9_122",
   "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_1msg9_125",
   "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_1msg9_126"
-}, v0 = ["primary", "secondary", "quaternary"], g0 = {
+}, w0 = ["primary", "secondary", "quaternary"], g0 = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",
   quaternary: "var(--purpur-color-background-tone-on-tone-quaternary)"
@@ -403,35 +406,35 @@ 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: i = "primary",
-  badgeText: a,
+  variant: a = "primary",
+  badgeText: i,
   badgeIcon: l,
   title: n,
-  titleTag: r = "h2",
-  titleVariant: e = "title-300",
+  titleTag: e = "h2",
+  titleVariant: r = "title-300",
   className: o,
   children: h,
-  style: I,
+  style: C,
   ...u
 }) => {
   let y = u, c, x;
   if ("decorativeImage" in u) {
-    const { hasGradient: g, decorativeImage: m, ...w } = u;
-    c = m, x = g, y = w;
+    const { hasGradient: g, decorativeImage: m, ...S } = u;
+    c = m, x = g, y = S;
   } else if ("productImage" in u) {
-    const { hasGradient: g, productImage: m, ...w } = u;
-    c = m, x = g, y = w;
+    const { hasGradient: g, productImage: m, ...S } = u;
+    c = m, x = g, y = S;
   } else if ("hasGradient" in u) {
     const { hasGradient: g, ...m } = u;
     x = g, y = m;
   }
   const Z = {
-    "--promotion-card-background": g0[i],
-    "--promotion-card-color": y0[i],
-    "--promotion-card-background-image": m0[i]
+    "--promotion-card-background": g0[a],
+    "--promotion-card-color": y0[a],
+    "--promotion-card-background-image": m0[a]
   };
   return /* @__PURE__ */ d(
-    A,
+    M,
     {
       className: p(`${s}__card`),
       containerClassName: p(`${s}__card-container`),
@@ -441,12 +444,12 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
           "data-testid": t,
           style: {
             ...Z,
-            ...I
+            ...C
           },
           className: p([
             o,
             s,
-            `${s}--${i}`,
+            `${s}--${a}`,
             {
               [`${s}--with-image`]: c,
               [`${s}--without-image`]: !c
@@ -465,16 +468,16 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
                   }
                 ]),
                 children: [
-                  a && /* @__PURE__ */ d("div", { "data-testid": "badgeWrapper", className: p(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(t0, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
+                  i && /* @__PURE__ */ d("div", { "data-testid": "badgeWrapper", className: p(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(t0, { variant: a === "primary" ? "special" : "attention", showIcon: !1, children: [
                     l && l,
-                    a
+                    i
                   ] }) }),
                   /* @__PURE__ */ _("div", { className: p(`${s}__main-content`), children: [
                     /* @__PURE__ */ d(
                       u0,
                       {
-                        tag: r,
-                        variant: e,
+                        tag: e,
+                        variant: r,
                         enableHyphenation: !0,
                         className: p(`${s}__heading`),
                         children: n
@@ -516,6 +519,6 @@ const _0 = /* @__PURE__ */ c0(f0), h0 = {
 x0.displayName = "PromotionCard";
 export {
   x0 as PromotionCard,
-  v0 as promotionCardVariants
+  w0 as promotionCardVariants
 };
 //# sourceMappingURL=promotion-card.es.js.map