@zenpatient-org/healthspan-marketing-ui 0.1.43 → 0.1.44

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -1,85 +1,140 @@
-import { jsxs as r, jsx as a, Fragment as u } from "react/jsx-runtime";
-import { formatDate as f } from "../../utils/formatDate.es.js";
+import { jsxs as i, jsx as a, Fragment as R } from "react/jsx-runtime";
+import { formatDate as b } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as m } from "../Icon/constants.es.js";
+import { EIconName as l } from "../Icon/constants.es.js";
 import { Label as p } from "../Label/Label.es.js";
 import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as i } from "../Typography/Typography.es.js";
+import { Typography as r } from "../Typography/Typography.es.js";
+import { cn as m } from "../../utils/cn/cn.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTime: o }) {
-  return /* @__PURE__ */ r("div", { className: e.study, "data-inverted": d, children: [
-    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: l && /* @__PURE__ */ a(p, { ...l }) }),
-    /* @__PURE__ */ r("div", { className: e.dataPart, children: [
-      /* @__PURE__ */ r("div", { className: e.info, children: [
+function k(d) {
+  if (d.compressed === !0) {
+    const { title: o, link: t, image: n } = d;
+    return /* @__PURE__ */ i("div", { className: m(e.study, e.studyCompressed), children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: m(e.imagePart, e.imagePartCompressed),
+          style: { backgroundImage: `url(${n})` }
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: m(e.dataPart, e.dataPartCompressed), children: [
         /* @__PURE__ */ a(
-          i,
+          r,
           {
-            defaultVariant: "labelSm",
-            mobileVariant: "labelXs",
-            emphasis: !0,
-            weight: "medium",
-            color: "color-neutral-500",
-            children: f(h)
+            className: m(e.title, e.titleCompressed),
+            defaultVariant: "headingSm",
+            mobileVariant: "bodySm",
+            as: "h6",
+            children: o
           }
         ),
-        !!o && /* @__PURE__ */ r(u, { children: [
+        /* @__PURE__ */ i("div", { className: e.button, children: [
           /* @__PURE__ */ a(
-            i,
+            s,
             {
-              defaultVariant: "labelSm",
-              mobileVariant: "labelXs",
-              emphasis: !0,
-              weight: "medium",
-              color: "color-neutral-500",
-              children: "•"
+              hideOn: "desktop",
+              className: e.mobileButton,
+              size: "sm",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
             }
           ),
-          /* @__PURE__ */ r(
-            i,
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "mobile",
+              className: e.desktopButton,
+              size: "lg",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.borderLeft }),
+      /* @__PURE__ */ a("div", { className: e.borderRight })
+    ] });
+  } else {
+    const { title: o, link: t, image: n, inverted: h, date: u, label: c, readTime: f } = d;
+    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": h, children: [
+      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: c && /* @__PURE__ */ a(p, { ...c }) }),
+      /* @__PURE__ */ i("div", { className: e.dataPart, children: [
+        /* @__PURE__ */ i("div", { className: e.info, children: [
+          /* @__PURE__ */ a(
+            r,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: [
-                o,
-                " MIN READ"
-              ]
+              children: b(u)
+            }
+          ),
+          /* @__PURE__ */ i(R, { children: [
+            /* @__PURE__ */ a(
+              r,
+              {
+                defaultVariant: "labelSm",
+                mobileVariant: "labelXs",
+                emphasis: !0,
+                weight: "medium",
+                color: "color-neutral-500",
+                children: "•"
+              }
+            ),
+            /* @__PURE__ */ i(
+              r,
+              {
+                defaultVariant: "labelSm",
+                mobileVariant: "labelXs",
+                emphasis: !0,
+                weight: "medium",
+                color: "color-neutral-500",
+                children: [
+                  f,
+                  " MIN READ"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
+        /* @__PURE__ */ i("div", { className: e.button, children: [
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "desktop",
+              className: e.mobileButton,
+              size: "sm",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
+            }
+          ),
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "mobile",
+              className: e.desktopButton,
+              size: "lg",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
             }
           )
         ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: n }),
-      /* @__PURE__ */ r("div", { className: e.button, children: [
-        /* @__PURE__ */ a(
-          s,
-          {
-            hideOn: "desktop",
-            className: e.mobileButton,
-            size: "sm",
-            as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
-            children: "READ MORE"
-          }
-        ),
-        /* @__PURE__ */ a(
-          s,
-          {
-            hideOn: "mobile",
-            className: e.desktopButton,
-            size: "lg",
-            as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
-            children: "READ MORE"
-          }
-        )
       ] })
-    ] })
-  ] });
+    ] });
+  }
 }
 export {
-  v as StudyGridCard
+  k as StudyGridCard
 };

package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",_="studyGridCard-module__dataPart___mweMi",o="studyGridCard-module__info___xY-Kk",e="studyGridCard-module__title___U2va1",u="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",i={study:t,imagePart:d,dataPart:_,info:o,title:e,button:u,mobileButton:a};exports.button=u;exports.dataPart=_;exports.default=i;exports.imagePart=d;exports.info=o;exports.mobileButton=a;exports.study=t;exports.title=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",e="studyGridCard-module__dataPart___mweMi",r="studyGridCard-module__dataPartCompressed___bLUMa",s="studyGridCard-module__info___xY-Kk",o="studyGridCard-module__title___U2va1",_="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",u="studyGridCard-module__studyCompressed___0XTXS",i="studyGridCard-module__imagePartCompressed___8GG-N",m="studyGridCard-module__titleCompressed___Z7uqM",l="studyGridCard-module__borderLeft___xGpbL",C="studyGridCard-module__borderRight___DmL9W",n={study:t,imagePart:d,dataPart:e,dataPartCompressed:r,info:s,title:o,button:_,mobileButton:a,studyCompressed:u,imagePartCompressed:i,titleCompressed:m,borderLeft:l,borderRight:C};exports.borderLeft=l;exports.borderRight=C;exports.button=_;exports.dataPart=e;exports.dataPartCompressed=r;exports.default=n;exports.imagePart=d;exports.imagePartCompressed=i;exports.info=s;exports.mobileButton=a;exports.study=t;exports.studyCompressed=u;exports.title=o;exports.titleCompressed=m;

package/dist/components/StudyGridCard/studyGridCard.module.css.es.js

@@ -1,19 +1,31 @@
-const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", _ = "studyGridCard-module__dataPart___mweMi", o = "studyGridCard-module__info___xY-Kk", a = "studyGridCard-module__title___U2va1", u = "studyGridCard-module__button___bvI0u", s = "studyGridCard-module__mobileButton___v-RZs", r = {
+const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", e = "studyGridCard-module__dataPart___mweMi", _ = "studyGridCard-module__dataPartCompressed___bLUMa", r = "studyGridCard-module__info___xY-Kk", s = "studyGridCard-module__title___U2va1", o = "studyGridCard-module__button___bvI0u", a = "studyGridCard-module__mobileButton___v-RZs", u = "studyGridCard-module__studyCompressed___0XTXS", m = "studyGridCard-module__imagePartCompressed___8GG-N", i = "studyGridCard-module__titleCompressed___Z7uqM", C = "studyGridCard-module__borderLeft___xGpbL", l = "studyGridCard-module__borderRight___DmL9W", n = {
   study: t,
   imagePart: d,
-  dataPart: _,
-  info: o,
-  title: a,
-  button: u,
-  mobileButton: s
+  dataPart: e,
+  dataPartCompressed: _,
+  info: r,
+  title: s,
+  button: o,
+  mobileButton: a,
+  studyCompressed: u,
+  imagePartCompressed: m,
+  titleCompressed: i,
+  borderLeft: C,
+  borderRight: l
 };
 export {
-  u as button,
-  _ as dataPart,
-  r as default,
+  C as borderLeft,
+  l as borderRight,
+  o as button,
+  e as dataPart,
+  _ as dataPartCompressed,
+  n as default,
   d as imagePart,
-  o as info,
-  s as mobileButton,
+  m as imagePartCompressed,
+  r as info,
+  a as mobileButton,
   t as study,
-  a as title
+  u as studyCompressed,
+  s as title,
+  i as titleCompressed
 };