@purpurds/promotion-card 8.3.1 → 8.4.0

package/dist/promotion-card.es.js

@@ -1,5 +1,5 @@
 import { jsxs as _, jsx as l, Fragment as Tr } from "react/jsx-runtime";
-import { forwardRef as Gr, useId as qr } from "react";
+import { forwardRef as Mr, useId as qr } from "react";
 import { useTheme as Vr, useApplyTheme as zr } from "@purpurds/theme";
 function Wr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -60,14 +60,14 @@ const Qr = /* @__PURE__ */ Wr(Yr), Jr = {
     o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = o ? `<title>${o}</title>` : "";
   return `<svg ${ee(a)}>${n}${e}</svg>`;
-}, ae = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nr = ({ svg: e, allyTitle: o, className: a, size: n = re, ...p }) => {
+}, ae = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({ svg: e, allyTitle: o, className: a, size: n = re, ...p }) => {
   const r = te({
     content: ae(e.svg),
     title: o
   }), t = Xr(a, tr, `${tr}--${n}`);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Nr.displayName = "Icon";
+Gr.displayName = "Icon";
 const ie = {
   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>',
@@ -208,7 +208,7 @@ const or = /* @__PURE__ */ ce(fe), L = {
   const i = he(n), s = or([r, L[P], L[`${P}--${n}`]]);
   return /* @__PURE__ */ _("span", { className: s, "data-testid": p, ...t, children: [
     o && i && /* @__PURE__ */ l(
-      Nr,
+      Gr,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
@@ -328,25 +328,25 @@ const Se = /* @__PURE__ */ we(Ce), $e = {
     o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = o ? `<title>${o}</title>` : "";
   return `<svg ${Ae(a)}>${n}${e}</svg>`;
-}, Me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), kr = ({ svg: e, allyTitle: o, className: a, size: n = Be, ...p }) => {
+}, ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nr = ({ svg: e, allyTitle: o, className: a, size: n = Be, ...p }) => {
   const r = Oe({
-    content: Me(e.svg),
+    content: ke(e.svg),
     title: o
   }), t = Fe(a, sr, `${sr}--${n}`);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-kr.displayName = "Icon";
-const Ge = {
+Nr.displayName = "Icon";
+const Me = {
   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>',
   keywords: ["alert"],
   category: "status"
-}, Ne = {
+}, Ge = {
   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"
-}, ke = {
+}, Ne = {
   name: "devices",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10 3.4a.1.1 0 0 0-.1.1V4a.9.9 0 0 1-1.8 0v-.5c0-1.05.85-1.9 1.9-1.9h10c1.05 0 1.9.85 1.9 1.9v15a1.9 1.9 0 0 1-1.9 1.9h-6a.9.9 0 1 1 0-1.8h6a.1.1 0 0 0 .1-.1v-15a.1.1 0 0 0-.1-.1H10ZM2.1 8c0-1.05.85-1.9 1.9-1.9h6c1.05 0 1.9.85 1.9 1.9v12a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V8ZM4 7.9a.1.1 0 0 0-.1.1v12a.1.1 0 0 0 .1.1h6a.1.1 0 0 0 .1-.1V8a.1.1 0 0 0-.1-.1H4ZM14.6 17a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8h-.5a.9.9 0 0 1-.9-.9Zm-8.5 1.5a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8H7a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["devices"],
@@ -450,11 +450,11 @@ const _r = /* @__PURE__ */ De(Le), H = {
     case m.INFORMATION:
       return Ee;
     case m.GENERAL:
-      return ke;
-    case m.SUCCESS:
       return Ne;
-    case m.WARNING:
+    case m.SUCCESS:
       return Ge;
+    case m.WARNING:
+      return Me;
     case m.ERROR:
       return Ze;
     case m.NEUTRAL:
@@ -476,7 +476,7 @@ const _r = /* @__PURE__ */ De(Le), H = {
   const i = Pe(n), s = _r([r, H[T], H[`${T}--${n}`]]);
   return /* @__PURE__ */ _("span", { className: s, "data-testid": p, ...t, children: [
     o && i && /* @__PURE__ */ l(
-      kr,
+      Nr,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
@@ -616,24 +616,24 @@ const it = /* @__PURE__ */ et(at), ot = "_rotate_12t9p_1", nt = "_dash_12t9p_1",
     r: "20"
   }
 ) }) }), st = {
-  "purpur-card-cta--button-styling": "_purpur-card-cta--button-styling_1xiey_1",
-  "purpur-card-cta--button-styling--xs": "_purpur-card-cta--button-styling--xs_1xiey_33",
-  "purpur-card-cta--button-styling--icon-only": "_purpur-card-cta--button-styling--icon-only_1xiey_36",
-  "purpur-card-cta--button-styling--sm": "_purpur-card-cta--button-styling--sm_1xiey_39",
-  "purpur-card-cta--button-styling--md": "_purpur-card-cta--button-styling--md_1xiey_45",
-  "purpur-card-cta--button-styling--lg": "_purpur-card-cta--button-styling--lg_1xiey_51",
-  "purpur-card-cta--button-styling--full-width": "_purpur-card-cta--button-styling--full-width_1xiey_57",
-  "purpur-card-cta--button-styling--primary": "_purpur-card-cta--button-styling--primary_1xiey_60",
-  "purpur-card-cta--button-styling--disabled": "_purpur-card-cta--button-styling--disabled_1xiey_64",
-  "purpur-card-cta--button-styling--primary-negative": "_purpur-card-cta--button-styling--primary-negative_1xiey_70",
-  "purpur-card-cta--button-styling--secondary": "_purpur-card-cta--button-styling--secondary_1xiey_82",
-  "purpur-card-cta--button-styling--secondary-negative": "_purpur-card-cta--button-styling--secondary-negative_1xiey_93",
-  "purpur-card-cta--button-styling--expressive": "_purpur-card-cta--button-styling--expressive_1xiey_104",
-  "purpur-card-cta--button-styling--expressive-negative": "_purpur-card-cta--button-styling--expressive-negative_1xiey_114",
-  "purpur-card-cta--cta-styling": "_purpur-card-cta--cta-styling_1xiey_126",
-  "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"
+  "purpur-card-cta--button-styling": "_purpur-card-cta--button-styling_1stkr_1",
+  "purpur-card-cta--button-styling--xs": "_purpur-card-cta--button-styling--xs_1stkr_22",
+  "purpur-card-cta--button-styling--icon-only": "_purpur-card-cta--button-styling--icon-only_1stkr_25",
+  "purpur-card-cta--button-styling--sm": "_purpur-card-cta--button-styling--sm_1stkr_28",
+  "purpur-card-cta--button-styling--md": "_purpur-card-cta--button-styling--md_1stkr_34",
+  "purpur-card-cta--button-styling--lg": "_purpur-card-cta--button-styling--lg_1stkr_40",
+  "purpur-card-cta--button-styling--full-width": "_purpur-card-cta--button-styling--full-width_1stkr_46",
+  "purpur-card-cta--button-styling--primary": "_purpur-card-cta--button-styling--primary_1stkr_64",
+  "purpur-card-cta--button-styling--disabled": "_purpur-card-cta--button-styling--disabled_1stkr_68",
+  "purpur-card-cta--button-styling--primary-negative": "_purpur-card-cta--button-styling--primary-negative_1stkr_74",
+  "purpur-card-cta--button-styling--secondary": "_purpur-card-cta--button-styling--secondary_1stkr_86",
+  "purpur-card-cta--button-styling--secondary-negative": "_purpur-card-cta--button-styling--secondary-negative_1stkr_97",
+  "purpur-card-cta--button-styling--expressive": "_purpur-card-cta--button-styling--expressive_1stkr_108",
+  "purpur-card-cta--button-styling--expressive-negative": "_purpur-card-cta--button-styling--expressive-negative_1stkr_118",
+  "purpur-card-cta--cta-styling": "_purpur-card-cta--cta-styling_1stkr_130",
+  "purpur-card-cta--secondary": "_purpur-card-cta--secondary_1stkr_135",
+  "purpur-card-cta--disabled": "_purpur-card-cta--disabled_1stkr_135",
+  "purpur-card-cta--text": "_purpur-card-cta--text_1stkr_143"
 }, dt = d.bind(st), v = "purpur-card-cta", ct = ({
   ["data-testid"]: e = "purpur-card-cta",
   className: o,
@@ -801,7 +801,7 @@ const Bt = /* @__PURE__ */ St(Ft), At = {
   "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"
-}, Ot = Bt.bind(At), Mt = {
+}, Ot = Bt.bind(At), kt = {
   PARAGRAPH100: "paragraph-100"
 }, $ = "purpur-paragraph", Q = ({
   children: e,
@@ -809,7 +809,7 @@ const Bt = /* @__PURE__ */ St(Ft), At = {
   disabled: a,
   enableHyphenation: n = !1,
   negative: p = !1,
-  variant: r = Mt.PARAGRAPH100,
+  variant: r = kt.PARAGRAPH100,
   ...t
 }) => {
   const i = Ot(o, $, `${$}--${r}`, {
@@ -820,11 +820,11 @@ const Bt = /* @__PURE__ */ St(Ft), At = {
   return /* @__PURE__ */ l("p", { ...t, className: i, children: e });
 };
 Q.displayName = "Paragraph";
-const Gt = {
+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(Gt), V = "purpur-card-feature-list", Nt = ({
+}, q = d.bind(Mt), V = "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__ */ _(
@@ -839,7 +839,7 @@ const Gt = {
   },
   a
 )) }) : null;
-function kt(e) {
+function Nt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var br = { exports: {} };
@@ -882,7 +882,7 @@ function Zt() {
   })(br)), br.exports;
 }
 var Et = Zt();
-const Ut = /* @__PURE__ */ kt(Et), M = {
+const Ut = /* @__PURE__ */ Nt(Et), k = {
   "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 Ut = /* @__PURE__ */ kt(Et), M = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, It = {
   TITLE100: "title-100"
-}, G = "purpur-heading", Ur = ({
+}, M = "purpur-heading", Ur = ({
   children: e,
   className: o = "",
   enableHyphenation: a = !1,
@@ -915,11 +915,11 @@ const Ut = /* @__PURE__ */ kt(Et), M = {
 }) => {
   const i = p, s = Ut([
     o,
-    M[G],
-    M[`${G}--${r}`],
+    k[M],
+    k[`${M}--${r}`],
     {
-      [M[`${G}--hyphens`]]: a,
-      [M[`${G}--negative`]]: n
+      [k[`${M}--hyphens`]]: a,
+      [k[`${M}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -983,7 +983,7 @@ const jt = {
       children: r
     }
   );
-}, N = d.bind(jt), C = "purpur-card-heading", Lt = ({
+}, G = d.bind(jt), C = "purpur-card-heading", Lt = ({
   ["data-testid"]: e = "purpur-card-heading",
   ["aria-label"]: o,
   title: a,
@@ -998,18 +998,18 @@ const jt = {
   variant: U = "title-100",
   ...I
 }) => {
-  const A = N(C, {
+  const A = G(C, {
     [`${C}--is-interactive`]: i || s,
     [`${C}--disabled`]: x
   });
   return /* @__PURE__ */ _("div", { className: A, "data-testid": e, children: [
-    /* @__PURE__ */ _("div", { className: N(`${C}__header`), children: [
-      n && /* @__PURE__ */ l("div", { className: N(`${C}__icon`), children: n }),
+    /* @__PURE__ */ _("div", { className: G(`${C}__header`), children: [
+      n && /* @__PURE__ */ l("div", { className: G(`${C}__icon`), children: n }),
       /* @__PURE__ */ l(
         Ur,
         {
           tag: r,
-          className: N(`${C}__heading`),
+          className: G(`${C}__heading`),
           variant: U,
           enableHyphenation: t,
           ...I,
@@ -1063,7 +1063,7 @@ const jt = {
   "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"
-}, r0 = d.bind(Xt), z = "purpur-card-root", Ir = Gr(
+}, r0 = d.bind(Xt), z = "purpur-card-root", Ir = Mr(
   ({
     ["data-testid"]: e = "purpur-card-root",
     children: o,
@@ -1102,7 +1102,7 @@ f.Badge = ze;
 f.Content = Qe;
 f.ContentContainer = rt;
 f.Cta = ct;
-f.FeatureList = Nt;
+f.FeatureList = Gt;
 f.Overline = Jt;
 f.Heading = Lt;
 f.Media = qt;
@@ -1151,7 +1151,7 @@ function t0() {
   })(Fr)), Fr.exports;
 }
 var a0 = t0();
-const i0 = /* @__PURE__ */ e0(a0), k = {
+const i0 = /* @__PURE__ */ e0(a0), N = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1184,11 +1184,11 @@ const i0 = /* @__PURE__ */ e0(a0), k = {
 }) => {
   const i = p, s = i0([
     o,
-    k[Z],
-    k[`${Z}--${r}`],
+    N[Z],
+    N[`${Z}--${r}`],
     {
-      [k[`${Z}--hyphens`]]: a,
-      [k[`${Z}--negative`]]: n
+      [N[`${Z}--hyphens`]]: a,
+      [N[`${Z}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -1280,9 +1280,9 @@ var K = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
+var kr;
 function f0() {
-  return Mr || (Mr = 1, (function(e) {
+  return kr || (kr = 1, (function(e) {
     (function() {
       var o = {}.hasOwnProperty;
       function a() {
@@ -1350,7 +1350,7 @@ const g0 = /* @__PURE__ */ _0(h0), m0 = {
   primary: "var(--purpur-color-text-tone-on-tone-primary)",
   secondary: "var(--purpur-color-text-tone-on-tone-secondary)",
   quaternary: "var(--purpur-color-text-tone-on-tone-tertiary)"
-}, c = g0.bind(m0), u = "purpur-promotion-card", w0 = Gr(
+}, c = g0.bind(m0), u = "purpur-promotion-card", w0 = Mr(
   ({
     ["data-testid"]: e,
     variant: o = "primary",