@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.
- package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +77 -64
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/FeaturedIn/FeaturedIn.cjs.js +1 -1
- package/dist/modules/FeaturedIn/FeaturedIn.es.js +10 -10
- package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -1
- package/dist/modules/Testimonial/components/Product/Product.es.js +15 -20
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
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
|
|
4
|
-
import { Typography as
|
|
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
|
|
8
|
-
return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t },
|
|
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}_${
|
|
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
|
-
|
|
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(
|
|
43
|
-
/* @__PURE__ */ a(
|
|
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
|
-
|
|
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(
|
|
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"),
|
|
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
|
|
3
|
-
import { Typography as
|
|
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
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
18
|
+
f as Product
|
|
24
19
|
};
|