@zenpatient-org/healthspan-marketing-ui 0.1.80 → 0.1.81
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"),a=require("../../components/Typography/Typography.cjs.js"),t=require("./contentHighlight.module.css.cjs.js"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),d=({label:l,title:s,content:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.topContainer,children:e.jsx(r.HighlightedTitle,{title:s,label:l,as:"div",defaultVariant:"displayMd",className:t.default.title})}),e.jsxs("div",{className:t.default.card,children:[e.jsx("img",{src:i.image,alt:i.title,className:t.default.image}),e.jsxs("div",{className:t.default.content,children:[e.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:t.default.contentTitle,children:i.title}),e.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.description,children:i.description}),e.jsx("div",{className:t.default.button,children:e.jsx(n.Button,{as:"a",href:i.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:i.buttonLabel})})]})]})]})});exports.ContentHighlight=d;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),t=require("./contentHighlight.module.css.cjs.js"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),d=({label:l,title:s,content:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.topContainer,children:e.jsx(r.HighlightedTitle,{title:s,label:l,as:"div",defaultVariant:"displayMd",className:t.default.title})}),e.jsxs("div",{className:t.default.card,children:[e.jsx("img",{src:i.image,alt:i.title,className:t.default.image}),e.jsxs("div",{className:t.default.content,children:[e.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:t.default.contentTitle,children:i.title}),i.description&&e.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.description,children:i.description}),e.jsx("div",{className:t.default.button,children:e.jsx(n.Button,{as:"a",href:i.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:i.buttonLabel})})]})]})]})});exports.ContentHighlight=d;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { Typography as
|
|
2
|
+
import { Typography as l } from "../../components/Typography/Typography.es.js";
|
|
3
3
|
import i from "./contentHighlight.module.css.es.js";
|
|
4
|
-
import { HighlightedTitle as
|
|
5
|
-
import { Button as
|
|
6
|
-
const g = ({ label:
|
|
4
|
+
import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
5
|
+
import { Button as m } from "../../components/Button/Button.es.js";
|
|
6
|
+
const g = ({ label: t, title: s, content: a }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
|
|
7
7
|
/* @__PURE__ */ e("div", { className: i.topContainer, children: /* @__PURE__ */ e(
|
|
8
|
-
|
|
8
|
+
d,
|
|
9
9
|
{
|
|
10
10
|
title: s,
|
|
11
|
-
label:
|
|
11
|
+
label: t,
|
|
12
12
|
as: "div",
|
|
13
13
|
defaultVariant: "displayMd",
|
|
14
14
|
className: i.title
|
|
@@ -18,7 +18,7 @@ const g = ({ label: l, title: s, content: a }) => /* @__PURE__ */ e("section", {
|
|
|
18
18
|
/* @__PURE__ */ e("img", { src: a.image, alt: a.title, className: i.image }),
|
|
19
19
|
/* @__PURE__ */ r("div", { className: i.content, children: [
|
|
20
20
|
/* @__PURE__ */ e(
|
|
21
|
-
|
|
21
|
+
l,
|
|
22
22
|
{
|
|
23
23
|
defaultVariant: "headingLg",
|
|
24
24
|
mobileVariant: "headingSm",
|
|
@@ -26,8 +26,8 @@ const g = ({ label: l, title: s, content: a }) => /* @__PURE__ */ e("section", {
|
|
|
26
26
|
children: a.title
|
|
27
27
|
}
|
|
28
28
|
),
|
|
29
|
-
/* @__PURE__ */ e(
|
|
30
|
-
/* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(
|
|
29
|
+
a.description && /* @__PURE__ */ e(l, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: i.description, children: a.description }),
|
|
30
|
+
/* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(m, { as: "a", href: a.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: a.buttonLabel }) })
|
|
31
31
|
] })
|
|
32
32
|
] })
|
|
33
33
|
] }) });
|