@hashicorp/mds-react 0.9.3 → 0.9.4

package/patterns/product-logo/product-logo.module.css.js

@@ -0,0 +1,13 @@
+const o = "small__Y58kj", l = "medium__2A1Tv", m = "large__ho0Xp", a = {
+  "product-logo": "product-logo__moaPv",
+  small: o,
+  medium: l,
+  large: m
+};
+export {
+  a as default,
+  m as large,
+  l as medium,
+  o as small
+};
+//# sourceMappingURL=product-logo.module.css.js.map

package/patterns/product-logo/product-logo.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-logo.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/patterns/related-content/index.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Card as h } from "../../components/card/index.js";
+import p from "classnames";
+import { useMDSLink as f } from "../../utils/mds-context/index.js";
+import i from "./style.module.css.js";
+import { Text as l } from "../../components/text/index.js";
+const u = ({
+  appearance: a = "transparent",
+  headline: o,
+  description: s,
+  cards: m,
+  cta: r
+}) => {
+  const d = f();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: p(i.root, i[a], {
+        "mds-dark-mode": a === "dark"
+      }),
+      children: /* @__PURE__ */ n("div", { className: i.wrapper, children: [
+        /* @__PURE__ */ n("div", { className: i.textStack, children: [
+          /* @__PURE__ */ t(
+            l.DisplayExpressive,
+            {
+              tag: "h2",
+              color: "primary",
+              className: i.headline,
+              size: "400",
+              children: o
+            }
+          ),
+          s ? /* @__PURE__ */ t(l.Body, { size: "300", color: "faint", tag: "p", children: s }) : null
+        ] }),
+        /* @__PURE__ */ t("div", { className: i.cards, "data-testid": "wpl-cards-container", children: m.map((e, c) => /* @__PURE__ */ t(
+          h,
+          {
+            href: e.link,
+            content: {
+              ...e.thumbnail && {
+                thumbnail: {
+                  alt: e.thumbnail.alt,
+                  src: e.thumbnail.src,
+                  aspectRatio: "16/9"
+                }
+              },
+              eyebrow: e.meta,
+              heading: e.heading,
+              description: e.description,
+              showArrow: !0
+            }
+          },
+          c
+        )) }),
+        r ? /* @__PURE__ */ t("div", { className: i.cta, "data-testid": "wpl-cta-container", children: /* @__PURE__ */ t(d, { href: r.href, children: r.text }) }) : null
+      ] })
+    }
+  );
+};
+u.displayName = "RelatedContent";
+export {
+  u as RelatedContent
+};
+//# sourceMappingURL=index.js.map

