@zenpatient-org/healthspan-marketing-ui 0.1.74 → 0.1.75

package/dist/modules/Benefits/Benefits.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("./components/BenefitTag/BenefitTag.cjs.js"),m=require("./components/BenefitItem/BenefitItem.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),t=require("./benefits.module.css.cjs.js"),g=({label:s,title:l,image:r,benefits:n,tags:d})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(u.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:t.default.label,children:s}),e.jsx(c.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:t.default.content,children:[e.jsxs("div",{className:t.default.imageWrapper,children:[e.jsx("img",{src:r,alt:"image",className:t.default.image}),d.map((i,a)=>e.jsx(o.BenefitTag,{text:i,className:t.default[`tag${a+1}`]},a))]}),e.jsx("div",{className:t.default.benefits,children:n.map((i,a)=>e.jsx(m.BenefitItem,{index:a+1,title:i.title,description:i.description},a))})]})]})});exports.Benefits=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("./components/BenefitTag/BenefitTag.cjs.js"),c=require("./components/BenefitItem/BenefitItem.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),a=require("./benefits.module.css.cjs.js"),f=({label:o,title:m,image:i,benefits:l,tags:r,colorScheme:d="light"})=>{const u=l.length===1;return e.jsx("section",{className:a.default.root,"data-color-scheme":d,children:u?e.jsx("div",{className:a.default.soloContainer,children:e.jsxs("div",{className:a.default.soloContent,children:[e.jsxs("div",{className:a.default.soloImageWrapper,children:[e.jsx("img",{src:i,alt:"image",className:a.default.soloImage}),r.map((s,t)=>e.jsx(n.BenefitTag,{text:s,className:a.default[`tag${t+1}`]},t))]}),e.jsx("div",{className:a.default.soloItem,children:e.jsx(c.BenefitItem,{index:0,title:l[0].title,description:l[0].description})})]})}):e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx(h.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:a.default.label,children:o}),e.jsx(g.HighlightedTitle,{title:m,colorScheme:d,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:a.default.content,children:[e.jsxs("div",{className:a.default.imageWrapper,children:[e.jsx("img",{src:i,alt:"image",className:a.default.image}),r.map((s,t)=>e.jsx(n.BenefitTag,{text:s,className:a.default[`tag${t+1}`]},t))]}),e.jsx("div",{className:a.default.benefits,children:l.map((s,t)=>e.jsx(c.BenefitItem,{index:t+1,title:s.title,description:s.description},t))})]})]})})};exports.Benefits=f;

package/dist/modules/Benefits/Benefits.d.ts

@@ -9,6 +9,7 @@ type Props = {
         description: string;
     }>;
     tags: Array<string>;
+    colorScheme?: 'light' | 'dark';
 };
-export declare const Benefits: ({ label, title, image, benefits, tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Benefits: ({ label, title, image, benefits, tags, colorScheme }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/Benefits/Benefits.es.js

@@ -1,30 +1,47 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { BenefitTag as d } from "./components/BenefitTag/BenefitTag.es.js";
-import { BenefitItem as p } from "./components/BenefitItem/BenefitItem.es.js";
-import { Typography as h } from "../../components/Typography/Typography.es.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { HighlightedTitle as g } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { BenefitTag as c } from "./components/BenefitTag/BenefitTag.es.js";
+import { BenefitItem as d } from "./components/BenefitItem/BenefitItem.es.js";
+import { Typography as N } from "../../components/Typography/Typography.es.js";
 import e from "./benefits.module.css.es.js";
-const y = ({ label: l, title: s, image: m, benefits: o, tags: c }) => /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
-  /* @__PURE__ */ r("div", { className: e.header, children: [
-    /* @__PURE__ */ a(h, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: l }),
-    /* @__PURE__ */ a(n, { title: s, defaultVariant: "displayMd", mobileVariant: "headingLg" })
-  ] }),
-  /* @__PURE__ */ r("div", { className: e.content, children: [
-    /* @__PURE__ */ r("div", { className: e.imageWrapper, children: [
-      /* @__PURE__ */ a("img", { src: m, alt: "image", className: e.image }),
-      c.map((t, i) => /* @__PURE__ */ a(d, { text: t, className: e[`tag${i + 1}`] }, i))
+const V = ({ label: n, title: p, image: r, benefits: t, tags: m, colorScheme: o = "light" }) => {
+  const h = t.length === 1;
+  return /* @__PURE__ */ a("section", { className: e.root, "data-color-scheme": o, children: h ? /* @__PURE__ */ a("div", { className: e.soloContainer, children: /* @__PURE__ */ s("div", { className: e.soloContent, children: [
+    /* @__PURE__ */ s("div", { className: e.soloImageWrapper, children: [
+      /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.soloImage }),
+      m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
     ] }),
-    /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
-      p,
-      {
-        index: i + 1,
-        title: t.title,
-        description: t.description
-      },
-      i
-    )) })
-  ] })
-] }) });
+    /* @__PURE__ */ a("div", { className: e.soloItem, children: /* @__PURE__ */ a(d, { index: 0, title: t[0].title, description: t[0].description }) })
+  ] }) }) : /* @__PURE__ */ s("div", { className: e.container, children: [
+    /* @__PURE__ */ s("div", { className: e.header, children: [
+      /* @__PURE__ */ a(N, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: n }),
+      /* @__PURE__ */ a(
+        g,
+        {
+          title: p,
+          colorScheme: o,
+          defaultVariant: "displayMd",
+          mobileVariant: "headingLg"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.content, children: [
+      /* @__PURE__ */ s("div", { className: e.imageWrapper, children: [
+        /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.image }),
+        m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.benefits, children: t.map((l, i) => /* @__PURE__ */ a(
+        d,
+        {
+          index: i + 1,
+          title: l.title,
+          description: l.description
+        },
+        i
+      )) })
+    ] })
+  ] }) });
+};
 export {
-  y as Benefits
+  V as Benefits
 };

