@zenpatient-org/healthspan-marketing-ui 0.1.167 → 0.1.169

package/dist/modules/Claims/Claims.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ClaimBlock/ClaimBlock.cjs.js"),c=require("../../components/Button/Button.cjs.js"),a=require("./claims.module.css.cjs.js");function o({text:l,button:s,claimBlocks:r}){return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[(l||s)&&e.jsxs("div",{className:a.default.container,children:[l?e.jsx(n.Typography,{className:a.default.text,as:"h2",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:l}):e.jsx("div",{}),s&&e.jsx("div",{className:a.default.buttonContainer,children:e.jsx(c.Button,{as:"a",href:s.link,variant:"muted",size:"lg",children:s.text})})]}),e.jsx("div",{className:a.default.claimContainer,children:r.slice(0,4).map((i,t)=>e.jsx("div",{className:a.default.claimBlock,children:e.jsx(u.ClaimBlock,{value:i.value,subtitle:i.subtitle,description:i.description,valuePrefix:i.valuePrefix,valueSuffix:i.valueSuffix})},t))})]})})}exports.Claims=o;

package/dist/modules/Claims/Claims.d.ts

@@ -0,0 +1,11 @@
+import { ClaimBlockProps } from '../../components/ClaimBlock';
+
+export type ClaimsProps = {
+    text?: string;
+    button?: {
+        text?: string;
+        link?: string;
+    };
+    claimBlocks: Array<ClaimBlockProps>;
+};
+export declare function Claims({ text, button, claimBlocks }: ClaimsProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/Claims/Claims.es.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { ClaimBlock as o } from "../../components/ClaimBlock/ClaimBlock.es.js";
+import { Button as c } from "../../components/Button/Button.es.js";
+import i from "./claims.module.css.es.js";
+function h({ text: l, button: r, claimBlocks: n }) {
+  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ s("div", { className: i.content, children: [
+    (l || r) && /* @__PURE__ */ s("div", { className: i.container, children: [
+      l ? /* @__PURE__ */ e(
+        m,
+        {
+          className: i.text,
+          as: "h2",
+          defaultVariant: "preambleLg",
+          mobileVariant: "preambleSm",
+          children: l
+        }
+      ) : /* @__PURE__ */ e("div", {}),
+      r && /* @__PURE__ */ e("div", { className: i.buttonContainer, children: /* @__PURE__ */ e(c, { as: "a", href: r.link, variant: "muted", size: "lg", children: r.text }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.claimContainer, children: n.slice(0, 4).map((a, t) => /* @__PURE__ */ e("div", { className: i.claimBlock, children: /* @__PURE__ */ e(
+      o,
+      {
+        value: a.value,
+        subtitle: a.subtitle,
+        description: a.description,
+        valuePrefix: a.valuePrefix,
+        valueSuffix: a.valueSuffix
+      }
+    ) }, t)) })
+  ] }) });
+}
+export {
+  h as Claims
+};

package/dist/modules/Claims/claims.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="claims-module__root___G0vMQ",o="claims-module__content___wtAp3",n="claims-module__container___5j2Jv",e="claims-module__text___uHrdi",c="claims-module__buttonContainer___d-veq",_="claims-module__claimContainer___MQm5U",l="claims-module__claimBlock___LCrIN",i={root:t,content:o,container:n,text:e,buttonContainer:c,claimContainer:_,claimBlock:l};exports.buttonContainer=c;exports.claimBlock=l;exports.claimContainer=_;exports.container=n;exports.content=o;exports.default=i;exports.root=t;exports.text=e;

package/dist/modules/Claims/claims.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "claims-module__root___G0vMQ", o = "claims-module__content___wtAp3", n = "claims-module__container___5j2Jv", _ = "claims-module__text___uHrdi", c = "claims-module__buttonContainer___d-veq", e = "claims-module__claimContainer___MQm5U", l = "claims-module__claimBlock___LCrIN", a = {
+  root: t,
+  content: o,
+  container: n,
+  text: _,
+  buttonContainer: c,
+  claimContainer: e,
+  claimBlock: l
+};
+export {
+  c as buttonContainer,
+  l as claimBlock,
+  e as claimContainer,
+  n as container,
+  o as content,
+  a as default,
+  t as root,
+  _ as text
+};

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

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

package/dist/modules/ImageWithBenefits/ImageWithBenefits.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../components/TypeBadge/TypeBadge.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),a=require("./imageWithBenefits.module.css.cjs.js"),f=({image:s,label:i,title:o,benefits:r,benefitsColor:d,mobileLabelColor:n,mobileTitleColor:c,mobileBenefitsColor:m,mobileImage:u})=>e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.imageContainer,children:[e.jsx("img",{src:s,alt:"background image",className:a.default.image}),e.jsx("img",{src:u||s,alt:"mobile background image",className:a.default.mobileImage})]}),e.jsxs("div",{className:a.default.content,"data-label-color":i.color,"data-mobile-label-color":n,"data-title-color":o.color,"data-mobile-title-color":c,"data-benefits-color":d,"data-mobile-benefits-color":m,children:[e.jsx(l.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.label,children:i.text}),e.jsx(l.Typography,{as:"h2",defaultVariant:"headingXl",mobileVariant:"headingMd",className:a.default.title,children:o.text}),e.jsx("div",{className:a.default.benefitContainer,children:r.map(t=>e.jsxs("div",{className:a.default.benefitItem,children:[e.jsx(g.TypeBadge,{type:t.badge}),e.jsx(l.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:a.default.benefitText,children:t.text})]},t.text))})]})]})});exports.ImageWithBenefits=f;

