@zenpatient-org/healthspan-marketing-ui 0.1.110 → 0.1.111

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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../Button/Button.cjs.js"),c=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./productGalleryCard.module.css.cjs.js"),f=({name:u,price:d,image:p,link:m,buttons:r,isHoverable:n=!0})=>{const o=t=>{t.preventDefault(),t.stopPropagation()};return e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:a.default.root,children:[e.jsxs("div",{className:a.default.productInfo,children:[e.jsx(c.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.title,children:u}),e.jsx(c.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.price,children:d})]}),e.jsx("img",{src:p,alt:"product image",className:a.default.productImage}),e.jsx("div",{onClick:o,className:i.cn(a.default.buttonContainerDesktop,n&&a.default.hoverableButtons),children:r.map((t,l)=>e.jsx(s.Button,{size:"sm",...t,children:t.label},l))}),e.jsx("div",{onClick:o,className:i.cn(a.default.buttonContainerMobile,n&&a.default.hoverableButtons),children:r.map((t,l)=>e.jsx(s.Button,{size:"xs",...t,children:t.label},l))})]})};exports.ProductGalleryCard=f;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Button/Button.cjs.js"),s=require("../Typography/Typography.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),a=require("./productGalleryCard.module.css.cjs.js"),m=({name:i,price:u,image:d,link:p,buttons:t,isHoverable:n=!0})=>e.jsxs("a",{href:p,target:"_blank",rel:"noopener noreferrer",className:a.default.root,children:[e.jsxs("div",{className:a.default.productInfo,children:[e.jsx(s.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.title,children:i}),e.jsx(s.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.price,children:u})]}),e.jsx("img",{src:d,alt:"product image",className:a.default.productImage}),e.jsx("div",{className:c.cn(a.default.buttonContainerDesktop,n&&a.default.hoverableButtons),children:t.map((r,l)=>e.jsx(o.Button,{size:"sm",...r,children:r.label},l))}),e.jsx("div",{className:c.cn(a.default.buttonContainerMobile,n&&a.default.hoverableButtons),children:t.map((r,l)=>e.jsx(o.Button,{size:"xs",...r,children:r.label},l))})]});exports.ProductGalleryCard=m;
@@ -1,44 +1,25 @@
1
1
  "use client";
2
- import { jsxs as n, jsx as a } from "react/jsx-runtime";
3
- import { Button as s } from "../Button/Button.es.js";
4
- import { Typography as c } from "../Typography/Typography.es.js";
2
+ import { jsxs as i, jsx as r } from "react/jsx-runtime";
3
+ import { Button as n } from "../Button/Button.es.js";
4
+ import { Typography as s } from "../Typography/Typography.es.js";
5
5
  import { cn as m } from "../../utils/cn/cn.es.js";
6
6
  import e from "./productGalleryCard.module.css.es.js";