package/patterns/related-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/patterns/related-content/index.tsx"],"sourcesContent":["'use client'\n\nimport { Card } from '../../components/card'\nimport classNames from 'classnames'\nimport type { RelatedContentProps } from './types'\nimport { useMDSLink } from '../../utils/mds-context'\nimport s from './style.module.css'\nimport { Text } from '../../components'\n\nconst RelatedContent = ({\n\tappearance = 'transparent',\n\theadline,\n\tdescription,\n\tcards,\n\tcta,\n}: RelatedContentProps) => {\n\tconst Link = useMDSLink()\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.root, s[appearance], {\n\t\t\t\t['mds-dark-mode']: appearance === 'dark',\n\t\t\t})}\n\t\t>\n\t\t\t<div className={s.wrapper}>\n\t\t\t\t<div className={s.textStack}>\n\t\t\t\t\t<Text.DisplayExpressive\n\t\t\t\t\t\ttag=\"h2\"\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tclassName={s.headline}\n\t\t\t\t\t\tsize=\"400\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t</Text.DisplayExpressive>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<Text.Body size=\"300\" color=\"faint\" tag=\"p\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text.Body>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t<div className={s.cards} data-testid=\"wpl-cards-container\">\n\t\t\t\t\t{cards.map((card, i) => (\n\t\t\t\t\t\t<Card\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\thref={card.link}\n\t\t\t\t\t\t\tcontent={{\n\t\t\t\t\t\t\t\t...(card.thumbnail && {\n\t\t\t\t\t\t\t\t\tthumbnail: {\n\t\t\t\t\t\t\t\t\t\talt: card.thumbnail.alt,\n\t\t\t\t\t\t\t\t\t\tsrc: card.thumbnail.src,\n\t\t\t\t\t\t\t\t\t\taspectRatio: '16/9',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\teyebrow: card.meta,\n\t\t\t\t\t\t\t\theading: card.heading,\n\t\t\t\t\t\t\t\tdescription: card.description,\n\t\t\t\t\t\t\t\tshowArrow: true,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t{cta ? (\n\t\t\t\t\t<div className={s.cta} data-testid=\"wpl-cta-container\">\n\t\t\t\t\t\t<Link href={cta.href}>{cta.text}</Link>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nRelatedContent.displayName = 'RelatedContent'\n\nexport { RelatedContent }\n"],"names":["RelatedContent","appearance","headline","description","cards","cta","jsx","classNames","s","jsxs","Text","card","i","Card","Link"],"mappings":";;;;;;;AASwB,MACvBA,IAAa,CAAA;AAAA,EACb,YAAAC,IAAA;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACD,KAAAC;AACC,MAAA;AAEA,cACC;AAAA,SAAC,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAC6C,WAC3CC,EAAkBC,EAAA,MAAAA,EAAAP,CAAe,GAAA;AAAA,QAClC,iBAAAA,MAAA;AAAA,MAED,CAAA;AAAA,MACC,UAAC,gBAAAQ,EAAA,OAAI,EAAA,WAAaD,EAAA,SACjB,UAAA;AAAA,QAAA,gBAAAC,EAAA,OAAA,EAAA,WAAAD,EAAA,WAAA,UAAA;AAAA,UAAM,gBAAAF;AAAA,YAALI,EAAA;AAAA,YAAA;AAAA,cAEA,KAAA;AAAA,cACA,OAAA;AAAA,cACA,WAAKF,EAAA;AAAA,cAEJ;cAAA,UAAAN;AAAA,YACF;AAAA,UACC;AAAA,cAKF,gBAAAI,EAAAI,EAAA,MAAA,EAAA,MAAA,OAAA,OAAA,SAAA,KAAA,KAAA,UAAAP,EAAA,CAAA,IAAA;AAAA,QAAA,EAAA,CAAA;AAAA,QAGG,gBAAAG,EAAA,OAAA,EAAA,WAAAE,EAAA,OAAA,eAAA,uBAAA,UAAAJ,EAAA,IAAA,CAAAO,GAAAC,MAAA,gBAAAN;AAAA,UAAAO;AAAA,UAAA;AAAA,YAGA,QAAS;AAAA,YAAA;cACc,kBACV;AAAA,gBAAA;kBAEV,KAAKF,EAAK,UAAU;AAAA,kBACpB,iBAAa;AAAA,kBAAA,aAAA;AAAA,gBAEf;AAAA,cACA;AAAA,cACA,SAASA,EAAK;AAAA,cACd,SAAAA,EAAa;AAAA,cACb,aAAWA,EAAA;AAAA,cAAA,WAAA;AAAA,YACZ;AAAA,UAdK;AAAA,UAgBNC;AAAA,QAGD;QAIGP,IACL,gBAAAC,EAAA,OAAA,EAAA,WAAAE,EAAA,KAAA,eAAA,qBAAA,UAAA,gBAAAF,EAAAQ,GAAA,EAAA,MAAAT,EAAA,MAAA,UAAAA,EAAA,KAAA,CAAA,EAAA,CAAA,IAAA;AAAA,MAAA,EAAA,CAAA;AAAA,IACD;AAAA,EAEF;AAEA;;"}

package/patterns/related-content/style.module.css.js

@@ -0,0 +1,22 @@
+const t = "root__wY2Kw", a = "transparent__oS97K", r = "wrapper__z6E7B g-grid g-grid-container", c = "textStack__T-LcO", n = "headline__Msi9v", o = "cards__RaaoR", e = "cta__bp4JK", s = "dark__ccH93", _ = {
+  root: t,
+  transparent: a,
+  wrapper: r,
+  textStack: c,
+  headline: n,
+  cards: o,
+  cta: e,
+  dark: s
+};
+export {
+  o as cards,
+  e as cta,
+  s as dark,
+  _ as default,
+  n as headline,
+  t as root,
+  c as textStack,
+  a as transparent,
+  r as wrapper
+};
+//# sourceMappingURL=style.module.css.js.map

package/patterns/related-content/style.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}