@zenpatient-org/healthspan-marketing-ui 0.2.30 → 0.2.31

package/dist/modules/Citation/citation.module.css

@@ -1,6 +1,6 @@
 .root {
     width: 100%;
-    padding: 16px 120px 48px 120px;
+    padding: 48px 10vw;
     max-width: var(--content-max-width);
     margin: 0 auto;
 }
@@ -8,6 +8,7 @@
 .text {
     width: 100%;
     color: var(--color-text-secondary);
+    padding-bottom: 4px;
 }
 
 .text sup {
@@ -17,7 +18,7 @@
 }
 
 @media (width <= 768px) {
-    .text {
-        padding: 24px;
+    .root {
+        padding: 48px 6vw;
     }
 }

package/dist/modules/ComparisonV2/ComparisonV2.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),g=require("../../types/analytics/analytics.cjs.js"),f=require("../../utils/useIsMobile.cjs.js"),N=require("../Comparison/assets/company-logo.svg.cjs.js"),q=require("../Comparison/utils.cjs.js"),i=require("../../src/modules/ComparisonV2/comparisonV2.module.css"),T=require("../../utils/cn/cn.cjs.js"),_=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),H=require("./components/ComparisonV2Tooltip/ComparisonV2Tooltip.cjs.js"),M=require("./components/ComparisonV2Description/ComparisonV2Description.cjs.js"),B=require("../../components/Button/Button.cjs.js"),E=({title:C,description:u,ctaBlock:m,getStartedLink:d,comparisonV2Columns:j})=>{const[t,r]=y.useState(null),[p,a]=y.useState(null),x=f.useIsMobile(768),b=s=>{var n;(n=window.eventBus)==null||n.emit("analytics",{event:g.EAnalyticsEvent.ctaClicked,type:g.EAnalyticsEventType.interaction,component:"Comparison V2",payload:{link:d}})},V=s=>{x&&(t===s?(a(s),setTimeout(()=>{r(null),a(null)},250)):t?(a(t),setTimeout(()=>{a(null),r(s)},250)):r(s))},v=s=>{s==null||s.stopPropagation(),t&&(a(t),setTimeout(()=>{r(null),a(null)},250))};return e.jsx("div",{className:i.root,children:e.jsxs("div",{className:i.container,children:[e.jsxs("div",{className:i.header,children:[e.jsx(_.HighlightedTitle,{title:C,defaultVariant:"displayMd",mobileVariant:"headingXl"}),u&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:i.description,children:u})]}),e.jsxs("div",{className:i.tableContainer,children:[e.jsx("div",{className:i.table,children:j.map((s,n)=>e.jsxs("div",{className:T.cn(i.alternativeCol,{[i.featuredCol]:s.featured}),children:[e.jsx("div",{className:T.cn(i.alternativeHeaderCell,{[i.featuredHeaderCell]:s.featured}),children:q.isHealthspan(s.comparisonV2Header.type)?e.jsx(N.default,{className:i.logo,"aria-label":"Healthspan logo"}):e.jsx(c.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"preambleMd",className:i.headerText,children:s.comparisonV2Header.title})}),s.comparisonV2Cells.map((l,h)=>{const o=`comparison-${n}-${h}`;return e.jsxs("div",{className:i.alternativeContent,onClick:()=>V(o),children:[(t===o||p===o)&&e.jsx(H.ComparisonV2Tooltip,{title:l.title,description:l.description||"",onClose:v,isOpening:t===o&&!p,isClosing:p===o}),e.jsx(c.Typography,{as:"p",defaultVariant:"preambleMd",mobileVariant:"bodyXl",className:i.alternativeTitle,children:l.title}),l.description&&e.jsx(M.ComparisonV2Description,{title:l.title,description:l.description})]},h)})]},n))}),m&&d&&e.jsx("div",{className:i.ctaContainer,children:e.jsxs("div",{className:i.ctaBlock,children:[e.jsx(c.Typography,{as:"p",defaultVariant:"preambleMd",mobileVariant:"bodyXl",className:i.ctaText,children:m}),e.jsx("div",{className:i.ctaButton,children:e.jsx(B.Button,{as:"a",href:d||"#",size:"lg",onClick:b,children:"Get started"})})]})})]})]})})};exports.ComparisonV2=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),T=require("react"),g=require("../../types/analytics/analytics.cjs.js"),V=require("../../utils/useIsMobile.cjs.js"),f=require("../Comparison/assets/company-logo.svg.cjs.js"),q=require("../Comparison/utils.cjs.js"),e=require("../../src/modules/ComparisonV2/comparisonV2.module.css"),r=require("../../utils/cn/cn.cjs.js"),_=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),M=require("./components/ComparisonV2Tooltip/ComparisonV2Tooltip.cjs.js"),H=require("../../components/Icon/Icon.cjs.js"),B=require("../../components/Icon/constants.cjs.js"),D=require("../../components/Button/Button.cjs.js"),E=({title:j,description:u,ctaBlock:h,getStartedLink:p,comparisonV2Columns:x})=>{const[t,d]=T.useState(null),[m,n]=T.useState(null),b=V.useIsMobile(768),C=a=>{var l;(l=window.eventBus)==null||l.emit("analytics",{event:g.EAnalyticsEvent.ctaClicked,type:g.EAnalyticsEventType.interaction,component:"Comparison V2",payload:{link:p}})},N=a=>{b&&(t===a?(n(a),setTimeout(()=>{d(null),n(null)},250)):t?(n(t),setTimeout(()=>{n(null),d(a)},250)):d(a))},v=a=>{a==null||a.stopPropagation(),t&&(n(t),setTimeout(()=>{d(null),n(null)},250))};return s.jsx("div",{className:e.root,children:s.jsxs("div",{className:e.container,children:[s.jsxs("div",{className:e.header,children:[s.jsx(_.HighlightedTitle,{title:j,defaultVariant:"displayMd",mobileVariant:"headingXl",className:e.title}),u&&s.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:e.description,children:u})]}),s.jsxs("div",{className:e.tableContainer,children:[s.jsx("div",{className:e.table,children:x.map((a,l)=>s.jsxs("div",{className:r.cn(e.alternativeCol,{[e.featuredCol]:a.featured}),children:[s.jsx("div",{className:r.cn(e.alternativeHeaderCell,{[e.featuredHeaderCell]:a.featured}),children:q.isHealthspan(a.comparisonV2Header.type)?s.jsx(f.default,{className:e.logo,"aria-label":"Healthspan logo"}):s.jsx(c.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"preambleMd",className:e.headerText,children:a.comparisonV2Header.title})}),a.comparisonV2Cells.map((o,y)=>{const i=`comparison-${l}-${y}`;return s.jsxs("div",{className:e.alternativeContent,onClick:()=>N(i),children:[(t===i||m===i)&&s.jsx(M.ComparisonV2Tooltip,{title:o.title,description:o.description||"",onClose:v,isOpening:t===i&&!m,isClosing:m===i}),s.jsx(c.Typography,{as:"p",defaultVariant:"preambleMd",mobileVariant:"bodyXl",className:r.cn(e.alternativeTitle,{[e.activeTitle]:t===i}),children:o.title}),o.description&&s.jsxs("div",{className:e.rowDescriptionContainer,children:[s.jsx(c.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.cn(e.featuredDescription,e.hideMobile),children:o.description}),s.jsx(H.Icon,{name:B.EIconName.DOT,className:r.cn(e.dot,e.hideDesktop,{[e.activeDot]:t===i})})]})]},y)})]},l))}),h&&p&&s.jsx("div",{className:e.ctaContainer,children:s.jsxs("div",{className:e.ctaBlock,children:[s.jsx(c.Typography,{as:"p",defaultVariant:"preambleMd",className:e.ctaText,children:h}),s.jsx("div",{className:e.ctaButton,children:s.jsx(D.Button,{as:"a",href:p||"#",size:"lg",onClick:C,children:"Get started"})})]})})]})]})})};exports.ComparisonV2=E;

