@zenpatient-org/healthspan-marketing-ui 0.1.166 → 0.1.167
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/components/ClaimBlock/ClaimBlock.cjs.js +1 -0
- package/dist/components/ClaimBlock/ClaimBlock.d.ts +8 -0
- package/dist/components/ClaimBlock/ClaimBlock.es.js +13 -0
- package/dist/components/ClaimBlock/claimBlock.module.css.cjs.js +1 -0
- package/dist/components/ClaimBlock/claimBlock.module.css.es.js +13 -0
- package/dist/components/ClaimBlock/index.d.ts +2 -0
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/TargetedPrograms/TargetedPrograms.cjs.js +1 -1
- package/dist/modules/TargetedPrograms/TargetedPrograms.es.js +24 -28
- package/package.json +6 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const h=require("../../node_modules/swiper/modules/navigation.cjs.js"),t=require("../../node_modules/swiper/swiper-react.cjs.js"),m=require("../../components/Cursor/Cursor.cjs.js"),f=require("../../components/ProgramCard/ProgramCard.cjs.js"),n=require("../../components/ProgressButton/ProgressButton.cjs.js"),S=require("../../components/Typography/Typography.cjs.js"),C=require("../../utils/useSwiper/useSwiper.cjs.js"),r=require("./targetedPrograms.module.css.cjs.js"),P=[h.default];function j({title:a,cards:l}){const{setIsEnd:d,handleSlideChange:c,handlePrevClick:i,handleNextClick:o,onSwiperInit:u,handleSwiperResize:p}=C.useSwiper();return e.jsxs("section",{className:r.default.container,children:[e.jsxs("div",{className:r.default.heading,children:[e.jsx(S.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:a}),e.jsx("div",{className:r.default.progressButtons,"data-device":"desktop",children:e.jsx(n.ProgressButton,{left:{onClick:i},right:{onClick:o}})})]}),e.jsx("div",{className:r.default.carouselArea,children:e.jsx(t.Swiper,{onSwiper:u,onResize:p,onSlideChange:c,onReachEnd:()=>d(!0),modules:P,spaceBetween:16,slidesPerView:"auto",className:r.default.swiper,loop:!0,slidesOffsetBefore:8,children:l.filter(s=>s.type!=="coming_soon").map((s,g)=>e.jsx(t.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx(m.Cursor,{label:"Learn More",colorScheme:"light",children:e.jsx(f.ProgramCard,{...s})})},g))})}),e.jsx("div",{className:r.default.progressButtons,"data-device":"mobile",children:e.jsx(n.ProgressButton,{left:{onClick:i},right:{onClick:o}})})]})}exports.TargetedPrograms=j;
|
|
@@ -3,65 +3,61 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
|
-
import
|
|
7
|
-
import u from "../../node_modules/swiper/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { useSwiper as k } from "../../utils/useSwiper/useSwiper.es.js";
|
|
6
|
+
import f from "../../node_modules/swiper/modules/navigation.es.js";
|
|
7
|
+
import { Swiper as g, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
|
|
8
|
+
import { Cursor as S } from "../../components/Cursor/Cursor.es.js";
|
|
9
|
+
import { ProgramCard as w } from "../../components/ProgramCard/ProgramCard.es.js";
|
|
10
|
+
import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
11
|
+
import { Typography as C } from "../../components/Typography/Typography.es.js";
|
|
12
|
+
import { useSwiper as N } from "../../utils/useSwiper/useSwiper.es.js";
|
|
14
13
|
import r from "./targetedPrograms.module.css.es.js";
|
|
15
|
-
const
|
|
16
|
-
function
|
|
17
|
-
const { setIsEnd:
|
|
14
|
+
const v = [f];
|
|
15
|
+
function z({ title: l, cards: n }) {
|
|
16
|
+
const { setIsEnd: d, handleSlideChange: c, handlePrevClick: o, handleNextClick: s, onSwiperInit: m, handleSwiperResize: p } = N();
|
|
18
17
|
return /* @__PURE__ */ t("section", { className: r.container, children: [
|
|
19
18
|
/* @__PURE__ */ t("div", { className: r.heading, children: [
|
|
20
|
-
/* @__PURE__ */ e(
|
|
19
|
+
/* @__PURE__ */ e(C, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: l }),
|
|
21
20
|
/* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
|
|
22
|
-
|
|
21
|
+
a,
|
|
23
22
|
{
|
|
24
23
|
left: {
|
|
25
|
-
onClick:
|
|
24
|
+
onClick: o
|
|
26
25
|
},
|
|
27
26
|
right: {
|
|
28
|
-
onClick:
|
|
27
|
+
onClick: s
|
|
29
28
|
}
|
|
30
29
|
}
|
|
31
30
|
) })
|
|
32
31
|
] }),
|
|
33
32
|
/* @__PURE__ */ e("div", { className: r.carouselArea, children: /* @__PURE__ */ e(
|
|
34
|
-
|
|
33
|
+
g,
|
|
35
34
|
{
|
|
36
|
-
onSwiper:
|
|
35
|
+
onSwiper: m,
|
|
37
36
|
onResize: p,
|
|
38
|
-
onSlideChange:
|
|
39
|
-
onReachEnd: () =>
|
|
40
|
-
modules:
|
|
37
|
+
onSlideChange: c,
|
|
38
|
+
onReachEnd: () => d(!0),
|
|
39
|
+
modules: v,
|
|
41
40
|
spaceBetween: 16,
|
|
42
41
|
slidesPerView: "auto",
|
|
43
42
|
className: r.swiper,
|
|
44
43
|
loop: !0,
|
|
45
44
|
slidesOffsetBefore: 8,
|
|
46
|
-
children:
|
|
47
|
-
const f = s.type !== "coming_soon" ? C : g;
|
|
48
|
-
return /* @__PURE__ */ e(w, { className: r.swiperSlide, children: /* @__PURE__ */ e(f, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(N, { ...s }) }) }, h);
|
|
49
|
-
})
|
|
45
|
+
children: n.filter((i) => i.type !== "coming_soon").map((i, h) => /* @__PURE__ */ e(u, { className: r.swiperSlide, children: /* @__PURE__ */ e(S, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(w, { ...i }) }) }, h))
|
|
50
46
|
}
|
|
51
47
|
) }),
|
|
52
48
|
/* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
|
|
53
|
-
|
|
49
|
+
a,
|
|
54
50
|
{
|
|
55
51
|
left: {
|
|
56
|
-
onClick:
|
|
52
|
+
onClick: o
|
|
57
53
|
},
|
|
58
54
|
right: {
|
|
59
|
-
onClick:
|
|
55
|
+
onClick: s
|
|
60
56
|
}
|
|
61
57
|
}
|
|
62
58
|
) })
|
|
63
59
|
] });
|
|
64
60
|
}
|
|
65
61
|
export {
|
|
66
|
-
|
|
62
|
+
z as TargetedPrograms
|
|
67
63
|
};
|
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.167",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -346,6 +346,11 @@
|
|
|
346
346
|
"import": "./dist/components/FAQComponentItem/FAQComponentItem.es.js",
|
|
347
347
|
"require": "./dist/components/FAQComponentItem/FAQComponentItem.cjs.js"
|
|
348
348
|
},
|
|
349
|
+
"./ClaimBlock": {
|
|
350
|
+
"types": "./dist/components/ClaimBlock/ClaimBlock.d.ts",
|
|
351
|
+
"import": "./dist/components/ClaimBlock/ClaimBlock.es.js",
|
|
352
|
+
"require": "./dist/components/ClaimBlock/ClaimBlock.cjs.js"
|
|
353
|
+
},
|
|
349
354
|
"./FollowTheScience": {
|
|
350
355
|
"types": "./dist/modules/FollowTheScience/FollowTheScience.d.ts",
|
|
351
356
|
"import": "./dist/modules/FollowTheScience/FollowTheScience.es.js",
|