@zenpatient-org/healthspan-marketing-ui 0.1.57 → 0.1.59

package/dist/icons/arrow/arrow-forward-thin.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=i(c),a=e=>o.createElement("svg",{width:128,height:128,viewBox:"0 0 128 128",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M18.7452 64.0048H109.255",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M72.4844 27.2344L109.254 64.0039L72.4844 100.773",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}));exports.default=a;

package/dist/icons/arrow/arrow-forward-thin.svg.es.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (r) => /* @__PURE__ */ e.createElement("svg", { width: 128, height: 128, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ e.createElement("path", { d: "M18.7452 64.0048H109.255", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M72.4844 27.2344L109.254 64.0039L72.4844 100.773", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  t as default
+};

package/dist/modules/TotalCare/TotalCare.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("../../components/ContentTabs/ContentTabs.cjs.js"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./totalCare.module.css.cjs.js"),u=({title:l,label:c,contentTabs:a,colorScheme:i})=>{const[s,r]=o.useState(a.tabs[0]);return e.jsx("section",{className:t.default.root,"data-scheme":i,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(d.HighlightedTitle,{title:l,label:c,className:t.default.header,colorScheme:i}),e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.tags,children:e.jsx(n.ContentTabs,{activeTab:s,tabs:a.tabs,colorScheme:a.colorScheme,onTabClick:r})}),s.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:s.image,alt:"Total Care",className:t.default.image})})]})]})})};exports.TotalCare=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),d=require("../../components/ContentTabs/ContentTabs.cjs.js"),u=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./totalCare.module.css.cjs.js"),m=({title:r,label:c,contentTabs:a,colorScheme:i,version:l="v1"})=>{const[s,o]=n.useState(a.tabs[0]);return e.jsx("section",{className:t.default.root,"data-scheme":i,"data-version":l,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(u.HighlightedTitle,{title:r,label:c,className:t.default.header,colorScheme:i}),e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.tags,children:e.jsx(d.ContentTabs,{activeTab:s,tabs:a.tabs,colorScheme:a.colorScheme,activeWithArrow:l==="v2",onTabClick:o})}),s.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:s.image,alt:"Total Care",className:t.default.image})})]})]})})};exports.TotalCare=m;

package/dist/modules/TotalCare/TotalCare.d.ts

@@ -12,5 +12,6 @@ export type TotalCareProps = {
         withImage: boolean;
         tabs: ReadonlyArray<TContentTab>;
     };
+    version?: 'v1' | 'v2';
 };