package/dist/modules/ComparisonV2/ComparisonV2.es.js

@@ -1,145 +1,161 @@
 "use client";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { useState as C } from "react";
-import { EAnalyticsEventType as H, EAnalyticsEvent as M } from "../../types/analytics/analytics.es.js";
-import { useIsMobile as B } from "../../utils/useIsMobile.es.js";
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { EAnalyticsEventType as M, EAnalyticsEvent as H } from "../../types/analytics/analytics.es.js";
+import { useIsMobile as D } from "../../utils/useIsMobile.es.js";
 import E from "../Comparison/assets/company-logo.svg.es.js";
 import { isHealthspan as k } from "../Comparison/utils.es.js";
 import e from "../../modules/ComparisonV2/comparisonV2.module.css";
-import { cn as b } from "../../utils/cn/cn.es.js";
-import { HighlightedTitle as x } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as c } from "../../components/Typography/Typography.es.js";
-import { ComparisonV2Tooltip as X } from "./components/ComparisonV2Tooltip/ComparisonV2Tooltip.es.js";
-import { ComparisonV2Description as j } from "./components/ComparisonV2Description/ComparisonV2Description.es.js";
+import { cn as c } from "../../utils/cn/cn.es.js";
+import { HighlightedTitle as B } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { ComparisonV2Tooltip as x } from "./components/ComparisonV2Tooltip/ComparisonV2Tooltip.es.js";
+import { Icon as O } from "../../components/Icon/Icon.es.js";
+import { EIconName as j } from "../../components/Icon/constants.es.js";
 import { Button as A } from "../../components/Button/Button.es.js";
