@zenpatient-org/healthspan-marketing-ui 0.1.138 → 0.1.139

package/dist/modules/FollowTheScience/FollowTheScience.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),i=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:i.default.container,children:[e.jsxs("div",{className:i.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:i.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:u.map((s,w)=>e.jsx(c.SwiperSlide,{className:i.default.swiperSlide,children:e.jsx(g.Benefit,{title:s.title,description:s.description,button:s.link?e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:f.EIconName.ARROW_FORWARD,href:s.link,children:s.buttonText||"READ THE STUDY"}):void 0})},w))})}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const w=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),_=require("../../components/Icon/constants.cjs.js"),f=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("./followTheScience.module.css.cjs.js"),j=[w.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:t,isBeginning:n,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:m,handleSwiperResize:x}=B.useSwiper();return e.jsxs("section",{className:s.default.container,children:[e.jsxs("div",{className:s.default.heading,children:[e.jsx(f.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:n},right:{disabled:t,onClick:l}})})]}),e.jsx("div",{className:s.default.content,children:e.jsx(c.Swiper,{onSwiper:m,onResize:x,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:u.map((i,S)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(g.Benefit,{title:i.title,description:i.description,button:i.link&&i.buttonText?e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:_.EIconName.ARROW_FORWARD,href:i.link,children:i.buttonText}):void 0})},S))})}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:n},right:{onClick:l,disabled:t}})})]})}exports.FollowTheScience=v;

package/dist/modules/FollowTheScience/FollowTheScience.es.js

@@ -3,17 +3,17 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import w from "../../node_modules/swiper/modules/navigation.es.js";
+import f from "../../node_modules/swiper/modules/navigation.es.js";
 import { Swiper as g, SwiperSlide as N } from "../../node_modules/swiper/swiper-react.es.js";
 import { Benefit as v } from "../../components/Benefit/Benefit.es.js";
 import { EIconName as k } from "../../components/Icon/constants.es.js";
-import { Label as R } from "../../components/Label/Label.es.js";
+import { Label as x } from "../../components/Label/Label.es.js";
 import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
 import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
-import { useSwiper as E } from "../../utils/useSwiper/useSwiper.es.js";
+import { useSwiper as R } from "../../utils/useSwiper/useSwiper.es.js";
 import i from "./followTheScience.module.css.es.js";
-const x = [w];
-function U({ labelText: c, benefits: m }) {
+const B = [f];
+function _({ labelText: c, benefits: m }) {
   const {
     setIsEnd: p,
     isEnd: r,
@@ -23,11 +23,11 @@ function U({ labelText: c, benefits: m }) {
     handlePrevClick: n,
     handleNextClick: l,
     onSwiperInit: u,
-    handleSwiperResize: S
-  } = E();
+    handleSwiperResize: w
+  } = R();
   return /* @__PURE__ */ d("section", { className: i.container, children: [
     /* @__PURE__ */ d("div", { className: i.heading, children: [
-      /* @__PURE__ */ e(R, { color: "white", size: "lg", children: c }),
+      /* @__PURE__ */ e(x, { color: "white", size: "lg", children: c }),
       !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
         a,
         {
@@ -46,19 +46,19 @@ function U({ labelText: c, benefits: m }) {
       g,
       {
         onSwiper: u,
-        onResize: S,
+        onResize: w,
         onSlideChange: h,
         onReachEnd: () => p(!0),
-        modules: x,
+        modules: B,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
-        children: m.map((o, f) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
+        children: m.map((o, S) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
           v,
           {
             title: o.title,
             description: o.description,
-            button: o.link ? /* @__PURE__ */ e(
+            button: o.link && o.buttonText ? /* @__PURE__ */ e(
               C,
               {
                 as: "a",
@@ -66,11 +66,11 @@ function U({ labelText: c, benefits: m }) {
                 color: "white",
                 suffixIcon: k.ARROW_FORWARD,
                 href: o.link,
-                children: o.buttonText || "READ THE STUDY"
+                children: o.buttonText
               }
             ) : void 0
           }
-        ) }, f))
+        ) }, S))
       }
     ) }),
     !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
@@ -89,5 +89,5 @@ function U({ labelText: c, benefits: m }) {
   ] });
 }
 export {
-  U as FollowTheScience
+  _ as FollowTheScience
 };

