@zenpatient-org/healthspan-marketing-ui 0.1.64 → 0.1.65

package/dist/components/ProgramCard/ProgramCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),m=require("../Icon/constants.cjs.js"),i=require("./assets/program_card_bg.png.cjs.js"),o=require("./programCard.module.css.cjs.js"),s=a=>{if(a.type==="coming_soon")return{title:{label:a.label||"Coming Soon",variant:"headingLg",mobileVariant:"headingXxs"}};if(a.type==="active"){const{label:e,image:t,link:r}=a;return{title:{label:e,variant:"displayXs",mobileVariant:"headingSm"},image:t||i.default,link:r}}if(a.type==="rounded"){const{label:e,image:t,link:r}=a;return{title:{label:e,variant:"displayXs",mobileVariant:"headingSm"},image:t||i.default,withArrow:!0,link:r}}return null};function u(a){const e=s(a);if(!e)return null;const t=e.link?"a":"div";return n.jsxs(t,{href:e.link||"",className:o.default.card,"data-type":a.type,style:{backgroundImage:e.image?`url(${e.image})`:void 0},children:[n.jsx(l.Typography,{as:"p",defaultVariant:e.title.variant,mobileVariant:e.title.mobileVariant,children:e.title.label}),e.withArrow&&n.jsx(c.Icon,{name:m.EIconName.ARROW_FORWARD_THIN,className:o.default.arrow})]})}exports.ProgramCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),s=require("../Typography/Typography.cjs.js"),u=require("../Icon/Icon.cjs.js"),d=require("../Icon/constants.cjs.js"),m=require("./assets/program_card_bg.png.cjs.js"),t=require("./programCard.module.css.cjs.js"),g=a=>{if(a.type==="coming_soon")return{title:{label:a.label||"Coming Soon",variant:"headingLg",mobileVariant:"headingXxs"}};if(a.type==="active"){const{label:e,image:r,link:i,isRounded:o,withArrow:l}=a;return{title:{label:e,variant:"displayXs",mobileVariant:"headingSm"},image:r||m.default,isRounded:o,withArrow:l,link:i}}return null};function y(a){const e=g(a);if(!e)return null;const r=e.link?"a":"div";return n.jsxs(r,{href:e.link||"",className:c.cn(t.default.card,{[t.default.cardRounded]:e.isRounded}),"data-type":a.type,style:{backgroundImage:e.image?`url(${e.image})`:void 0},children:[n.jsx(s.Typography,{as:"p",defaultVariant:e.title.variant,mobileVariant:e.title.mobileVariant,children:e.title.label}),e.withArrow&&n.jsx(u.Icon,{name:d.EIconName.ARROW_FORWARD_THIN,className:t.default.arrow})]})}exports.ProgramCard=y;

package/dist/components/ProgramCard/ProgramCard.d.ts

@@ -9,14 +9,8 @@ type CardProps = {
     image?: string | null;
     link?: string | null;
     withArrow?: boolean;
+    isRounded?: boolean;
 };
-type RoundedCardProps = {
-    type: 'rounded';
-    label: string;
-    image?: string | null;
-    link?: string | null;
-    withArrow?: boolean;
-};
-export type ProgramCardProps = EmptyCardProps | CardProps | RoundedCardProps;
+export type ProgramCardProps = EmptyCardProps | CardProps;
 export declare function ProgramCard(props: ProgramCardProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/ProgramCard/ProgramCard.es.js

@@ -1,66 +1,56 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { Typography as o } from "../Typography/Typography.es.js";
-import { Icon as g } from "../Icon/Icon.es.js";
-import { EIconName as d } from "../Icon/constants.es.js";
-import n from "./assets/program_card_bg.png.es.js";
-import l from "./programCard.module.css.es.js";
-const s = (i) => {
-  if (i.type === "coming_soon")
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn/cn.es.js";
+import { Typography as s } from "../Typography/Typography.es.js";
+import { Icon as c } from "../Icon/Icon.es.js";
+import { EIconName as g } from "../Icon/constants.es.js";
+import u from "./assets/program_card_bg.png.es.js";
+import t from "./programCard.module.css.es.js";
+const f = (r) => {
+  if (r.type === "coming_soon")
     return {
       title: {
-        label: i.label || "Coming Soon",
+        label: r.label || "Coming Soon",
         variant: "headingLg",
         mobileVariant: "headingXxs"
       }
     };
-  if (i.type === "active") {
-    const { label: a, image: t, link: e } = i;
+  if (r.type === "active") {
+    const { label: a, image: i, link: n, isRounded: o, withArrow: m } = r;
     return {
       title: {
         label: a,
         variant: "displayXs",
         mobileVariant: "headingSm"
       },
-      image: t || n,
-      link: e
-    };
-  }
-  if (i.type === "rounded") {
-    const { label: a, image: t, link: e } = i;
-    return {
-      title: {
-        label: a,
-        variant: "displayXs",
-        mobileVariant: "headingSm"
-      },
-      image: t || n,
-      withArrow: !0,
-      link: e
+      image: i || u,
+      isRounded: o,
+      withArrow: m,
+      link: n
     };
   }
   return null;
 };
-function p(i) {
-  const a = s(i);
+function V(r) {
+  const a = f(r);
   if (!a)
     return null;
-  const t = a.link ? "a" : "div";
-  return /* @__PURE__ */ m(
-    t,
+  const i = a.link ? "a" : "div";
+  return /* @__PURE__ */ l(
+    i,
     {
       href: a.link || "",
-      className: l.card,
-      "data-type": i.type,
+      className: d(t.card, { [t.cardRounded]: a.isRounded }),
+      "data-type": r.type,
       style: {
         backgroundImage: a.image ? `url(${a.image})` : void 0
       },
       children: [
-        /* @__PURE__ */ r(o, { as: "p", defaultVariant: a.title.variant, mobileVariant: a.title.mobileVariant, children: a.title.label }),
-        a.withArrow && /* @__PURE__ */ r(g, { name: d.ARROW_FORWARD_THIN, className: l.arrow })
+        /* @__PURE__ */ e(s, { as: "p", defaultVariant: a.title.variant, mobileVariant: a.title.mobileVariant, children: a.title.label }),
+        a.withArrow && /* @__PURE__ */ e(c, { name: g.ARROW_FORWARD_THIN, className: t.arrow })
       ]
     }
   );
 }
 export {
-  p as ProgramCard
+  V as ProgramCard
 };

package/dist/components/ProgramCard/programCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="programCard-module__card___PuYN2",a="programCard-module__arrow___kP19I",e={card:r,arrow:a};exports.arrow=a;exports.card=r;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="programCard-module__card___PuYN2",d="programCard-module__cardRounded___dLhp3",o="programCard-module__arrow___kP19I",a={card:r,cardRounded:d,arrow:o};exports.arrow=o;exports.card=r;exports.cardRounded=d;exports.default=a;

package/dist/components/ProgramCard/programCard.module.css.es.js

@@ -1,9 +1,11 @@
-const r = "programCard-module__card___PuYN2", a = "programCard-module__arrow___kP19I", o = {
+const r = "programCard-module__card___PuYN2", d = "programCard-module__cardRounded___dLhp3", a = "programCard-module__arrow___kP19I", o = {
   card: r,
+  cardRounded: d,
   arrow: a
 };
 export {
   a as arrow,
   r as card,
+  d as cardRounded,
   o as default
 };