package/dist/modules/ImageWithBenefits/ImageWithBenefits.d.ts

@@ -0,0 +1,25 @@
+import { ETypeBadge } from '../../components/TypeBadge';
+
+type TColor = 'black' | 'white' | 'solar' | 'indigo';
+export type ImageWithBenefitsProps = {
+    image: string;
+    label: {
+        text: string;
+        color: TColor;
+    };
+    title: {
+        text: string;
+        color: TColor;
+    };
+    benefits: Array<{
+        text: string;
+        badge: ETypeBadge;
+    }>;
+    benefitsColor: TColor;
+    mobileLabelColor?: TColor;
+    mobileTitleColor?: TColor;
+    mobileBenefitsColor?: TColor;
+    mobileImage?: string;
+};
+export declare const ImageWithBenefits: ({ image, label, title, benefits, benefitsColor, mobileLabelColor, mobileTitleColor, mobileBenefitsColor, mobileImage, }: ImageWithBenefitsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ImageWithBenefits/ImageWithBenefits.es.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { TypeBadge as h } from "../../components/TypeBadge/TypeBadge.es.js";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
+import a from "./imageWithBenefits.module.css.es.js";
+const u = ({
+  image: o,
+  label: r,
+  title: s,
+  benefits: c,
+  benefitsColor: m,
+  mobileLabelColor: d,
+  mobileTitleColor: n,
+  mobileBenefitsColor: b,
+  mobileImage: g
+}) => /* @__PURE__ */ e("section", { className: a.root, children: /* @__PURE__ */ t("div", { className: a.container, children: [
+  /* @__PURE__ */ t("div", { className: a.imageContainer, children: [
+    /* @__PURE__ */ e("img", { src: o, alt: "background image", className: a.image }),
+    /* @__PURE__ */ e("img", { src: g || o, alt: "mobile background image", className: a.mobileImage })
+  ] }),
+  /* @__PURE__ */ t(
+    "div",
+    {
+      className: a.content,
+      "data-label-color": r.color,
+      "data-mobile-label-color": d,
+      "data-title-color": s.color,
+      "data-mobile-title-color": n,
+      "data-benefits-color": m,
+      "data-mobile-benefits-color": b,
+      children: [
+        /* @__PURE__ */ e(i, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: a.label, children: r.text }),
+        /* @__PURE__ */ e(i, { as: "h2", defaultVariant: "headingXl", mobileVariant: "headingMd", className: a.title, children: s.text }),
+        /* @__PURE__ */ e("div", { className: a.benefitContainer, children: c.map((l) => /* @__PURE__ */ t("div", { className: a.benefitItem, children: [
+          /* @__PURE__ */ e(h, { type: l.badge }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              as: "p",
+              defaultVariant: "bodyLg",
+              mobileVariant: "bodyMd",
+              className: a.benefitText,
+              children: l.text
+            }
+          )
+        ] }, l.text)) })
+      ]
+    }
+  )
+] }) });
+export {
+  u as ImageWithBenefits
+};

