@zenpatient-org/healthspan-marketing-ui 0.2.54 → 0.2.55
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../pageComponents/HomepageHero/components/MiddleCarousel/MiddleCarousel.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../pageComponents/HomepageHero/components/MiddleCarousel/MiddleCarousel.cjs.js"),i=require("../../components/Button/Button.cjs.js"),s=require("../../src/modules/HomepageHeroV2/homepageHeroV2.module.css"),l=require("../../components/Icon/Icon.cjs.js"),d=require("../../components/Icon/constants.cjs.js"),n=require("../../components/Typography/Typography.cjs.js");function m({title:t,description:o,button:r,buttonInverted:a}){return e.jsx("section",{className:s.root,"data-type":"hero",children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.textContent,children:[e.jsxs("div",{className:s.hsaContainer,children:[e.jsx(l.Icon,{name:d.EIconName.CIRCLE_CHECK,className:s.checkIcon}),e.jsx(n.Typography,{className:s.hsaText,as:"p",defaultVariant:"bodySm",children:"HSA/FSA Eligible"})]}),e.jsx("div",{className:s.titleWrapper,children:e.jsx(n.Typography,{className:s.title,as:"h2",defaultVariant:"displayXs",mobileVariant:"headingLg",children:t})}),e.jsx(n.Typography,{className:s.description,as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:o}),e.jsxs("div",{className:s.buttonContainer,children:[e.jsx(i.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text}),a&&e.jsx(i.Button,{as:"a",href:a.link,variant:"muted-invert",size:"md",children:a.text})]})]}),e.jsx("div",{className:s.carouselArea,children:e.jsx(c.MiddleCarousel,{})})]})})}exports.HomepageHeroV2=m;
|
|
@@ -1,27 +1,36 @@
|
|
|
1
1
|
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
2
|
import { MiddleCarousel as m } from "../../pageComponents/HomepageHero/components/MiddleCarousel/MiddleCarousel.es.js";
|
|
3
|
-
import { Button as
|
|
3
|
+
import { Button as l } from "../../components/Button/Button.es.js";
|
|
4
4
|
import a from "../../modules/HomepageHeroV2/homepageHeroV2.module.css";
|
|
5
5
|
import { Icon as c } from "../../components/Icon/Icon.es.js";
|
|
6
6
|
import { EIconName as d } from "../../components/Icon/constants.es.js";
|
|
7
7
|
import { Typography as s } from "../../components/Typography/Typography.es.js";
|
|
8
|
-
function
|
|
8
|
+
function v({ title: n, description: o, button: t, buttonInverted: r }) {
|
|
9
9
|
return /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", children: /* @__PURE__ */ i("div", { className: a.container, children: [
|
|
10
10
|
/* @__PURE__ */ i("div", { className: a.textContent, children: [
|
|
11
11
|
/* @__PURE__ */ i("div", { className: a.hsaContainer, children: [
|
|
12
12
|
/* @__PURE__ */ e(c, { name: d.CIRCLE_CHECK, className: a.checkIcon }),
|
|
13
13
|
/* @__PURE__ */ e(s, { className: a.hsaText, as: "p", defaultVariant: "bodySm", children: "HSA/FSA Eligible" })
|
|
14
14
|
] }),
|
|
15
|
-
/* @__PURE__ */ e(
|
|
16
|
-
|
|
15
|
+
/* @__PURE__ */ e("div", { className: a.titleWrapper, children: /* @__PURE__ */ e(
|
|
16
|
+
s,
|
|
17
|
+
{
|
|
18
|
+
className: a.title,
|
|
19
|
+
as: "h2",
|
|
20
|
+
defaultVariant: "displayXs",
|
|
21
|
+
mobileVariant: "headingLg",
|
|
22
|
+
children: n
|
|
23
|
+
}
|
|
24
|
+
) }),
|
|
25
|
+
/* @__PURE__ */ e(s, { className: a.description, as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: o }),
|
|
17
26
|
/* @__PURE__ */ i("div", { className: a.buttonContainer, children: [
|
|
18
|
-
/* @__PURE__ */ e(
|
|
19
|
-
r && /* @__PURE__ */ e(
|
|
27
|
+
/* @__PURE__ */ e(l, { as: "a", href: t.link, variant: "secondary", size: "md", children: t.text }),
|
|
28
|
+
r && /* @__PURE__ */ e(l, { as: "a", href: r.link, variant: "muted-invert", size: "md", children: r.text })
|
|
20
29
|
] })
|
|
21
30
|
] }),
|
|
22
31
|
/* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(m, {}) })
|
|
23
32
|
] }) });
|
|
24
33
|
}
|
|
25
34
|
export {
|
|
26
|
-
|
|
35
|
+
v as HomepageHeroV2
|
|
27
36
|
};
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
left: 50%;
|
|
65
65
|
transform: translateX(30px);
|
|
66
66
|
overflow: visible;
|
|
67
|
+
pointer-events: none;
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
@media (width <= 1150px) {
|
|
@@ -108,6 +109,18 @@
|
|
|
108
109
|
margin: unset;
|
|
109
110
|
margin-top: 221px;
|
|
110
111
|
padding: 32px 24px;
|
|
112
|
+
max-width: unset;
|
|
113
|
+
min-width: 367px;
|
|
114
|
+
width: 100%;
|
|
115
|
+
background: linear-gradient(180deg, rgba(13, 12, 17, 0) 0%, #0d0c11 75%);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.titleWrapper {
|
|
119
|
+
display: flex;
|
|
120
|
+
justify-content: center;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.title {
|
|
111
124
|
max-width: 510px;
|
|
112
125
|
}
|
|
113
126
|
|