-const R = ({
-  title: g,
-  description: h,
-  ctaBlock: f,
-  getStartedLink: d,
-  comparisonV2Columns: v
+const U = ({
+  title: v,
+  description: f,
+  ctaBlock: u,
+  getStartedLink: p,
+  comparisonV2Columns: b
 }) => {
-  const [t, m] = C(null), [p, l] = C(null), T = B(768), V = (i) => {
-    var s;
-    (s = window.eventBus) == null || s.emit("analytics", {
-      event: M.ctaClicked,
-      type: H.interaction,
+  const [t, d] = N(null), [h, s] = N(null), T = D(768), g = (a) => {
+    var n;
+    (n = window.eventBus) == null || n.emit("analytics", {
+      event: H.ctaClicked,
+      type: M.interaction,
       component: "Comparison V2",
       payload: {
-        link: d
+        link: p
       }
     });
-  }, y = (i) => {
-    T && (t === i ? (l(i), setTimeout(() => {
-      m(null), l(null);
-    }, 250)) : t ? (l(t), setTimeout(() => {
-      l(null), m(i);
-    }, 250)) : m(i));
-  }, N = (i) => {
-    i == null || i.stopPropagation(), t && (l(t), setTimeout(() => {
-      m(null), l(null);
+  }, y = (a) => {
+    T && (t === a ? (s(a), setTimeout(() => {
+      d(null), s(null);
+    }, 250)) : t ? (s(t), setTimeout(() => {
+      s(null), d(a);
+    }, 250)) : d(a));
+  }, V = (a) => {
+    a == null || a.stopPropagation(), t && (s(t), setTimeout(() => {
+      d(null), s(null);
     }, 250));
   };
-  return /* @__PURE__ */ a("div", { className: e.root, children: /* @__PURE__ */ n("div", { className: e.container, children: [
-    /* @__PURE__ */ n("div", { className: e.header, children: [
-      /* @__PURE__ */ a(x, { title: g, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
-      h && /* @__PURE__ */ a(
-        c,
+  return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.container, children: [
+    /* @__PURE__ */ o("div", { className: e.header, children: [
+      /* @__PURE__ */ i(
+        B,
+        {
+          title: v,
+          defaultVariant: "displayMd",
+          mobileVariant: "headingXl",
+          className: e.title
+        }
+      ),
+      f && /* @__PURE__ */ i(
+        m,
         {
           as: "p",
           defaultVariant: "bodyLg",
           mobileVariant: "bodySm",
           className: e.description,
-          children: h
+          children: f
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: e.tableContainer, children: [
-      /* @__PURE__ */ a("div", { className: e.table, children: v.map((i, s) => /* @__PURE__ */ n(
+    /* @__PURE__ */ o("div", { className: e.tableContainer, children: [
+      /* @__PURE__ */ i("div", { className: e.table, children: b.map((a, n) => /* @__PURE__ */ o(
         "div",
         {
-          className: b(e.alternativeCol, {
-            [e.featuredCol]: i.featured
+          className: c(e.alternativeCol, {
+            [e.featuredCol]: a.featured
           }),
           children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "div",
               {
-                className: b(e.alternativeHeaderCell, {
-                  [e.featuredHeaderCell]: i.featured
+                className: c(e.alternativeHeaderCell, {
+                  [e.featuredHeaderCell]: a.featured
                 }),
-                children: k(i.comparisonV2Header.type) ? /* @__PURE__ */ a(E, { className: e.logo, "aria-label": "Healthspan logo" }) : /* @__PURE__ */ a(
-                  c,
+                children: k(a.comparisonV2Header.type) ? /* @__PURE__ */ i(E, { className: e.logo, "aria-label": "Healthspan logo" }) : /* @__PURE__ */ i(
+                  m,
                   {
                     as: "h3",
                     defaultVariant: "headingLg",
                     mobileVariant: "preambleMd",
                     className: e.headerText,
-                    children: i.comparisonV2Header.title
+                    children: a.comparisonV2Header.title
                   }
                 )
               }
             ),
-            i.comparisonV2Cells.map((o, u) => {
-              const r = `comparison-${s}-${u}`;
-              return /* @__PURE__ */ n(
+            a.comparisonV2Cells.map((r, C) => {
+              const l = `comparison-${n}-${C}`;
+              return /* @__PURE__ */ o(
                 "div",
                 {
                   className: e.alternativeContent,
-                  onClick: () => y(r),
+                  onClick: () => y(l),
                   children: [
-                    (t === r || p === r) && /* @__PURE__ */ a(
-                      X,
+                    (t === l || h === l) && /* @__PURE__ */ i(
+                      x,
                       {
-                        title: o.title,
-                        description: o.description || "",
-                        onClose: N,
-                        isOpening: t === r && !p,
-                        isClosing: p === r
+                        title: r.title,
+                        description: r.description || "",
+                        onClose: V,
+                        isOpening: t === l && !h,
+                        isClosing: h === l
                       }
                     ),
-                    /* @__PURE__ */ a(
-                      c,
+                    /* @__PURE__ */ i(
+                      m,
                       {
                         as: "p",
                         defaultVariant: "preambleMd",
                         mobileVariant: "bodyXl",
-                        className: e.alternativeTitle,
-                        children: o.title
+                        className: c(e.alternativeTitle, {
+                          [e.activeTitle]: t === l
+                        }),
+                        children: r.title
                       }
                     ),
-                    o.description && /* @__PURE__ */ a(
-                      j,
-                      {
-                        title: o.title,
-                        description: o.description
-                      }
-                    )
+                    r.description && /* @__PURE__ */ o("div", { className: e.rowDescriptionContainer, children: [
+                      /* @__PURE__ */ i(
+                        m,
+                        {
+                          as: "p",
+                          defaultVariant: "bodyMd",
+                          mobileVariant: "bodySm",
+                          className: c(e.featuredDescription, e.hideMobile),
+                          children: r.description
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        O,
+                        {
+                          name: j.DOT,
+                          className: c(e.dot, e.hideDesktop, {
+                            [e.activeDot]: t === l
+                          })
+                        }
+                      )
+                    ] })
                   ]
                 },
-                u
+                C
               );
             })
           ]
         },
-        s
+        n
       )) }),
-      f && d && /* @__PURE__ */ a("div", { className: e.ctaContainer, children: /* @__PURE__ */ n("div", { className: e.ctaBlock, children: [
-        /* @__PURE__ */ a(
-          c,
-          {
-            as: "p",
-            defaultVariant: "preambleMd",
-            mobileVariant: "bodyXl",
-            className: e.ctaText,
-            children: f
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: e.ctaButton, children: /* @__PURE__ */ a(A, { as: "a", href: d || "#", size: "lg", onClick: V, children: "Get started" }) })
+      u && p && /* @__PURE__ */ i("div", { className: e.ctaContainer, children: /* @__PURE__ */ o("div", { className: e.ctaBlock, children: [
+        /* @__PURE__ */ i(m, { as: "p", defaultVariant: "preambleMd", className: e.ctaText, children: u }),
+        /* @__PURE__ */ i("div", { className: e.ctaButton, children: /* @__PURE__ */ i(A, { as: "a", href: p || "#", size: "lg", onClick: g, children: "Get started" }) })
       ] }) })
     ] })
   ] }) });
 };
 export {
-  R as ComparisonV2
+  U as ComparisonV2
 };

package/dist/modules/ComparisonV2/comparisonV2.module.css

@@ -18,12 +18,6 @@
     padding: 5vw;
 }
 
-@media (max-width: 768px) {
-    .container {
-        padding: 2vw;
-    }
-}
-
 .header {
     display: flex;
     align-items: center;
@@ -39,6 +33,15 @@
     max-width: 570px;
 }
 
+.dot {
+    height: 8px;
+    width: 8px;
+    color: var(--color-text-primary-disabled);
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 8px;
+}
+
 .tableContainer {
     width: 100%;
     background-color: var(--color-bg-neutral-light);
@@ -76,7 +79,10 @@
 .alternativeCol, .featuredCol {
     padding-right: 0;
     padding-bottom: 32px;
+}
 
+.alternativeCol:not(.featuredCol) {
+    border-top: 1px solid transparent;
 }
 
 .featuredCol {
@@ -86,10 +92,6 @@
     border-radius: var(--border-radius-lg);
 }
 
-.alternativeCol {
-    border: 1px solid transparent;
-}
-
 .alternativeContent, .featuredContent {
     cursor: pointer;
     width: 100%;
@@ -125,11 +127,8 @@
     padding-inline: 3vw;
 }
 
-@media (max-width: 768px) {
-    .featuredTitle, .alternativeTitle {
-        color: var(--color-text-secondary);
-    }
-}
+
+
 
 .featuredDescription, .alternativeDescription {
     color: var(--color-text-secondary);
@@ -180,6 +179,38 @@
     }
 }
 
+@media (max-width: 768px) {
+    .container {
+        padding: 0 2vw;
+        gap: var(--spacing-40, 40px);
+    }
+    .header {
+        gap: var(--spacing-16, 16px);
+    }
+    .title {
+        padding: 4rem;
+    }
+    .featuredTitle, .alternativeTitle {
+        color: var(--color-text-secondary);
+    }
+    .activeDot, .activeTitle {
+        color: var(--color-text-primary);
+    }
+    .ctaContainer {
+        padding: 0;
+    }
+    .ctaBlock {
+        flex-direction: column;
+        align-items: center;
+        background-color: transparent;
+        padding: var(--spacing-24, 24px) 32px;
+    }
+    .ctaText {
+        text-align: center;
+        text-wrap: pretty;
+    }
+}
+
 /* Tooltip */
 
 .tooltip {
@@ -223,12 +254,14 @@
     cursor: pointer;
     display: flex;
     align-items: center;
+    color: inherit;
 }
 
 .closeIcon {
-    width: 16px;
-    height: 16px;
+    width: 1.5rem;
+    height: 1.5rem;
     padding-inline: 8px;
+    color: inherit;
 }
 
 @keyframes slideInDown {

package/dist/modules/ComparisonV2/components/ComparisonV2Tooltip/ComparisonV2Tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),o=require("../../../../src/modules/ComparisonV2/comparisonV2.module.css"),h=require("../../../../utils/cn/cn.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),s=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),y=({title:p,description:m,onClose:n,isOpening:u,isClosing:d})=>{const t=a.useRef(null);return a.useEffect(()=>{const i=r=>{r.stopPropagation(),t.current&&!t.current.contains(r.target)&&n()};return document.addEventListener("mousedown",i),()=>{document.removeEventListener("mousedown",i)}},[n]),e.jsxs("div",{className:h.cn(o.tooltip,u&&o.tooltipOpening,d&&o.tooltipClosing),ref:t,children:[e.jsxs("div",{className:o.tooltipHeader,children:[e.jsx(l.Typography,{as:"h4",defaultVariant:"headingSm",mobileVariant:"headingXs",className:o.tooltipTitle,children:p}),e.jsxs("button",{className:o.closeButtonWrapper,onClick:n,children:[e.jsx(s.Icon,{name:c.EIconName.BRACKET_LEFT}),e.jsx(s.Icon,{className:o.closeIcon,name:c.EIconName.CLOSE}),e.jsx(s.Icon,{name:c.EIconName.BRACKET_RIGHT})]})]}),e.jsx(l.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:o.tooltipDescription,children:m})]})};exports.ComparisonV2Tooltip=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),o=require("../../../../src/modules/ComparisonV2/comparisonV2.module.css"),h=require("../../../../utils/cn/cn.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),s=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),y=({title:p,description:m,onClose:n,isOpening:u,isClosing:d})=>{const t=a.useRef(null);return a.useEffect(()=>{const i=r=>{r.stopPropagation(),t.current&&!t.current.contains(r.target)&&n()};return document.addEventListener("mousedown",i),()=>{document.removeEventListener("mousedown",i)}},[n]),e.jsxs("div",{className:h.cn(o.tooltip,u&&o.tooltipOpening,d&&o.tooltipClosing),ref:t,children:[e.jsxs("div",{className:o.tooltipHeader,children:[e.jsx(l.Typography,{as:"h4",defaultVariant:"headingSm",mobileVariant:"headingXs",className:o.tooltipTitle,children:p}),e.jsxs("button",{className:o.closeButtonWrapper,onClick:n,children:[e.jsx(s.Icon,{name:c.EIconName.BRACKET_LEFT}),e.jsx(s.Icon,{className:o.closeIcon,name:c.EIconName.CLOSE_BOLD}),e.jsx(s.Icon,{name:c.EIconName.BRACKET_RIGHT})]})]}),e.jsx(l.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:o.tooltipDescription,children:m})]})};exports.ComparisonV2Tooltip=y;

package/dist/modules/ComparisonV2/components/ComparisonV2Tooltip/ComparisonV2Tooltip.es.js

@@ -5,7 +5,7 @@ import { cn as E } from "../../../../utils/cn/cn.es.js";
 import { Typography as l } from "../../../../components/Typography/Typography.es.js";
 import { Icon as n } from "../../../../components/Icon/Icon.es.js";
 import { EIconName as a } from "../../../../components/Icon/constants.es.js";
-const V = ({
+const R = ({
   title: c,
   description: p,
   onClose: e,
@@ -39,7 +39,7 @@ const V = ({
           ),
           /* @__PURE__ */ r("button", { className: o.closeButtonWrapper, onClick: e, children: [
             /* @__PURE__ */ t(n, { name: a.BRACKET_LEFT }),
-            /* @__PURE__ */ t(n, { className: o.closeIcon, name: a.CLOSE }),
+            /* @__PURE__ */ t(n, { className: o.closeIcon, name: a.CLOSE_BOLD }),
             /* @__PURE__ */ t(n, { name: a.BRACKET_RIGHT })
           ] })
         ] }),
@@ -49,5 +49,5 @@ const V = ({
   );
 };
 export {
-  V as ComparisonV2Tooltip
+  R as ComparisonV2Tooltip
 };

package/package.json

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

package/dist/modules/ComparisonV2/components/ComparisonV2Description/ComparisonV2Description.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../../utils/cn/cn.cjs.js"),e=require("../../../../src/modules/ComparisonV2/comparisonV2.module.css"),r=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),i=({description:s})=>o.jsxs("div",{className:e.rowDescriptionContainer,children:[o.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:n.cn(e.featuredDescription,e.hideMobile),children:s}),o.jsx(t.Icon,{name:c.EIconName.DOT,className:n.cn(e.dot,e.hideDesktop)})]});exports.ComparisonV2Description=i;

package/dist/modules/ComparisonV2/components/ComparisonV2Description/ComparisonV2Description.d.ts

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

package/dist/modules/ComparisonV2/components/ComparisonV2Description/ComparisonV2Description.es.js

@@ -1,22 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { cn as i } from "../../../../utils/cn/cn.es.js";
-import o from "../../../../modules/ComparisonV2/comparisonV2.module.css";
-import { Typography as t } from "../../../../components/Typography/Typography.es.js";
-import { Icon as a } from "../../../../components/Icon/Icon.es.js";
-import { EIconName as s } from "../../../../components/Icon/constants.es.js";
-const h = ({ description: e }) => /* @__PURE__ */ m("div", { className: o.rowDescriptionContainer, children: [
-  /* @__PURE__ */ r(
-    t,
-    {
-      as: "p",
-      defaultVariant: "bodyMd",
-      mobileVariant: "bodySm",
-      className: i(o.featuredDescription, o.hideMobile),
-      children: e
-    }
-  ),
-  /* @__PURE__ */ r(a, { name: s.DOT, className: i(o.dot, o.hideDesktop) })
-] });
-export {
-  h as ComparisonV2Description
-};

package/dist/modules/ComparisonV2/components/ComparisonV2Description/index.d.ts

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