@zenpatient-org/healthspan-marketing-ui 0.1.85 → 0.1.87

package/dist/modules/TextTwoImages/TextTwoImages.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./textTwoImages.module.css.cjs.js"),n=({label:r,title:t,bigImage:i,smallImage:d,subscribe:c})=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.leftBlock,children:[e.jsx(l.Typography,{defaultVariant:"labelMd",mobileVariant:"labelMd",emphasis:!0,children:t}),e.jsx(l.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",className:a.default.label,children:r}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelLg",className:a.default.subscribe,children:c})]}),e.jsx("div",{className:a.default.rightBlock,children:e.jsxs("div",{className:a.default.galleryImageOverlay,children:[e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageBig),children:e.jsx("img",{src:i,alt:"big"})}),e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageSmall),children:e.jsx("img",{src:d,alt:"small"})})]})})]})});exports.TextTwoImages=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./textTwoImages.module.css.cjs.js"),n=({label:r,title:t,bigImage:i,smallImage:d,description:c})=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.leftBlock,children:[e.jsx(l.Typography,{defaultVariant:"labelMd",mobileVariant:"labelMd",emphasis:!0,children:t}),e.jsx(l.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",className:a.default.label,children:r}),e.jsx(l.Typography,{as:"div",defaultVariant:"labelLg",className:a.default.description,children:c})]}),e.jsx("div",{className:a.default.rightBlock,children:e.jsxs("div",{className:a.default.galleryImageOverlay,children:[e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageBig),children:e.jsx("img",{src:i,alt:"big"})}),e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageSmall),children:e.jsx("img",{src:d,alt:"small"})})]})})]})});exports.TextTwoImages=n;

package/dist/modules/TextTwoImages/TextTwoImages.d.ts

@@ -3,9 +3,9 @@ import { default as React } from 'react';
 interface TextTwoImagesProps {
     title: string;
     label?: string;
-    subscribe?: React.ReactNode;
+    description?: React.ReactNode;
     bigImage: string;
     smallImage: string;
 }
-export declare const TextTwoImages: ({ label, title, bigImage, smallImage, subscribe }: TextTwoImagesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextTwoImages: ({ label, title, bigImage, smallImage, description }: TextTwoImagesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/TextTwoImages/TextTwoImages.es.js

@@ -2,15 +2,15 @@ import { jsx as l, jsxs as e } from "react/jsx-runtime";
 import { Typography as i } from "../../components/Typography/Typography.es.js";
 import { cn as r } from "../../utils/cn/cn.es.js";
 import a from "./textTwoImages.module.css.es.js";
-const p = ({ label: s, title: m, bigImage: c, smallImage: t, subscribe: d }) => /* @__PURE__ */ l("div", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+const p = ({ label: s, title: m, bigImage: c, smallImage: d, description: t }) => /* @__PURE__ */ l("div", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
   /* @__PURE__ */ e("div", { className: a.leftBlock, children: [
     /* @__PURE__ */ l(i, { defaultVariant: "labelMd", mobileVariant: "labelMd", emphasis: !0, children: m }),
     /* @__PURE__ */ l(i, { defaultVariant: "displayXs", mobileVariant: "headingLg", className: a.label, children: s }),
-    /* @__PURE__ */ l(i, { as: "p", defaultVariant: "labelLg", className: a.subscribe, children: d })
+    /* @__PURE__ */ l(i, { as: "div", defaultVariant: "labelLg", className: a.description, children: t })
   ] }),
   /* @__PURE__ */ l("div", { className: a.rightBlock, children: /* @__PURE__ */ e("div", { className: a.galleryImageOverlay, children: [
     /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageBig), children: /* @__PURE__ */ l("img", { src: c, alt: "big" }) }),
-    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageSmall), children: /* @__PURE__ */ l("img", { src: t, alt: "small" }) })
+    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageSmall), children: /* @__PURE__ */ l("img", { src: d, alt: "small" }) })
   ] }) })
 ] }) });
 export {

package/dist/modules/TextTwoImages/textTwoImages.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textTwoImages-module__root___z2HqM",l="textTwoImages-module__container___h7yEM",t="textTwoImages-module__leftBlock___jJmUZ",a="textTwoImages-module__subscribe___gmPpo",o="textTwoImages-module__rightBlock___LbHrw",_="textTwoImages-module__galleryImageOverlay___XhYtJ",g="textTwoImages-module__galleryItem___k3C5F",m="textTwoImages-module__galleryImageBig___4p-1o",r="textTwoImages-module__galleryImageSmall___3FbxE",s="textTwoImages-module__label___lfrhn",c={root:e,container:l,leftBlock:t,subscribe:a,rightBlock:o,galleryImageOverlay:_,galleryItem:g,galleryImageBig:m,galleryImageSmall:r,label:s};exports.container=l;exports.default=c;exports.galleryImageBig=m;exports.galleryImageOverlay=_;exports.galleryImageSmall=r;exports.galleryItem=g;exports.label=s;exports.leftBlock=t;exports.rightBlock=o;exports.root=e;exports.subscribe=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textTwoImages-module__root___z2HqM",l="textTwoImages-module__container___h7yEM",t="textTwoImages-module__leftBlock___jJmUZ",o="textTwoImages-module__description___RACdK",a="textTwoImages-module__rightBlock___LbHrw",_="textTwoImages-module__galleryImageOverlay___XhYtJ",g="textTwoImages-module__galleryItem___k3C5F",r="textTwoImages-module__galleryImageBig___4p-1o",m="textTwoImages-module__galleryImageSmall___3FbxE",s="textTwoImages-module__label___lfrhn",c={root:e,container:l,leftBlock:t,description:o,rightBlock:a,galleryImageOverlay:_,galleryItem:g,galleryImageBig:r,galleryImageSmall:m,label:s};exports.container=l;exports.default=c;exports.description=o;exports.galleryImageBig=r;exports.galleryImageOverlay=_;exports.galleryImageSmall=m;exports.galleryItem=g;exports.label=s;exports.leftBlock=t;exports.rightBlock=a;exports.root=e;

package/dist/modules/TextTwoImages/textTwoImages.module.css.es.js

@@ -1,9 +1,9 @@
-const e = "textTwoImages-module__root___z2HqM", l = "textTwoImages-module__container___h7yEM", t = "textTwoImages-module__leftBlock___jJmUZ", _ = "textTwoImages-module__subscribe___gmPpo", o = "textTwoImages-module__rightBlock___LbHrw", a = "textTwoImages-module__galleryImageOverlay___XhYtJ", g = "textTwoImages-module__galleryItem___k3C5F", m = "textTwoImages-module__galleryImageBig___4p-1o", r = "textTwoImages-module__galleryImageSmall___3FbxE", s = "textTwoImages-module__label___lfrhn", c = {
+const e = "textTwoImages-module__root___z2HqM", l = "textTwoImages-module__container___h7yEM", t = "textTwoImages-module__leftBlock___jJmUZ", o = "textTwoImages-module__description___RACdK", _ = "textTwoImages-module__rightBlock___LbHrw", a = "textTwoImages-module__galleryImageOverlay___XhYtJ", g = "textTwoImages-module__galleryItem___k3C5F", m = "textTwoImages-module__galleryImageBig___4p-1o", r = "textTwoImages-module__galleryImageSmall___3FbxE", s = "textTwoImages-module__label___lfrhn", c = {
   root: e,
   container: l,
   leftBlock: t,
-  subscribe: _,
-  rightBlock: o,
+  description: o,
+  rightBlock: _,
   galleryImageOverlay: a,
   galleryItem: g,
   galleryImageBig: m,
@@ -13,13 +13,13 @@ const e = "textTwoImages-module__root___z2HqM", l = "textTwoImages-module__conta
 export {
   l as container,
   c as default,
+  o as description,
   m as galleryImageBig,
   a as galleryImageOverlay,
   r as galleryImageSmall,
   g as galleryItem,
   s as label,
   t as leftBlock,
-  o as rightBlock,
-  e as root,
-  _ as subscribe
+  _ as rightBlock,
+  e as root
 };

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Typography/Typography.cjs.js"),n=require("./components/TransparentCard/TransparentCard.cjs.js"),a=require("./threeCardsWithHero.module.css.cjs.js"),o=({label:r,title:t,cards:l})=>e.jsxs("section",{className:a.default.bgWrapper,children:[e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.topContainer,children:e.jsx("div",{className:a.default.imageContainer,children:e.jsxs("div",{className:a.default.imageTextContainer,children:[r&&e.jsx(i.Typography,{className:a.default.imageLabel,emphasis:!0,defaultVariant:"labelMd",children:r}),e.jsx("div",{className:a.default.imageTitle,children:e.jsx(i.Typography,{className:a.default.imageTitle,as:"p",defaultVariant:"displayXl",mobileVariant:"displayXs",children:t})})]})})})}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.cardsContainer,children:l.slice(0,3).map((s,d)=>e.jsx(n.TransparentCard,{title:s.title,description:s.description,number:d+1},s.title))})})})]});exports.ThreeCardsWithHero=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TransparentCard/TransparentCard.cjs.js"),a=require("./threeCardsWithHero.module.css.cjs.js"),m=({label:r,title:l,cards:d,desktopImage:s,mobileImage:n})=>e.jsxs("section",{className:a.default.bgWrapper,children:[e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.topContainer,children:e.jsx("div",{className:a.default.imageContainer,style:{"--desktop-image":`url(${s})`,"--mobile-image":`url(${n||s})`},children:e.jsxs("div",{className:a.default.imageTextContainer,children:[r&&e.jsx(t.Typography,{className:a.default.imageLabel,emphasis:!0,defaultVariant:"labelMd",children:r}),e.jsx("div",{className:a.default.imageTitle,children:e.jsx(t.Typography,{className:a.default.imageTitle,as:"div",defaultVariant:"displayXl",mobileVariant:"displayXs",children:l})})]})})})}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.cardsContainer,children:d.slice(0,3).map((i,o)=>e.jsx(c.TransparentCard,{title:i.title,description:i.description,number:o+1},i.title))})})})]});exports.ThreeCardsWithHero=m;

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.d.ts

