@zenpatient-org/healthspan-marketing-ui 0.1.69 → 0.1.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.d.ts +6 -2
- package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.cjs.js +1 -1
- package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.d.ts +2 -2
- package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.es.js +11 -11
- package/dist/modules/ResearchEssentialReadings/components/ReadingCard/index.d.ts +0 -1
- package/dist/modules/ResearchEssentialReadings/index.d.ts +0 -2
- package/dist/modules/ResearchFeatured/ResearchFeatured.d.ts +6 -1
- package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.d.ts +2 -2
- package/dist/modules/ResearchFeatured/components/FeaturedArticle/index.d.ts +0 -1
- package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.cjs.js +1 -1
- package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.d.ts +2 -2
- package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.es.js +11 -11
- package/dist/modules/ResearchFeatured/components/index.d.ts +0 -2
- package/dist/modules/ResearchFeatured/index.d.ts +0 -1
- package/dist/modules/ResearchStudies/ResearchStudies.d.ts +2 -2
- package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.cjs.js +1 -1
- package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts +2 -2
- package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.es.js +4 -4
- package/dist/modules/ResearchStudies/index.d.ts +0 -1
- package/dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js +1 -0
- package/dist/pageComponents/CallToActionDefault/CallToActionDefault.d.ts +1 -0
- package/dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js +28 -0
- package/dist/pageComponents/CallToActionDefault/index.d.ts +1 -0
- package/dist/types/articles.d.ts +8 -0
- package/package.json +6 -1
- package/dist/modules/ResearchEssentialReadings/components/ReadingCard/types.d.ts +0 -10
- package/dist/modules/ResearchEssentialReadings/components/index.d.ts +0 -2
- package/dist/modules/ResearchEssentialReadings/types.d.ts +0 -5
- package/dist/modules/ResearchFeatured/components/FeaturedArticle/types.d.ts +0 -7
- package/dist/modules/ResearchFeatured/components/HighlightedArticle/types.d.ts +0 -9
- package/dist/modules/ResearchFeatured/types.d.ts +0 -6
- package/dist/modules/ResearchStudies/types.d.ts +0 -10
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../types/articles';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
type TResearchEssentialReadingsProps = {
|
|
4
|
+
readings: Array<TResearchArticleView>;
|
|
5
|
+
};
|
|
6
|
+
export declare const ResearchEssentialReadings: ({ readings }: TResearchEssentialReadingsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./readingCard.module.css.cjs.js");function u({title:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./readingCard.module.css.cjs.js");function u({title:i,link:s,image:o,date:n,label:l,readTime:t}){return e.jsx("a",{href:s,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:l&&e.jsx(c.Label,{color:"white",size:"lg",children:l})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:d.formatDate(n)}),!!t&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[t," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:i})]})]})})}exports.ReadingCard=u;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../../../types/articles';
|
|
2
2
|
|
|
3
|
-
export declare function ReadingCard({ title, link, image, date, label, readTime }:
|
|
3
|
+
export declare function ReadingCard({ title, link, image, date, label, readTime }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as a, Fragment as d } from "react/jsx-runtime";
|
|
2
2
|
import { formatDate as s } from "../../../../utils/formatDate.es.js";
|
|
3
3
|
import { Label as h } from "../../../../components/Label/Label.es.js";
|
|
4
4
|
import { Typography as l } from "../../../../components/Typography/Typography.es.js";
|
|
5
|
-
import
|
|
6
|
-
function b({ title: o, link: m, image: n, date: c, label:
|
|
7
|
-
return /* @__PURE__ */ e("a", { href: m, className:
|
|
8
|
-
/* @__PURE__ */ e("div", { className:
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
5
|
+
import r from "./readingCard.module.css.es.js";
|
|
6
|
+
function b({ title: o, link: m, image: n, date: c, label: i, readTime: t }) {
|
|
7
|
+
return /* @__PURE__ */ e("a", { href: m, className: r.root, children: /* @__PURE__ */ a("div", { className: r.content, children: [
|
|
8
|
+
/* @__PURE__ */ e("div", { className: r.imagePart, style: { backgroundImage: `url(${n})` }, children: i && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: i }) }),
|
|
9
|
+
/* @__PURE__ */ a("div", { className: r.dataPart, children: [
|
|
10
|
+
/* @__PURE__ */ a("div", { className: r.info, children: [
|
|
11
11
|
/* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: s(c) }),
|
|
12
|
-
!!
|
|
12
|
+
!!t && /* @__PURE__ */ a(d, { children: [
|
|
13
13
|
/* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
|
|
14
|
+
/* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
|
|
15
|
+
t,
|
|
16
16
|
" MIN READ"
|
|
17
17
|
] })
|
|
18
18
|
] })
|
|
19
19
|
] }),
|
|
20
|
-
/* @__PURE__ */ e(l, { className:
|
|
20
|
+
/* @__PURE__ */ e(l, { className: r.title, defaultVariant: "headingXs", children: o })
|
|
21
21
|
] })
|
|
22
22
|
] }) });
|
|
23
23
|
}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../types/articles';
|
|
2
2
|
|
|
3
|
+
type TResearchFeatured = {
|
|
4
|
+
highlightedArticle: TResearchArticleView;
|
|
5
|
+
articles: Array<TResearchArticleView>;
|
|
6
|
+
};
|
|
3
7
|
export declare const ResearchFeatured: ({ highlightedArticle, articles }: TResearchFeatured) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../../../types/articles';
|
|
2
2
|
|
|
3
|
-
export declare const FeaturedArticle: ({ image, date, readTime, title, link }:
|
|
3
|
+
export declare const FeaturedArticle: ({ image, date, readTime, title, link }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;
|
package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Label/Label.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../utils/formatDate.cjs.js"),a=require("./highlightedArticle.module.css.cjs.js"),d=({label:t,image:r,date:i,title:s,link:o})=>e.jsxs("a",{href:o,className:a.default.root,style:{backgroundImage:`url(${r})`},children:[t&&e.jsx(c.Label,{size:"lg",color:"white",className:a.default.label,children:t}),e.jsxs("div",{className:a.default.text,children:[e.jsx(l.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.date,children:n.formatDate(i)}),e.jsx(l.Typography,{defaultVariant:"headingXl",mobileVariant:"headingXs",className:a.default.title,children:s})]})]});exports.HighlightedArticle=d;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../../../types/articles';
|
|
2
2
|
|
|
3
|
-
export declare const HighlightedArticle: ({ label, image, date, title, link }:
|
|
3
|
+
export declare const HighlightedArticle: ({ label, image, date, title, link }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;
|
package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Label as
|
|
3
|
-
import { Typography as
|
|
4
|
-
import { formatDate as
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
1
|
+
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { Label as c } from "../../../../components/Label/Label.es.js";
|
|
3
|
+
import { Typography as t } from "../../../../components/Typography/Typography.es.js";
|
|
4
|
+
import { formatDate as n } from "../../../../utils/formatDate.es.js";
|
|
5
|
+
import e from "./highlightedArticle.module.css.es.js";
|
|
6
|
+
const b = ({ label: r, image: i, date: s, title: m, link: o }) => /* @__PURE__ */ l("a", { href: o, className: e.root, style: { backgroundImage: `url(${i})` }, children: [
|
|
7
|
+
r && /* @__PURE__ */ a(c, { size: "lg", color: "white", className: e.label, children: r }),
|
|
8
|
+
/* @__PURE__ */ l("div", { className: e.text, children: [
|
|
9
|
+
/* @__PURE__ */ a(t, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: e.date, children: n(s) }),
|
|
10
|
+
/* @__PURE__ */ a(t, { defaultVariant: "headingXl", mobileVariant: "headingXs", className: e.title, children: m })
|
|
11
11
|
] })
|
|
12
12
|
] });
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
b as HighlightedArticle
|
|
15
15
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../types/articles';
|
|
2
2
|
|
|
3
3
|
type ResearchStudiesProps = {
|
|
4
|
-
studies: Array<
|
|
4
|
+
studies: Array<TResearchArticleView>;
|
|
5
5
|
hasMoreButton: boolean;
|
|
6
6
|
onClickShowMore: () => void;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function u({title:s,link:i,image:o,date:d,label:t,readTime:l}){return e.jsxs("a",{href:i,className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:t&&e.jsx(c.Label,{color:"white",size:"lg",children:t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(d)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}exports.StudyCard=u;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TResearchArticleView } from '../../../../types/articles';
|
|
2
2
|
|
|
3
|
-
export declare function StudyCard({ title, link, image, date, label, readTime }:
|
|
3
|
+
export declare function StudyCard({ title, link, image, date, label, readTime }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,17 +3,17 @@ import { formatDate as n } from "../../../../utils/formatDate.es.js";
|
|
|
3
3
|
import { Label as h } from "../../../../components/Label/Label.es.js";
|
|
4
4
|
import { Typography as l } from "../../../../components/Typography/Typography.es.js";
|
|
5
5
|
import e from "./studyCard.module.css.es.js";
|
|
6
|
-
function b({ title: o, link: m, image: d, date: s, label:
|
|
6
|
+
function b({ title: o, link: m, image: d, date: s, label: i, readTime: t }) {
|
|
7
7
|
return /* @__PURE__ */ a("a", { href: m, className: e.root, children: [
|
|
8
8
|
/* @__PURE__ */ a("div", { className: e.content, children: [
|
|
9
|
-
/* @__PURE__ */ r("div", { className: e.imagePart, style: { backgroundImage: `url(${d})` }, children:
|
|
9
|
+
/* @__PURE__ */ r("div", { className: e.imagePart, style: { backgroundImage: `url(${d})` }, children: i && /* @__PURE__ */ r(h, { color: "white", size: "lg", children: i }) }),
|
|
10
10
|
/* @__PURE__ */ a("div", { className: e.dataPart, children: [
|
|
11
11
|
/* @__PURE__ */ a("div", { className: e.info, children: [
|
|
12
12
|
/* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: n(s) }),
|
|
13
|
-
!!
|
|
13
|
+
!!t && /* @__PURE__ */ a(c, { children: [
|
|
14
14
|
/* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
|
|
15
15
|
/* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
|
|
16
|
-
|
|
16
|
+
t,
|
|
17
17
|
" MIN READ"
|
|
18
18
|
] })
|
|
19
19
|
] })
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../modules/CallToAction/CallToAction.cjs.js"),o=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],i=()=>{const e={subtitle:t.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:t.jsx("p",{children:"Get more"}),scrollableLabels:o,titleBottom:t.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"https://app.gethealthspan.com/#/get-started",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"};return t.jsx(l.CallToAction,{...e})};exports.CallToActionDefault=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CallToActionDefault: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { CallToAction as e } from "../../modules/CallToAction/CallToAction.es.js";
|
|
3
|
+
const o = [
|
|
4
|
+
"health",
|
|
5
|
+
"energy",
|
|
6
|
+
"strength",
|
|
7
|
+
"smiles",
|
|
8
|
+
"balance",
|
|
9
|
+
"sleep",
|
|
10
|
+
"miles",
|
|
11
|
+
"love",
|
|
12
|
+
"fun",
|
|
13
|
+
"years"
|
|
14
|
+
], s = () => /* @__PURE__ */ t(e, { ...{
|
|
15
|
+
subtitle: /* @__PURE__ */ t("p", { children: "YOUR LONGEVITY JOURNEY" }),
|
|
16
|
+
titleTop: /* @__PURE__ */ t("p", { children: "Get more" }),
|
|
17
|
+
scrollableLabels: o,
|
|
18
|
+
titleBottom: /* @__PURE__ */ t("p", { children: "out of life" }),
|
|
19
|
+
description: "It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",
|
|
20
|
+
hsaText: "Healthspan is HSA/FSA Eligible",
|
|
21
|
+
buttonText: "JOIN NOW",
|
|
22
|
+
// TODO: How to we make this not eventually break...
|
|
23
|
+
buttonLink: "https://app.gethealthspan.com/#/get-started",
|
|
24
|
+
backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"
|
|
25
|
+
} });
|
|
26
|
+
export {
|
|
27
|
+
s as CallToActionDefault
|
|
28
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CallToActionDefault } from './CallToActionDefault';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zenpatient-org/healthspan-marketing-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.71",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -576,6 +576,11 @@
|
|
|
576
576
|
"import": "./dist/pageComponents/Banner/Banner.es.js",
|
|
577
577
|
"require": "./dist/pageComponents/Banner/Banner.cjs.js"
|
|
578
578
|
},
|
|
579
|
+
"./CallToActionDefault": {
|
|
580
|
+
"types": "./dist/pageComponents/CallToActionDefault/CallToActionDefault.d.ts",
|
|
581
|
+
"import": "./dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js",
|
|
582
|
+
"require": "./dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js"
|
|
583
|
+
},
|
|
579
584
|
"./dist/*.css": "./dist/*.css"
|
|
580
585
|
}
|
|
581
586
|
}
|