@zenpatient-org/healthspan-marketing-ui 0.1.64 → 0.1.65
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/ProgramCard/ProgramCard.cjs.js +1 -1
- package/dist/components/ProgramCard/ProgramCard.d.ts +2 -8
- package/dist/components/ProgramCard/ProgramCard.es.js +26 -36
- package/dist/components/ProgramCard/programCard.module.css.cjs.js +1 -1
- package/dist/components/ProgramCard/programCard.module.css.es.js +3 -1
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/CallToAction/CallToAction.cjs.js +1 -1
- package/dist/modules/CallToAction/CallToAction.es.js +1 -1
- package/package.json +11 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/@gsap/react/src/index.cjs.js"),F=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),D=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(F.ScrollTrigger);const G=({subtitle:A,titleTop:E,scrollableLabels:j,titleBottom:P,description:C,hsaText:W,buttonText:k,buttonLink:f,backgroundImage:B})=>{const R=l.useRef(null),i=l.useRef(null),T=l.useRef(null),p=l.useRef(null),h=l.useRef(null),N=l.useRef(null),m=l.useRef(null),g=l.useRef(null),y=l.useRef(null);return z.useGSAP(()=>{var V,L,H;const o=(V=T.current)==null?void 0:V.querySelector("p"),u=(L=N.current)==null?void 0:L.querySelector("p"),$=[o,p.current,i.current,h.current,u,m.current,g.current,y.current].filter(Boolean);a.gsap.set($,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100}),a.gsap.to([o,p.current,i.current,h.current,u,m.current,g.current,y.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},scrollTrigger:{trigger:R.current,start:"top center",end:"+=500"}});const r=(H=i.current)==null?void 0:H.querySelector("ul");if(!r)return;const v=r.innerHTML;let s=null,q=!0;const _=()=>{s&&s.kill(),r.innerHTML=v,a.gsap.set(r,{y:0});const n=Array.from(r.querySelectorAll("li"));if(n.length<=1)return;const b=n[0].clientHeight;if(!b)return;a.gsap.set(i.current,{height:b,overflow:"hidden"});const I=Array.from(n);I.forEach(S=>{r.appendChild(S.cloneNode(!0))}),s=a.gsap.timeline({repeat:-1,delay:q?2.5:0,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((S,O)=>{s&&s.to({},{duration:2}).to(r,{y:`-${(O+1)*b}`,duration:.5,ease:"power1.inOut"})}),q=!1},c=D.default(_,200);return _(),window.addEventListener("resize",c),()=>{var n;window.removeEventListener("resize",c),(n=c.kill)==null||n.call(c),s&&s.kill(),r&&(r.innerHTML=v,a.gsap.set(r,{y:0}))}},[j]),e.jsxs("section",{ref:R,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${B})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:p,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:E})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:j.map((o,u)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(d.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:o})},u))})}),e.jsx("div",{ref:h,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(x.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:A})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(d.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(w.Icon,{name:M.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:m,children:e.jsx(d.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:C})}),e.jsx("div",{ref:g,className:t.default.buttonWrapper,children:f&&e.jsx(X.Button,{as:f?"a":"button",href:f,variant:"secondary",size:"lg",children:k})}),e.jsxs("div",{ref:y,className:t.default.hsaEligible,children:[e.jsx(w.Icon,{name:M.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(d.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:W})]})]})})]})]})};exports.CallToAction=G;
|
|
@@ -5,12 +5,12 @@ import { Button as j } from "../../components/Button/Button.es.js";
|
|
|
5
5
|
import { Typography as u } from "../../components/Typography/Typography.es.js";
|
|
6
6
|
import { Icon as A } from "../../components/Icon/Icon.es.js";
|
|
7
7
|
import { EIconName as I } from "../../components/Icon/constants.es.js";
|
|
8
|
-
import r from "./callToAction.module.css.es.js";
|
|
9
8
|
import { HighlightedTitle as v } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
10
9
|
import { gsap as a } from "../../node_modules/gsap/index.es.js";
|
|
11
10
|
import { useGSAP as $ } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
12
11
|
import { ScrollTrigger as D } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
13
12
|
import G from "../../utils/debounce.es.js";
|
|
13
|
+
import r from "./callToAction.module.css.es.js";
|
|
14
14
|
a.registerPlugin(D);
|
|
15
15
|
const ne = ({
|
|
16
16
|
subtitle: k,
|
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.65",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -501,6 +501,16 @@
|
|
|
501
501
|
"import": "./dist/modules/ProgramDetails/ProgramDetails.es.js",
|
|
502
502
|
"require": "./dist/modules/ProgramDetails/ProgramDetails.cjs.js"
|
|
503
503
|
},
|
|
504
|
+
"./TextBlockAnimated": {
|
|
505
|
+
"types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
|
|
506
|
+
"import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
|
|
507
|
+
"require": "./dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js"
|
|
508
|
+
},
|
|
509
|
+
"./CallToAction": {
|
|
510
|
+
"types": "./dist/modules/CallToAction/CallToAction.d.ts",
|
|
511
|
+
"import": "./dist/modules/CallToAction/CallToAction.es.js",
|
|
512
|
+
"require": "./dist/modules/CallToAction/CallToAction.cjs.js"
|
|
513
|
+
},
|
|
504
514
|
"./Bubbles": {
|
|
505
515
|
"types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
|
|
506
516
|
"import": "./dist/pageComponents/Bubbles/Bubbles.es.js",
|
|
@@ -566,11 +576,6 @@
|
|
|
566
576
|
"import": "./dist/pageComponents/Banner/Banner.es.js",
|
|
567
577
|
"require": "./dist/pageComponents/Banner/Banner.cjs.js"
|
|
568
578
|
},
|
|
569
|
-
"./TextBlockAnimated": {
|
|
570
|
-
"types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
|
|
571
|
-
"import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
|
|
572
|
-
"require": "./dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js"
|
|
573
|
-
},
|
|
574
579
|
"./dist/*.css": "./dist/*.css"
|
|
575
580
|
}
|
|
576
581
|
}
|