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

package/dist/modules/ContentHighlight/ContentHighlight.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),t=require("./contentHighlight.module.css.cjs.js"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),d=({label:l,title:s,content:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.topContainer,children:e.jsx(r.HighlightedTitle,{title:s,label:l,as:"div",defaultVariant:"displayMd",className:t.default.title})}),e.jsxs("div",{className:t.default.card,children:[e.jsx("img",{src:i.image,alt:i.title,className:t.default.image}),e.jsxs("div",{className:t.default.content,children:[e.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:t.default.contentTitle,children:i.title}),e.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.description,children:i.description}),e.jsx("div",{className:t.default.button,children:e.jsx(n.Button,{as:"a",href:i.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:i.buttonLabel})})]})]})]})});exports.ContentHighlight=d;

package/dist/modules/ContentHighlight/ContentHighlight.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export type ContentHighlightProps = {
+    label?: string;
+    title: React.ReactNode;
+    content: {
+        title: string;
+        description: string;
+        image: string;
+        buttonLabel: string;
+        link: string;
+    };
+};
+export declare const ContentHighlight: ({ label, title, content }: ContentHighlightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ContentHighlight/ContentHighlight.es.js

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import i from "./contentHighlight.module.css.es.js";
+import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
+const g = ({ label: l, title: s, content: a }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
+  /* @__PURE__ */ e("div", { className: i.topContainer, children: /* @__PURE__ */ e(
+    m,
+    {
+      title: s,
+      label: l,
+      as: "div",
+      defaultVariant: "displayMd",
+      className: i.title
+    }
+  ) }),
+  /* @__PURE__ */ r("div", { className: i.card, children: [
+    /* @__PURE__ */ e("img", { src: a.image, alt: a.title, className: i.image }),
+    /* @__PURE__ */ r("div", { className: i.content, children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          defaultVariant: "headingLg",
+          mobileVariant: "headingSm",
+          className: i.contentTitle,
+          children: a.title
+        }
+      ),
+      /* @__PURE__ */ e(t, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: i.description, children: a.description }),
+      /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(n, { as: "a", href: a.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: a.buttonLabel }) })
+    ] })
+  ] })
+] }) });
+export {
+  g as ContentHighlight
+};

package/dist/modules/ContentHighlight/contentHighlight.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="contentHighlight-module__root___ZQQyH",n="contentHighlight-module__container___5zJBm",o="contentHighlight-module__topContainer___48PT2",e="contentHighlight-module__title___1xyYU",i="contentHighlight-module__card___JCJ0i",_="contentHighlight-module__image___5a40m",c="contentHighlight-module__content___Ea26d",l="contentHighlight-module__button___VB7Nd",g="contentHighlight-module__description___nt9X3",r="contentHighlight-module__contentTitle___l-v1Y",d={root:t,container:n,topContainer:o,title:e,card:i,image:_,content:c,button:l,description:g,contentTitle:r};exports.button=l;exports.card=i;exports.container=n;exports.content=c;exports.contentTitle=r;exports.default=d;exports.description=g;exports.image=_;exports.root=t;exports.title=e;exports.topContainer=o;

package/dist/modules/ContentHighlight/contentHighlight.module.css.es.js