-export declare const TotalCare: ({ title, label, contentTabs, colorScheme }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TotalCare: ({ title, label, contentTabs, colorScheme, version }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/TotalCare/TotalCare.es.js

@@ -1,27 +1,28 @@
 "use client";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { useState as l } from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as d } from "react";
 import { ContentTabs as n } from "../../components/ContentTabs/ContentTabs.es.js";
-import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import e from "./totalCare.module.css.es.js";
-const b = ({ title: m, label: c, contentTabs: s, colorScheme: i }) => {
-  const [t, o] = l(s.tabs[0]);
-  return /* @__PURE__ */ a("section", { className: e.root, "data-scheme": i, children: /* @__PURE__ */ r("div", { className: e.container, children: [
-    /* @__PURE__ */ a(d, { title: m, label: c, className: e.header, colorScheme: i }),
-    /* @__PURE__ */ r("div", { className: e.content, children: [
-      /* @__PURE__ */ a("div", { className: e.tags, children: /* @__PURE__ */ a(
+import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import a from "./totalCare.module.css.es.js";
+const f = ({ title: m, label: o, contentTabs: t, colorScheme: s, version: r = "v1" }) => {
+  const [i, l] = d(t.tabs[0]);
+  return /* @__PURE__ */ e("section", { className: a.root, "data-scheme": s, "data-version": r, children: /* @__PURE__ */ c("div", { className: a.container, children: [
+    /* @__PURE__ */ e(h, { title: m, label: o, className: a.header, colorScheme: s }),
+    /* @__PURE__ */ c("div", { className: a.content, children: [
+      /* @__PURE__ */ e("div", { className: a.tags, children: /* @__PURE__ */ e(
         n,
         {
-          activeTab: t,
-          tabs: s.tabs,
-          colorScheme: s.colorScheme,
-          onTabClick: o
+          activeTab: i,
+          tabs: t.tabs,
+          colorScheme: t.colorScheme,
+          activeWithArrow: r === "v2",
+          onTabClick: l
         }
       ) }),
-      t.image && /* @__PURE__ */ a("div", { className: e.imageWrap, children: /* @__PURE__ */ a("img", { src: t.image, alt: "Total Care", className: e.image }) })
+      i.image && /* @__PURE__ */ e("div", { className: a.imageWrap, children: /* @__PURE__ */ e("img", { src: i.image, alt: "Total Care", className: a.image }) })
     ] })
   ] }) });
 };
 export {
-  b as TotalCare
+  f as TotalCare
 };

package/dist/modules/WhatIs/WhatIs.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),e=require("./whatIs.module.css.cjs.js"),n=({image:r,title:i,label:t,description:l})=>a.jsx("section",{className:e.default.root,children:a.jsxs("div",{className:e.default.container,children:[a.jsx("img",{src:r,alt:"Illustration"}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.headline,children:[a.jsx(s.Typography,{as:"h2",defaultVariant:"displayXs",mobileVariant:"headingLg",children:i}),t&&a.jsx(s.Typography,{as:"p",defaultVariant:"labelXl",mobileVariant:"labelMd",emphasis:!0,children:t})]}),a.jsx(s.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:l})]})]})});exports.WhatIs=n;

package/dist/modules/WhatIs/WhatIs.d.ts

@@ -0,0 +1,7 @@
+export type WhatIsProps = {
+    image: string;
+    title: string;
+    label?: string;
+    description: string;
+};
+export declare const WhatIs: ({ image, title, label, description }: WhatIsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/WhatIs/WhatIs.es.js

@@ -0,0 +1,16 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { Typography as r } from "../../components/Typography/Typography.es.js";
+import i from "./whatIs.module.css.es.js";
+const m = ({ image: t, title: l, label: s, description: n }) => /* @__PURE__ */ a("section", { className: i.root, children: /* @__PURE__ */ e("div", { className: i.container, children: [
+  /* @__PURE__ */ a("img", { src: t, alt: "Illustration" }),
+  /* @__PURE__ */ e("div", { className: i.textContainer, children: [
+    /* @__PURE__ */ e("div", { className: i.headline, children: [
+      /* @__PURE__ */ a(r, { as: "h2", defaultVariant: "displayXs", mobileVariant: "headingLg", children: l }),
+      s && /* @__PURE__ */ a(r, { as: "p", defaultVariant: "labelXl", mobileVariant: "labelMd", emphasis: !0, children: s })
+    ] }),
+    /* @__PURE__ */ a(r, { className: i.description, as: "p", defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: n })
+  ] })
+] }) });
+export {
+  m as WhatIs
+};

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

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

package/dist/modules/WhatIs/whatIs.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="whatIs-module__root___er1TF",t="whatIs-module__container___lYxid",o="whatIs-module__textContainer___e1NCX",n="whatIs-module__headline___Jzp-o",_="whatIs-module__description___gALTB",i={root:e,container:t,textContainer:o,headline:n,description:_};exports.container=t;exports.default=i;exports.description=_;exports.headline=n;exports.root=e;exports.textContainer=o;

package/dist/modules/WhatIs/whatIs.module.css.es.js

@@ -0,0 +1,15 @@
+const t = "whatIs-module__root___er1TF", e = "whatIs-module__container___lYxid", o = "whatIs-module__textContainer___e1NCX", _ = "whatIs-module__headline___Jzp-o", n = "whatIs-module__description___gALTB", s = {
+  root: t,
+  container: e,
+  textContainer: o,
+  headline: _,
+  description: n
+};
+export {
+  e as container,
+  s as default,
+  n as description,
+  _ as headline,
+  t as root,
+  o as textContainer
+};

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TreatmentHeroCard/TreatmentHeroCard.cjs.js"),t=require("./treatmentsHero.module.css.cjs.js"),d=(r,l)=>r?e.jsx(u.Button,{variant:"primary",as:"a",href:r.link,size:l,children:r.text}):null,h=({title:r,description:l,button:a,cards:n})=>e.jsxs("section",{className:t.default.root,"data-type":"hero",children:[e.jsx("div",{className:t.default.headerContainer,children:e.jsxs("div",{className:t.default.headerContent,children:[e.jsxs("div",{className:t.default.headerText,children:[e.jsx(o.Typography,{as:"h1",defaultVariant:"displayMd",mobileVariant:"headingXl",weight:"regular",children:r}),e.jsx(o.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",weight:"regular",children:l})]}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.mobile),children:d(a,"md")}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.desktop),children:d(a,"lg")})]})}),!!(n!=null&&n.length)&&e.jsx("div",{className:t.default.cardsContainer,children:n.map(i=>e.jsx(c.TreatmentHeroCard,{title:i.title,link:i.link,image:i.image},i.link))})]});exports.TreatmentsHero=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TreatmentHeroCard/TreatmentHeroCard.cjs.js"),e=require("./treatmentsHero.module.css.cjs.js"),d=(r,a)=>r?t.jsx(u.Button,{variant:"primary",as:"a",href:r.link,size:a,children:r.text}):null,h=({title:r,description:a,button:n,cards:l})=>t.jsxs("section",{className:e.default.root,"data-type":"hero",children:[t.jsx("div",{className:s.cn(e.default.row,e.default.headerContainer),children:t.jsxs("div",{className:e.default.headerContent,children:[t.jsxs("div",{className:e.default.headerText,children:[t.jsx(o.Typography,{as:"h1",defaultVariant:"displayMd",mobileVariant:"headingXl",weight:"regular",children:r}),a&&t.jsx(o.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",weight:"regular",children:a})]}),n&&t.jsx("div",{className:s.cn(e.default.headerButton,e.default.mobile),children:d(n,"md")}),n&&t.jsx("div",{className:s.cn(e.default.headerButton,e.default.desktop),children:d(n,"lg")})]})}),!!(l!=null&&l.length)&&t.jsx("div",{className:s.cn(e.default.row,e.default.cardsContainer),children:l.map(i=>t.jsx(c.TreatmentHeroCard,{title:i.title,link:i.link,image:i.image},i.link))})]});exports.TreatmentsHero=h;

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.es.js

