@purpurds/promotion-card 8.5.2 → 8.7.0

package/dist/promotion-card.d.ts

@@ -5,6 +5,12 @@ import { ColorScheme } from '@purpurds/theme';
 
 export declare const promotionCardVariants: readonly ["primary", "secondary", "quaternary"];
 export type PromotionCardVariant = (typeof promotionCardVariants)[number];
+export type PromotionCardDecorativeImage = {
+    decorativeImage?: ReactNode;
+};
+export type PromotionCardProductImage = {
+    productImage?: ReactNode;
+};
 export type PromotionCardProps = Omit<BaseProps, "children"> & {
     variant?: PromotionCardVariant;
     title: string;
@@ -22,11 +28,7 @@ export type PromotionCardProps = Omit<BaseProps, "children"> & {
      * @deprecated Gradient has been removed from both design and implementation. This prop will be removed in the next major release.
      */
     hasGradient?: boolean;
-} & ({
-    decorativeImage?: ReactNode;
-} | {
-    productImage?: ReactNode;
-});
+} & (PromotionCardDecorativeImage | PromotionCardProductImage);
 export declare const PromotionCard: React.ForwardRefExoticComponent<(Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     [key: `data-${string}`]: string | undefined;
 }, "children"> & {
@@ -46,9 +48,7 @@ export declare const PromotionCard: React.ForwardRefExoticComponent<(Omit<Omit<R
      * @deprecated Gradient has been removed from both design and implementation. This prop will be removed in the next major release.
      */
     hasGradient?: boolean;
-} & {
-    decorativeImage?: ReactNode;
-}, "ref"> | Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+} & PromotionCardDecorativeImage, "ref"> | Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     [key: `data-${string}`]: string | undefined;
 }, "children"> & {
     variant?: PromotionCardVariant;
@@ -67,7 +67,5 @@ export declare const PromotionCard: React.ForwardRefExoticComponent<(Omit<Omit<R
      * @deprecated Gradient has been removed from both design and implementation. This prop will be removed in the next major release.
      */
     hasGradient?: boolean;
-} & {
-    productImage?: ReactNode;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+} & PromotionCardProductImage, "ref">) & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=promotion-card.d.ts.map

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,EAAS,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,KAAK,WAAW,EAA2B,MAAM,iBAAiB,CAAC;AAK5E,eAAO,MAAM,qBAAqB,iDAAkD,CAAC;AAErF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AA4B1E,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;IAC3B,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,CAAC;IAAE,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAKrE,eAAO,MAAM,aAAa;;;cArBd,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;uBACP,WAAW;IAC9B;;OAEG;kBACW,OAAO;;sBACE,SAAS;;;;cAhBtB,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;uBACP,WAAW;IAC9B;;OAEG;kBACW,OAAO;;mBACiC,SAAS;iDA2IhE,CAAC"}
+{"version":3,"file":"promotion-card.d.ts","sourceRoot":"","sources":["../src/promotion-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,KAAK,WAAW,EAA2B,MAAM,iBAAiB,CAAC;AAK5E,eAAO,MAAM,qBAAqB,iDAAkD,CAAC;AAErF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AA4B1E,MAAM,MAAM,4BAA4B,GAAG;IAAE,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAC3E,MAAM,MAAM,yBAAyB,GAAG;IAAE,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAErE,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;IAC3B,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,CAAC,4BAA4B,GAAG,yBAAyB,CAAC,CAAC;AAK/D,eAAO,MAAM,aAAa;;;cArBd,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;uBACP,WAAW;IAC9B;;OAEG;kBACW,OAAO;;;;cAfX,oBAAoB;WACvB,MAAM;eACF,cAAc;mBACV,cAAc;6BACJ,OAAO;gBACpB,MAAM;gBACN,SAAS;cACX,SAAS;cACT,SAAS;gBACP,eAAe,GAAG,UAAU;qBACvB,SAAS;uBACP,WAAW;IAC9B;;OAEG;kBACW,OAAO;6EA4ItB,CAAC"}

package/dist/promotion-card.es.js

@@ -320,16 +320,16 @@ const $e = /* @__PURE__ */ be(Se), Fe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Be = $e.bind(Fe), sr = "purpur-icon", Ae = "md", Oe = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), ke = ({ content: e = "", title: o } = {}) => {
+}, Be = $e.bind(Fe), sr = "purpur-icon", Ae = "md", ke = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), Oe = ({ content: e = "", title: o } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = o ? `<title>${o}</title>` : "";
-  return `<svg ${Oe(a)}>${n}${e}</svg>`;
+  return `<svg ${ke(a)}>${n}${e}</svg>`;
 }, Me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nr = ({ svg: e, allyTitle: o, className: a, size: n = Ae, ...p }) => {
-  const r = ke({
+  const r = Oe({
     content: Me(e.svg),
     title: o
   }), t = Be(sr, `${sr}--${n}`, a);
@@ -517,7 +517,7 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
   "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"
-}, rt = d.bind(Xe), O = "purpur-card-content-container", et = ({
+}, rt = d.bind(Xe), k = "purpur-card-content-container", et = ({
   ["data-testid"]: e = "purpur-card-content-container",
   children: o,
   className: a,
@@ -529,12 +529,12 @@ const _r = /* @__PURE__ */ Le(Pe), H = {
   "div",
   {
     className: rt([
-      O,
+      k,
       a,
-      `${O}--gap-size--${r}`,
+      `${k}--gap-size--${r}`,
       {
-        [`${O}--full-height`]: p,
-        [`${O}--footer`]: n
+        [`${k}--full-height`]: p,
+        [`${k}--footer`]: n
       }
     ]),
     "data-testid": e,
@@ -804,7 +804,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), kt = {
+}, kt = Bt.bind(At), Ot = {
   PARAGRAPH100: "paragraph-100"
 }, $ = "purpur-paragraph", Q = ({
   children: e,
@@ -812,10 +812,10 @@ const Bt = /* @__PURE__ */ St(Ft), At = {
   disabled: a,
   enableHyphenation: n = !1,
   negative: p = !1,
-  variant: r = kt.PARAGRAPH100,
+  variant: r = Ot.PARAGRAPH100,
   ...t
 }) => {
-  const i = Ot(o, $, `${$}--${r}`, {
+  const i = kt(o, $, `${$}--${r}`, {
     [`${$}--hyphens`]: n,
     [`${$}--disabled`]: a,
     [`${$}--negative`]: p
@@ -885,7 +885,7 @@ function Zt() {
   })(br)), br.exports;
 }
 var Et = Zt();
-const Ut = /* @__PURE__ */ Nt(Et), k = {
+const Ut = /* @__PURE__ */ Nt(Et), O = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -918,11 +918,11 @@ const Ut = /* @__PURE__ */ Nt(Et), k = {
 }) => {
   const i = p, s = Ut([
     o,
-    k[M],
-    k[`${M}--${r}`],
+    O[M],
+    O[`${M}--${r}`],
     {
-      [k[`${M}--hyphens`]]: a,
-      [k[`${M}--negative`]]: n
+      [O[`${M}--hyphens`]]: a,
+      [O[`${M}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -1077,11 +1077,11 @@ const Dt = {
   }, t) => {
     const i = ra([
       z,
-      a,
       {
         [`${z}--${p}`]: p,
         [`${z}--full-height`]: n
-      }
+      },
+      a
     ]);
     return /* @__PURE__ */ l("div", { className: i, "data-testid": e, ref: t, ...r, children: o });
   }
@@ -1206,9 +1206,9 @@ var Ar = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Or;
+var kr;
 function pa() {
-  return Or || (Or = 1, (function(e) {
+  return kr || (kr = 1, (function(e) {
     (function() {
       var o = {}.hasOwnProperty;
       function a() {
@@ -1283,9 +1283,9 @@ var K = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var kr;
+var Or;
 function fa() {
-  return kr || (kr = 1, (function(e) {
+  return Or || (Or = 1, (function(e) {
     (function() {
       var o = {}.hasOwnProperty;
       function a() {
@@ -1318,25 +1318,25 @@ function fa() {
 }
 var ha = fa();
 const ga = /* @__PURE__ */ _a(ha), ma = {
-  "purpur-promotion-card": "_purpur-promotion-card_w7fvy_1",
-  "purpur-promotion-card__inner": "_purpur-promotion-card__inner_w7fvy_9",
-  "purpur-promotion-card__inner--without-image": "_purpur-promotion-card__inner--without-image_w7fvy_12",
-  "purpur-promotion-card__content": "_purpur-promotion-card__content_w7fvy_12",
-  "purpur-promotion-card__inner--with-image": "_purpur-promotion-card__inner--with-image_w7fvy_37",
-  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_w7fvy_49",
-  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_w7fvy_65",
-  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_w7fvy_68",
-  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_w7fvy_73",
-  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_w7fvy_78",
-  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_w7fvy_89",
-  "purpur-promotion-card__body": "_purpur-promotion-card__body_w7fvy_93",
-  "purpur-promotion-card__main-content--space-between": "_purpur-promotion-card__main-content--space-between_w7fvy_104",
-  "purpur-promotion-card__main-content--flex-end": "_purpur-promotion-card__main-content--flex-end_w7fvy_107",
-  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_w7fvy_127",
-  "purpur-promotion-card__additional-text": "_purpur-promotion-card__additional-text_w7fvy_130",
-  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_w7fvy_133",
-  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_w7fvy_136",
-  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_w7fvy_137"
+  "purpur-promotion-card": "_purpur-promotion-card_1kw9a_1",
+  "purpur-promotion-card__inner": "_purpur-promotion-card__inner_1kw9a_9",
+  "purpur-promotion-card__inner--without-image": "_purpur-promotion-card__inner--without-image_1kw9a_12",
+  "purpur-promotion-card__content": "_purpur-promotion-card__content_1kw9a_12",
+  "purpur-promotion-card__inner--with-image": "_purpur-promotion-card__inner--with-image_1kw9a_37",
+  "purpur-promotion-card__actions": "_purpur-promotion-card__actions_1kw9a_49",
+  "purpur-promotion-card__content--without-image": "_purpur-promotion-card__content--without-image_1kw9a_71",
+  "purpur-promotion-card__main-content": "_purpur-promotion-card__main-content_1kw9a_74",
+  "purpur-promotion-card__heading": "_purpur-promotion-card__heading_1kw9a_79",
+  "purpur-promotion-card__content--with-image": "_purpur-promotion-card__content--with-image_1kw9a_84",
+  "purpur-promotion-card__badge-wrapper": "_purpur-promotion-card__badge-wrapper_1kw9a_95",
+  "purpur-promotion-card__body": "_purpur-promotion-card__body_1kw9a_99",
+  "purpur-promotion-card__main-content--space-between": "_purpur-promotion-card__main-content--space-between_1kw9a_110",
+  "purpur-promotion-card__main-content--flex-end": "_purpur-promotion-card__main-content--flex-end_1kw9a_113",
+  "purpur-promotion-card__child-content": "_purpur-promotion-card__child-content_1kw9a_133",
+  "purpur-promotion-card__additional-text": "_purpur-promotion-card__additional-text_1kw9a_136",
+  "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_1kw9a_139",
+  "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_1kw9a_142",
+  "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_1kw9a_143"
 }, $a = ["primary", "secondary", "quaternary"], va = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",