package/dist/modules/ImageWithBenefits/imageWithBenefits.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="imageWithBenefits-module__root___hD3NN",t="imageWithBenefits-module__container___6SG6T",i="imageWithBenefits-module__imageContainer___idfFN",n="imageWithBenefits-module__image___T-6-A",_="imageWithBenefits-module__mobileImage___DrH63",o="imageWithBenefits-module__content___db-4p",a="imageWithBenefits-module__label___bAwcZ",m="imageWithBenefits-module__title___xEDsA",l="imageWithBenefits-module__benefitContainer___Vr5tS",s="imageWithBenefits-module__benefitItem___u63B4",f="imageWithBenefits-module__benefitText___-PxVT",g={root:e,container:t,imageContainer:i,image:n,mobileImage:_,content:o,label:a,title:m,benefitContainer:l,benefitItem:s,benefitText:f};exports.benefitContainer=l;exports.benefitItem=s;exports.benefitText=f;exports.container=t;exports.content=o;exports.default=g;exports.image=n;exports.imageContainer=i;exports.label=a;exports.mobileImage=_;exports.root=e;exports.title=m;

package/dist/modules/ImageWithBenefits/imageWithBenefits.module.css.es.js

@@ -0,0 +1,27 @@
+const e = "imageWithBenefits-module__root___hD3NN", t = "imageWithBenefits-module__container___6SG6T", i = "imageWithBenefits-module__imageContainer___idfFN", n = "imageWithBenefits-module__image___T-6-A", _ = "imageWithBenefits-module__mobileImage___DrH63", o = "imageWithBenefits-module__content___db-4p", m = "imageWithBenefits-module__label___bAwcZ", a = "imageWithBenefits-module__title___xEDsA", s = "imageWithBenefits-module__benefitContainer___Vr5tS", l = "imageWithBenefits-module__benefitItem___u63B4", f = "imageWithBenefits-module__benefitText___-PxVT", g = {
+  root: e,
+  container: t,
+  imageContainer: i,
+  image: n,
+  mobileImage: _,
+  content: o,
+  label: m,
+  title: a,
+  benefitContainer: s,
+  benefitItem: l,
+  benefitText: f
+};
+export {
+  s as benefitContainer,
+  l as benefitItem,
+  f as benefitText,
+  t as container,
+  o as content,
+  g as default,
+  n as image,
+  i as imageContainer,
+  m as label,
+  _ as mobileImage,
+  e as root,
+  a as title
+};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.167",
+    "version": "0.1.169",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -351,6 +351,11 @@
             "import": "./dist/components/ClaimBlock/ClaimBlock.es.js",
             "require": "./dist/components/ClaimBlock/ClaimBlock.cjs.js"
         },
+        "./Claims": {
+            "types": "./dist/modules/Claims/Claims.d.ts",
+            "import": "./dist/modules/Claims/Claims.es.js",
+            "require": "./dist/modules/Claims/Claims.cjs.js"
+        },
         "./FollowTheScience": {
             "types": "./dist/modules/FollowTheScience/FollowTheScience.d.ts",
             "import": "./dist/modules/FollowTheScience/FollowTheScience.es.js",
@@ -646,6 +651,11 @@
             "import": "./dist/modules/Grid/Grid.es.js",
             "require": "./dist/modules/Grid/Grid.cjs.js"
         },
+        "./ImageWithBenefits": {
+            "types": "./dist/modules/ImageWithBenefits/ImageWithBenefits.d.ts",
+            "import": "./dist/modules/ImageWithBenefits/ImageWithBenefits.es.js",
+            "require": "./dist/modules/ImageWithBenefits/ImageWithBenefits.cjs.js"
+        },
         "./dist/*.css": "./dist/*.css",
         "./analytics": {
             "types": "./dist/types/analytics.d.ts",