quirk-ui 0.1.31 → 0.1.33
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/assets/index.css +1 -1
- package/dist/core/utils/ThemeProvider/index.cjs +1 -1
- package/dist/core/utils/ThemeProvider/index.mjs +28 -29
- package/dist/core.d.ts +23 -1
- package/dist/main.d.ts +23 -1
- package/dist/next/cards/BioCard/index.cjs +1 -1
- package/dist/next/cards/BioCard/index.mjs +36 -37
- package/dist/next/cards/BlogArticleCard/index.cjs +2 -2
- package/dist/next/cards/BlogArticleCard/index.mjs +3 -4
- package/dist/next/cards/SegmentCard/index.cjs +1 -1
- package/dist/next/cards/SegmentCard/index.mjs +3 -4
- package/dist/next/ui/PortableTextRenderer/index.cjs +1 -1
- package/dist/next/ui/PortableTextRenderer/index.mjs +45 -46
- package/package.json +4 -1
- package/dist/assets/colors.css +0 -0
- package/dist/styles.css +0 -140
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1;--line-height-normal: 1.25;--line-height-loose: 1.5}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
|
|
1
|
+
:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root,[data-theme=light]{--color-primary-10: #e6f0ff;--color-primary-25: #b3d1ff;--color-primary-50: #4da3ff;--color-primary-75: #0066cc;--color-primary-100: #004a99;--color-primary-foreground: #ffffff;--color-primary-rgb: 0, 74, 153;--color-secondary-10: #f2f4f7;--color-secondary-25: #d0d5db;--color-secondary-50: #6b7280;--color-secondary-75: #374151;--color-secondary-100: #111827;--color-secondary-foreground: #ffffff;--color-secondary-rgb: 17, 24, 39;--color-text-primary: #111111;--color-heading: #111111;--color-background: #ffffff;--color-background-rgb: 255, 255, 255;--color-foreground: #ffffff;--color-foreground-rgb: 255, 255, 255;--color-border: #d1d5db;--color-link: #004a99;--color-link-hover: #004a99;--color-link-inverted: #ffffff;--color-error: #b91c1c;--color-success: #1e7e34;--color-warning: #d97706;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-muted-bg: #d1d5db;--color-states-muted-text: #292a2b;--color-states-muted-hover: #bcbfc5;--color-states-info-bg: #004a99;--color-states-info-text: #ffffff;--color-states-info-hover: #4da3ff;--color-states-success-bg: #1e7e34;--color-states-success-text: #ffffff;--color-states-success-hover: #4ade80;--color-states-error-bg: #b91c1c;--color-states-error-text: #ffffff;--color-states-error-hover: #f87171;--color-states-warning-bg: #b97706;--color-states-warning-text: #ffffff;--color-states-warning-hover: #facc15;--color-button-primary-bg: #004a99;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #0066cc;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #004a99;--color-button-secondary-hover-bg: #0066cc;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #111827;--color-navigation-transparent-links-hover: #004a99;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #111827;--color-tab-background: #1f2937;--color-tab-text: #ffffff}[data-theme=dark]{--color-primary-10: #1a2b47;--color-primary-25: #274572;--color-primary-50: #336199;--color-primary-75: #3d7ad1;--color-primary-100: #4da3ff;--color-primary-foreground: #ffffff;--color-primary-rgb: 77, 163, 255;--color-secondary-10: #1f2937;--color-secondary-25: #374151;--color-secondary-50: #6b7280;--color-secondary-75: #9ca3af;--color-secondary-100: #d1d5db;--color-secondary-foreground: #111111;--color-secondary-rgb: 209, 213, 219;--color-text-primary: #f9fafb;--color-heading: #f9fafb;--color-background: #111827;--color-background-rgb: 17, 24, 39;--color-foreground: #1f2937;--color-foreground-rgb: 12, 26, 22;--color-border: #374151;--color-link: #4da3ff;--color-link-hover: #4da3ff;--color-link-inverted: #d1d5db;--color-error: #f87171;--color-success: #4ade80;--color-warning: #facc15;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-info-bg: #4da3ff;--color-states-info-text: #111111;--color-states-info-hover: #004a99;--color-states-success-bg: #4ade80;--color-states-success-text: #111111;--color-states-success-hover: #1e7e34;--color-states-error-bg: #f87171;--color-states-error-text: #111111;--color-states-error-hover: #b91c1c;--color-states-warning-bg: #facc15;--color-states-warning-text: #111111;--color-states-warning-hover: #b97706;--color-button-primary-bg: #4da3ff;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #3d7ad1;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #4da3ff;--color-button-secondary-hover-bg: #3d7ad1;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #f9fafb;--color-navigation-transparent-links-hover: #4da3ff;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #1f2937;--color-tab-background: #f2f4f7;--color-tab-text: #111111}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1;--line-height-normal: 1.25;--line-height-loose: 1.5}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),f=require("../../tokens/theme.cjs");function a(e,t){return t.split(".").reduce((n,r)=>{if(n&&typeof n=="object")return n[r]},e)}function l(e,t="",n){const r={},i=n??e;for(const s in e){const o=e[s];if(typeof o=="object"&&o!==null)Object.assign(r,l(e[s],`${t}${s}.`,i));else if(typeof o=="string"&&o.includes(".")){const u=a(i,o);r[`${t}${s}`]=u??o}else r[`${t}${s}`]=o}return r}function m(e){return`--color-${e.replace(/\./g,"-")}`}function h({children:e,theme:t}){const n=t!==void 0&&t!==f.defaultTheme;return d.useEffect(()=>{if(typeof window>"u")return;const r=document.documentElement,i=t??f.defaultTheme;if(r.setAttribute("data-theme",i.mode??"light"),n){const s=l(i);Object.entries(s).forEach(([o,u])=>{typeof u=="string"&&r.style.setProperty(m(o),u)})}},[t,n]),c.jsx(c.Fragment,{children:e})}exports.ThemeProvider=h;
|
|
@@ -1,42 +1,41 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useEffect as
|
|
3
|
-
import
|
|
4
|
-
import { defaultTheme as d } from "../../tokens/theme.mjs";
|
|
1
|
+
import { jsx as m, Fragment as l } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as d } from "react";
|
|
3
|
+
import { defaultTheme as u } from "../../tokens/theme.mjs";
|
|
5
4
|
function a(e, t) {
|
|
6
|
-
return t.split(".").reduce((
|
|
7
|
-
if (
|
|
8
|
-
return o[r];
|
|
5
|
+
return t.split(".").reduce((r, o) => {
|
|
6
|
+
if (r && typeof r == "object") return r[o];
|
|
9
7
|
}, e);
|
|
10
8
|
}
|
|
11
|
-
function
|
|
12
|
-
const
|
|
13
|
-
for (const
|
|
14
|
-
const
|
|
15
|
-
if (typeof
|
|
16
|
-
Object.assign(
|
|
17
|
-
else if (typeof
|
|
18
|
-
const
|
|
19
|
-
|
|
9
|
+
function c(e, t = "", r) {
|
|
10
|
+
const o = {}, i = r ?? e;
|
|
11
|
+
for (const s in e) {
|
|
12
|
+
const n = e[s];
|
|
13
|
+
if (typeof n == "object" && n !== null)
|
|
14
|
+
Object.assign(o, c(e[s], `${t}${s}.`, i));
|
|
15
|
+
else if (typeof n == "string" && n.includes(".")) {
|
|
16
|
+
const f = a(i, n);
|
|
17
|
+
o[`${t}${s}`] = f ?? n;
|
|
20
18
|
} else
|
|
21
|
-
|
|
19
|
+
o[`${t}${s}`] = n;
|
|
22
20
|
}
|
|
23
|
-
return
|
|
21
|
+
return o;
|
|
24
22
|
}
|
|
25
23
|
function p(e) {
|
|
26
24
|
return `--color-${e.replace(/\./g, "-")}`;
|
|
27
25
|
}
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}) {
|
|
32
|
-
return m(() => {
|
|
26
|
+
function $({ children: e, theme: t }) {
|
|
27
|
+
const r = t !== void 0 && t !== u;
|
|
28
|
+
return d(() => {
|
|
33
29
|
if (typeof window > "u") return;
|
|
34
|
-
const o = document.documentElement,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
const o = document.documentElement, i = t ?? u;
|
|
31
|
+
if (o.setAttribute("data-theme", i.mode ?? "light"), r) {
|
|
32
|
+
const s = c(i);
|
|
33
|
+
Object.entries(s).forEach(([n, f]) => {
|
|
34
|
+
typeof f == "string" && o.style.setProperty(p(n), f);
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}, [t, r]), /* @__PURE__ */ m(l, { children: e });
|
|
39
38
|
}
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
$ as ThemeProvider
|
|
42
41
|
};
|
package/dist/core.d.ts
CHANGED
|
@@ -1573,7 +1573,29 @@ declare const themeClassMap: {
|
|
|
1573
1573
|
transparent: string;
|
|
1574
1574
|
};
|
|
1575
1575
|
|
|
1576
|
-
|
|
1576
|
+
/**
|
|
1577
|
+
* ThemeProvider
|
|
1578
|
+
*
|
|
1579
|
+
* Two modes of operation:
|
|
1580
|
+
*
|
|
1581
|
+
* 1. NO custom theme passed (default behaviour):
|
|
1582
|
+
* - Only sets data-theme on <html>
|
|
1583
|
+
* - CSS custom properties from colors.css handle all colors
|
|
1584
|
+
* - No JS overhead, no flash, colors available before hydration
|
|
1585
|
+
*
|
|
1586
|
+
* 2. Custom theme passed by consumer:
|
|
1587
|
+
* - Flattens the theme object and injects CSS custom properties
|
|
1588
|
+
* - Allows consumers to define their brand colors in a theme.ts file
|
|
1589
|
+
* - Overrides the defaults from colors.css
|
|
1590
|
+
*
|
|
1591
|
+
* @example — default (no customisation needed)
|
|
1592
|
+
* <ThemeProvider>{children}</ThemeProvider>
|
|
1593
|
+
*
|
|
1594
|
+
* @example — custom brand theme
|
|
1595
|
+
* import { myTheme } from "./theme";
|
|
1596
|
+
* <ThemeProvider theme={myTheme}>{children}</ThemeProvider>
|
|
1597
|
+
*/
|
|
1598
|
+
export declare function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
|
|
1577
1599
|
|
|
1578
1600
|
declare type ThemeProviderProps = {
|
|
1579
1601
|
children: default_2.ReactNode;
|
package/dist/main.d.ts
CHANGED
|
@@ -1791,7 +1791,29 @@ declare type ThemeContextValue = {
|
|
|
1791
1791
|
|
|
1792
1792
|
declare type ThemeMode = "light" | "dark";
|
|
1793
1793
|
|
|
1794
|
-
|
|
1794
|
+
/**
|
|
1795
|
+
* ThemeProvider
|
|
1796
|
+
*
|
|
1797
|
+
* Two modes of operation:
|
|
1798
|
+
*
|
|
1799
|
+
* 1. NO custom theme passed (default behaviour):
|
|
1800
|
+
* - Only sets data-theme on <html>
|
|
1801
|
+
* - CSS custom properties from colors.css handle all colors
|
|
1802
|
+
* - No JS overhead, no flash, colors available before hydration
|
|
1803
|
+
*
|
|
1804
|
+
* 2. Custom theme passed by consumer:
|
|
1805
|
+
* - Flattens the theme object and injects CSS custom properties
|
|
1806
|
+
* - Allows consumers to define their brand colors in a theme.ts file
|
|
1807
|
+
* - Overrides the defaults from colors.css
|
|
1808
|
+
*
|
|
1809
|
+
* @example — default (no customisation needed)
|
|
1810
|
+
* <ThemeProvider>{children}</ThemeProvider>
|
|
1811
|
+
*
|
|
1812
|
+
* @example — custom brand theme
|
|
1813
|
+
* import { myTheme } from "./theme";
|
|
1814
|
+
* <ThemeProvider theme={myTheme}>{children}</ThemeProvider>
|
|
1815
|
+
*/
|
|
1816
|
+
export declare function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
|
|
1795
1817
|
|
|
1796
1818
|
declare type ThemeProviderProps = {
|
|
1797
1819
|
children: default_2.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index.css');require('../../../assets/index33.css');const e=require("react/jsx-runtime"),q=require("../../../core/components/Modal/index.cjs"),p=require("../../utils/resolveLinkUrl.cjs"),L=require("../../hooks/useMediaQuery.cjs"),N=require("../../../core/context/ThemeContext.cjs"),j=require("../../utils/mediaUtils.cjs"),M=require("../../utils/blockRenderers.cjs");;/* empty css */require("react");require("../../../core/components/Avatar/index.cjs");const $=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const C=require("../../../play-CQBnZgNa.cjs"),B=require("../../../arrow-right-DO6S4vfx.cjs"),I="_cardLink_awq27_1",U="_card_awq27_1",P="_container_awq27_18",S="_image_awq27_34",z="_content_awq27_57",F="_imageTop_awq27_64",O="_imageLeft_awq27_71",D="_modalTrigger_awq27_107",E="_callToAction_awq27_112",Q="_label_awq27_113",Y="_cardIcon_awq27_118",G="_eyebrow_awq27_126",H="_title_awq27_130",J="_icon_awq27_144",s={cardLink:I,card:U,container:P,image:S,content:z,imageTop:F,imageLeft:O,modalTrigger:D,callToAction:E,label:Q,cardIcon:Y,eyebrow:G,title:H,icon:J},K={"image-left":s.imageLeft,"image-top":s.imageTop};function W({value:a}){if(!a.includes("%"))return null;const r=125,t=(r-10)/2,i=2*Math.PI*t,o=i-parseFloat(a)/100*i;return e.jsxs("svg",{width:r,height:r,viewBox:`0 0 ${r} ${r}`,children:[e.jsx("circle",{cx:r/2,cy:r/2,r:t,fill:"none"}),e.jsx("circle",{cx:r/2,cy:r/2,r:t,fill:"none",strokeDasharray:i,strokeDashoffset:o,strokeLinecap:"round",transform:`rotate(-90 ${r/2} ${r/2})`}),e.jsx("text",{x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:a})]})}function X({callToAction:a,resolvedUrl:r,children:t}){var i,o;switch(a==null?void 0:a.type){case"link":return e.jsx("a",{className:s.cardLink,"aria-label":a.ariaLabel||a.label,href:r,target:((i=a.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((o=a.linkOptions)==null?void 0:o.linkType)==="external"?"noopener noreferrer":"",children:t});case"modal":return e.jsx(q.Modal,{className:s.modalTrigger,trigger:t,content:a.modalContent});case"video":return e.jsx(q.Modal,{className:s.modalTrigger,trigger:t,content:e.jsx("video",{src:a.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{className:s.cardLink,"aria-label":a.ariaLabel||a.label,href:r,download:!0,target:"_blank",rel:"noopener noreferrer",children:t});default:return e.jsx(e.Fragment,{children:t})}}function Z({style:a,variant:r,metricValue:t,eyebrow:i,title:o,description:_,image:l,callToAction:n,onHover:w,onLeave:f,gridArea:m,renderImage:u,renderRichText:c}){const{mode:g}=N.useTheme(),b=L.useMediaQuery("(max-width: 768px)"),h=p.resolveLinkURL(n),d=j.resolveImageUrl(l,g),x=j.resolveAltText(l,g),k=K[a??""]??"",v=l&&d?e.jsx("div",{className:s.image,children:u?u({src:d,alt:x,width:600,height:658,priority:!0}):e.jsx("img",{src:d,alt:x,width:600,height:658})}):null,y=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.container,children:[r!=="image"&&e.jsxs("div",{className:s.content,children:[t&&e.jsx(W,{value:t}),i&&e.jsx($.Badge,{className:s.eyebrow,text:M.extractText(i),variant:"info"}),o&&(c==null?void 0:c({blocks:o,className:s.title})),_&&(c==null?void 0:c({blocks:_}))]}),v]}),(n==null?void 0:n.videoUrl)&&e.jsxs("div",{className:s.callToAction,children:[e.jsx("div",{className:s.label,children:n.label}),e.jsx("div",{className:s.cardIcon,children:e.jsx(C.Play,{size:45})})]}),(n==null?void 0:n.type)==="link"&&e.jsxs("div",{className:s.callToAction,children:[e.jsx("div",{className:s.label,children:n.label}),e.jsx("div",{className:s.cardIcon,children:e.jsx(B.ArrowRight,{size:45})})]})]});return e.jsx("div",{className:`${s.card} ${k} ${r?s[r]??"":""}`,onMouseEnter:w,onMouseLeave:f,style:m&&!b?{gridArea:m}:{},children:e.jsx(X,{callToAction:n,resolvedUrl:h,children:y})})}exports.BioCard=Z;
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as m, Fragment as b } from "react/jsx-runtime";
|
|
2
2
|
import { Modal as w } from "../../../core/components/Modal/index.mjs";
|
|
3
3
|
import { resolveLinkURL as x } from "../../utils/resolveLinkUrl.mjs";
|
|
4
4
|
import { useMediaQuery as M } from "../../hooks/useMediaQuery.mjs";
|
|
5
5
|
import { useTheme as I } from "../../../core/context/ThemeContext.mjs";
|
|
6
6
|
import { resolveImageUrl as $, resolveAltText as C } from "../../utils/mediaUtils.mjs";
|
|
7
7
|
import { extractText as B } from "../../utils/blockRenderers.mjs";
|
|
8
|
-
import '../../../assets/
|
|
8
|
+
import '../../../assets/index.css';import '../../../assets/index33.css';/* empty css */
|
|
9
9
|
import "react";
|
|
10
10
|
import "../../../core/components/Avatar/index.mjs";
|
|
11
11
|
import { Badge as P } from "../../../core/components/Badge/index.mjs";
|
|
12
12
|
import "../../../core/components/Checkbox/index.mjs";
|
|
13
13
|
import "../../../core/components/Tabs/index.mjs";
|
|
14
|
-
/* empty css */
|
|
15
14
|
import "../../../core/tokens/theme.mjs";
|
|
16
15
|
import { P as U } from "../../../play-DYgKiSaf.js";
|
|
17
16
|
import { A as z } from "../../../arrow-right-QEwnX3Sk.js";
|
|
18
|
-
const S = "_cardLink_awq27_1", j = "_card_awq27_1", D = "_container_awq27_18", E = "_image_awq27_34", F = "_content_awq27_57", O = "_imageTop_awq27_64", Q = "_imageLeft_awq27_71", Y = "_modalTrigger_awq27_107", G = "_callToAction_awq27_112", H = "_label_awq27_113", J = "_cardIcon_awq27_118", K = "_eyebrow_awq27_126", W = "_title_awq27_130", X = "_icon_awq27_144",
|
|
17
|
+
const S = "_cardLink_awq27_1", j = "_card_awq27_1", D = "_container_awq27_18", E = "_image_awq27_34", F = "_content_awq27_57", O = "_imageTop_awq27_64", Q = "_imageLeft_awq27_71", Y = "_modalTrigger_awq27_107", G = "_callToAction_awq27_112", H = "_label_awq27_113", J = "_cardIcon_awq27_118", K = "_eyebrow_awq27_126", W = "_title_awq27_130", X = "_icon_awq27_144", a = {
|
|
19
18
|
cardLink: S,
|
|
20
19
|
card: j,
|
|
21
20
|
container: D,
|
|
@@ -31,25 +30,25 @@ const S = "_cardLink_awq27_1", j = "_card_awq27_1", D = "_container_awq27_18", E
|
|
|
31
30
|
title: W,
|
|
32
31
|
icon: X
|
|
33
32
|
}, Z = {
|
|
34
|
-
"image-left":
|
|
35
|
-
"image-top":
|
|
33
|
+
"image-left": a.imageLeft,
|
|
34
|
+
"image-top": a.imageTop
|
|
36
35
|
};
|
|
37
36
|
function V({ value: t }) {
|
|
38
37
|
if (!t.includes("%")) return null;
|
|
39
|
-
const
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
/* @__PURE__ */ e("circle", { cx:
|
|
38
|
+
const r = 125, s = (r - 10) / 2, n = 2 * Math.PI * s, i = n - parseFloat(t) / 100 * n;
|
|
39
|
+
return /* @__PURE__ */ m("svg", { width: r, height: r, viewBox: `0 0 ${r} ${r}`, children: [
|
|
40
|
+
/* @__PURE__ */ e("circle", { cx: r / 2, cy: r / 2, r: s, fill: "none" }),
|
|
42
41
|
/* @__PURE__ */ e(
|
|
43
42
|
"circle",
|
|
44
43
|
{
|
|
45
|
-
cx:
|
|
46
|
-
cy:
|
|
44
|
+
cx: r / 2,
|
|
45
|
+
cy: r / 2,
|
|
47
46
|
r: s,
|
|
48
47
|
fill: "none",
|
|
49
48
|
strokeDasharray: n,
|
|
50
49
|
strokeDashoffset: i,
|
|
51
50
|
strokeLinecap: "round",
|
|
52
|
-
transform: `rotate(-90 ${
|
|
51
|
+
transform: `rotate(-90 ${r / 2} ${r / 2})`
|
|
53
52
|
}
|
|
54
53
|
),
|
|
55
54
|
/* @__PURE__ */ e("text", { x: "50%", y: "52%", dominantBaseline: "middle", textAnchor: "middle", children: t })
|
|
@@ -57,7 +56,7 @@ function V({ value: t }) {
|
|
|
57
56
|
}
|
|
58
57
|
function R({
|
|
59
58
|
callToAction: t,
|
|
60
|
-
resolvedUrl:
|
|
59
|
+
resolvedUrl: r,
|
|
61
60
|
children: s
|
|
62
61
|
}) {
|
|
63
62
|
var n, i;
|
|
@@ -66,9 +65,9 @@ function R({
|
|
|
66
65
|
return /* @__PURE__ */ e(
|
|
67
66
|
"a",
|
|
68
67
|
{
|
|
69
|
-
className:
|
|
68
|
+
className: a.cardLink,
|
|
70
69
|
"aria-label": t.ariaLabel || t.label,
|
|
71
|
-
href:
|
|
70
|
+
href: r,
|
|
72
71
|
target: ((n = t.linkOptions) == null ? void 0 : n.linkType) === "external" ? "_blank" : "_self",
|
|
73
72
|
rel: ((i = t.linkOptions) == null ? void 0 : i.linkType) === "external" ? "noopener noreferrer" : "",
|
|
74
73
|
children: s
|
|
@@ -78,7 +77,7 @@ function R({
|
|
|
78
77
|
return /* @__PURE__ */ e(
|
|
79
78
|
w,
|
|
80
79
|
{
|
|
81
|
-
className:
|
|
80
|
+
className: a.modalTrigger,
|
|
82
81
|
trigger: s,
|
|
83
82
|
content: t.modalContent
|
|
84
83
|
}
|
|
@@ -87,7 +86,7 @@ function R({
|
|
|
87
86
|
return /* @__PURE__ */ e(
|
|
88
87
|
w,
|
|
89
88
|
{
|
|
90
|
-
className:
|
|
89
|
+
className: a.modalTrigger,
|
|
91
90
|
trigger: s,
|
|
92
91
|
content: /* @__PURE__ */ e("video", { src: t.videoUrl, controls: !0, autoPlay: !0 })
|
|
93
92
|
}
|
|
@@ -96,9 +95,9 @@ function R({
|
|
|
96
95
|
return /* @__PURE__ */ e(
|
|
97
96
|
"a",
|
|
98
97
|
{
|
|
99
|
-
className:
|
|
98
|
+
className: a.cardLink,
|
|
100
99
|
"aria-label": t.ariaLabel || t.label,
|
|
101
|
-
href:
|
|
100
|
+
href: r,
|
|
102
101
|
download: !0,
|
|
103
102
|
target: "_blank",
|
|
104
103
|
rel: "noopener noreferrer",
|
|
@@ -109,9 +108,9 @@ function R({
|
|
|
109
108
|
return /* @__PURE__ */ e(b, { children: s });
|
|
110
109
|
}
|
|
111
110
|
}
|
|
112
|
-
function
|
|
111
|
+
function fe({
|
|
113
112
|
style: t,
|
|
114
|
-
variant:
|
|
113
|
+
variant: r,
|
|
115
114
|
metricValue: s,
|
|
116
115
|
eyebrow: n,
|
|
117
116
|
title: i,
|
|
@@ -122,9 +121,9 @@ function pe({
|
|
|
122
121
|
onLeave: k,
|
|
123
122
|
gridArea: g,
|
|
124
123
|
renderImage: f,
|
|
125
|
-
renderRichText:
|
|
124
|
+
renderRichText: l
|
|
126
125
|
}) {
|
|
127
|
-
const { mode: p } = I(), v = M("(max-width: 768px)"), y = x(o), d = $(c, p), u = C(c, p), L = Z[t ?? ""] ?? "", N = c && d ? /* @__PURE__ */ e("div", { className:
|
|
126
|
+
const { mode: p } = I(), v = M("(max-width: 768px)"), y = x(o), d = $(c, p), u = C(c, p), L = Z[t ?? ""] ?? "", N = c && d ? /* @__PURE__ */ e("div", { className: a.image, children: f ? f({
|
|
128
127
|
src: d,
|
|
129
128
|
alt: u,
|
|
130
129
|
width: 600,
|
|
@@ -138,36 +137,36 @@ function pe({
|
|
|
138
137
|
width: 600,
|
|
139
138
|
height: 658
|
|
140
139
|
}
|
|
141
|
-
) }) : null, q = /* @__PURE__ */
|
|
142
|
-
/* @__PURE__ */
|
|
143
|
-
|
|
140
|
+
) }) : null, q = /* @__PURE__ */ m(b, { children: [
|
|
141
|
+
/* @__PURE__ */ m("div", { className: a.container, children: [
|
|
142
|
+
r !== "image" && /* @__PURE__ */ m("div", { className: a.content, children: [
|
|
144
143
|
s && /* @__PURE__ */ e(V, { value: s }),
|
|
145
144
|
n && /* @__PURE__ */ e(
|
|
146
145
|
P,
|
|
147
146
|
{
|
|
148
|
-
className:
|
|
147
|
+
className: a.eyebrow,
|
|
149
148
|
text: B(n),
|
|
150
149
|
variant: "info"
|
|
151
150
|
}
|
|
152
151
|
),
|
|
153
|
-
i && (
|
|
154
|
-
_ && (
|
|
152
|
+
i && (l == null ? void 0 : l({ blocks: i, className: a.title })),
|
|
153
|
+
_ && (l == null ? void 0 : l({ blocks: _ }))
|
|
155
154
|
] }),
|
|
156
155
|
N
|
|
157
156
|
] }),
|
|
158
|
-
(o == null ? void 0 : o.videoUrl) && /* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */ e("div", { className:
|
|
160
|
-
/* @__PURE__ */ e("div", { className:
|
|
157
|
+
(o == null ? void 0 : o.videoUrl) && /* @__PURE__ */ m("div", { className: a.callToAction, children: [
|
|
158
|
+
/* @__PURE__ */ e("div", { className: a.label, children: o.label }),
|
|
159
|
+
/* @__PURE__ */ e("div", { className: a.cardIcon, children: /* @__PURE__ */ e(U, { size: 45 }) })
|
|
161
160
|
] }),
|
|
162
|
-
(o == null ? void 0 : o.type) === "link" && /* @__PURE__ */
|
|
163
|
-
/* @__PURE__ */ e("div", { className:
|
|
164
|
-
/* @__PURE__ */ e("div", { className:
|
|
161
|
+
(o == null ? void 0 : o.type) === "link" && /* @__PURE__ */ m("div", { className: a.callToAction, children: [
|
|
162
|
+
/* @__PURE__ */ e("div", { className: a.label, children: o.label }),
|
|
163
|
+
/* @__PURE__ */ e("div", { className: a.cardIcon, children: /* @__PURE__ */ e(z, { size: 45 }) })
|
|
165
164
|
] })
|
|
166
165
|
] });
|
|
167
166
|
return /* @__PURE__ */ e(
|
|
168
167
|
"div",
|
|
169
168
|
{
|
|
170
|
-
className: `${
|
|
169
|
+
className: `${a.card} ${L} ${r ? a[r] ?? "" : ""}`,
|
|
171
170
|
onMouseEnter: h,
|
|
172
171
|
onMouseLeave: k,
|
|
173
172
|
style: g && !v ? { gridArea: g } : {},
|
|
@@ -176,5 +175,5 @@ function pe({
|
|
|
176
175
|
);
|
|
177
176
|
}
|
|
178
177
|
export {
|
|
179
|
-
|
|
178
|
+
fe as BioCard
|
|
180
179
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index.css');require('../../../assets/index60.css');const t=require("react/jsx-runtime");;/* empty css */require("react");require("../../../core/components/Avatar/index.cjs");const f=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("react-dom");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const j=require("../../../core/context/ThemeContext.cjs"),v=require("../../../createLucideIcon-DpotSgUx.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const C=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],T=v.createLucideIcon("arrow-up-right",C),
|
|
6
|
+
*/const C=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],T=v.createLucideIcon("arrow-up-right",C),N="_item_1kial_1",q="_itemImage_1kial_14",I="_itemTitle_1kial_20",b="_callToAction_1kial_26",A="_icon_1kial_33",w="_single_1kial_39",E="_first_1kial_40",U="_itemContent_1kial_41",B="_itemExcerpt_1kial_113",P="_imagePlaceholder_1kial_180",z="_category_1kial_229",L="_itemEyebrow_1kial_248",i={item:N,itemImage:q,itemTitle:I,callToAction:b,icon:A,single:w,first:E,itemContent:U,itemExcerpt:B,imagePlaceholder:P,category:z,itemEyebrow:L};function M(e,c){var r;if(e!=null&&e.imageUrls)return c==="dark"?((r=e.imageUrls.dark)==null?void 0:r.medium)??e.imageUrls.default.medium:e.imageUrls.default.medium}function $(e,c){var l,a,n,s;const r=c==="dark"?"darkImage":"defaultImage";return((a=(l=e==null?void 0:e[r])==null?void 0:l.asset)==null?void 0:a.altText)??((s=(n=e==null?void 0:e[r])==null?void 0:n.asset)==null?void 0:s.description)??"Card image"}function F(e){var l,a;const c=((l=e.categories)==null?void 0:l.find(n=>{var s,o;return!((o=(s=n.slug)==null?void 0:s.current)!=null&&o.startsWith("library/type"))}))??null,r=((a=e.categories)==null?void 0:a.find(n=>{var s,o;return(o=(s=n.slug)==null?void 0:s.current)==null?void 0:o.startsWith("library/type")}))??null;return{mainCategory:c,typeCategory:r}}function S({href:e,className:c,children:r}){return t.jsx("a",{href:e,className:c,children:r})}function W({article:e,className:c="",index:r,layout:l,limit:a,renderImage:n,renderLink:s}){const{mode:o}=j.useTheme(),u=`/blog/articles/${e.slug.current}`,m=M(e.featuredImage,o),_=$(e.featuredImage,o),{mainCategory:g,typeCategory:x}=F(e),h=[i.item,c,r===0?i.first:"",a===1?i.single:"",l??""].filter(Boolean).join(" "),y=t.jsxs("div",{className:i.itemImage,children:[x&&t.jsx("div",{className:i.category,children:x.title}),m?n?n({src:m,alt:_,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("img",{src:m,alt:_,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx("div",{className:i.imagePlaceholder})]}),k=t.jsxs(t.Fragment,{children:[y,t.jsxs("div",{className:i.itemContent,children:[g&&t.jsx(f.Badge,{className:i.itemEyebrow,text:g.title,variant:"muted"}),t.jsxs("div",{className:i.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:i.callToAction,children:t.jsx("div",{className:i.icon,children:t.jsx(T,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]}),p=s?({children:d})=>s({href:u,className:h,children:d}):({children:d})=>t.jsx(S,{href:u,className:h,children:d});return t.jsx(p,{children:k})}exports.BlogArticleCard=W;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsxs as m, jsx as i, Fragment as v } from "react/jsx-runtime";
|
|
2
|
-
import '../../../assets/
|
|
2
|
+
import '../../../assets/index.css';import '../../../assets/index60.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../../core/components/Avatar/index.mjs";
|
|
5
5
|
import { Badge as x } from "../../../core/components/Badge/index.mjs";
|
|
6
6
|
import "../../../core/components/Checkbox/index.mjs";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
import "../../../core/components/Tabs/index.mjs";
|
|
9
|
-
/* empty css */
|
|
10
9
|
import "../../../core/tokens/theme.mjs";
|
|
11
10
|
import { useTheme as C } from "../../../core/context/ThemeContext.mjs";
|
|
12
11
|
import { c as N } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
@@ -65,7 +64,7 @@ function $({
|
|
|
65
64
|
}) {
|
|
66
65
|
return /* @__PURE__ */ i("a", { href: t, className: n, children: o });
|
|
67
66
|
}
|
|
68
|
-
function
|
|
67
|
+
function tt({
|
|
69
68
|
article: t,
|
|
70
69
|
className: n = "",
|
|
71
70
|
index: o,
|
|
@@ -117,5 +116,5 @@ function et({
|
|
|
117
116
|
return /* @__PURE__ */ i(r ? ({ children: _ }) => r({ href: p, className: f, children: _ }) : ({ children: _ }) => /* @__PURE__ */ i($, { href: p, className: f, children: _ }), { children: y });
|
|
118
117
|
}
|
|
119
118
|
export {
|
|
120
|
-
|
|
119
|
+
tt as BlogArticleCard
|
|
121
120
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index.css');require('../../../assets/index32.css');const e=require("react/jsx-runtime");;/* empty css */require("react");require("../../../core/components/Avatar/index.cjs");const j=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");const g=require("../../../core/components/Modal/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const k=require("../../utils/resolveLinkUrl.cjs"),y=require("../../../core/context/ThemeContext.cjs"),u=require("../../utils/mediaUtils.cjs"),h=require("../../utils/blockRenderers.cjs"),N=require("../../../play-CQBnZgNa.cjs"),q=require("../../../arrow-right-DO6S4vfx.cjs"),p="_cardLink_gad19_1",f="_card_gad19_1",w="_imageBackgroundContainer_gad19_23",L="_imagePlaceholder_gad19_34",C="_overlay_gad19_46",P="_content_gad19_55",U="_eyebrow_gad19_62",B="_heading_gad19_68",I="_title_gad19_82",M="_text_gad19_96",S="_callToAction_gad19_105",z="_cardIcon_gad19_114",F="_label_gad19_131",a={cardLink:p,card:f,imageBackgroundContainer:w,imagePlaceholder:L,overlay:C,content:P,eyebrow:U,heading:B,title:I,text:M,callToAction:S,cardIcon:z,label:F};function O({callToAction:r,resolvedUrl:i,children:t}){var o,s;switch(r==null?void 0:r.type){case"link":return e.jsx("a",{className:a.cardLink,"aria-label":r.ariaLabel||r.label,href:i,target:((o=r.linkOptions)==null?void 0:o.linkType)==="external"?"_blank":"_self",rel:((s=r.linkOptions)==null?void 0:s.linkType)==="external"?"noopener noreferrer":"",children:t});case"modal":return e.jsx(g.Modal,{trigger:t,content:r.modalContent});case"video":return e.jsx(g.Modal,{trigger:t,content:e.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{className:a.cardLink,"aria-label":r.ariaLabel||r.label,href:i,download:!0,target:"_blank",rel:"noopener noreferrer",children:t});default:return e.jsx(e.Fragment,{children:t})}}function $({eyebrow:r,title:i,description:t,image:o,callToAction:s,onHover:m,onLeave:x,renderImage:d,renderRichText:n}){const{mode:c}=y.useTheme(),v=k.resolveLinkURL(s),l=u.resolveImageUrl(o,c),_=u.resolveAltText(o,c),b=e.jsxs("div",{className:a.imageBackgroundContainer,children:[(s==null?void 0:s.videoUrl)&&e.jsxs("div",{className:a.callToAction,children:[e.jsx("div",{className:a.label,children:s.label}),e.jsx("div",{className:a.cardIcon,children:e.jsx(N.Play,{size:45})})]}),(s==null?void 0:s.type)==="link"&&e.jsxs("div",{className:a.callToAction,children:[e.jsx("div",{className:a.label,children:s.label}),e.jsx("div",{className:a.cardIcon,children:e.jsx(q.ArrowRight,{size:45})})]}),l?d?d({src:l,alt:_,fill:!0,priority:!1,sizes:"(min-width: 500px) 500px, 100vw",style:{objectFit:"cover"}}):e.jsx("img",{src:l,alt:_,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("div",{className:a.imagePlaceholder}),e.jsx("div",{className:a.overlay,children:e.jsxs("div",{className:a.content,children:[r&&e.jsx(j.Badge,{className:a.eyebrow,text:h.extractText(r),variant:"info"}),e.jsxs("div",{className:a.heading,children:[i&&(n==null?void 0:n({blocks:i,className:a.title})),t&&(n==null?void 0:n({blocks:t,className:a.text}))]})]})})]});return e.jsx("article",{className:a.card,onMouseEnter:m,onMouseLeave:x,children:e.jsx(O,{callToAction:s,resolvedUrl:v,children:b})})}exports.SegmentCard=$;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e, Fragment as f } from "react/jsx-runtime";
|
|
2
|
-
import '../../../assets/
|
|
2
|
+
import '../../../assets/index.css';import '../../../assets/index32.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../../core/components/Avatar/index.mjs";
|
|
5
5
|
import { Badge as k } from "../../../core/components/Badge/index.mjs";
|
|
6
6
|
import "../../../core/components/Checkbox/index.mjs";
|
|
7
7
|
import { Modal as g } from "../../../core/components/Modal/index.mjs";
|
|
8
8
|
import "../../../core/components/Tabs/index.mjs";
|
|
9
|
-
/* empty css */
|
|
10
9
|
import "../../../core/tokens/theme.mjs";
|
|
11
10
|
import { resolveLinkURL as y } from "../../utils/resolveLinkUrl.mjs";
|
|
12
11
|
import { useTheme as N } from "../../../core/context/ThemeContext.mjs";
|
|
@@ -75,7 +74,7 @@ function G({
|
|
|
75
74
|
return /* @__PURE__ */ e(f, { children: s });
|
|
76
75
|
}
|
|
77
76
|
}
|
|
78
|
-
function
|
|
77
|
+
function re({
|
|
79
78
|
eyebrow: r,
|
|
80
79
|
title: o,
|
|
81
80
|
description: s,
|
|
@@ -142,5 +141,5 @@ function te({
|
|
|
142
141
|
);
|
|
143
142
|
}
|
|
144
143
|
export {
|
|
145
|
-
|
|
144
|
+
re as SegmentCard
|
|
146
145
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index.css');require('../../../assets/index11.css');const e=require("react/jsx-runtime"),k=require("react"),q=require("@portabletext/react"),w=require("../AnimatedSpan/index.cjs");;/* empty css */require("../../../core/components/Avatar/index.cjs");require("../../../core/components/Checkbox/index.cjs");const L=require("../../../core/components/Text/index.cjs"),_=require("../../../core/components/Heading/index.cjs");require("react-dom");const B=require("../../../core/components/Table/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const H=require("next/image"),S=require("../../hooks/useMediaQuery.cjs"),b="_container_xhf90_1",z="_divider_xhf90_15",F="_richTextImage_xhf90_33",I="_richTextLink_xhf90_41",W="_spacerSmall_xhf90_53",C="_spacerMedium_xhf90_58",P="_spacerLarge_xhf90_63",U="_codeBlock_xhf90_91",A="_codeBlockWrapper_xhf90_100",E="_codeFilename_xhf90_112",i={container:b,divider:z,richTextImage:F,richTextLink:I,spacerSmall:W,spacerMedium:C,spacerLarge:P,codeBlock:U,codeBlockWrapper:A,codeFilename:E};function Q(s){return{normal:({children:t})=>e.jsx(L.Text,{className:s,children:t}),h1:({children:t})=>e.jsx(_.Heading,{className:s,level:1,children:t}),h2:({children:t})=>e.jsx(_.Heading,{className:s,level:2,children:t}),h3:({children:t})=>e.jsx(_.Heading,{className:s,level:3,children:t}),h4:({children:t})=>e.jsx(_.Heading,{className:s,level:4,children:t}),h5:({children:t})=>e.jsx(_.Heading,{className:s,level:5,children:t}),h6:({children:t})=>e.jsx(_.Heading,{className:s,level:6,children:t}),quote:({children:t})=>e.jsx("blockquote",{className:s,children:t})}}const D={strong:({children:s})=>e.jsx("strong",{children:s}),em:({children:s})=>e.jsx("em",{children:s}),number:({children:s})=>e.jsx("span",{className:"inlineNumber",children:s}),left:({children:s})=>e.jsx("span",{className:"textLeft",children:s}),center:({children:s})=>e.jsx("span",{className:"textCenter",children:s}),right:({children:s})=>e.jsx("span",{className:"textRight",children:s}),inlineCode:({children:s})=>e.jsx("code",{children:s}),link:({children:s,value:t})=>{var p;const{linkType:r,internalUrl:a,externalUrl:l,blank:m}=t??{};let x="#";return r==="external"&&l?x=l:r==="internal"&&((p=a==null?void 0:a.slug)!=null&&p.current)&&(x=`/${a.slug.current}`),e.jsx("a",{href:x,target:m?"_blank":void 0,rel:r==="external"?"noopener noreferrer":void 0,className:i.richTextLink,children:s})},textSize:({children:s,value:t})=>{const r=t!=null&&t.size?`text-${t.size}`:"";return e.jsx("span",{className:r,children:s})}};function G({baseClassName:s,previousTextRef:t,textOverride:r,animateText:a,isMobile:l}){const m=({children:n,value:c})=>{if(!c)return e.jsx(e.Fragment,{children:n});const{colorClass:o}=c;return r?a?e.jsx(w.AnimatedSpan,{className:o,text:r,prevText:t.current},"animated-span"):e.jsx("span",{className:o,children:r}):e.jsx("span",{className:o,children:n})},x=({children:n=[]})=>{const c=k.Children.count(n);return e.jsx("ul",{style:{columnCount:l?1:c>7?2:1},className:s,children:n})};let p;const N=()=>p;return p={marks:{...D,coloredText:m},block:Q(s),list:{bullet:x},types:{image:({value:n})=>{var o,g,d,f,T;if(!(n!=null&&n.imageUrls))return null;const c=((o=n.asset)==null?void 0:o.altText)||"Content image";return e.jsxs("figure",{className:`${s??""} ${i.richTextImage}`,children:[e.jsx(H,{src:n.imageUrls.medium,alt:c,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((g=n.asset)==null?void 0:g.title)||((d=n.asset)==null?void 0:d.description))&&e.jsxs("figcaption",{children:[((f=n.asset)==null?void 0:f.title)&&e.jsx("strong",{children:n.asset.title}),((T=n.asset)==null?void 0:T.description)&&e.jsx("p",{children:n.asset.description})]})]})},divider:()=>e.jsx("hr",{className:i.divider}),spacer:({value:n})=>{const c=(n==null?void 0:n.style)||"medium",o={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return e.jsx("span",{className:o[c]??i.spacerMedium})},table:({value:n})=>{var $,M;if(!(($=n==null?void 0:n.rows)!=null&&$.length))return null;const{hasHeadingRow:c}=n,o=c?n.rows[0]:null,g=c?n.rows.slice(1):n.rows,d=o||g[0];if(!((M=d==null?void 0:d.cells)!=null&&M.length))return null;const f=d.cells.map((y,h)=>{var j;return{header:o?e.jsx(q.PortableText,{value:(j=o.cells[h])==null?void 0:j.content,components:N()}):`Column ${h+1}`,accessor:`col${h}`,cellRenderer:u=>u?e.jsx(q.PortableText,{value:u,components:N()}):null}}),T=g.map(y=>{var j;const h={};return(j=y.cells)==null||j.forEach((u,R)=>{h[`col${R}`]=u==null?void 0:u.content}),h});return e.jsx(B.Table,{hasHeadingRow:c,data:T,columns:f,className:`${s??""} ${c?"hasHeadingRow":""}`})},code:({value:n})=>n!=null&&n.code?e.jsxs("div",{className:`${i.codeBlockWrapper} ${s??""}`,children:[n.filename&&e.jsx("div",{className:i.codeFilename,children:n.filename}),e.jsx("pre",{className:i.codeBlock,children:e.jsx("code",{children:n.code})})]}):null}},p}const J=({blocks:s,className:t,textOverride:r,animateText:a})=>{const l=S.useMediaQuery("(max-width: 767px)"),m=k.useRef(r);k.useEffect(()=>{m.current=r},[r]);const x=k.useMemo(()=>G({baseClassName:t,previousTextRef:m,textOverride:r,animateText:a,isMobile:l}),[t,r,a,l]);return s?typeof s=="string"?e.jsx(L.Text,{className:t,children:s}):e.jsx("div",{className:`${i.container} portableTextContainer`,children:e.jsx(q.PortableText,{value:s,components:x})}):null};exports.RichText=J;
|