package/dist/modules/ImageWithText/ImageWithText.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),e=require("./imageWithText.module.css.cjs.js"),g=({image:n,text:t,title:l,view:i,colorScheme:s,textColor:r,mobileTextColor:o,mobileImage:c})=>a.jsx("section",{className:e.default.root,"data-scheme":s,children:a.jsxs("div",{className:e.default.container,"data-view":i,children:[a.jsxs("div",{className:e.default.imageContainer,children:[a.jsx("img",{src:n,alt:"background image",className:e.default.image,"data-color":r}),a.jsx("img",{src:c||n,alt:"mobile background image",className:e.default.mobileImage})]}),a.jsxs("div",{className:m.cn(e.default.content,{[e.default.textAlignLeft]:i==="plain"||i==="plain_with_title",[e.default.textAlignRight]:i==="complex"}),"data-view":i,"data-text-color":r,"data-mobile-text-color":o,children:[i==="complex"&&a.jsxs("div",{className:e.default.richTextContainer,children:[l&&a.jsx(h.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),t&&a.jsx(d.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:t})]}),i==="plain"&&t&&a.jsx("div",{className:e.default.textContainer,children:a.jsx(d.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:t})}),i==="plain_with_title"&&a.jsxs("div",{className:e.default.plainWithTitleContainer,children:[l&&a.jsx(d.Typography,{defaultVariant:"displayMd",mobileVariant:"headingLg",children:l}),t&&a.jsx(d.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:t})]})]})]})});exports.ImageWithText=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("../../components/Typography/Typography.cjs.js"),y=require("../../utils/cn/cn.cjs.js"),d=require("./constants.cjs.js"),e=require("./imageWithText.module.css.cjs.js"),x=({image:h,text:i,title:l,view:t,colorScheme:u,textColor:m,mobileTextColor:g,titleColor:n,mobileTitleColor:c,titleHighlightColor:r,mobileTitleHighlightColor:o,mobileImage:p})=>a.jsx("section",{className:e.default.root,"data-scheme":u,children:a.jsxs("div",{className:e.default.container,"data-view":t,children:[a.jsxs("div",{className:e.default.imageContainer,children:[a.jsx("img",{src:h,alt:"background image",className:e.default.image,"data-color":m}),a.jsx("img",{src:p||h,alt:"mobile background image",className:e.default.mobileImage})]}),a.jsxs("div",{className:y.cn(e.default.content,{[e.default.textAlignLeft]:t==="plain"||t==="plain_with_title",[e.default.textAlignRight]:t==="complex"}),"data-view":t,"data-text-color":m,"data-mobile-text-color":g,"data-title-color":n,"data-mobile-title-color":c,"data-title-highlight-color":r,"data-mobile-title-highlight-color":o,children:[t==="complex"&&a.jsxs("div",{className:e.default.richTextContainer,style:{"--highlight-color-custom":d.COLORS[n||"white"],"--highlight-emphasize-custom":d.COLORS[r||"white"],"--highlight-color-custom-mobile":d.COLORS[c||"white"],"--highlight-emphasize-custom-mobile":d.COLORS[o||"white"]},children:[l&&a.jsx(f.HighlightedTitle,{colorScheme:n||r||c||o?"custom":"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),i&&a.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i})]}),t==="plain"&&i&&a.jsx("div",{className:e.default.textContainer,children:a.jsx(s.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:i})}),t==="plain_with_title"&&a.jsxs("div",{className:e.default.plainWithTitleContainer,children:[l&&a.jsx(s.Typography,{defaultVariant:"displayMd",mobileVariant:"headingLg",className:e.default.titleOfPlainWithTitle,children:l}),i&&a.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodyMd",className:e.default.textOfPlainWithTitle,children:i})]})]})]})});exports.ImageWithText=x;

package/dist/modules/ImageWithText/ImageWithText.d.ts

@@ -1,3 +1,3 @@
 import { TImageWithTextProps } from './types';
 
-export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, mobileImage, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, titleColor, mobileTitleColor, titleHighlightColor, mobileTitleHighlightColor, mobileImage, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ImageWithText/ImageWithText.es.js

@@ -1,54 +1,91 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as t } from "../../components/Typography/Typography.es.js";
-import { cn as g } from "../../utils/cn/cn.es.js";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { HighlightedTitle as u } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { cn as y } from "../../utils/cn/cn.es.js";
+import { COLORS as d } from "./constants.es.js";
 import a from "./imageWithText.module.css.es.js";