@@ -1,19 +1,19 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { cn as o } from "../../utils/cn/cn.es.js";
-import { Button as h } from "../../components/Button/Button.es.js";
+import { Button as s } from "../../components/Button/Button.es.js";
 import { Typography as d } from "../../components/Typography/Typography.es.js";
 import { TreatmentHeroCard as p } from "./components/TreatmentHeroCard/TreatmentHeroCard.es.js";
 import e from "./treatmentsHero.module.css.es.js";
-const s = (i, n) => i ? /* @__PURE__ */ r(h, { variant: "primary", as: "a", href: i.link, size: n, children: i.text }) : null, N = ({ title: i, description: n, button: a, cards: t }) => /* @__PURE__ */ m("section", { className: e.root, "data-type": "hero", children: [
-  /* @__PURE__ */ r("div", { className: e.headerContainer, children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
+const h = (i, a) => i ? /* @__PURE__ */ r(s, { variant: "primary", as: "a", href: i.link, size: a, children: i.text }) : null, N = ({ title: i, description: a, button: t, cards: l }) => /* @__PURE__ */ m("section", { className: e.root, "data-type": "hero", children: [
+  /* @__PURE__ */ r("div", { className: o(e.row, e.headerContainer), children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
     /* @__PURE__ */ m("div", { className: e.headerText, children: [
       /* @__PURE__ */ r(d, { as: "h1", defaultVariant: "displayMd", mobileVariant: "headingXl", weight: "regular", children: i }),
-      /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: n })
+      a && /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: a })
     ] }),
-    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: s(a, "md") }),
-    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: s(a, "lg") })
+    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: h(t, "md") }),
+    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: h(t, "lg") })
   ] }) }),