package/dist/modules/Benefits/benefits.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",t="benefits-module__container___ouE-Q",_="benefits-module__header___wt7M5",o="benefits-module__label___sgWAr",n="benefits-module__content___Q1Nej",a="benefits-module__imageWrapper___Owwd8",s="benefits-module__image___Hq7o5",i="benefits-module__tag1___orgyD",r="benefits-module__tag2___49bdt",l="benefits-module__tag3___TYdET",g="benefits-module__benefits___psqX-",c={root:e,container:t,header:_,label:o,content:n,imageWrapper:a,image:s,tag1:i,tag2:r,tag3:l,benefits:g};exports.benefits=g;exports.container=t;exports.content=n;exports.default=c;exports.header=_;exports.image=s;exports.imageWrapper=a;exports.label=o;exports.root=e;exports.tag1=i;exports.tag2=r;exports.tag3=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",o="benefits-module__container___ouE-Q",t="benefits-module__soloContainer___bLVrj",_="benefits-module__header___wt7M5",n="benefits-module__label___sgWAr",s="benefits-module__content___Q1Nej",a="benefits-module__soloContent___UDgoi",l="benefits-module__imageWrapper___Owwd8",i="benefits-module__soloImageWrapper___oS3I8",r="benefits-module__image___Hq7o5",m="benefits-module__soloImage___YSMfM",g="benefits-module__tag1___orgyD",b="benefits-module__tag2___49bdt",c="benefits-module__tag3___TYdET",d="benefits-module__benefits___psqX-",u="benefits-module__soloItem___1SOXX",f={root:e,container:o,soloContainer:t,header:_,label:n,content:s,soloContent:a,imageWrapper:l,soloImageWrapper:i,image:r,soloImage:m,tag1:g,tag2:b,tag3:c,benefits:d,soloItem:u};exports.benefits=d;exports.container=o;exports.content=s;exports.default=f;exports.header=_;exports.image=r;exports.imageWrapper=l;exports.label=n;exports.root=e;exports.soloContainer=t;exports.soloContent=a;exports.soloImage=m;exports.soloImageWrapper=i;exports.soloItem=u;exports.tag1=g;exports.tag2=b;exports.tag3=c;

package/dist/modules/Benefits/benefits.module.css.es.js

