@zenpatient-org/healthspan-marketing-ui 0.1.94 → 0.1.96

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"),i=require("react"),c=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function o({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function m({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function f({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",emphasis:!0,defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",emphasis:!0,defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(c.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(i.Fragment,{children:[t.type==="media"&&e.jsx(o,{media:t.media}),t.type==="quote"&&e.jsx(m,{quote:t.quote}),t.type==="cta"&&e.jsx(f,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function m({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function f({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(o.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(c.Fragment,{children:[t.type==="media"&&e.jsx(i,{media:t.media}),t.type==="quote"&&e.jsx(m,{quote:t.quote}),t.type==="cta"&&e.jsx(f,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;
@@ -1,11 +1,11 @@
1
1
  import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
2
  import { Fragment as d } from "react";
3
- import { InfiniteScroll as m } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
4
- import { Typography as s } from "../../components/Typography/Typography.es.js";
3
+ import { InfiniteScroll as c } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
4
+ import { Typography as o } from "../../components/Typography/Typography.es.js";
5
5
  import { cn as i } from "../../utils/cn/cn.es.js";
6
6
  import e from "./featuredIn.module.css.es.js";
7
- function c({ media: r }) {
8
- return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, o) => /* @__PURE__ */ a(
7
+ function m({ media: r }) {
8
+ return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, s) => /* @__PURE__ */ a(
9
9
  t ? "a" : "div",
10
10
  {
11
11
  href: t,
@@ -14,12 +14,12 @@ function c({ media: r }) {
14
14
  className: e.mediaFeaturedInImageContainer,
15
15
  children: /* @__PURE__ */ a("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
16
16
  },
17
- `${t}_${o}`
17
+ `${t}_${s}`
18
18
  )) });
19
19
  }
20
20
  function u({ quote: r }) {
21
21
  return /* @__PURE__ */ a("div", { className: e.quoteFeaturedInBlock, children: /* @__PURE__ */ l(
22
- s,
22
+ o,
23
23
  {
24
24
  as: "p",
25
25
  defaultVariant: "headingSm",
@@ -39,17 +39,17 @@ function p({ button_label: r }) {
39
39
  function y({ label: r, content: n }) {
40
40
  return /* @__PURE__ */ l("section", { className: e.container, children: [
41
41
  /* @__PURE__ */ a("p", { className: i(e.title, e.customTitle), children: "(Featured In)" }),
42
- /* @__PURE__ */ a(s, { as: "p", emphasis: !0, defaultVariant: "displayMd", className: i(e.title, e.defaultTitle), children: "(Featured In)" }),
43
- /* @__PURE__ */ a(s, { as: "p", emphasis: !0, defaultVariant: "labelMd", mobileVariant: "labelSm", className: e.label, children: r }),
42
+ /* @__PURE__ */ a(o, { as: "p", defaultVariant: "displayMd", className: i(e.title, e.defaultTitle), children: "(Featured In)" }),
43
+ /* @__PURE__ */ a(o, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", className: e.label, children: r }),
44
44
  /* @__PURE__ */ a(
45
- m,
45
+ c,
46
46
  {
47
47
  items: n,
48
48
  contentClassName: e.content,
49
49
  itemClassName: e.item,
50
50
  rootClassName: e.scrollRoot,
51
51
  renderItem: (t) => /* @__PURE__ */ l(d, { children: [
52
- t.type === "media" && /* @__PURE__ */ a(c, { media: t.media }),
52
+ t.type === "media" && /* @__PURE__ */ a(m, { media: t.media }),
53
53
  t.type === "quote" && /* @__PURE__ */ a(u, { quote: t.quote }),
54
54
  t.type === "cta" && /* @__PURE__ */ a(p, { button_label: t.button_label }),
55
55
  /* @__PURE__ */ a("div", { className: e.spacer })
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),o=require("./product.module.css.cjs.js"),d=({image:r,link:a,name:t})=>{const i=s=>{s.stopPropagation(),window.location.pathname===new URL(a,window.location.origin).pathname?window.scrollTo({top:0,behavior:"smooth"}):window.location.href=a};return e.jsxs("button",{className:o.default.root,onClick:i,children:[e.jsx("div",{className:o.default.imageContainer,children:e.jsx("img",{src:r,alt:t,className:o.default.image})}),e.jsxs("div",{className:o.default.infoContainer,children:[e.jsxs("div",{className:o.default.textContainer,children:[e.jsx(n.Typography,{as:"p",defaultVariant:"labelXs",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:"REVIEWED"}),e.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:t})]}),e.jsx(c.Icon,{name:l.EIconName.ARROW_OUTWARD,className:o.default.arrowIcon})]})]})};exports.Product=d;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),a=require("./product.module.css.cjs.js"),i=({image:s,link:o,name:r})=>e.jsxs("a",{className:a.default.root,href:o,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:s,alt:r,className:a.default.image})}),e.jsxs("div",{className:a.default.infoContainer,children:[e.jsxs("div",{className:a.default.textContainer,children:[e.jsx(t.Typography,{as:"p",defaultVariant:"labelXs",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:"REVIEWED"}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:r})]}),e.jsx(n.Icon,{name:c.EIconName.ARROW_OUTWARD,className:a.default.arrowIcon})]})]});exports.Product=i;
@@ -1,24 +1,19 @@
1
1
  "use client";
2
- import { jsxs as e, jsx as a } from "react/jsx-runtime";
3
- import { Typography as t } from "../../../../components/Typography/Typography.es.js";
2
+ import { jsxs as e, jsx as r } from "react/jsx-runtime";
3
+ import { Typography as o } from "../../../../components/Typography/Typography.es.js";
4
4
  import { Icon as m } from "../../../../components/Icon/Icon.es.js";
5
- import { EIconName as c } from "../../../../components/Icon/constants.es.js";
6
- import o from "./product.module.css.es.js";
7
- const g = ({ image: n, link: i, name: r }) => {
8
- const l = (s) => {
9
- s.stopPropagation(), window.location.pathname === new URL(i, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = i;
10
- };
11
- return /* @__PURE__ */ e("button", { className: o.root, onClick: l, children: [
12
- /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: r, className: o.image }) }),
13
- /* @__PURE__ */ e("div", { className: o.infoContainer, children: [
14
- /* @__PURE__ */ e("div", { className: o.textContainer, children: [
15
- /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
16
- /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: r })
17
- ] }),
18
- /* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
19
- ] })
20
- ] });
21
- };
5
+ import { EIconName as s } from "../../../../components/Icon/constants.es.js";
6
+ import a from "./product.module.css.es.js";
7
+ const f = ({ image: t, link: l, name: i }) => /* @__PURE__ */ e("a", { className: a.root, href: l, children: [
8
+ /* @__PURE__ */ r("div", { className: a.imageContainer, children: /* @__PURE__ */ r("img", { src: t, alt: i, className: a.image }) }),
9
+ /* @__PURE__ */ e("div", { className: a.infoContainer, children: [
10
+ /* @__PURE__ */ e("div", { className: a.textContainer, children: [
11
+ /* @__PURE__ */ r(o, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
12
+ /* @__PURE__ */ r(o, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: i })
13
+ ] }),
14
+ /* @__PURE__ */ r(m, { name: s.ARROW_OUTWARD, className: a.arrowIcon })
15
+ ] })
16
+ ] });
22
17
  export {
23
- g as Product
18
+ f as Product
24
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.94",
3
+ "version": "0.1.96",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",