@zenpatient-org/healthspan-marketing-ui 0.1.45 → 0.1.47

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

@@ -0,0 +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;

package/dist/modules/Curiosity/Curiosity.d.ts

@@ -0,0 +1,13 @@
+import { CompressedStudyCardProps } from '../../components/StudyGridCard/StudyGridCard';
+
+type Props = {
+    title: React.ReactNode;
+    description?: string;
+    studies: Array<CompressedStudyCardProps>;
+    indexed?: {
+        number: string;
+        label: string;
+    };
+};
+export declare const Curiosity: ({ title, description, studies, indexed }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,58 @@
+import { jsx as t, jsxs as i } 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";
+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" }) })
+    ] })
+  ] }),
+  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,
+      {
+        items: s,
+        speed: 50,
+        contentClassName: e.infiniteScrollContent,
+        itemClassName: e.infiniteScrollItem,
+        rootClassName: e.infiniteScrollRoot,
+        renderItem: (a, n) => /* @__PURE__ */ t(d, { ...a, compressed: !0 }, n)
+      }
+    ),
+    /* @__PURE__ */ t(
+      m,
+      {
+        items: s,
+        speed: 50,
+        direction: "right",
+        contentClassName: e.infiniteScrollContent,
+        itemClassName: e.infiniteScrollItemTwo,
+        rootClassName: e.infiniteScrollRoot,
+        renderItem: (a, n) => /* @__PURE__ */ t(d, { ...a, compressed: !0 }, n)
+      }
+    )
+  ] })
+] }) });
+export {
+  g as Curiosity
+};

package/dist/modules/Curiosity/curiosity.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="curiosity-module__root___D1HQ-",o="curiosity-module__contentContainer___amvY5",e="curiosity-module__notIndexed___MY9on",n="curiosity-module__containerHeader___hKPeA",i="curiosity-module__title___AQd6j",_="curiosity-module__contentTextContainer___TJk9w",r="curiosity-module__dividerContainer___7Htc4",c="curiosity-module__divider___mfkaz",l="curiosity-module__contentText___Xc2Kg",d="curiosity-module__infiniteScrollItem___o8Ret",u="curiosity-module__infiniteScrollItemTwo___T-Jfl",s="curiosity-module__infiniteScrollRoot___TLXKY",a="curiosity-module__containerBottom___7evuA",m={root:t,contentContainer:o,notIndexed:e,containerHeader:n,title:i,contentTextContainer:_,dividerContainer:r,divider:c,contentText:l,infiniteScrollItem:d,infiniteScrollItemTwo:u,infiniteScrollRoot:s,containerBottom:a};exports.containerBottom=a;exports.containerHeader=n;exports.contentContainer=o;exports.contentText=l;exports.contentTextContainer=_;exports.default=m;exports.divider=c;exports.dividerContainer=r;exports.infiniteScrollItem=d;exports.infiniteScrollItemTwo=u;exports.infiniteScrollRoot=s;exports.notIndexed=e;exports.root=t;exports.title=i;

package/dist/modules/Curiosity/curiosity.module.css.es.js

@@ -0,0 +1,31 @@
+const t = "curiosity-module__root___D1HQ-", o = "curiosity-module__contentContainer___amvY5", n = "curiosity-module__notIndexed___MY9on", e = "curiosity-module__containerHeader___hKPeA", i = "curiosity-module__title___AQd6j", _ = "curiosity-module__contentTextContainer___TJk9w", c = "curiosity-module__dividerContainer___7Htc4", r = "curiosity-module__divider___mfkaz", l = "curiosity-module__contentText___Xc2Kg", d = "curiosity-module__infiniteScrollItem___o8Ret", s = "curiosity-module__infiniteScrollItemTwo___T-Jfl", u = "curiosity-module__infiniteScrollRoot___TLXKY", m = "curiosity-module__containerBottom___7evuA", a = {
+  root: t,
+  contentContainer: o,
+  notIndexed: n,
+  containerHeader: e,
+  title: i,
+  contentTextContainer: _,
+  dividerContainer: c,
+  divider: r,
+  contentText: l,
+  infiniteScrollItem: d,
+  infiniteScrollItemTwo: s,
+  infiniteScrollRoot: u,
+  containerBottom: m
+};
+export {
+  m as containerBottom,
+  e as containerHeader,
+  o as contentContainer,
+  l as contentText,
+  _ as contentTextContainer,
+  a as default,
+  r as divider,
+  c as dividerContainer,
+  d as infiniteScrollItem,
+  s as infiniteScrollItemTwo,
+  u as infiniteScrollRoot,
+  n as notIndexed,
+  t as root,
+  i as title
+};

package/dist/modules/Curiosity/index.d.ts

@@ -0,0 +1 @@
+export { Curiosity } from './Curiosity';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.45",
+    "version": "0.1.47",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -430,6 +430,11 @@
             "import": "./dist/modules/CursorImageBlock/CursorImageBlock.es.js",
             "require": "./dist/modules/CursorImageBlock/CursorImageBlock.cjs.js"
         },
+        "./Curiosity": {
+            "types": "./dist/modules/Curiosity/Curiosity.d.ts",
+            "import": "./dist/modules/Curiosity/Curiosity.es.js",
+            "require": "./dist/modules/Curiosity/Curiosity.cjs.js"
+        },
         "./ImageWithText": {
             "types": "./dist/modules/ImageWithText/ImageWithText.d.ts",
             "import": "./dist/modules/ImageWithText/ImageWithText.es.js",