7
- const k = ({
8
- name: d,
9
- price: p,
10
- image: h,
11
- link: u,
7
+ const v = ({
8
+ name: c,
9
+ price: d,
10
+ image: p,
11
+ link: h,
12
12
  buttons: t,
13
13
  isHoverable: o = !0
14
- }) => {
15
- const i = (r) => {
16
- r.preventDefault(), r.stopPropagation();
17
- };
18
- return /* @__PURE__ */ n("a", { href: u, target: "_blank", rel: "noopener noreferrer", className: e.root, children: [
19
- /* @__PURE__ */ n("div", { className: e.productInfo, children: [
20
- /* @__PURE__ */ a(c, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.title, children: d }),
21
- /* @__PURE__ */ a(c, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.price, children: p })
22
- ] }),
23
- /* @__PURE__ */ a("img", { src: h, alt: "product image", className: e.productImage }),
24
- /* @__PURE__ */ a(
25
- "div",
26
- {
27
- onClick: i,
28
- className: m(e.buttonContainerDesktop, o && e.hoverableButtons),
29
- children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "sm", ...r, children: r.label }, l))
30
- }
31
- ),
32
- /* @__PURE__ */ a(
33
- "div",
34
- {
35
- onClick: i,
36
- className: m(e.buttonContainerMobile, o && e.hoverableButtons),
37
- children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "xs", ...r, children: r.label }, l))
38
- }
39
- )
40
- ] });
41
- };
14
+ }) => /* @__PURE__ */ i("a", { href: h, target: "_blank", rel: "noopener noreferrer", className: e.root, children: [
15
+ /* @__PURE__ */ i("div", { className: e.productInfo, children: [
16
+ /* @__PURE__ */ r(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.title, children: c }),
17
+ /* @__PURE__ */ r(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.price, children: d })
18
+ ] }),
19
+ /* @__PURE__ */ r("img", { src: p, alt: "product image", className: e.productImage }),
20
+ /* @__PURE__ */ r("div", { className: m(e.buttonContainerDesktop, o && e.hoverableButtons), children: t.map((a, l) => /* @__PURE__ */ r(n, { size: "sm", ...a, children: a.label }, l)) }),
21
+ /* @__PURE__ */ r("div", { className: m(e.buttonContainerMobile, o && e.hoverableButtons), children: t.map((a, l) => /* @__PURE__ */ r(n, { size: "xs", ...a, children: a.label }, l)) })
22
+ ] });
42
23
  export {
43
- k as ProductGalleryCard
24
+ v as ProductGalleryCard
44
25
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),t=require("./curiosity.module.css.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),h=({title:c,description:r,studies:s,indexed:i})=>e.jsxs("div",{className:f.cn(t.default.root,{[t.default.notIndexed]:!i}),children:[e.jsxs("div",{className:t.default.contentContainer,children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(m.HighlightedTitle,{title:c,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(a.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(u.Button,{as:"a",href:"/",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(a.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.default.divider}),e.jsx(a.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(o.InfiniteScroll,{items:s,speed:50,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(l,n)=>e.jsx(d.StudyGridCard,{...l,compressed:!0},n)}),e.jsx(o.InfiniteScroll,{items:s,speed:50,direction:"right",contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,rootClassName:t.default.infiniteScrollRoot,renderItem:(l,n)=>e.jsx(d.StudyGridCard,{...l,compressed:!0},n)})]})]});exports.Curiosity=h;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),t=require("./curiosity.module.css.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),h=({title:c,description:r,studies:s,indexed:i})=>e.jsxs("div",{className:f.cn(t.default.root,{[t.default.notIndexed]:!i}),children:[e.jsxs("div",{className:t.default.contentContainer,children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(m.HighlightedTitle,{title:c,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(n.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(u.Button,{as:"a",href:"/research",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(n.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.default.divider}),e.jsx(n.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(o.InfiniteScroll,{items:s,speed:50,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)}),e.jsx(o.InfiniteScroll,{items:s,speed:50,direction:"right",contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)})]})]});exports.Curiosity=h;
@@ -4,16 +4,16 @@ import { Button as f } from "../../components/Button/Button.es.js";
4
4
  import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
5
5
  import { InfiniteScroll as m } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
6
6
  import { Typography as l } from "../../components/Typography/Typography.es.js";
7
- import { StudyGridCard as d } from "../../components/StudyGridCard/StudyGridCard.es.js";
7
+ import { StudyGridCard as c } from "../../components/StudyGridCard/StudyGridCard.es.js";
8
8
  import e from "./curiosity.module.css.es.js";
9
9
  import { cn as p } from "../../utils/cn/cn.es.js";
10
- const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__ */ i("div", { className: p(e.root, { [e.notIndexed]: !r }), children: [
10
+ const g = ({ title: d, description: o, studies: s, indexed: r }) => /* @__PURE__ */ i("div", { className: p(e.root, { [e.notIndexed]: !r }), children: [
11
11
  /* @__PURE__ */ i("div", { className: e.contentContainer, children: [
12
12
  /* @__PURE__ */ i("div", { className: e.containerHeader, children: [
13
13
  /* @__PURE__ */ t(
14
14
  h,
15
15
  {
16
- title: c,
16
+ title: d,
17
17
  className: e.title,
18
18
  defaultVariant: "displayXl",
19
19
  mobileVariant: "displayXs"
@@ -21,7 +21,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
21
21
  ),
22
22
  /* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
23
23
  o && /* @__PURE__ */ t(l, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
24
- /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/", variant: "muted", size: "lg", children: "View all studies" }) })
24
+ /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/research", variant: "muted", size: "lg", children: "View all studies" }) })
25
25
  ] })
26
26
  ] }),
27
27
  r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
@@ -39,7 +39,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
39
39
  contentClassName: e.infiniteScrollContent,
40
40
  itemClassName: e.infiniteScrollItem,
41
41
  rootClassName: e.infiniteScrollRoot,
42
- renderItem: (a, n) => /* @__PURE__ */ t(d, { ...a, compressed: !0 }, n)
42
+ renderItem: (a, n) => /* @__PURE__ */ t(c, { ...a, compressed: !0 }, n)
43
43
  }
44
44
  ),
45
45
  /* @__PURE__ */ t(
@@ -51,7 +51,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
51
51
  contentClassName: e.infiniteScrollContent,
52
52
  itemClassName: e.infiniteScrollItemTwo,
53
53
  rootClassName: e.infiniteScrollRoot,
54
- renderItem: (a, n) => /* @__PURE__ */ t(d, { ...a, compressed: !0 }, n)
54
+ renderItem: (a, n) => /* @__PURE__ */ t(c, { ...a, compressed: !0 }, n)
55
55
  }
56
56
  )
57
57
  ] })
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:i,image:r,tags:s,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:s}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??""},size:"sm"})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481})]})});exports.YourProtocol=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:s,image:i,tags:r,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:s,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:r}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??"",as:"a"},size:"sm"})})]}),e.jsx("img",{src:i,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481})]})});exports.YourProtocol=d;
@@ -24,7 +24,8 @@ const N = ({ title: e, image: s, tags: m, callbackView: o }) => /* @__PURE__ */
24
24
  price: o.price ?? "",
25
25
  image: o.image,
26
26
  button: {
27
- href: o.signupUrl ?? ""
27
+ href: o.signupUrl ?? "",
28
+ as: "a"
28
29
  },
29
30
  size: "sm"
30
31
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.110",
3
+ "version": "0.1.111",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",