@zenpatient-org/healthspan-marketing-ui 0.2.49 → 0.2.50

package/dist/modules/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../src/modules/StillHaveQuestions/stillHaveQuestions.module.css"),n=require("./constants.cjs.js"),r=require("../../components/Typography/Typography.cjs.js"),m=require("../../components/Button/Button.cjs.js"),y=({variant:o,image:l,title:i,titleHighlight:c,description:d,button:p,buttonColor:u,colorScheme:h})=>{var a;const t=o?n.LEGACY_CONFIG[o]:i?{image:l||"https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",title:i,titleHighlight:c||"dark",description:d,button:p,buttonColor:u||"secondary",colorScheme:h||"dark"}:n.LEGACY_CONFIG.StillHaveQuestions;return e.jsx("section",{className:s.root,"data-color-scheme":t.colorScheme,children:e.jsx("div",{className:s.imageWrapper,style:{backgroundImage:`url(${t.image})`},children:e.jsxs("div",{className:s.contentBox,children:[e.jsx("div",{className:s.title,"data-color-scheme":t.titleHighlight,children:e.jsx(r.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:t.title})}),t.description&&e.jsx(r.Typography,{className:s.description,as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:t.description}),((a=t.button)==null?void 0:a.link)&&e.jsx("div",{className:s.button,children:e.jsx(m.Button,{as:"a",href:t.button.link,variant:t.buttonColor||"secondary",size:"lg",children:t.button.text||"Contact Us"})})]})})})};exports.StillHaveQuestions=y;