@@ -0,0 +1,25 @@
+const t = "contentHighlight-module__root___ZQQyH", n = "contentHighlight-module__container___5zJBm", o = "contentHighlight-module__topContainer___48PT2", _ = "contentHighlight-module__title___1xyYU", e = "contentHighlight-module__card___JCJ0i", i = "contentHighlight-module__image___5a40m", c = "contentHighlight-module__content___Ea26d", l = "contentHighlight-module__button___VB7Nd", g = "contentHighlight-module__description___nt9X3", h = "contentHighlight-module__contentTitle___l-v1Y", d = {
+  root: t,
+  container: n,
+  topContainer: o,
+  title: _,
+  card: e,
+  image: i,
+  content: c,
+  button: l,
+  description: g,
+  contentTitle: h
+};
+export {
+  l as button,
+  e as card,
+  n as container,
+  c as content,
+  h as contentTitle,
+  d as default,
+  g as description,
+  i as image,
+  t as root,
+  _ as title,
+  o as topContainer
+};

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

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

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +1,18 @@
+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: [
+  /* @__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("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" }) })
+  ] }) })
+] }) });
+export {
+  p as TextTwoImages
+};

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,25 @@
+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 = {
+  root: e,
+  container: l,
+  leftBlock: t,
+  subscribe: _,
+  rightBlock: o,
+  galleryImageOverlay: a,
+  galleryItem: g,
+  galleryImageBig: m,
+  galleryImageSmall: r,
+  label: s
+};
+export {
+  l as container,
+  c as default,
+  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
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export type Card = {
+    title: string;
+    description: string;
+};
+export type ThreeCardsWithHeroProps = {
+    label?: string;
+    title: React.ReactNode;
+    cards: Array<Card>;
+};
+export declare const ThreeCardsWithHero: ({ label, title, cards }: ThreeCardsWithHeroProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { jsxs as s, 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 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,
+    {
+      title: a.title,
+      description: a.description,
+      number: m + 1
+    },
+    a.title
+  )) }) }) })
+] });
+export {
+  N as ThreeCardsWithHero
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./transparentCard.module.css.cjs.js"),d=({title:t,description:n,number:s})=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.contentContainer,children:[e.jsxs("div",{className:a.default.topContainer,children:[e.jsx(r.Typography,{defaultVariant:"headingSm",children:t}),e.jsx(r.Typography,{className:a.default.number,defaultVariant:"headingXxs",children:`(0${s})`})]}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx(r.Typography,{className:a.default.description,defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:n})})]})});exports.TransparentCard=d;

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

@@ -0,0 +1,7 @@
+type TransparentCardProps = {
+    title: string;
+    description: string;
+    number: number;
+};
+export declare const TransparentCard: ({ title, description, number }: TransparentCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Typography as r } from "../../../../components/Typography/Typography.es.js";
+import a from "./transparentCard.module.css.es.js";
+const c = ({ title: n, description: t, number: o }) => /* @__PURE__ */ e("div", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
+  /* @__PURE__ */ i("div", { className: a.topContainer, children: [
+    /* @__PURE__ */ e(r, { defaultVariant: "headingSm", children: n }),
+    /* @__PURE__ */ e(r, { className: a.number, defaultVariant: "headingXxs", children: `(0${o})` })
+  ] }),
+  /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(r, { className: a.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: t }) })
+] }) });
+export {
+  c as TransparentCard
+};

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/index.d.ts

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

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/transparentCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="transparentCard-module__root___lPvYM",n="transparentCard-module__number___5vqO-",e="transparentCard-module__contentContainer___w6KM4",o="transparentCard-module__topContainer___SRrvK",r="transparentCard-module__description___66Ugz",a={root:t,number:n,contentContainer:e,topContainer:o,description:r};exports.contentContainer=e;exports.default=a;exports.description=r;exports.number=n;exports.root=t;exports.topContainer=o;

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/transparentCard.module.css.es.js

@@ -0,0 +1,15 @@
+const n = "transparentCard-module__root___lPvYM", t = "transparentCard-module__number___5vqO-", o = "transparentCard-module__contentContainer___w6KM4", r = "transparentCard-module__topContainer___SRrvK", e = "transparentCard-module__description___66Ugz", _ = {
+  root: n,
+  number: t,
+  contentContainer: o,
+  topContainer: r,
+  description: e
+};
+export {
+  o as contentContainer,
+  _ as default,
+  e as description,
+  t as number,
+  n as root,
+  r as topContainer
+};

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

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