@@ -8,5 +8,7 @@ export type ThreeCardsWithHeroProps = {
     label?: string;
     title: React.ReactNode;
     cards: Array<Card>;
+    desktopImage: string;
+    mobileImage: string;
 };
-export declare const ThreeCardsWithHero: ({ label, title, cards }: ThreeCardsWithHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThreeCardsWithHero: ({ label, title, cards, desktopImage, mobileImage }: ThreeCardsWithHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.es.js

@@ -1,31 +1,41 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { Typography as t } from "../../components/Typography/Typography.es.js";
-import { TransparentCard as o } from "./components/TransparentCard/TransparentCard.es.js";
+import { TransparentCard as c } from "./components/TransparentCard/TransparentCard.es.js";
 import e from "./threeCardsWithHero.module.css.es.js";
-const N = ({ label: r, title: l, cards: n }) => /* @__PURE__ */ s("section", { className: e.bgWrapper, children: [
-  /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.topContainer, children: /* @__PURE__ */ i("div", { className: e.imageContainer, children: /* @__PURE__ */ s("div", { className: e.imageTextContainer, children: [
-    r && /* @__PURE__ */ i(t, { className: e.imageLabel, emphasis: !0, defaultVariant: "labelMd", children: r }),
-    /* @__PURE__ */ i("div", { className: e.imageTitle, children: /* @__PURE__ */ i(
-      t,
-      {
-        className: e.imageTitle,
-        as: "p",
-        defaultVariant: "displayXl",
-        mobileVariant: "displayXs",
-        children: l
-      }
-    ) })
-  ] }) }) }) }),
-  /* @__PURE__ */ i("div", { className: e.bottomContainer, children: /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.cardsContainer, children: n.slice(0, 3).map((a, m) => /* @__PURE__ */ i(
-    o,
+const g = ({ label: r, title: m, cards: n, desktopImage: s, mobileImage: o }) => /* @__PURE__ */ l("section", { className: e.bgWrapper, children: [
+  /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.topContainer, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: e.imageContainer,
+      style: {
+        "--desktop-image": `url(${s})`,
+        "--mobile-image": `url(${o || s})`
+      },
+      children: /* @__PURE__ */ l("div", { className: e.imageTextContainer, children: [
+        r && /* @__PURE__ */ i(t, { className: e.imageLabel, emphasis: !0, defaultVariant: "labelMd", children: r }),
+        /* @__PURE__ */ i("div", { className: e.imageTitle, children: /* @__PURE__ */ i(
+          t,
+          {
+            className: e.imageTitle,
+            as: "div",
+            defaultVariant: "displayXl",
+            mobileVariant: "displayXs",
+            children: m
+          }
+        ) })
+      ] })
+    }
+  ) }) }),
+  /* @__PURE__ */ i("div", { className: e.bottomContainer, children: /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.cardsContainer, children: n.slice(0, 3).map((a, d) => /* @__PURE__ */ i(
+    c,
     {
       title: a.title,
       description: a.description,
-      number: m + 1
+      number: d + 1
     },
     a.title
   )) }) }) })
 ] });
 export {
-  N as ThreeCardsWithHero
+  g as ThreeCardsWithHero
 };

package/package.json

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