@zenpatient-org/healthspan-marketing-ui 0.1.53 → 0.1.55

package/dist/modules/Curiosity/Curiosity.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),t=require("./curiosity.module.css.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),h=({title:c,description:r,studies:s,indexed:i})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:f.cn(t.default.contentContainer,{[t.default.notIndexed]:!i}),children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(m.HighlightedTitle,{title:c,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(n.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(u.Button,{as:"a",href:"/",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(n.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.default.divider}),e.jsx(n.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(o.InfiniteScroll,{items:s,speed:50,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)}),e.jsx(o.InfiniteScroll,{items:s,speed:50,direction:"right",contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)})]})]})});exports.Curiosity=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),t=require("./curiosity.module.css.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),h=({title:c,description:r,studies:s,indexed:i})=>e.jsxs("div",{className:f.cn(t.default.root,{[t.default.notIndexed]:!i}),children:[e.jsxs("div",{className:t.default.contentContainer,children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(m.HighlightedTitle,{title:c,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(a.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(u.Button,{as:"a",href:"/",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(a.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.default.divider}),e.jsx(a.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(o.InfiniteScroll,{items:s,speed:50,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(l,n)=>e.jsx(d.StudyGridCard,{...l,compressed:!0},n)}),e.jsx(o.InfiniteScroll,{items:s,speed:50,direction:"right",contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,rootClassName:t.default.infiniteScrollRoot,renderItem:(l,n)=>e.jsx(d.StudyGridCard,{...l,compressed:!0},n)})]})]});exports.Curiosity=h;

package/dist/modules/Curiosity/Curiosity.es.js

@@ -1,4 +1,5 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Button as f } from "../../components/Button/Button.es.js";
 import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { InfiniteScroll as m } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
@@ -6,27 +7,29 @@ import { Typography as l } from "../../components/Typography/Typography.es.js";
 import { StudyGridCard as d } from "../../components/StudyGridCard/StudyGridCard.es.js";
 import e from "./curiosity.module.css.es.js";
 import { cn as p } from "../../utils/cn/cn.es.js";
-const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__ */ t("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: p(e.contentContainer, { [e.notIndexed]: !r }), children: [
-  /* @__PURE__ */ i("div", { className: e.containerHeader, children: [
-    /* @__PURE__ */ t(
-      h,
-      {
-        title: c,
-        className: e.title,
-        defaultVariant: "displayXl",
-        mobileVariant: "displayXs"
-      }
-    ),
-    /* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
-      o && /* @__PURE__ */ t(l, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
-      /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/", variant: "muted", size: "lg", children: "View all studies" }) })
+const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__ */ i("div", { className: p(e.root, { [e.notIndexed]: !r }), children: [
+  /* @__PURE__ */ i("div", { className: e.contentContainer, children: [
+    /* @__PURE__ */ i("div", { className: e.containerHeader, children: [
+      /* @__PURE__ */ t(
+        h,
+        {
+          title: c,
+          className: e.title,
+          defaultVariant: "displayXl",
+          mobileVariant: "displayXs"
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
+        o && /* @__PURE__ */ t(l, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
+        /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/", variant: "muted", size: "lg", children: "View all studies" }) })
+      ] })
+    ] }),
+    r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
+      /* @__PURE__ */ t(l, { defaultVariant: "labelMd", children: r.number }),
+      /* @__PURE__ */ t("div", { className: e.divider }),
+      /* @__PURE__ */ t(l, { defaultVariant: "labelMd", emphasis: !0, children: r.label })
     ] })
   ] }),
-  r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
-    /* @__PURE__ */ t(l, { defaultVariant: "labelMd", children: r.number }),
-    /* @__PURE__ */ t("div", { className: e.divider }),
-    /* @__PURE__ */ t(l, { defaultVariant: "labelMd", emphasis: !0, children: r.label })
-  ] }),
   /* @__PURE__ */ i("div", { className: e.containerBottom, children: [
     /* @__PURE__ */ t(
       m,
@@ -52,7 +55,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
       }
     )
   ] })
-] }) });
+] });
 export {
   g as Curiosity
 };

package/dist/modules/ImageWithText/ImageWithText.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),a=require("./imageWithText.module.css.cjs.js"),o=({image:r,text:i,title:l,view:t,colorScheme:s})=>e.jsx("section",{className:a.default.root,"data-scheme":s,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:r,alt:"background image",className:a.default.image})}),e.jsxs("div",{className:c.cn(a.default.content,{[a.default.textAlignLeft]:t==="plain",[a.default.textAlignRight]:t==="complex"}),children:[t==="complex"&&e.jsxs("div",{className:a.default.richTextContainer,children:[l&&e.jsx(d.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),i&&e.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i})]}),t==="plain"&&i&&e.jsx("div",{className:a.default.textContainer,children:e.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:i})})]})]})});exports.ImageWithText=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),e=require("./imageWithText.module.css.cjs.js"),c=({image:d,text:t,title:l,view:i,colorScheme:r})=>a.jsx("section",{className:e.default.root,"data-scheme":r,children:a.jsxs("div",{className:e.default.container,"data-view":i,children:[a.jsx("div",{className:e.default.imageContainer,children:a.jsx("img",{src:d,alt:"background image",className:e.default.image})}),a.jsxs("div",{className:o.cn(e.default.content,{[e.default.textAlignLeft]:i==="plain"||i==="plain_with_title",[e.default.textAlignRight]:i==="complex"}),"data-view":i,children:[i==="complex"&&a.jsxs("div",{className:e.default.richTextContainer,children:[l&&a.jsx(s.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),t&&a.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:t})]}),i==="plain"&&t&&a.jsx("div",{className:e.default.textContainer,children:a.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:t})}),i==="plain_with_title"&&a.jsxs("div",{className:e.default.plainWithTitleContainer,children:[l&&a.jsx(n.Typography,{defaultVariant:"displayMd",mobileVariant:"headingLg",children:l}),t&&a.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:t})]})]})]})});exports.ImageWithText=c;