package/dist/modules/ThreeCardsWithHero/threeCardsWithHero.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="threeCardsWithHero-module__bgWrapper___RPwWL",t="threeCardsWithHero-module__root___GUdZT",o="threeCardsWithHero-module__topContainer___YFVTm",r="threeCardsWithHero-module__imageContainer___UUGDW",a="threeCardsWithHero-module__bottomContainer___Qx2a-",i="threeCardsWithHero-module__cardsContainer___3H19i",n="threeCardsWithHero-module__imageTextContainer___vYcF7",_="threeCardsWithHero-module__imageLabel___mbWfD",m="threeCardsWithHero-module__imageTitle___0bhY-",s={bgWrapper:e,root:t,topContainer:o,imageContainer:r,bottomContainer:a,cardsContainer:i,imageTextContainer:n,imageLabel:_,imageTitle:m};exports.bgWrapper=e;exports.bottomContainer=a;exports.cardsContainer=i;exports.default=s;exports.imageContainer=r;exports.imageLabel=_;exports.imageTextContainer=n;exports.imageTitle=m;exports.root=t;exports.topContainer=o;

package/dist/modules/ThreeCardsWithHero/threeCardsWithHero.module.css.es.js

@@ -0,0 +1,23 @@
+const e = "threeCardsWithHero-module__bgWrapper___RPwWL", t = "threeCardsWithHero-module__root___GUdZT", o = "threeCardsWithHero-module__topContainer___YFVTm", r = "threeCardsWithHero-module__imageContainer___UUGDW", a = "threeCardsWithHero-module__bottomContainer___Qx2a-", _ = "threeCardsWithHero-module__cardsContainer___3H19i", i = "threeCardsWithHero-module__imageTextContainer___vYcF7", n = "threeCardsWithHero-module__imageLabel___mbWfD", m = "threeCardsWithHero-module__imageTitle___0bhY-", s = {
+  bgWrapper: e,
+  root: t,
+  topContainer: o,
+  imageContainer: r,
+  bottomContainer: a,
+  cardsContainer: _,
+  imageTextContainer: i,
+  imageLabel: n,
+  imageTitle: m
+};
+export {
+  e as bgWrapper,
+  a as bottomContainer,
+  _ as cardsContainer,
+  s as default,
+  r as imageContainer,
+  n as imageLabel,
+  i as imageTextContainer,
+  m as imageTitle,
+  t as root,
+  o as topContainer
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.75",
+    "version": "0.1.76",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -356,6 +356,11 @@
             "import": "./dist/modules/OurProcess/OurProcess.es.js",
             "require": "./dist/modules/OurProcess/OurProcess.cjs.js"
         },
+        "./ThreeCardsWithHero": {
+            "types": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.d.ts",
+            "import": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.es.js",
+            "require": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.cjs.js"
+        },
         "./ProductsDisplay": {
             "types": "./dist/modules/ProductsDisplay/ProductsDisplay.d.ts",
             "import": "./dist/modules/ProductsDisplay/ProductsDisplay.es.js",
@@ -511,11 +516,21 @@
             "import": "./dist/modules/CallToAction/CallToAction.es.js",
             "require": "./dist/modules/CallToAction/CallToAction.cjs.js"
         },
+        "./TextTwoImages": {
+            "types": "./dist/modules/TextTwoImages/TextTwoImages.d.ts",
+            "import": "./dist/modules/TextTwoImages/TextTwoImages.es.js",
+            "require": "./dist/modules/TextTwoImages/TextTwoImages.cjs.js"
+        },
         "./ProgramsDetailsHero": {
             "types": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.d.ts",
             "import": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js",
             "require": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js"
         },
+        "./ContentHighlight": {
+            "types": "./dist/modules/ContentHighlight/ContentHighlight.d.ts",
+            "import": "./dist/modules/ContentHighlight/ContentHighlight.es.js",
+            "require": "./dist/modules/ContentHighlight/ContentHighlight.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",