@zenpatient-org/healthspan-marketing-ui 0.1.76 → 0.1.78

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),n=({title:t,description:i,button:r,backgroundImage:l})=>e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.headlineContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:t})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.headlineContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i}),e.jsx(d.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text})]})})]})})});exports.ProgramsDetailsHero=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),d=({title:t,description:i,button:r,backgroundImage:l})=>e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.titleContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:t})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.infoContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i}),e.jsx(o.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text})]})})]})})});exports.ProgramsDetailsHero=d;

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js

@@ -2,19 +2,19 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Typography as s } from "../../components/Typography/Typography.es.js";
 import { Button as o } from "../../components/Button/Button.es.js";
 import a from "./programsDetailsHero.module.css.es.js";
-const p = ({ title: d, description: l, button: i, backgroundImage: n }) => /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${n})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
-  /* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ e(
+const p = ({ title: l, description: d, button: i, backgroundImage: n }) => /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${n})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
+  /* @__PURE__ */ e("div", { className: a.titleContainer, children: /* @__PURE__ */ e(
     s,
     {
       className: a.title,
       as: "h2",
       defaultVariant: "displayMd",
       mobileVariant: "headingXl",
-      children: d
+      children: l
     }
   ) }),
   /* @__PURE__ */ e("div", { className: a.midBorder }),
-  /* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
+  /* @__PURE__ */ e("div", { className: a.infoContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
     /* @__PURE__ */ e(
       s,
       {
@@ -22,7 +22,7 @@ const p = ({ title: d, description: l, button: i, backgroundImage: n }) => /* @_
         as: "p",
         defaultVariant: "bodyMd",
         mobileVariant: "bodySm",
-        children: l
+        children: d
       }
     ),
     /* @__PURE__ */ e(o, { as: "a", href: i.link, variant: "secondary", size: "md", children: i.text })

package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="programsDetailsHero-module__root___tDtrT",o="programsDetailsHero-module__container___5dH1m",r="programsDetailsHero-module__headline___Y-4jv",t="programsDetailsHero-module__headlineContainer___-gYgz",i="programsDetailsHero-module__title___xHkWk",n="programsDetailsHero-module__midBorder___aleDm",_="programsDetailsHero-module__infoBox___xvieB",a="programsDetailsHero-module__description___ac7Pb",l={root:e,container:o,headline:r,headlineContainer:t,title:i,midBorder:n,infoBox:_,description:a};exports.container=o;exports.default=l;exports.description=a;exports.headline=r;exports.headlineContainer=t;exports.infoBox=_;exports.midBorder=n;exports.root=e;exports.title=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="programsDetailsHero-module__root___tDtrT",e="programsDetailsHero-module__container___5dH1m",t="programsDetailsHero-module__headline___Y-4jv",r="programsDetailsHero-module__infoContainer___fBm4P",i="programsDetailsHero-module__titleContainer___pke97",n="programsDetailsHero-module__title___xHkWk",_="programsDetailsHero-module__midBorder___aleDm",a="programsDetailsHero-module__infoBox___xvieB",l="programsDetailsHero-module__description___ac7Pb",s={root:o,container:e,headline:t,infoContainer:r,titleContainer:i,title:n,midBorder:_,infoBox:a,description:l};exports.container=e;exports.default=s;exports.description=l;exports.headline=t;exports.infoBox=a;exports.infoContainer=r;exports.midBorder=_;exports.root=o;exports.title=n;exports.titleContainer=i;

package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.es.js

@@ -1,21 +1,23 @@
-const o = "programsDetailsHero-module__root___tDtrT", e = "programsDetailsHero-module__container___5dH1m", r = "programsDetailsHero-module__headline___Y-4jv", t = "programsDetailsHero-module__headlineContainer___-gYgz", _ = "programsDetailsHero-module__title___xHkWk", i = "programsDetailsHero-module__midBorder___aleDm", n = "programsDetailsHero-module__infoBox___xvieB", a = "programsDetailsHero-module__description___ac7Pb", s = {
+const o = "programsDetailsHero-module__root___tDtrT", e = "programsDetailsHero-module__container___5dH1m", t = "programsDetailsHero-module__headline___Y-4jv", r = "programsDetailsHero-module__infoContainer___fBm4P", _ = "programsDetailsHero-module__titleContainer___pke97", i = "programsDetailsHero-module__title___xHkWk", n = "programsDetailsHero-module__midBorder___aleDm", a = "programsDetailsHero-module__infoBox___xvieB", s = "programsDetailsHero-module__description___ac7Pb", l = {
   root: o,
   container: e,
-  headline: r,
-  headlineContainer: t,
-  title: _,
-  midBorder: i,
-  infoBox: n,
-  description: a
+  headline: t,
+  infoContainer: r,
+  titleContainer: _,
+  title: i,
+  midBorder: n,
+  infoBox: a,
+  description: s
 };
 export {
   e as container,
-  s as default,
-  a as description,
-  r as headline,
-  t as headlineContainer,
-  n as infoBox,
-  i as midBorder,
+  l as default,
+  s as description,
+  t as headline,
+  a as infoBox,
+  r as infoContainer,
+  n as midBorder,
   o as root,
-  _ as title
+  i as title,
+  _ as titleContainer
 };

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const u=require("../../components/Icon/constants.cjs.js"),d=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:r,hasMoreButton:s,onClickShowMore:n})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(a.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((i,o)=>e.jsx(d.StudyCard,{...i},o))}),s&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:u.EIconName.PLUS,onClick:n,children:"show more"})})]})});exports.ResearchStudies=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const d=require("../../components/Icon/constants.cjs.js"),u=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:s,hasMoreButton:n,title:i,onClickShowMore:a})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(o.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:i}),e.jsx("div",{className:t.default.studies,children:s.map((r,h)=>e.jsx("div",{className:t.default.studyCard,children:e.jsx(u.StudyCard,{...r})},`${r.title}_${r.link}`))}),n&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:d.EIconName.PLUS,onClick:a,children:"show more"})})]})});exports.ResearchStudies=l;