-  !!(t != null && t.length) && /* @__PURE__ */ r("div", { className: e.cardsContainer, children: t.map((l) => /* @__PURE__ */ r(p, { title: l.title, link: l.link, image: l.image }, l.link)) })
+  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: o(e.row, e.cardsContainer), children: l.map((n) => /* @__PURE__ */ r(p, { title: n.title, link: n.link, image: n.image }, n.link)) })
 ] });
 export {
   N as TreatmentsHero

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentsHero-module__root___ooT0f",t="treatmentsHero-module__headerContainer___9pjeS",o="treatmentsHero-module__headerContent___4wGkJ",r="treatmentsHero-module__headerText___xxHYH",n="treatmentsHero-module__headerButton___JhBIo",_="treatmentsHero-module__cardsContainer___IJpyM",a="treatmentsHero-module__mobile___p7eao",d="treatmentsHero-module__desktop___MH3N4",s={root:e,headerContainer:t,headerContent:o,headerText:r,headerButton:n,cardsContainer:_,mobile:a,desktop:d};exports.cardsContainer=_;exports.default=s;exports.desktop=d;exports.headerButton=n;exports.headerContainer=t;exports.headerContent=o;exports.headerText=r;exports.mobile=a;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentsHero-module__root___ooT0f",t="treatmentsHero-module__row___8HnhD",o="treatmentsHero-module__headerContainer___9pjeS",r="treatmentsHero-module__headerContent___4wGkJ",n="treatmentsHero-module__headerText___xxHYH",_="treatmentsHero-module__headerButton___JhBIo",a="treatmentsHero-module__cardsContainer___IJpyM",d="treatmentsHero-module__mobile___p7eao",s="treatmentsHero-module__desktop___MH3N4",m={root:e,row:t,headerContainer:o,headerContent:r,headerText:n,headerButton:_,cardsContainer:a,mobile:d,desktop:s};exports.cardsContainer=a;exports.default=m;exports.desktop=s;exports.headerButton=_;exports.headerContainer=o;exports.headerContent=r;exports.headerText=n;exports.mobile=d;exports.root=e;exports.row=t;

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.es.js

@@ -1,21 +1,23 @@
-const e = "treatmentsHero-module__root___ooT0f", t = "treatmentsHero-module__headerContainer___9pjeS", o = "treatmentsHero-module__headerContent___4wGkJ", r = "treatmentsHero-module__headerText___xxHYH", _ = "treatmentsHero-module__headerButton___JhBIo", n = "treatmentsHero-module__cardsContainer___IJpyM", a = "treatmentsHero-module__mobile___p7eao", d = "treatmentsHero-module__desktop___MH3N4", s = {
+const e = "treatmentsHero-module__root___ooT0f", t = "treatmentsHero-module__row___8HnhD", o = "treatmentsHero-module__headerContainer___9pjeS", r = "treatmentsHero-module__headerContent___4wGkJ", _ = "treatmentsHero-module__headerText___xxHYH", n = "treatmentsHero-module__headerButton___JhBIo", a = "treatmentsHero-module__cardsContainer___IJpyM", d = "treatmentsHero-module__mobile___p7eao", s = "treatmentsHero-module__desktop___MH3N4", m = {
   root: e,
-  headerContainer: t,
-  headerContent: o,
-  headerText: r,
-  headerButton: _,
-  cardsContainer: n,
-  mobile: a,
-  desktop: d
+  row: t,
+  headerContainer: o,
+  headerContent: r,
+  headerText: _,
+  headerButton: n,
+  cardsContainer: a,
+  mobile: d,
+  desktop: s
 };
 export {
-  n as cardsContainer,
-  s as default,
-  d as desktop,
-  _ as headerButton,
-  t as headerContainer,
-  o as headerContent,
-  r as headerText,
-  a as mobile,
-  e as root
+  a as cardsContainer,
+  m as default,
+  s as desktop,
+  n as headerButton,
+  o as headerContainer,
+  r as headerContent,
+  _ as headerText,
+  d as mobile,
+  e as root,
+  t as row
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.57",
+    "version": "0.1.59",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -491,6 +491,11 @@
             "import": "./dist/modules/ResearchFilters/ResearchFilters.es.js",
             "require": "./dist/modules/ResearchFilters/ResearchFilters.cjs.js"
         },
+        "./WhatIs": {
+            "types": "./dist/modules/WhatIs/index.d.ts",
+            "import": "./dist/modules/WhatIs/WhatIs.es.js",
+            "require": "./dist/modules/WhatIs/WhatIs.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",