@zenpatient-org/healthspan-marketing-ui 0.1.21 → 0.1.23
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/README.md +11 -1
- package/dist/components/Button/Button.es.js +24 -6
- package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js +1 -1
- package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +5 -13
- package/dist/components/ComplexTooltip/ComplexTooltip.es.js +49 -59
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js +1 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts +10 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js +52 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.cjs.js +1 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.es.js +15 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/index.d.ts +1 -0
- package/dist/components/ComplexTooltip/index.d.ts +1 -0
- package/dist/components/ComplexTooltip/types.d.ts +13 -0
- package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
- package/dist/components/FilterMenu/FilterMenu.es.js +17 -2
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +9 -1
- package/dist/components/Label/Label.es.js +9 -1
- package/dist/components/Pricing/Pricing.cjs.js +1 -0
- package/dist/components/Pricing/Pricing.d.ts +3 -0
- package/dist/components/Pricing/Pricing.es.js +41 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.cjs.js +1 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts +8 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.es.js +10 -0
- package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.cjs.js +1 -0
- package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.es.js +7 -0
- package/dist/components/Pricing/components/BenefitItem/index.d.ts +1 -0
- package/dist/components/Pricing/components/index.d.ts +1 -0
- package/dist/components/Pricing/index.d.ts +2 -0
- package/dist/components/Pricing/pricing.module.css.cjs.js +1 -0
- package/dist/components/Pricing/pricing.module.css.es.js +25 -0
- package/dist/components/Pricing/types.d.ts +17 -0
- package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +5 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +37 -15
- package/dist/components/ProductGalleryCard/productGalleryCard.module.css.cjs.js +1 -1
- package/dist/components/ProductGalleryCard/productGalleryCard.module.css.es.js +14 -12
- package/dist/components/ProductPairs/ProductPairs.cjs.js +1 -0
- package/dist/components/ProductPairs/ProductPairs.d.ts +7 -0
- package/dist/components/ProductPairs/ProductPairs.es.js +55 -0
- package/dist/components/ProductPairs/index.d.ts +1 -0
- package/dist/components/ProductPairs/productPairs.module.css.cjs.js +1 -0
- package/dist/components/ProductPairs/productPairs.module.css.es.js +17 -0
- package/dist/components/ProgressButton/ProgressButton.es.js +9 -1
- package/dist/components/StepsCarousel/StepsCarousel.cjs.js +1 -1
- package/dist/components/StepsCarousel/StepsCarousel.es.js +110 -56
- package/dist/components/StudyGridCard/StudyGridCard.es.js +36 -6
- package/dist/components/Tabs/TabsWithFade.es.js +10 -1
- package/dist/components/Typography/Typography.es.js +8 -1
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/Benefits/Benefits.cjs.js +1 -0
- package/dist/modules/Benefits/Benefits.d.ts +14 -0
- package/dist/modules/Benefits/Benefits.es.js +30 -0
- package/dist/modules/Benefits/benefits.module.css.cjs.js +1 -0
- package/dist/modules/Benefits/benefits.module.css.es.js +25 -0
- package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js +1 -0
- package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts +7 -0
- package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js +13 -0
- package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js +1 -0
- package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js +11 -0
- package/dist/modules/Benefits/components/BenefitItem/index.d.ts +1 -0
- package/dist/modules/Benefits/components/BenefitTag/BenefitTag.cjs.js +1 -0
- package/dist/modules/Benefits/components/BenefitTag/BenefitTag.d.ts +6 -0
- package/dist/modules/Benefits/components/BenefitTag/BenefitTag.es.js +8 -0
- package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.cjs.js +1 -0
- package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.es.js +9 -0
- package/dist/modules/Benefits/components/BenefitTag/index.d.ts +1 -0
- package/dist/modules/Benefits/components/index.d.ts +2 -0
- package/dist/modules/Benefits/index.d.ts +1 -0
- package/dist/modules/Compare/Compare.d.ts +3 -0
- package/dist/modules/Compare/index.d.ts +1 -0
- package/dist/modules/Compare/types.d.ts +9 -0
- package/dist/modules/Comparison/Comparison.es.js +20 -5
- package/dist/modules/FeaturedIn/FeaturedIn.es.js +14 -5
- package/dist/modules/FeaturesGallery/FeaturesGallery.es.js +9 -1
- package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.es.js +32 -17
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +21 -2
- package/dist/modules/OptimalHealth/OptimalHealth.cjs.js +1 -1
- package/dist/modules/OptimalHealth/OptimalHealth.es.js +6 -6
- package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.cjs.js +1 -1
- package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js +53 -31
- package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.cjs.js +1 -1
- package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.es.js +25 -5
- package/dist/modules/OptimalHealth/optimalHealth.module.css.cjs.js +1 -1
- package/dist/modules/OptimalHealth/optimalHealth.module.css.es.js +17 -15
- package/dist/modules/OurProcess/OurProcess.cjs.js +1 -1
- package/dist/modules/OurProcess/OurProcess.d.ts +3 -2
- package/dist/modules/OurProcess/OurProcess.es.js +17 -8
- package/dist/modules/PairedProducts/PairedProducts.cjs.js +1 -0
- package/dist/modules/PairedProducts/PairedProducts.d.ts +12 -0
- package/dist/modules/PairedProducts/PairedProducts.es.js +17 -0
- package/dist/modules/PairedProducts/index.d.ts +1 -0
- package/dist/modules/PairedProducts/pairedProducts.module.css.cjs.js +1 -0
- package/dist/modules/PairedProducts/pairedProducts.module.css.es.js +17 -0
- package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +1 -1
- package/dist/modules/ProductsDisplay/types.d.ts +1 -1
- package/dist/modules/TypesOfTests/TypesOfTests.cjs.js +1 -0
- package/dist/modules/TypesOfTests/TypesOfTests.d.ts +10 -0
- package/dist/modules/TypesOfTests/TypesOfTests.es.js +106 -0
- package/dist/modules/TypesOfTests/index.d.ts +1 -0
- package/dist/modules/TypesOfTests/types.d.ts +8 -0
- package/dist/modules/TypesOfTests/typesOfTests.module.css.cjs.js +1 -0
- package/dist/modules/TypesOfTests/typesOfTests.module.css.es.js +31 -0
- package/dist/modules/YourProtocol/YourProtocol.es.js +19 -2
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +18 -5
- package/dist/node_modules/gsap/CSSPlugin.cjs.js +8 -0
- package/dist/node_modules/gsap/CSSPlugin.es.js +423 -0
- package/dist/node_modules/gsap/Observer.cjs.js +8 -0
- package/dist/node_modules/gsap/Observer.es.js +242 -0
- package/dist/node_modules/gsap/ScrollTrigger.cjs.js +8 -0
- package/dist/node_modules/gsap/ScrollTrigger.es.js +859 -0
- package/dist/node_modules/gsap/gsap-core.cjs.js +8 -0
- package/dist/node_modules/gsap/gsap-core.es.js +1651 -0
- package/dist/node_modules/gsap/index.cjs.js +1 -0
- package/dist/node_modules/gsap/index.es.js +13 -0
- package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts +1 -0
- package/dist/pageComponents/StillHaveQuestions/index.d.ts +1 -0
- package/dist/utils/useIsMobile.cjs.js +1 -0
- package/dist/utils/useIsMobile.d.ts +1 -0
- package/dist/utils/useIsMobile.es.js +12 -0
- package/package.json +44 -4
- package/dist/components/ComplexTooltip/complexTooltip.module.css.cjs.js +0 -1
- package/dist/components/ComplexTooltip/complexTooltip.module.css.es.js +0 -17
- package/dist/modules/OptimalHealth/components/ClockImages/hooks.cjs.js +0 -1
- package/dist/modules/OptimalHealth/components/ClockImages/hooks.es.js +0 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gsap-core.cjs.js"),n=require("./CSSPlugin.cjs.js");var i=e.gsap.registerPlugin(n.CSSPlugin)||e.gsap;i.core.Tween;exports.TimelineLite=e.Timeline;exports.TimelineMax=e.Timeline;exports.TweenLite=e.Tween;exports.CSSPlugin=n.CSSPlugin;exports.default=i;exports.gsap=i;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { gsap as e } from "./gsap-core.es.js";
|
|
2
|
+
import { Timeline as t, Timeline as o, Tween as l } from "./gsap-core.es.js";
|
|
3
|
+
import { CSSPlugin as i } from "./CSSPlugin.es.js";
|
|
4
|
+
var a = e.registerPlugin(i) || e;
|
|
5
|
+
a.core.Tween;
|
|
6
|
+
export {
|
|
7
|
+
i as CSSPlugin,
|
|
8
|
+
t as TimelineLite,
|
|
9
|
+
o as TimelineMax,
|
|
10
|
+
l as TweenLite,
|
|
11
|
+
a as default,
|
|
12
|
+
a as gsap
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function StillHaveQuestions(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StillHaveQuestions } from './StillHaveQuestions';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=(t=768)=>{const[n,s]=i.useState(!1);return i.useEffect(()=>{if(typeof window>"u")return;const e=()=>s(window.innerWidth<=t&&window.matchMedia("(pointer: coarse)").matches);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t]),n};exports.useIsMobile=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useIsMobile: (breakpoint?: number) => boolean;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useState as o, useEffect as s } from "react";
|
|
2
|
+
const d = (i = 768) => {
|
|
3
|
+
const [t, n] = o(!1);
|
|
4
|
+
return s(() => {
|
|
5
|
+
if (typeof window > "u") return;
|
|
6
|
+
const e = () => n(window.innerWidth <= i && window.matchMedia("(pointer: coarse)").matches);
|
|
7
|
+
return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
|
|
8
|
+
}, [i]), t;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
d as useIsMobile
|
|
12
|
+
};
|
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.23",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -9,13 +9,23 @@
|
|
|
9
9
|
"dist"
|
|
10
10
|
],
|
|
11
11
|
"scripts": {
|
|
12
|
-
"dev": "
|
|
12
|
+
"dev": "storybook dev -p 6006",
|
|
13
13
|
"build": "vite build",
|
|
14
14
|
"preview": "vite preview",
|
|
15
15
|
"storybook": "storybook dev -p 6006",
|
|
16
16
|
"build-storybook": "storybook build",
|
|
17
|
-
"
|
|
18
|
-
"lint
|
|
17
|
+
"type-check": "tsc --noEmit",
|
|
18
|
+
"lint": "eslint src",
|
|
19
|
+
"lint:fix": "eslint src --fix",
|
|
20
|
+
"format": "prettier --write .",
|
|
21
|
+
"check-format": "prettier --check .",
|
|
22
|
+
"prepare": "husky"
|
|
23
|
+
},
|
|
24
|
+
"lint-staged": {
|
|
25
|
+
"*.{ts,tsx,js,jsx}": [
|
|
26
|
+
"eslint --fix",
|
|
27
|
+
"prettier --write"
|
|
28
|
+
]
|
|
19
29
|
},
|
|
20
30
|
"license": "MIT",
|
|
21
31
|
"peerDependencies": {
|
|
@@ -35,9 +45,13 @@
|
|
|
35
45
|
"@vitejs/plugin-react": "^4.4.1",
|
|
36
46
|
"chromatic": "^11.28.2",
|
|
37
47
|
"eslint": "^9.28.0",
|
|
48
|
+
"eslint-config-prettier": "^10.1.5",
|
|
38
49
|
"eslint-plugin-react": "^7.37.5",
|
|
39
50
|
"globals": "^16.2.0",
|
|
51
|
+
"husky": "^9.1.7",
|
|
52
|
+
"lint-staged": "^16.1.0",
|
|
40
53
|
"postcss": "^8.5.3",
|
|
54
|
+
"prettier": "^3.5.3",
|
|
41
55
|
"rollup-preserve-directives": "^1.1.3",
|
|
42
56
|
"storybook": "^8.6.12",
|
|
43
57
|
"typescript": "^5.8.3",
|
|
@@ -48,6 +62,7 @@
|
|
|
48
62
|
},
|
|
49
63
|
"dependencies": {
|
|
50
64
|
"@types/node": "^22.15.14",
|
|
65
|
+
"gsap": "^3.13.0",
|
|
51
66
|
"react-tiny-popover": "^8.1.6",
|
|
52
67
|
"swiper": "^11.2.8"
|
|
53
68
|
},
|
|
@@ -262,6 +277,31 @@
|
|
|
262
277
|
"import": "./dist/modules/YourProtocol/YourProtocol.es.js",
|
|
263
278
|
"require": "./dist/modules/YourProtocol/YourProtocol.cjs.js"
|
|
264
279
|
},
|
|
280
|
+
"./Benefits": {
|
|
281
|
+
"types": "./dist/modules/Benefits/Benefits.d.ts",
|
|
282
|
+
"import": "./dist/modules/Benefits/Benefits.es.js",
|
|
283
|
+
"require": "./dist/modules/Benefits/Benefits.cjs.js"
|
|
284
|
+
},
|
|
285
|
+
"./Pricing": {
|
|
286
|
+
"types": "./dist/components/Pricing/Pricing.d.ts",
|
|
287
|
+
"import": "./dist/components/Pricing/Pricing.es.js",
|
|
288
|
+
"require": "./dist/components/Pricing/Pricing.cjs.js"
|
|
289
|
+
},
|
|
290
|
+
"./TypesOfTests": {
|
|
291
|
+
"types": "./dist/modules/TypesOfTests/TypesOfTests.d.ts",
|
|
292
|
+
"import": "./dist/modules/TypesOfTests/TypesOfTests.es.js",
|
|
293
|
+
"require": "./dist/modules/TypesOfTests/TypesOfTests.cjs.js"
|
|
294
|
+
},
|
|
295
|
+
"./PairedProducts": {
|
|
296
|
+
"types": "./dist/modules/PairedProducts/PairedProducts.d.ts",
|
|
297
|
+
"import": "./dist/modules/PairedProducts/PairedProducts.es.js",
|
|
298
|
+
"require": "./dist/modules/PairedProducts/PairedProducts.cjs.js"
|
|
299
|
+
},
|
|
300
|
+
"./ProductPairs": {
|
|
301
|
+
"types": "./dist/components/ProductPairs/ProductPairs.d.ts",
|
|
302
|
+
"import": "./dist/components/ProductPairs/ProductPairs.es.js",
|
|
303
|
+
"require": "./dist/components/ProductPairs/ProductPairs.cjs.js"
|
|
304
|
+
},
|
|
265
305
|
"./dist/*.css": "./dist/*.css"
|
|
266
306
|
}
|
|
267
307
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="complexTooltip-module__trigger___N3sbu",e="complexTooltip-module__content___Qh4Mj",t="complexTooltip-module__blurred___1OYU3",l="complexTooltip-module__contentHeader___OtbyW",c="complexTooltip-module__closeButton___hH0qs",n="complexTooltip-module__closeIcon___adX6C",_={trigger:o,content:e,blurred:t,contentHeader:l,closeButton:c,closeIcon:n};exports.blurred=t;exports.closeButton=c;exports.closeIcon=n;exports.content=e;exports.contentHeader=l;exports.default=_;exports.trigger=o;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const o = "complexTooltip-module__trigger___N3sbu", e = "complexTooltip-module__content___Qh4Mj", t = "complexTooltip-module__blurred___1OYU3", _ = "complexTooltip-module__contentHeader___OtbyW", l = "complexTooltip-module__closeButton___hH0qs", c = "complexTooltip-module__closeIcon___adX6C", n = {
|
|
2
|
-
trigger: o,
|
|
3
|
-
content: e,
|
|
4
|
-
blurred: t,
|
|
5
|
-
contentHeader: _,
|
|
6
|
-
closeButton: l,
|
|
7
|
-
closeIcon: c
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
t as blurred,
|
|
11
|
-
l as closeButton,
|
|
12
|
-
c as closeIcon,
|
|
13
|
-
e as content,
|
|
14
|
-
_ as contentHeader,
|
|
15
|
-
n as default,
|
|
16
|
-
o as trigger
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=e=>e&&window.innerWidth<=768?280:480;function o(){const e=typeof window<"u",[s,r]=t.useState(i(e));return t.useEffect(()=>{if(!e)return;const n=()=>r(i(e));return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),s}exports.useResponsiveRadius=o;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { useState as r, useEffect as o } from "react";
|
|
2
|
-
const t = (e) => e && window.innerWidth <= 768 ? 280 : 480;
|
|
3
|
-
function u() {
|
|
4
|
-
const e = typeof window < "u", [i, s] = r(t(e));
|
|
5
|
-
return o(() => {
|
|
6
|
-
if (!e) return;
|
|
7
|
-
const n = () => s(t(e));
|
|
8
|
-
return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
|
|
9
|
-
}, [e]), i;
|
|
10
|
-
}
|
|
11
|
-
export {
|
|
12
|
-
u as useResponsiveRadius
|
|
13
|
-
};
|