-const N = ({
-  image: d,
-  text: l,
-  title: n,
-  view: e,
-  colorScheme: m,
-  textColor: o,
-  mobileTextColor: c,
-  mobileImage: s
-}) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": m, children: /* @__PURE__ */ r("div", { className: a.container, "data-view": e, children: [
-  /* @__PURE__ */ r("div", { className: a.imageContainer, children: [
-    /* @__PURE__ */ i("img", { src: d, alt: "background image", className: a.image, "data-color": o }),
-    /* @__PURE__ */ i("img", { src: s || d, alt: "mobile background image", className: a.mobileImage })
+const W = ({
+  image: h,
+  text: e,
+  title: c,
+  view: t,
+  colorScheme: p,
+  textColor: g,
+  mobileTextColor: b,
+  titleColor: m,
+  mobileTitleColor: r,
+  titleHighlightColor: o,
+  mobileTitleHighlightColor: s,
+  mobileImage: f
+}) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": p, children: /* @__PURE__ */ l("div", { className: a.container, "data-view": t, children: [
+  /* @__PURE__ */ l("div", { className: a.imageContainer, children: [
+    /* @__PURE__ */ i("img", { src: h, alt: "background image", className: a.image, "data-color": g }),
+    /* @__PURE__ */ i("img", { src: f || h, alt: "mobile background image", className: a.mobileImage })
   ] }),
-  /* @__PURE__ */ r(
+  /* @__PURE__ */ l(
     "div",
     {
-      className: g(a.content, {
-        [a.textAlignLeft]: e === "plain" || e === "plain_with_title",
-        [a.textAlignRight]: e === "complex"
+      className: y(a.content, {
+        [a.textAlignLeft]: t === "plain" || t === "plain_with_title",
+        [a.textAlignRight]: t === "complex"
       }),
-      "data-view": e,
-      "data-text-color": o,
-      "data-mobile-text-color": c,
+      "data-view": t,
+      "data-text-color": g,
+      "data-mobile-text-color": b,
+      "data-title-color": m,
+      "data-mobile-title-color": r,
+      "data-title-highlight-color": o,
+      "data-mobile-title-highlight-color": s,
       children: [
-        e === "complex" && /* @__PURE__ */ r("div", { className: a.richTextContainer, children: [
-          n && /* @__PURE__ */ i(
-            h,
+        t === "complex" && /* @__PURE__ */ l(
+          "div",
+          {
+            className: a.richTextContainer,
+            style: {
+              "--highlight-color-custom": d[m || "white"],
+              "--highlight-emphasize-custom": d[o || "white"],
+              "--highlight-color-custom-mobile": d[r || "white"],
+              "--highlight-emphasize-custom-mobile": d[s || "white"]
+            },
+            children: [
+              c && /* @__PURE__ */ i(
+                u,
+                {
+                  colorScheme: m || o || r || s ? "custom" : "dark",
+                  title: c,
+                  defaultVariant: "displayXs",
+                  mobileVariant: "headingLg"
+                }
+              ),
+              e && /* @__PURE__ */ i(n, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: e })
+            ]
+          }
+        ),
+        t === "plain" && e && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(n, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: e }) }),
+        t === "plain_with_title" && /* @__PURE__ */ l("div", { className: a.plainWithTitleContainer, children: [
+          c && /* @__PURE__ */ i(
+            n,
             {
-              colorScheme: "dark",
-              title: n,
-              defaultVariant: "displayXs",
-              mobileVariant: "headingLg"
+              defaultVariant: "displayMd",
+              mobileVariant: "headingLg",
+              className: a.titleOfPlainWithTitle,
+              children: c
             }
           ),
-          l && /* @__PURE__ */ i(t, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: l })
-        ] }),
-        e === "plain" && l && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(t, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: l }) }),
-        e === "plain_with_title" && /* @__PURE__ */ r("div", { className: a.plainWithTitleContainer, children: [
-          n && /* @__PURE__ */ i(t, { defaultVariant: "displayMd", mobileVariant: "headingLg", children: n }),
-          l && /* @__PURE__ */ i(t, { defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: l })
+          e && /* @__PURE__ */ i(
+            n,
+            {
+              defaultVariant: "bodyMd",
+              mobileVariant: "bodyMd",
+              className: a.textOfPlainWithTitle,
+              children: e
+            }
+          )
         ] })
       ]
     }
   )
 ] }) });
 export {
-  N as ImageWithText
+  W as ImageWithText
 };

package/dist/modules/ImageWithText/constants.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={white:"var(--color-text-primary-inverted)",black:"var(--color-text-primary)",solar:"var(--color-text-primary-brand-solar)",indigo:"var(--color-text-primary-brand-indigo)"};exports.COLORS=r;