package/dist/modules/ResearchStudies/ResearchStudies.d.ts

@@ -1,9 +1,10 @@
 import { TResearchArticleView } from '../../types/articles';
 
 type ResearchStudiesProps = {
+    title: string;
     studies: Array<TResearchArticleView>;
     hasMoreButton: boolean;
     onClickShowMore: () => void;
 };
-export declare const ResearchStudies: ({ studies, hasMoreButton, onClickShowMore }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchStudies: ({ studies, hasMoreButton, title, onClickShowMore }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/ResearchStudies/ResearchStudies.es.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
 import { Button as d } from "../../components/Button/Button.es.js";
 import "../../components/Icon/Icon.es.js";
-import { EIconName as c } from "../../components/Icon/constants.es.js";
-import { StudyCard as l } from "./components/StudyCard/StudyCard.es.js";
-import i from "./researchStudies.module.css.es.js";
-const g = ({ studies: e, hasMoreButton: o, onClickShowMore: t }) => /* @__PURE__ */ r("div", { className: i.root, children: /* @__PURE__ */ m("div", { className: i.container, children: [
-  /* @__PURE__ */ r(n, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: "Studies" }),
-  /* @__PURE__ */ r("div", { className: i.studies, children: e.map((a, s) => /* @__PURE__ */ r(l, { ...a }, s)) }),
-  o && /* @__PURE__ */ r("div", { className: i.buttonContainer, children: /* @__PURE__ */ r(d, { size: "lg", variant: "muted", prefixIcon: c.PLUS, onClick: t, children: "show more" }) })
+import { EIconName as l } from "../../components/Icon/constants.es.js";
+import { StudyCard as c } from "./components/StudyCard/StudyCard.es.js";
+import r from "./researchStudies.module.css.es.js";
+const y = ({ studies: o, hasMoreButton: t, title: a, onClickShowMore: n }) => /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ s("div", { className: r.container, children: [
+  /* @__PURE__ */ i(m, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: a }),
+  /* @__PURE__ */ i("div", { className: r.studies, children: o.map((e, p) => /* @__PURE__ */ i("div", { className: r.studyCard, children: /* @__PURE__ */ i(c, { ...e }) }, `${e.title}_${e.link}`)) }),
+  t && /* @__PURE__ */ i("div", { className: r.buttonContainer, children: /* @__PURE__ */ i(d, { size: "lg", variant: "muted", prefixIcon: l.PLUS, onClick: n, children: "show more" }) })
 ] }) });
 export {
-  g as ResearchStudies
+  y as ResearchStudies
 };

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function u({title:s,link:i,image:o,date:d,label:t,readTime:l}){return e.jsxs("a",{href:i,className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:t&&e.jsx(c.Label,{color:"white",size:"lg",children:t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(d)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}exports.StudyCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function u({title:s,link:i,image:d,date:o,label:t,readTime:l}){return e.jsx("a",{href:i,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${d})`},children:t&&e.jsx(c.Label,{color:"white",size:"lg",children:t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(o)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]}),e.jsx("div",{className:a.default.borderLeft,"data-line":"left"}),e.jsx("div",{className:a.default.borderRight,"data-line":"right"})]})})}exports.StudyCard=u;

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.es.js

@@ -1,29 +1,27 @@
-import { jsxs as a, jsx as r, Fragment as c } from "react/jsx-runtime";
-import { formatDate as n } from "../../../../utils/formatDate.es.js";
+import { jsx as e, jsxs as r, Fragment as s } from "react/jsx-runtime";
+import { formatDate as c } from "../../../../utils/formatDate.es.js";
 import { Label as h } from "../../../../components/Label/Label.es.js";
 import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import e from "./studyCard.module.css.es.js";
-function b({ title: o, link: m, image: d, date: s, label: i, readTime: t }) {
-  return /* @__PURE__ */ a("a", { href: m, className: e.root, children: [
-    /* @__PURE__ */ a("div", { className: e.content, children: [
-      /* @__PURE__ */ r("div", { className: e.imagePart, style: { backgroundImage: `url(${d})` }, children: i && /* @__PURE__ */ r(h, { color: "white", size: "lg", children: i }) }),
-      /* @__PURE__ */ a("div", { className: e.dataPart, children: [
-        /* @__PURE__ */ a("div", { className: e.info, children: [
-          /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: n(s) }),
-          !!t && /* @__PURE__ */ a(c, { children: [
-            /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
-            /* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
-              t,
-              " MIN READ"
-            ] })
+import a from "./studyCard.module.css.es.js";
+function b({ title: o, link: m, image: d, date: n, label: t, readTime: i }) {
+  return /* @__PURE__ */ e("a", { href: m, className: a.root, children: /* @__PURE__ */ r("div", { className: a.content, children: [
+    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${d})` }, children: t && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: t }) }),
+    /* @__PURE__ */ r("div", { className: a.dataPart, children: [
+      /* @__PURE__ */ r("div", { className: a.info, children: [
+        /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: c(n) }),
+        !!i && /* @__PURE__ */ r(s, { children: [
+          /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
+          /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
+            i,
+            " MIN READ"
           ] })
-        ] }),
-        /* @__PURE__ */ r(l, { className: e.title, defaultVariant: "headingXs", children: o })
-      ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(l, { className: a.title, defaultVariant: "headingXs", children: o })
     ] }),
-    /* @__PURE__ */ r("div", { className: e.borderLeft }),
-    /* @__PURE__ */ r("div", { className: e.borderRight })
-  ] });
+    /* @__PURE__ */ e("div", { className: a.borderLeft, "data-line": "left" }),
+    /* @__PURE__ */ e("div", { className: a.borderRight, "data-line": "right" })
+  ] }) });
 }
 export {
   b as StudyCard

package/dist/modules/ResearchStudies/researchStudies.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__studies___-dT6a",n="researchStudies-module__buttonContainer___XKU7w",s={root:e,container:t,studies:o,buttonContainer:n};exports.buttonContainer=n;exports.container=t;exports.default=s;exports.root=e;exports.studies=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="researchStudies-module__root___l-DhN",e="researchStudies-module__container___K9kTm",o="researchStudies-module__studies___-dT6a",s="researchStudies-module__studyCard___Xqw5Q",r="researchStudies-module__buttonContainer___XKU7w",u={root:t,container:e,studies:o,studyCard:s,buttonContainer:r};exports.buttonContainer=r;exports.container=e;exports.default=u;exports.root=t;exports.studies=o;exports.studyCard=s;

package/dist/modules/ResearchStudies/researchStudies.module.css.es.js

@@ -1,13 +1,15 @@
-const t = "researchStudies-module__root___l-DhN", e = "researchStudies-module__container___K9kTm", o = "researchStudies-module__studies___-dT6a", s = "researchStudies-module__buttonContainer___XKU7w", n = {
+const t = "researchStudies-module__root___l-DhN", e = "researchStudies-module__container___K9kTm", s = "researchStudies-module__studies___-dT6a", o = "researchStudies-module__studyCard___Xqw5Q", _ = "researchStudies-module__buttonContainer___XKU7w", r = {
   root: t,
   container: e,
-  studies: o,
-  buttonContainer: s
+  studies: s,
+  studyCard: o,
+  buttonContainer: _
 };
 export {
-  s as buttonContainer,
+  _ as buttonContainer,
   e as container,
-  n as default,
+  r as default,
   t as root,
-  o as studies
+  s as studies,
+  o as studyCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.76",
+    "version": "0.1.78",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",