@zenpatient-org/healthspan-marketing-ui 0.1.72 → 0.1.73
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/healthspan-marketing-ui.css +1 -1
- package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js +1 -0
- package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.d.ts +10 -0
- package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js +33 -0
- package/dist/modules/ProgramsDetailsHero/index.d.ts +1 -0
- package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.cjs.js +1 -0
- package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.es.js +21 -0
- package/package.json +6 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),n=({title:t,description:i,button:r,backgroundImage:l})=>e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.headlineContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:t})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.headlineContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i}),e.jsx(d.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text})]})})]})})});exports.ProgramsDetailsHero=n;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type ProgramsProps = {
|
|
2
|
+
title: string;
|
|
3
|
+
description: string;
|
|
4
|
+
button: {
|
|
5
|
+
text: string;
|
|
6
|
+
link: string;
|
|
7
|
+
};
|
|
8
|
+
backgroundImage: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const ProgramsDetailsHero: ({ title, description, button, backgroundImage }: ProgramsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as s } from "../../components/Typography/Typography.es.js";
|
|
3
|
+
import { Button as o } from "../../components/Button/Button.es.js";
|
|
4
|
+
import a from "./programsDetailsHero.module.css.es.js";
|
|
5
|
+
const p = ({ title: d, description: l, button: i, backgroundImage: n }) => /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${n})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
|
|
6
|
+
/* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ e(
|
|
7
|
+
s,
|
|
8
|
+
{
|
|
9
|
+
className: a.title,
|
|
10
|
+
as: "h2",
|
|
11
|
+
defaultVariant: "displayMd",
|
|
12
|
+
mobileVariant: "headingXl",
|
|
13
|
+
children: d
|
|
14
|
+
}
|
|
15
|
+
) }),
|
|
16
|
+
/* @__PURE__ */ e("div", { className: a.midBorder }),
|
|
17
|
+
/* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
|
|
18
|
+
/* @__PURE__ */ e(
|
|
19
|
+
s,
|
|
20
|
+
{
|
|
21
|
+
className: a.description,
|
|
22
|
+
as: "p",
|
|
23
|
+
defaultVariant: "bodyMd",
|
|
24
|
+
mobileVariant: "bodySm",
|
|
25
|
+
children: l
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ e(o, { as: "a", href: i.link, variant: "secondary", size: "md", children: i.text })
|
|
29
|
+
] }) })
|
|
30
|
+
] }) }) });
|
|
31
|
+
export {
|
|
32
|
+
p as ProgramsDetailsHero
|
|
33
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ProgramsDetailsHero } from './ProgramsDetailsHero';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="programsDetailsHero-module__root___tDtrT",o="programsDetailsHero-module__container___5dH1m",r="programsDetailsHero-module__headline___Y-4jv",t="programsDetailsHero-module__headlineContainer___-gYgz",i="programsDetailsHero-module__title___xHkWk",n="programsDetailsHero-module__midBorder___aleDm",_="programsDetailsHero-module__infoBox___xvieB",a="programsDetailsHero-module__description___ac7Pb",l={root:e,container:o,headline:r,headlineContainer:t,title:i,midBorder:n,infoBox:_,description:a};exports.container=o;exports.default=l;exports.description=a;exports.headline=r;exports.headlineContainer=t;exports.infoBox=_;exports.midBorder=n;exports.root=e;exports.title=i;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const o = "programsDetailsHero-module__root___tDtrT", e = "programsDetailsHero-module__container___5dH1m", r = "programsDetailsHero-module__headline___Y-4jv", t = "programsDetailsHero-module__headlineContainer___-gYgz", _ = "programsDetailsHero-module__title___xHkWk", i = "programsDetailsHero-module__midBorder___aleDm", n = "programsDetailsHero-module__infoBox___xvieB", a = "programsDetailsHero-module__description___ac7Pb", s = {
|
|
2
|
+
root: o,
|
|
3
|
+
container: e,
|
|
4
|
+
headline: r,
|
|
5
|
+
headlineContainer: t,
|
|
6
|
+
title: _,
|
|
7
|
+
midBorder: i,
|
|
8
|
+
infoBox: n,
|
|
9
|
+
description: a
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
e as container,
|
|
13
|
+
s as default,
|
|
14
|
+
a as description,
|
|
15
|
+
r as headline,
|
|
16
|
+
t as headlineContainer,
|
|
17
|
+
n as infoBox,
|
|
18
|
+
i as midBorder,
|
|
19
|
+
o as root,
|
|
20
|
+
_ as title
|
|
21
|
+
};
|
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.73",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -511,6 +511,11 @@
|
|
|
511
511
|
"import": "./dist/modules/CallToAction/CallToAction.es.js",
|
|
512
512
|
"require": "./dist/modules/CallToAction/CallToAction.cjs.js"
|
|
513
513
|
},
|
|
514
|
+
"./ProgramsDetailsHero": {
|
|
515
|
+
"types": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.d.ts",
|
|
516
|
+
"import": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js",
|
|
517
|
+
"require": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js"
|
|
518
|
+
},
|
|
514
519
|
"./Bubbles": {
|
|
515
520
|
"types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
|
|
516
521
|
"import": "./dist/pageComponents/Bubbles/Bubbles.es.js",
|