package/dist/modules/ImageWithText/ImageWithText.es.js

@@ -1,21 +1,22 @@
-import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as t } from "../../components/Typography/Typography.es.js";
-import { cn as s } from "../../utils/cn/cn.es.js";
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as d } from "../../components/Typography/Typography.es.js";
+import { cn as c } from "../../utils/cn/cn.es.js";
 import a from "./imageWithText.module.css.es.js";
-const x = ({ image: o, text: e, title: l, view: r, colorScheme: m }) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": m, children: /* @__PURE__ */ n("div", { className: a.container, children: [
-  /* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: o, alt: "background image", className: a.image }) }),
-  /* @__PURE__ */ n(
+const b = ({ image: t, text: n, title: l, view: e, colorScheme: o }) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": o, children: /* @__PURE__ */ r("div", { className: a.container, "data-view": e, children: [
+  /* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: t, alt: "background image", className: a.image }) }),
+  /* @__PURE__ */ r(
     "div",
     {
-      className: s(a.content, {
-        [a.textAlignLeft]: r === "plain",
-        [a.textAlignRight]: r === "complex"
+      className: c(a.content, {
+        [a.textAlignLeft]: e === "plain" || e === "plain_with_title",
+        [a.textAlignRight]: e === "complex"
       }),
+      "data-view": e,
       children: [
-        r === "complex" && /* @__PURE__ */ n("div", { className: a.richTextContainer, children: [
+        e === "complex" && /* @__PURE__ */ r("div", { className: a.richTextContainer, children: [
           l && /* @__PURE__ */ i(
-            c,
+            m,
             {
               colorScheme: "dark",
               title: l,
@@ -23,13 +24,17 @@ const x = ({ image: o, text: e, title: l, view: r, colorScheme: m }) => /* @__PU
               mobileVariant: "headingLg"
             }
           ),
-          e && /* @__PURE__ */ i(t, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: e })
+          n && /* @__PURE__ */ i(d, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: n })
         ] }),
-        r === "plain" && e && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(t, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: e }) })
+        e === "plain" && n && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(d, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: n }) }),
+        e === "plain_with_title" && /* @__PURE__ */ r("div", { className: a.plainWithTitleContainer, children: [
+          l && /* @__PURE__ */ i(d, { defaultVariant: "displayMd", mobileVariant: "headingLg", children: l }),
+          n && /* @__PURE__ */ i(d, { defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: n })
+        ] })
       ]
     }
   )
 ] }) });
 export {
-  x as ImageWithText
+  b as ImageWithText
 };

package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",g="imageWithText-module__imageContainer___bcAmi",m="imageWithText-module__image___paWe4",r={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,imageContainer:g,image:m};exports.container=e;exports.content=i;exports.default=r;exports.image=m;exports.imageContainer=g;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",l="imageWithText-module__plainWithTitleContainer___VPVtI",r="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",m={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,plainWithTitleContainer:l,imageContainer:r,image:g};exports.container=e;exports.content=i;exports.default=m;exports.image=g;exports.imageContainer=r;exports.plainWithTitleContainer=l;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;

package/dist/modules/ImageWithText/imageWithText.module.css.es.js

@@ -1,4 +1,4 @@
-const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", m = "imageWithText-module__imageContainer___bcAmi", g = "imageWithText-module__image___paWe4", x = {
+const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", m = "imageWithText-module__plainWithTitleContainer___VPVtI", g = "imageWithText-module__imageContainer___bcAmi", l = "imageWithText-module__image___paWe4", x = {
   root: t,
   container: e,
   content: i,
@@ -6,15 +6,17 @@ const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__conta
   textAlignRight: _,
   textContainer: o,
   richTextContainer: a,
-  imageContainer: m,
-  image: g
+  plainWithTitleContainer: m,
+  imageContainer: g,
+  image: l
 };
 export {
   e as container,
   i as content,
   x as default,
-  g as image,
-  m as imageContainer,
+  l as image,
+  g as imageContainer,
+  m as plainWithTitleContainer,
   a as richTextContainer,
   t as root,
   n as textAlignLeft,

package/dist/modules/ImageWithText/types.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
 import { TColorScheme } from '../../types/common';
 
+export type TImageWithTextView = 'plain' | 'complex' | 'plain_with_title';
 export type TImageWithTextProps = {
     image: string;
     title?: ReactNode;
     text?: ReactNode;
-    view: 'plain' | 'complex';
+    view: TImageWithTextView;
     colorScheme: TColorScheme;
 };

package/package.json

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