package/dist/modules/ImageWithText/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const COLORS: {
+    readonly white: "var(--color-text-primary-inverted)";
+    readonly black: "var(--color-text-primary)";
+    readonly solar: "var(--color-text-primary-brand-solar)";
+    readonly indigo: "var(--color-text-primary-brand-indigo)";
+};

package/dist/modules/ImageWithText/constants.es.js

@@ -0,0 +1,9 @@
+const r = {
+  white: "var(--color-text-primary-inverted)",
+  black: "var(--color-text-primary)",
+  solar: "var(--color-text-primary-brand-solar)",
+  indigo: "var(--color-text-primary-brand-indigo)"
+};
+export {
+  r as COLORS
+};

package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",m="imageWithText-module__plainWithTitleContainer___VPVtI",l="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",r="imageWithText-module__mobileImage___hA0RB",c={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,plainWithTitleContainer:m,imageContainer:l,image:g,mobileImage:r};exports.container=e;exports.content=i;exports.default=c;exports.image=g;exports.imageContainer=l;exports.mobileImage=r;exports.plainWithTitleContainer=m;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",l="imageWithText-module__plainWithTitleContainer___VPVtI",m="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",h="imageWithText-module__mobileImage___hA0RB",x="imageWithText-module__textOfPlainWithTitle___tiIjl",r="imageWithText-module__titleOfPlainWithTitle___qLEdF",c={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,plainWithTitleContainer:l,imageContainer:m,image:g,mobileImage:h,textOfPlainWithTitle:x,titleOfPlainWithTitle:r};exports.container=e;exports.content=i;exports.default=c;exports.image=g;exports.imageContainer=m;exports.mobileImage=h;exports.plainWithTitleContainer=l;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;exports.textOfPlainWithTitle=x;exports.titleOfPlainWithTitle=r;

package/dist/modules/ImageWithText/imageWithText.module.css.es.js

@@ -1,4 +1,4 @@
-const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", m = "imageWithText-module__plainWithTitleContainer___VPVtI", g = "imageWithText-module__imageContainer___bcAmi", l = "imageWithText-module__image___paWe4", x = "imageWithText-module__mobileImage___hA0RB", c = {
+const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", l = "imageWithText-module__plainWithTitleContainer___VPVtI", m = "imageWithText-module__imageContainer___bcAmi", g = "imageWithText-module__image___paWe4", h = "imageWithText-module__mobileImage___hA0RB", x = "imageWithText-module__textOfPlainWithTitle___tiIjl", c = "imageWithText-module__titleOfPlainWithTitle___qLEdF", T = {
   root: t,
   container: e,
   content: i,
@@ -6,22 +6,26 @@ const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__conta
   textAlignRight: _,
   textContainer: o,
   richTextContainer: a,
-  plainWithTitleContainer: m,
-  imageContainer: g,
-  image: l,
-  mobileImage: x
+  plainWithTitleContainer: l,
+  imageContainer: m,
+  image: g,
+  mobileImage: h,
+  textOfPlainWithTitle: x,
+  titleOfPlainWithTitle: c
 };
 export {
   e as container,
   i as content,
-  c as default,
-  l as image,
-  g as imageContainer,
-  x as mobileImage,
-  m as plainWithTitleContainer,
+  T as default,
+  g as image,
+  m as imageContainer,
+  h as mobileImage,
+  l as plainWithTitleContainer,
   a as richTextContainer,
   t as root,
   n as textAlignLeft,
   _ as textAlignRight,
-  o as textContainer
+  o as textContainer,
+  x as textOfPlainWithTitle,
+  c as titleOfPlainWithTitle
 };

package/dist/modules/ImageWithText/types.d.ts

@@ -7,6 +7,10 @@ export type TImageWithTextProps = {
     mobileImage?: string;
     textColor?: 'black' | 'white' | 'solar' | 'indigo';
     mobileTextColor?: 'black' | 'white' | 'solar' | 'indigo';
+    titleColor?: 'black' | 'white' | 'solar' | 'indigo';
+    mobileTitleColor?: 'black' | 'white' | 'solar' | 'indigo';
+    titleHighlightColor?: 'black' | 'white' | 'solar' | 'indigo';
+    mobileTitleHighlightColor?: 'black' | 'white' | 'solar' | 'indigo';
     title?: ReactNode;
     text?: ReactNode;
     view: TImageWithTextView;

package/package.json

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