package/dist/modules/StillHaveQuestions/StillHaveQuestions.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+export type StillHaveQuestionsVariant = 'StillHaveQuestions' | 'JoinOurTeam';
+export type StillHaveQuestionsProps = {
+    variant?: StillHaveQuestionsVariant;
+    image?: string;
+    title?: ReactNode;
+    titleHighlight?: 'light' | 'dark';
+    description?: string;
+    button?: {
+        text: string;
+        link: string;
+    };
+    buttonColor?: 'secondary' | 'primary-invert' | 'primary';
+    colorScheme?: 'light' | 'dark';
+};
+export declare const StillHaveQuestions: ({ variant, image, title, titleHighlight, description, button, buttonColor, colorScheme, }: StillHaveQuestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/StillHaveQuestions/StillHaveQuestions.es.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import i from "../../modules/StillHaveQuestions/stillHaveQuestions.module.css";
+import { LEGACY_CONFIG as s } from "./constants.es.js";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
+import { Button as g } from "../../components/Button/Button.es.js";
+const k = ({
+  variant: o,
+  image: c,
+  title: a,
+  titleHighlight: n,
+  description: d,
+  button: m,
+  buttonColor: p,
+  colorScheme: h
+}) => {
+  var r;
+  const t = o ? s[o] : a ? {
+    image: c || "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
+    title: a,
+    titleHighlight: n || "dark",
+    description: d,
+    button: m,
+    buttonColor: p || "secondary",
+    colorScheme: h || "dark"
+  } : s.StillHaveQuestions;
+  return /* @__PURE__ */ e("section", { className: i.root, "data-color-scheme": t.colorScheme, children: /* @__PURE__ */ e("div", { className: i.imageWrapper, style: { backgroundImage: `url(${t.image})` }, children: /* @__PURE__ */ u("div", { className: i.contentBox, children: [
+    /* @__PURE__ */ e("div", { className: i.title, "data-color-scheme": t.titleHighlight, children: /* @__PURE__ */ e(l, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: t.title }) }),
+    t.description && /* @__PURE__ */ e(
+      l,
+      {
+        className: i.description,
+        as: "p",
+        defaultVariant: "bodyLg",
+        mobileVariant: "bodyMd",
+        children: t.description
+      }
+    ),
+    ((r = t.button) == null ? void 0 : r.link) && /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(
+      g,
+      {
+        as: "a",
+        href: t.button.link,
+        variant: t.buttonColor || "secondary",
+        size: "lg",
+        children: t.button.text || "Contact Us"
+      }
+    ) })
+  ] }) }) });
+};
+export {
+  k as StillHaveQuestions
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e={StillHaveQuestions:{title:t.jsxs(t.Fragment,{children:["Still have ",t.jsx("b",{children:"questions?"})]}),button:{text:"Contact Us",link:"https://www.gethealthspan.com/contact-us"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"},JoinOurTeam:{title:t.jsxs(t.Fragment,{children:["Have a passion for ",t.jsx("b",{children:"longevity science?"})]}),button:{text:"Join Our Team",link:"https://careers.gethealthspan.com/"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"}};exports.LEGACY_CONFIG=e;

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { StillHaveQuestionsVariant } from './StillHaveQuestions';
+
+export declare const LEGACY_CONFIG: Record<StillHaveQuestionsVariant, {
+    title: ReactNode;
+    button: {
+        text: string;
+        link: string;
+    };
+    image: string;
+    titleHighlight: 'light' | 'dark';
+    description: string;
+    buttonColor: 'secondary' | 'primary-invert' | 'primary';
+    colorScheme: 'light' | 'dark';
+}>;

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

@@ -0,0 +1,36 @@
+import { jsxs as t, Fragment as e, jsx as i } from "react/jsx-runtime";
+const a = {
+  StillHaveQuestions: {
+    title: /* @__PURE__ */ t(e, { children: [
+      "Still have ",
+      /* @__PURE__ */ i("b", { children: "questions?" })
+    ] }),
+    button: {
+      text: "Contact Us",
+      link: "https://www.gethealthspan.com/contact-us"
+    },
+    image: "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
+    titleHighlight: "light",
+    description: "",
+    buttonColor: "secondary",
+    colorScheme: "light"
+  },
+  JoinOurTeam: {
+    title: /* @__PURE__ */ t(e, { children: [
+      "Have a passion for ",
+      /* @__PURE__ */ i("b", { children: "longevity science?" })
+    ] }),
+    button: {
+      text: "Join Our Team",
+      link: "https://careers.gethealthspan.com/"
+    },
+    image: "https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",
+    titleHighlight: "light",
+    description: "",
+    buttonColor: "secondary",
+    colorScheme: "light"
+  }
+};
+export {
+  a as LEGACY_CONFIG
+};

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

@@ -0,0 +1,2 @@
+export { StillHaveQuestions } from './StillHaveQuestions';
+export type { StillHaveQuestionsProps, StillHaveQuestionsVariant } from './StillHaveQuestions';

package/dist/{pageComponents → modules}/StillHaveQuestions/stillHaveQuestions.module.css

@@ -1,63 +1,66 @@
 .root {
+    width: 100%;
     display: flex;
     align-items: center;
-    padding: 64px;
-    width: 100%;
     justify-content: center;
+    padding: 64px;
+    justify-self: center;
+}
+
+.root[data-color-scheme='dark'] {
+    background-color: var(--color-bg-fill-primary);
 }
 
 .imageWrapper {
-    justify-content: center;
+    max-width: var(--content-max-width);
     position: relative;
-    display: flex;
-    padding: 96px 64px;
     border-radius: var(--border-radius-xl);
     width: 100%;
-    max-width: var(--content-max-width);
-    background-position: center 45%;
-    background-size: 250%;
+    background-size: cover;
+    background-position: center;
     background-repeat: no-repeat;
+    padding: 96px 64px;
 }
 
 .contentBox {
-    position: relative;
     display: flex;
-    align-items: center;
-    text-align: center;
+    position: relative;
     flex-direction: column;
+    align-items: center;
+    justify-content: center;
     gap: 32px;
 }
 
-.joinOurTeam.imageWrapper {
-    background-size: cover;
-    background-position: center center;
+.title,
+.description {
+    text-align: center;
+    color: var(--color-text-primary-inverted);
+}
+
+.title[data-color-scheme='dark'] b,
+.title[data-color-scheme='dark'] strong {
+    color: var(--color-text-primary-brand-solar);
+}
+
+.title[data-color-scheme='light'] b,
+.title[data-color-scheme='light'] strong {
+    color: var(--color-text-primary-brand-indigo);
 }
 
-.joinOurTeam.contentBox {
-    gap: 36px;
+.description {
+    max-width: 730px;
 }
 
-@media screen and (width <= 768px) {
+@media (width <= 768px) {
     .root {
         padding: 40px 20px;
     }
 
     .imageWrapper {
         padding: 180px 28px;
-        border-radius: var(--border-radius-lg);
-        background-size: 300%;
     }
 
     .contentBox {
         gap: 20px;
     }
-
-    .joinOurTeam.imageWrapper {
-        padding: 120px 28px;
-        background-size: cover;
-    }
-
-    .joinOurTeam.contentBox {
-        gap: 32px;
-    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.49",
+    "version": "0.2.50",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -647,9 +647,9 @@
             "require": "./dist/pageComponents/Gradient/Gradient.cjs.js"
         },
         "./StillHaveQuestions": {
-            "types": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts",
-            "import": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js",
-            "require": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js"
+            "types": "./dist/modules/StillHaveQuestions/StillHaveQuestions.d.ts",
+            "import": "./dist/modules/StillHaveQuestions/StillHaveQuestions.es.js",
+            "require": "./dist/modules/StillHaveQuestions/StillHaveQuestions.cjs.js"
         },
         "./HomepageHero": {
             "types": "./dist/pageComponents/HomepageHero/HomepageHero.d.ts",

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/Button/Button.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),t=require("../../src/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css"),u=require("./assets/stillHaveQuestions.jpg.cjs.js"),d=require("./assets/joinOurTeam.jpg.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),g=({variant:i="StillHaveQuestions"})=>{const s={StillHaveQuestions:{title:e.jsxs(e.Fragment,{children:["Still have ",e.jsx("b",{children:"questions?"})]}),buttonText:"Contact Us",buttonLink:"/contact-us",image:u.default},JoinOurTeam:{title:e.jsxs(e.Fragment,{children:["Have a passion for ",e.jsx("b",{children:"longevity science?"})]}),buttonText:"Join Our Team",buttonLink:"https://careers.gethealthspan.com/",image:d.default}},{title:o,buttonText:r,buttonLink:a,image:l}=s[i];return e.jsx("section",{className:t.root,children:e.jsx("div",{className:n.cn(t.imageWrapper,{[t.joinOurTeam]:i==="JoinOurTeam"}),style:{backgroundImage:`url(${l})`},children:e.jsxs("div",{className:n.cn(t.contentBox,{[t.joinOurTeam]:i==="JoinOurTeam"}),children:[e.jsx(m.HighlightedTitle,{colorScheme:"dark",title:e.jsx(h.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:o})}),e.jsx("div",{className:t.actions,children:e.jsx(c.Button,{as:"a",href:a,variant:"secondary",size:"lg",children:r})})]})})})};exports.StillHaveQuestions=g;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts

@@ -1,5 +0,0 @@
-export interface StillHaveQuestionsProps {
-    variant?: StillHaveQuestionsVariant;
-}
-export type StillHaveQuestionsVariant = 'StillHaveQuestions' | 'JoinOurTeam';
-export declare const StillHaveQuestions: ({ variant }: StillHaveQuestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js

@@ -1,52 +0,0 @@
-import { jsxs as o, jsx as t, Fragment as n } from "react/jsx-runtime";
-import { Button as u } from "../../components/Button/Button.es.js";
-import { cn as r } from "../../utils/cn/cn.es.js";
-import e from "../../pageComponents/StillHaveQuestions/stillHaveQuestions.module.css";
-import d from "./assets/stillHaveQuestions.jpg.es.js";
-import h from "./assets/joinOurTeam.jpg.es.js";
-import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as g } from "../../components/Typography/Typography.es.js";
-const H = ({ variant: i = "StillHaveQuestions" }) => {
-  const a = {
-    StillHaveQuestions: {
-      title: /* @__PURE__ */ o(n, { children: [
-        "Still have ",
-        /* @__PURE__ */ t("b", { children: "questions?" })
-      ] }),
-      buttonText: "Contact Us",
-      buttonLink: "/contact-us",
-      image: d
-    },
-    JoinOurTeam: {
-      title: /* @__PURE__ */ o(n, { children: [
-        "Have a passion for ",
-        /* @__PURE__ */ t("b", { children: "longevity science?" })
-      ] }),
-      buttonText: "Join Our Team",
-      buttonLink: "https://careers.gethealthspan.com/",
-      image: h
-    }
-  }, { title: s, buttonText: l, buttonLink: m, image: c } = a[i];
-  return /* @__PURE__ */ t("section", { className: e.root, children: /* @__PURE__ */ t(
-    "div",
-    {
-      className: r(e.imageWrapper, { [e.joinOurTeam]: i === "JoinOurTeam" }),
-      style: {
-        backgroundImage: `url(${c})`
-      },
-      children: /* @__PURE__ */ o("div", { className: r(e.contentBox, { [e.joinOurTeam]: i === "JoinOurTeam" }), children: [
-        /* @__PURE__ */ t(
-          p,
-          {
-            colorScheme: "dark",
-            title: /* @__PURE__ */ t(g, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: s })
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: e.actions, children: /* @__PURE__ */ t(u, { as: "a", href: m, variant: "secondary", size: "lg", children: l }) })
-      ] })
-    }
-  ) });
-};
-export {
-  H as StillHaveQuestions
-};