@@ -1,27 +1,37 @@
-const e = "benefits-module__root___DiO7c", _ = "benefits-module__container___ouE-Q", t = "benefits-module__header___wt7M5", o = "benefits-module__label___sgWAr", n = "benefits-module__content___Q1Nej", s = "benefits-module__imageWrapper___Owwd8", a = "benefits-module__image___Hq7o5", i = "benefits-module__tag1___orgyD", c = "benefits-module__tag2___49bdt", l = "benefits-module__tag3___TYdET", b = "benefits-module__benefits___psqX-", d = {
+const e = "benefits-module__root___DiO7c", o = "benefits-module__container___ouE-Q", _ = "benefits-module__soloContainer___bLVrj", t = "benefits-module__header___wt7M5", n = "benefits-module__label___sgWAr", s = "benefits-module__content___Q1Nej", a = "benefits-module__soloContent___UDgoi", l = "benefits-module__imageWrapper___Owwd8", i = "benefits-module__soloImageWrapper___oS3I8", m = "benefits-module__image___Hq7o5", r = "benefits-module__soloImage___YSMfM", b = "benefits-module__tag1___orgyD", c = "benefits-module__tag2___49bdt", g = "benefits-module__tag3___TYdET", d = "benefits-module__benefits___psqX-", f = "benefits-module__soloItem___1SOXX", u = {
   root: e,
-  container: _,
+  container: o,
+  soloContainer: _,
   header: t,
-  label: o,
-  content: n,
-  imageWrapper: s,
-  image: a,
-  tag1: i,
+  label: n,
+  content: s,
+  soloContent: a,
+  imageWrapper: l,
+  soloImageWrapper: i,
+  image: m,
+  soloImage: r,
+  tag1: b,
   tag2: c,
-  tag3: l,
-  benefits: b
+  tag3: g,
+  benefits: d,
+  soloItem: f
 };
 export {
-  b as benefits,
-  _ as container,
-  n as content,
-  d as default,
+  d as benefits,
+  o as container,
+  s as content,
+  u as default,
   t as header,
-  a as image,
-  s as imageWrapper,
-  o as label,
+  m as image,
+  l as imageWrapper,
+  n as label,
   e as root,
-  i as tag1,
+  _ as soloContainer,
+  a as soloContent,
+  r as soloImage,
+  i as soloImageWrapper,
+  f as soloItem,
+  b as tag1,
   c as tag2,
-  l as tag3
+  g as tag3
 };

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),l=({index:i,title:n,description:r})=>e.jsxs("div",{className:a.default.benefit,children:[e.jsx(t.Typography,{defaultVariant:"labelXl",emphasis:!0,className:a.default.benefitIndex,children:`(0${i})`}),e.jsxs("div",{className:a.default.benefitDetails,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingXs",className:a.default.benefitTitle,children:n}),e.jsx(t.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.benefitDesc,children:r})]})]});exports.BenefitItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),e=require("./benefitItem.module.css.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),o=({index:l,title:s,description:n,colorScheme:d})=>{const a=l===0;return t.jsxs("div",{className:e.default.benefit,children:[!a&&t.jsx(i.Typography,{defaultVariant:"labelXl",emphasis:!0,className:e.default.benefitIndex,children:`(0${l})`}),t.jsxs("div",{className:r.cn(e.default.benefitDetails,{[e.default.soloDetails]:a}),children:[t.jsx(i.Typography,{defaultVariant:a?"displayXs":"headingLg",mobileVariant:a?"headingXl":"headingXs",className:e.default.benefitTitle,children:s}),t.jsx(i.Typography,{defaultVariant:a?"bodyLg":"bodyMd",mobileVariant:"bodySm",className:e.default.benefitDesc,children:n})]})]})};exports.BenefitItem=o;

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts

@@ -2,6 +2,7 @@ type Props = {
     index: number;
     title: string;
     description: string;
+    colorScheme?: 'light' | 'dark';
 };
-export declare const BenefitItem: ({ index, title, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BenefitItem: ({ index, title, description, colorScheme }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js

@@ -1,13 +1,33 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
 import e from "./benefitItem.module.css.es.js";
-const o = ({ index: l, title: n, description: r }) => /* @__PURE__ */ t("div", { className: e.benefit, children: [
-  /* @__PURE__ */ a(i, { defaultVariant: "labelXl", emphasis: !0, className: e.benefitIndex, children: `(0${l})` }),
-  /* @__PURE__ */ t("div", { className: e.benefitDetails, children: [
-    /* @__PURE__ */ a(i, { defaultVariant: "headingLg", mobileVariant: "headingXs", className: e.benefitTitle, children: n }),
-    /* @__PURE__ */ a(i, { defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.benefitDesc, children: r })
-  ] })
-] });
+import { cn as o } from "../../../../utils/cn/cn.es.js";
+const h = ({ index: l, title: r, description: n, colorScheme: m }) => {
+  const a = l === 0;
+  return /* @__PURE__ */ s("div", { className: e.benefit, children: [
+    !a && /* @__PURE__ */ i(t, { defaultVariant: "labelXl", emphasis: !0, className: e.benefitIndex, children: `(0${l})` }),
+    /* @__PURE__ */ s("div", { className: o(e.benefitDetails, { [e.soloDetails]: a }), children: [
+      /* @__PURE__ */ i(
+        t,
+        {
+          defaultVariant: a ? "displayXs" : "headingLg",
+          mobileVariant: a ? "headingXl" : "headingXs",
+          className: e.benefitTitle,
+          children: r
+        }
+      ),
+      /* @__PURE__ */ i(
+        t,
+        {
+          defaultVariant: a ? "bodyLg" : "bodyMd",
+          mobileVariant: "bodySm",
+          className: e.benefitDesc,
+          children: n
+        }
+      )
+    ] })
+  ] });
+};
 export {
-  o as BenefitItem
+  h as BenefitItem
 };

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",n="benefitItem-module__benefitDetails___nw6dI",i={benefit:e,benefitIndex:t,benefitDetails:n};exports.benefit=e;exports.benefitDetails=n;exports.benefitIndex=t;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",i="benefitItem-module__benefitDetails___nw6dI",n="benefitItem-module__soloDetails___L59Rg",l={benefit:e,benefitIndex:t,benefitDetails:i,soloDetails:n};exports.benefit=e;exports.benefitDetails=i;exports.benefitIndex=t;exports.default=l;exports.soloDetails=n;

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js

@@ -1,11 +1,13 @@
-const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", i = {
+const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", _ = "benefitItem-module__soloDetails___L59Rg", i = {
   benefit: e,
   benefitIndex: t,
-  benefitDetails: n
+  benefitDetails: n,
+  soloDetails: _
 };
 export {
   e as benefit,
   n as benefitDetails,
   t as benefitIndex,
-  i as default
+  i as default,
+  _ as soloDetails
 };

package/package.json

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