@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.11

package/theme/theme-provider/breakpoint.d.ts

@@ -1,2 +1 @@
-export declare function applyBreakpointClasses(sourceElement: HTMLElement): void;
 export declare function setupBreakpointListener(sourceElement: HTMLElement): (() => void) | undefined;

package/theme/theme-provider/breakpoint.js

@@ -1,2 +1,2 @@
-import{Breakpoint as n}from"../tokens/breakpoint.js";import{parsePxOrRemValue as m,parseCSSVariableValue as i}from"../utils/css-variable.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"react";import"../../util/string-helper.js";import"./context.js";const s="fds-breakpoint-";function t(t){const e=document.body,a=window.innerWidth;[...e.classList].forEach((n=>{n.startsWith(s)&&e.classList.remove(n)}));const o=function(m){const s=n=>{const s=i(n,m);return s||(m!==document.documentElement?i(n,document.documentElement):s)};return[{key:"xxs",min:s(n["xxs-min"]),max:s(n["xxs-max"])},{key:"xs",min:s(n["xs-min"]),max:s(n["xs-max"])},{key:"sm",min:s(n["sm-min"]),max:s(n["sm-max"])},{key:"md",min:s(n["md-min"]),max:s(n["md-max"])},{key:"lg",min:s(n["lg-min"]),max:s(n["lg-max"])},{key:"xl",min:s(n["xl-min"]),max:s(n["xl-max"])},{key:"xxl",min:s(n["xxl-min"]),max:1/0}]}(t);o.forEach((n=>{const i=m(n.min),t=n.max===1/0?1/0:m(n.max),o=a>=i,r=t!==1/0&&a<=t;o&&(t===1/0||r)&&e.classList.add(`${s}${n.key}`),o&&e.classList.add(`${s}${n.key}-min`),r&&e.classList.add(`${s}${n.key}-max`)}))}function e(n){if(!globalThis.window)return;const m=()=>{t(n)};return m(),globalThis.window.addEventListener("resize",m),()=>{globalThis.window.removeEventListener("resize",m)}}export{t as applyBreakpointClasses,e as setupBreakpointListener};
+import{Breakpoint as i}from"../tokens/breakpoint.js";import{parseCSSVariableValue as m}from"../utils/css-variable.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"react";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import"./context.js";import"../utils/use-media-query.js";const t="fds-breakpoint-";function e(e){const n=document.body;[...n.classList].forEach((i=>{i.startsWith(t)&&n.classList.remove(i)}));const s=function(t){const e=i=>{const e=m(i,t);return e||(t!==document.documentElement?m(i,document.documentElement):e)};return[{key:"xxs",min:e(i["xxs-min"]),max:e(i["xxs-max"])},{key:"xs",min:e(i["xs-min"]),max:e(i["xs-max"])},{key:"sm",min:e(i["sm-min"]),max:e(i["sm-max"])},{key:"md",min:e(i["md-min"]),max:e(i["md-max"])},{key:"lg",min:e(i["lg-min"]),max:e(i["lg-max"])},{key:"xl",min:e(i["xl-min"]),max:e(i["xl-max"])},{key:"xxl",min:e(i["xxl-min"]),max:1/0}]}(e);s.forEach((i=>{const m=window.matchMedia(`(min-width: ${i.min})`).matches,e=i.max!==1/0&&window.matchMedia(`(max-width: ${i.max})`).matches;m&&(i.max===1/0||e)&&n.classList.add(`${t}${i.key}`),m&&n.classList.add(`${t}${i.key}-min`),e&&n.classList.add(`${t}${i.key}-max`)}))}function n(i){if(!globalThis.window||!globalThis.window.matchMedia)return;const m=()=>{e(i)};return m(),globalThis.window.addEventListener("resize",m),()=>{globalThis.window.removeEventListener("resize",m)}}export{n as setupBreakpointListener};
 //# sourceMappingURL=breakpoint.js.map

package/theme/theme-provider/breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.js","sources":["../../../src/theme/theme-provider/breakpoint.ts"],"sourcesContent":["import { Breakpoint } from \"../tokens/breakpoint\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue, parsePxOrRemValue } from \"../utils\";\n\nfunction getBreakpointRanges(sourceElement: HTMLElement) {\n    const getBreakpointValue = (token: CSSVariableString) => {\n        const scopedValue = parseCSSVariableValue(token, sourceElement);\n        if (scopedValue) return scopedValue;\n\n        if (sourceElement !== document.documentElement) {\n            return parseCSSVariableValue(token, document.documentElement);\n        }\n\n        return scopedValue;\n    };\n\n    return [\n        {\n            key: \"xxs\",\n            min: getBreakpointValue(Breakpoint[\"xxs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xxs-max\"]),\n        },\n        {\n            key: \"xs\",\n            min: getBreakpointValue(Breakpoint[\"xs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xs-max\"]),\n        },\n        {\n            key: \"sm\",\n            min: getBreakpointValue(Breakpoint[\"sm-min\"]),\n            max: getBreakpointValue(Breakpoint[\"sm-max\"]),\n        },\n        {\n            key: \"md\",\n            min: getBreakpointValue(Breakpoint[\"md-min\"]),\n            max: getBreakpointValue(Breakpoint[\"md-max\"]),\n        },\n        {\n            key: \"lg\",\n            min: getBreakpointValue(Breakpoint[\"lg-min\"]),\n            max: getBreakpointValue(Breakpoint[\"lg-max\"]),\n        },\n        {\n            key: \"xl\",\n            min: getBreakpointValue(Breakpoint[\"xl-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xl-max\"]),\n        },\n        {\n            key: \"xxl\",\n            min: getBreakpointValue(Breakpoint[\"xxl-min\"]),\n            max: Infinity,\n        },\n    ] as const;\n}\n\nconst BREAKPOINT_CLASS_PREFIX = \"fds-breakpoint-\";\n\nexport function applyBreakpointClasses(sourceElement: HTMLElement) {\n    const body = document.body;\n    const width = window.innerWidth;\n\n    [...body.classList].forEach((cls) => {\n        if (cls.startsWith(BREAKPOINT_CLASS_PREFIX)) {\n            body.classList.remove(cls);\n        }\n    });\n\n    const BREAKPOINT_RANGES = getBreakpointRanges(sourceElement);\n\n    BREAKPOINT_RANGES.forEach((range) => {\n        const minValue = parsePxOrRemValue(range.min);\n        const maxValue =\n            range.max === Infinity\n                ? Infinity\n                : parsePxOrRemValue(range.max as string);\n\n        const isMinMatched = width >= minValue;\n        const isMaxMatched = maxValue === Infinity ? false : width <= maxValue;\n        const isWithinRange =\n            isMinMatched && (maxValue === Infinity || isMaxMatched);\n\n        if (isWithinRange) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}`);\n        }\n\n        if (isMinMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-min`);\n        }\n\n        if (isMaxMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-max`);\n        }\n    });\n}\n\nexport function setupBreakpointListener(sourceElement: HTMLElement) {\n    if (!globalThis.window) return;\n\n    const handleBreakpointChange = () => {\n        applyBreakpointClasses(sourceElement);\n    };\n\n    handleBreakpointChange();\n    globalThis.window.addEventListener(\"resize\", handleBreakpointChange);\n\n    return () => {\n        globalThis.window.removeEventListener(\"resize\", handleBreakpointChange);\n    };\n}\n"],"names":["BREAKPOINT_CLASS_PREFIX","applyBreakpointClasses","sourceElement","body","document","width","window","innerWidth","classList","forEach","cls","startsWith","remove","BREAKPOINT_RANGES","getBreakpointValue","token","scopedValue","parseCSSVariableValue","documentElement","key","min","Breakpoint","max","Infinity","getBreakpointRanges","range","minValue","parsePxOrRemValue","maxValue","isMinMatched","isMaxMatched","add","setupBreakpointListener","globalThis","handleBreakpointChange","addEventListener","removeEventListener"],"mappings":"oSAuDA,MAAMA,EAA0B,kBAE1B,SAAUC,EAAuBC,GACnC,MAAMC,EAAOC,SAASD,KAChBE,EAAQC,OAAOC,WAErB,IAAIJ,EAAKK,WAAWC,SAASC,IACrBA,EAAIC,WAAWX,IACfG,EAAKK,UAAUI,OAAOF,EAC1B,IAGJ,MAAMG,EA/DV,SAA6BX,GACzB,MAAMY,EAAsBC,IACxB,MAAMC,EAAcC,EAAsBF,EAAOb,GACjD,OAAIc,IAEAd,IAAkBE,SAASc,gBACpBD,EAAsBF,EAAOX,SAASc,iBAG1CF,EAAW,EAGtB,MAAO,CACH,CACIG,IAAK,MACLC,IAAKN,EAAmBO,EAAW,YACnCC,IAAKR,EAAmBO,EAAW,aAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,MACLC,IAAKN,EAAmBO,EAAW,YACnCC,IAAKC,KAGjB,CAc8BC,CAAoBtB,GAE9CW,EAAkBJ,SAASgB,IACvB,MAAMC,EAAWC,EAAkBF,EAAML,KACnCQ,EACFH,EAAMH,MAAQC,IACRA,IACAI,EAAkBF,EAAMH,KAE5BO,EAAexB,GAASqB,EACxBI,EAAeF,IAAaL,KAAmBlB,GAASuB,EAE1DC,IAAiBD,IAAaL,KAAYO,IAG1C3B,EAAKK,UAAUuB,IAAI,GAAG/B,IAA0ByB,EAAMN,OAGtDU,GACA1B,EAAKK,UAAUuB,IAAI,GAAG/B,IAA0ByB,EAAMN,WAGtDW,GACA3B,EAAKK,UAAUuB,IAAI,GAAG/B,IAA0ByB,EAAMN,UAC1D,GAER,CAEM,SAAUa,EAAwB9B,GACpC,IAAK+B,WAAW3B,OAAQ,OAExB,MAAM4B,EAAyB,KAC3BjC,EAAuBC,EAAc,EAMzC,OAHAgC,IACAD,WAAW3B,OAAO6B,iBAAiB,SAAUD,GAEtC,KACHD,WAAW3B,OAAO8B,oBAAoB,SAAUF,EAAuB,CAE/E"}
+{"version":3,"file":"breakpoint.js","sources":["../../../src/theme/theme-provider/breakpoint.ts"],"sourcesContent":["import { Breakpoint } from \"../tokens/breakpoint\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue } from \"../utils\";\n\nfunction getBreakpointRanges(sourceElement: HTMLElement) {\n    const getBreakpointValue = (token: CSSVariableString) => {\n        const scopedValue = parseCSSVariableValue(token, sourceElement);\n        if (scopedValue) return scopedValue;\n\n        if (sourceElement !== document.documentElement) {\n            return parseCSSVariableValue(token, document.documentElement);\n        }\n\n        return scopedValue;\n    };\n\n    return [\n        {\n            key: \"xxs\",\n            min: getBreakpointValue(Breakpoint[\"xxs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xxs-max\"]),\n        },\n        {\n            key: \"xs\",\n            min: getBreakpointValue(Breakpoint[\"xs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xs-max\"]),\n        },\n        {\n            key: \"sm\",\n            min: getBreakpointValue(Breakpoint[\"sm-min\"]),\n            max: getBreakpointValue(Breakpoint[\"sm-max\"]),\n        },\n        {\n            key: \"md\",\n            min: getBreakpointValue(Breakpoint[\"md-min\"]),\n            max: getBreakpointValue(Breakpoint[\"md-max\"]),\n        },\n        {\n            key: \"lg\",\n            min: getBreakpointValue(Breakpoint[\"lg-min\"]),\n            max: getBreakpointValue(Breakpoint[\"lg-max\"]),\n        },\n        {\n            key: \"xl\",\n            min: getBreakpointValue(Breakpoint[\"xl-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xl-max\"]),\n        },\n        {\n            key: \"xxl\",\n            min: getBreakpointValue(Breakpoint[\"xxl-min\"]),\n            max: Infinity,\n        },\n    ] as const;\n}\n\nconst BREAKPOINT_CLASS_PREFIX = \"fds-breakpoint-\";\n\nfunction applyBreakpointClasses(sourceElement: HTMLElement) {\n    const body = document.body;\n\n    [...body.classList].forEach((cls) => {\n        if (cls.startsWith(BREAKPOINT_CLASS_PREFIX)) {\n            body.classList.remove(cls);\n        }\n    });\n\n    const BREAKPOINT_RANGES = getBreakpointRanges(sourceElement);\n\n    BREAKPOINT_RANGES.forEach((range) => {\n        const isMinMatched = window.matchMedia(\n            `(min-width: ${range.min})`\n        ).matches;\n        const isMaxMatched =\n            range.max === Infinity\n                ? false\n                : window.matchMedia(`(max-width: ${range.max})`).matches;\n        const isWithinRange =\n            isMinMatched && (range.max === Infinity || isMaxMatched);\n\n        if (isWithinRange) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}`);\n        }\n\n        if (isMinMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-min`);\n        }\n\n        if (isMaxMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-max`);\n        }\n    });\n}\n\nexport function setupBreakpointListener(sourceElement: HTMLElement) {\n    if (!globalThis.window || !globalThis.window.matchMedia) return;\n\n    const handleBreakpointChange = () => {\n        applyBreakpointClasses(sourceElement);\n    };\n\n    handleBreakpointChange();\n    globalThis.window.addEventListener(\"resize\", handleBreakpointChange);\n\n    return () => {\n        globalThis.window.removeEventListener(\"resize\", handleBreakpointChange);\n    };\n}\n"],"names":["BREAKPOINT_CLASS_PREFIX","applyBreakpointClasses","sourceElement","body","document","classList","forEach","cls","startsWith","remove","BREAKPOINT_RANGES","getBreakpointValue","token","scopedValue","parseCSSVariableValue","documentElement","key","min","Breakpoint","max","Infinity","getBreakpointRanges","range","isMinMatched","window","matchMedia","matches","isMaxMatched","add","setupBreakpointListener","globalThis","handleBreakpointChange","addEventListener","removeEventListener"],"mappings":"8XAuDA,MAAMA,EAA0B,kBAEhC,SAASC,EAAuBC,GAC5B,MAAMC,EAAOC,SAASD,KAEtB,IAAIA,EAAKE,WAAWC,SAASC,IACrBA,EAAIC,WAAWR,IACfG,EAAKE,UAAUI,OAAOF,EAC1B,IAGJ,MAAMG,EA9DV,SAA6BR,GACzB,MAAMS,EAAsBC,IACxB,MAAMC,EAAcC,EAAsBF,EAAOV,GACjD,OAAIW,IAEAX,IAAkBE,SAASW,gBACpBD,EAAsBF,EAAOR,SAASW,iBAG1CF,EAAW,EAGtB,MAAO,CACH,CACIG,IAAK,MACLC,IAAKN,EAAmBO,EAAW,YACnCC,IAAKR,EAAmBO,EAAW,aAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,EAAW,WACnCC,IAAKR,EAAmBO,EAAW,YAEvC,CACIF,IAAK,MACLC,IAAKN,EAAmBO,EAAW,YACnCC,IAAKC,KAGjB,CAa8BC,CAAoBnB,GAE9CQ,EAAkBJ,SAASgB,IACvB,MAAMC,EAAeC,OAAOC,WACxB,eAAeH,EAAML,QACvBS,QACIC,EACFL,EAAMH,MAAQC,KAERI,OAAOC,WAAW,eAAeH,EAAMH,QAAQO,QAErDH,IAAiBD,EAAMH,MAAQC,KAAYO,IAG3CxB,EAAKE,UAAUuB,IAAI,GAAG5B,IAA0BsB,EAAMN,OAGtDO,GACApB,EAAKE,UAAUuB,IAAI,GAAG5B,IAA0BsB,EAAMN,WAGtDW,GACAxB,EAAKE,UAAUuB,IAAI,GAAG5B,IAA0BsB,EAAMN,UAC1D,GAER,CAEM,SAAUa,EAAwB3B,GACpC,IAAK4B,WAAWN,SAAWM,WAAWN,OAAOC,WAAY,OAEzD,MAAMM,EAAyB,KAC3B9B,EAAuBC,EAAc,EAMzC,OAHA6B,IACAD,WAAWN,OAAOQ,iBAAiB,SAAUD,GAEtC,KACHD,WAAWN,OAAOS,oBAAoB,SAAUF,EAAuB,CAE/E"}

package/theme/theme-provider/hooks.d.ts

@@ -1,11 +1,31 @@
 import type { CSSProperties } from "react";
+import type { ThemeContextValue } from "./types";
 type InheritedThemeScope = {
     themeProps: {
         "data-fds-theme"?: string;
         "data-fds-theme-mode"?: string;
+        "data-fds-theme-font"?: string;
     };
     themeStyle: CSSProperties;
 };
-export declare const useTheme: () => import("./types").ThemeContextValue;
+/**
+ * Returns the theme context from the nearest `ThemeProvider`.
+ *
+ * @returns The active `ThemeContextValue`. When called outside a provider,
+ * returns defaults: `theme: "lifesg"`, `mode: "light"`, `themeElement: null`.
+ * @keywords context, hook, theme context
+ */
+export declare const useTheme: () => ThemeContextValue;
+/**
+ * Builds `data-fds-theme*` attributes and inline CSS variables for re-stamping
+ * the current theme onto a detached DOM element (e.g. a portal or floating
+ * overlay).
+ *
+ * @param enabled When `false`, returns empty objects — useful to conditionally
+ * skip the attribute injection.
+ * @returns `themeProps` (spread onto the root element) and `themeStyle` (inline
+ * CSS variables to apply).
+ * @keywords design tokens, hook, portal, theming
+ */
 export declare const useInheritedThemeScope: (enabled: boolean) => InheritedThemeScope;
 export {};

package/theme/theme-provider/hooks.js

@@ -1,2 +1,2 @@
-import{useContext as e,useMemo as t}from"react";import{getInheritedInlineCssVariables as o}from"../utils/css-variable.js";import{ThemeContext as m}from"./context.js";const r=()=>{const t=e(m);if(!t)throw new Error("useTheme must be used within ThemeProvider");return t},l=r=>{const l=e(m);return t((()=>{var e;return r?{themeProps:{"data-fds-theme":null==l?void 0:l.theme,"data-fds-theme-mode":null==l?void 0:l.mode},themeStyle:o(null!==(e=null==l?void 0:l.themeElement)&&void 0!==e?e:null)}:{themeProps:{},themeStyle:{}}}),[r,null==l?void 0:l.mode,null==l?void 0:l.theme,null==l?void 0:l.themeElement])};export{l as useInheritedThemeScope,r as useTheme};
+import{useContext as e,useMemo as t}from"react";import{getInheritedInlineCssVariables as l}from"../utils/css-variable.js";import{ThemeContext as o}from"./context.js";const m=()=>{const t=e(o);return t||{theme:"lifesg",mode:"light",fontPreset:void 0,themeElement:null}},n=m=>{const n=e(o);return t((()=>{var e;return m?{themeProps:{"data-fds-theme":null==n?void 0:n.theme,"data-fds-theme-mode":null==n?void 0:n.mode,"data-fds-theme-font":null==n?void 0:n.fontPreset},themeStyle:l(null!==(e=null==n?void 0:n.themeElement)&&void 0!==e?e:null)}:{themeProps:{},themeStyle:{}}}),[m,null==n?void 0:n.fontPreset,null==n?void 0:n.mode,null==n?void 0:n.theme,null==n?void 0:n.themeElement])};export{n as useInheritedThemeScope,m as useTheme};
 //# sourceMappingURL=hooks.js.map

package/theme/theme-provider/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/theme/theme-provider/hooks.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useContext, useMemo } from \"react\";\n\nimport { getInheritedInlineCssVariables } from \"../utils/css-variable\";\nimport { ThemeContext } from \"./context\";\n\ntype InheritedThemeScope = {\n    themeProps: {\n        \"data-fds-theme\"?: string;\n        \"data-fds-theme-mode\"?: string;\n    };\n    themeStyle: CSSProperties;\n};\n\nexport const useTheme = () => {\n    const context = useContext(ThemeContext);\n\n    if (!context) {\n        throw new Error(\"useTheme must be used within ThemeProvider\");\n    }\n\n    return context;\n};\n\nexport const useInheritedThemeScope = (\n    enabled: boolean\n): InheritedThemeScope => {\n    const themeContext = useContext(ThemeContext);\n\n    return useMemo(() => {\n        if (!enabled) {\n            return {\n                themeProps: {},\n                themeStyle: {},\n            };\n        }\n\n        return {\n            themeProps: {\n                \"data-fds-theme\": themeContext?.theme,\n                \"data-fds-theme-mode\": themeContext?.mode,\n            },\n            themeStyle: getInheritedInlineCssVariables(\n                themeContext?.themeElement ?? null\n            ),\n        };\n    }, [\n        enabled,\n        themeContext?.mode,\n        themeContext?.theme,\n        themeContext?.themeElement,\n    ]);\n};\n"],"names":["useTheme","context","useContext","ThemeContext","Error","useInheritedThemeScope","enabled","themeContext","useMemo","themeProps","theme","mode","themeStyle","getInheritedInlineCssVariables","_a","themeElement"],"mappings":"sKAcO,MAAMA,EAAW,KACpB,MAAMC,EAAUC,EAAWC,GAE3B,IAAKF,EACD,MAAM,IAAIG,MAAM,8CAGpB,OAAOH,CAAO,EAGLI,EACTC,IAEA,MAAMC,EAAeL,EAAWC,GAEhC,OAAOK,GAAQ,WACX,OAAKF,EAOE,CACHG,WAAY,CACR,iBAAkBF,aAAY,EAAZA,EAAcG,MAChC,sBAAuBH,aAAY,EAAZA,EAAcI,MAEzCC,WAAYC,EACkB,QAA1BC,EAAAP,aAAY,EAAZA,EAAcQ,oBAAY,IAAAD,EAAAA,EAAI,OAZ3B,CACHL,WAAY,CAAA,EACZG,WAAY,CAAA,EAYnB,GACF,CACCN,EACAC,aAAY,EAAZA,EAAcI,KACdJ,aAAY,EAAZA,EAAcG,MACdH,aAAY,EAAZA,EAAcQ,cAChB"}
+{"version":3,"file":"hooks.js","sources":["../../../src/theme/theme-provider/hooks.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useContext, useMemo } from \"react\";\n\nimport { getInheritedInlineCssVariables } from \"../utils/css-variable\";\nimport { ThemeContext } from \"./context\";\nimport type { ThemeContextValue } from \"./types\";\n\ntype InheritedThemeScope = {\n    themeProps: {\n        \"data-fds-theme\"?: string;\n        \"data-fds-theme-mode\"?: string;\n        \"data-fds-theme-font\"?: string;\n    };\n    themeStyle: CSSProperties;\n};\n\n// @catalog\n/**\n * Returns the theme context from the nearest `ThemeProvider`.\n *\n * @returns The active `ThemeContextValue`. When called outside a provider,\n * returns defaults: `theme: \"lifesg\"`, `mode: \"light\"`, `themeElement: null`.\n * @keywords context, hook, theme context\n */\nexport const useTheme = (): ThemeContextValue => {\n    const context = useContext(ThemeContext);\n\n    if (!context) {\n        return {\n            theme: \"lifesg\",\n            mode: \"light\",\n            fontPreset: undefined,\n            themeElement: null,\n        };\n    }\n\n    return context;\n};\n\n// @catalog\n/**\n * Builds `data-fds-theme*` attributes and inline CSS variables for re-stamping\n * the current theme onto a detached DOM element (e.g. a portal or floating\n * overlay).\n *\n * @param enabled When `false`, returns empty objects — useful to conditionally\n * skip the attribute injection.\n * @returns `themeProps` (spread onto the root element) and `themeStyle` (inline\n * CSS variables to apply).\n * @keywords design tokens, hook, portal, theming\n */\nexport const useInheritedThemeScope = (\n    enabled: boolean\n): InheritedThemeScope => {\n    const themeContext = useContext(ThemeContext);\n\n    return useMemo(() => {\n        if (!enabled) {\n            return {\n                themeProps: {},\n                themeStyle: {},\n            };\n        }\n\n        return {\n            themeProps: {\n                \"data-fds-theme\": themeContext?.theme,\n                \"data-fds-theme-mode\": themeContext?.mode,\n                \"data-fds-theme-font\": themeContext?.fontPreset,\n            },\n            themeStyle: getInheritedInlineCssVariables(\n                themeContext?.themeElement ?? null\n            ),\n        };\n    }, [\n        enabled,\n        themeContext?.fontPreset,\n        themeContext?.mode,\n        themeContext?.theme,\n        themeContext?.themeElement,\n    ]);\n};\n"],"names":["useTheme","context","useContext","ThemeContext","theme","mode","fontPreset","undefined","themeElement","useInheritedThemeScope","enabled","themeContext","useMemo","themeProps","themeStyle","getInheritedInlineCssVariables","_a"],"mappings":"sKAwBO,MAAMA,EAAW,KACpB,MAAMC,EAAUC,EAAWC,GAE3B,OAAKF,GACM,CACHG,MAAO,SACPC,KAAM,QACNC,gBAAYC,EACZC,aAAc,KAIR,EAeLC,EACTC,IAEA,MAAMC,EAAeT,EAAWC,GAEhC,OAAOS,GAAQ,WACX,OAAKF,EAOE,CACHG,WAAY,CACR,iBAAkBF,aAAY,EAAZA,EAAcP,MAChC,sBAAuBO,aAAY,EAAZA,EAAcN,KACrC,sBAAuBM,aAAY,EAAZA,EAAcL,YAEzCQ,WAAYC,EACkB,QAA1BC,EAAAL,aAAY,EAAZA,EAAcH,oBAAY,IAAAQ,EAAAA,EAAI,OAb3B,CACHH,WAAY,CAAA,EACZC,WAAY,CAAA,EAanB,GACF,CACCJ,EACAC,aAAY,EAAZA,EAAcL,WACdK,aAAY,EAAZA,EAAcN,KACdM,aAAY,EAAZA,EAAcP,MACdO,aAAY,EAAZA,EAAcH,cAChB"}

package/theme/theme-provider/index.d.ts

@@ -1,2 +1,10 @@
 import type { ThemeProviderProps } from "./types";
+/**
+ * Establishes a themed scope for its subtree.
+ *
+ * Wrap a section of the tree in `ThemeProvider` to activate a design-token set
+ * and colour mode. Components below it read tokens via CSS variables or the
+ * `useTheme` hook. Providers can be nested to override a subtree's theme.
+ * @keywords context, scope, theming
+ */
 export declare const ThemeProvider: (props: ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/theme/theme-provider/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as o,useMemo as m}from"react";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import{mergeRefs as s}from"../../util/merge-refs.js";import"../../util/string-helper.js";import{useIsomorphicLayoutEffect as i}from"../../util/use-isomorphic-layout-effect.js";import{setupBreakpointListener as l}from"./breakpoint.js";import{ThemeContext as n}from"./context.js";import{listenToSystemColourMode as a}from"./system-colour-mode.js";const c=t((({children:t,theme:c="lifesg",mode:d="auto",className:u,style:f},p)=>{const h="auto"!==d,[j,y]=r(h?d:"light"),[g,x]=r(null);i((()=>{const e=null!=g?g:document.documentElement;return l(e)}),[g,c,j]),o((()=>{if(!h)return a(y);y(d)}),[h,d]);const v=m((()=>({theme:c,mode:j,themeElement:g})),[c,j,g]);return e(n.Provider,{value:v,children:e("div",{ref:s(p,x),"data-fds-theme":c,"data-fds-theme-mode":j,className:u,style:f,children:t})})}));export{c as ThemeProvider};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useContext as o,useEffect as m,useMemo as i}from"react";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import{mergeRefs as s}from"../../util/merge-refs.js";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import{useIsomorphicLayoutEffect as n}from"../../util/use-isomorphic-layout-effect.js";import{setupBreakpointListener as l}from"./breakpoint.js";import{ThemeContext as a}from"./context.js";import{listenToSystemColourMode as d}from"./system-colour-mode.js";const u=t((({children:t,theme:u="lifesg",mode:c="auto",className:f,style:p,fontPreset:h},j)=>{const y="auto"!==c,[g,v]=r(y?c:"light"),[x,P]=r(null),E=!!o(a);n((()=>{if(E)return;const e=null!=x?x:document.documentElement;return l(e)}),[x,u,g,E]),m((()=>{if(!y)return d(v);v(c)}),[y,c]);const N=i((()=>({theme:u,mode:g,fontPreset:h,themeElement:x})),[u,g,h,x]);return e(a.Provider,{value:N,children:e("div",{ref:s(j,P),"data-fds-theme":u,"data-fds-theme-font":h,"data-fds-theme-mode":g,className:f,style:p,children:t})})}));export{u as ThemeProvider};
 //# sourceMappingURL=index.js.map

package/theme/theme-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/theme/theme-provider/index.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef, useEffect, useMemo, useState } from \"react\";\n\nimport { mergeRefs, useIsomorphicLayoutEffect } from \"../../util\";\nimport type { ResolvedThemeMode } from \"../types\";\nimport { setupBreakpointListener } from \"./breakpoint\";\nimport { ThemeContext } from \"./context\";\nimport { listenToSystemColourMode } from \"./system-colour-mode\";\nimport type { ThemeProviderProps } from \"./types\";\n\nconst InnerThemeProvider = (\n    {\n        children,\n        theme = \"lifesg\",\n        mode = \"auto\",\n        className,\n        style,\n    }: ThemeProviderProps,\n    ref: Ref<HTMLDivElement>\n) => {\n    const isModeControlled = mode !== \"auto\";\n\n    const [computedMode, setComputedMode] = useState<ResolvedThemeMode>(\n        isModeControlled ? mode : \"light\"\n    );\n    const [themeElement, setThemeElement] = useState<HTMLDivElement | null>(\n        null\n    );\n\n    // Re-subscribe when the source node or token set changes:\n    // - `themeElement`: scoped breakpoint tokens may live on this element\n    // - `theme` / `themeMode`: breakpoint token values can differ across theme/mode\n    useIsomorphicLayoutEffect(() => {\n        const sourceElement = themeElement ?? document.documentElement;\n        const cleanup = setupBreakpointListener(sourceElement);\n        return cleanup;\n    }, [themeElement, theme, computedMode]);\n\n    useEffect(() => {\n        if (isModeControlled) {\n            setComputedMode(mode);\n            return;\n        }\n\n        return listenToSystemColourMode(setComputedMode);\n    }, [isModeControlled, mode]);\n\n    const contextValue = useMemo(\n        () => ({\n            theme,\n            mode: computedMode,\n            themeElement,\n        }),\n        [theme, computedMode, themeElement]\n    );\n\n    return (\n        <ThemeContext.Provider value={contextValue}>\n            <div\n                ref={mergeRefs(ref, setThemeElement)}\n                data-fds-theme={theme}\n                data-fds-theme-mode={computedMode}\n                className={className}\n                style={style}\n            >\n                {children}\n            </div>\n        </ThemeContext.Provider>\n    );\n};\n\nexport const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(\n    InnerThemeProvider\n);\n"],"names":["ThemeProvider","forwardRef","children","theme","mode","className","style","ref","isModeControlled","computedMode","setComputedMode","useState","themeElement","setThemeElement","useIsomorphicLayoutEffect","sourceElement","document","documentElement","setupBreakpointListener","useEffect","listenToSystemColourMode","contextValue","useMemo","_jsx","ThemeContext","Provider","value","mergeRefs"],"mappings":"8hBAUA,MA6DaA,EAAgBC,GA7DF,EAEnBC,WACAC,QAAQ,SACRC,OAAO,OACPC,YACAC,SAEJC,KAEA,MAAMC,EAA4B,SAATJ,GAElBK,EAAcC,GAAmBC,EACpCH,EAAmBJ,EAAO,UAEvBQ,EAAcC,GAAmBF,EACpC,MAMJG,GAA0B,KACtB,MAAMC,EAAgBH,QAAAA,EAAgBI,SAASC,gBAE/C,OADgBC,EAAwBH,EAC1B,GACf,CAACH,EAAcT,EAAOM,IAEzBU,GAAU,KACN,IAAIX,EAKJ,OAAOY,EAAyBV,GAJ5BA,EAAgBN,EAI4B,GACjD,CAACI,EAAkBJ,IAEtB,MAAMiB,EAAeC,GACjB,KAAA,CACInB,QACAC,KAAMK,EACNG,kBAEJ,CAACT,EAAOM,EAAcG,IAG1B,OACIW,EAACC,EAAaC,UAASC,MAAOL,EAAYnB,SACtCqB,SACIhB,IAAKoB,EAAUpB,EAAKM,GAAgB,iBACpBV,EAAK,sBACAM,EACrBJ,UAAWA,EACXC,MAAOA,EAAKJ,SAEXA,KAEe"}
+{"version":3,"file":"index.js","sources":["../../../src/theme/theme-provider/index.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\n\nimport { mergeRefs, useIsomorphicLayoutEffect } from \"../../util\";\nimport type { ResolvedThemeMode } from \"../types\";\nimport { setupBreakpointListener } from \"./breakpoint\";\nimport { ThemeContext } from \"./context\";\nimport { listenToSystemColourMode } from \"./system-colour-mode\";\nimport type { ThemeProviderProps } from \"./types\";\n\nconst InnerThemeProvider = (\n    {\n        children,\n        theme = \"lifesg\",\n        mode = \"auto\",\n        className,\n        style,\n        fontPreset,\n    }: ThemeProviderProps,\n    ref: Ref<HTMLDivElement>\n) => {\n    const isModeControlled = mode !== \"auto\";\n\n    const [computedMode, setComputedMode] = useState<ResolvedThemeMode>(\n        isModeControlled ? mode : \"light\"\n    );\n    const [themeElement, setThemeElement] = useState<HTMLDivElement | null>(\n        null\n    );\n\n    const themeContext = useContext(ThemeContext);\n    const isNestedThemeProvider = !!themeContext;\n\n    // Re-subscribe when the source node or token set changes:\n    // - `themeElement`: scoped breakpoint tokens may live on this element\n    // - `theme` / `themeMode`: breakpoint token values can differ across theme/mode\n    useIsomorphicLayoutEffect(() => {\n        // Only set up the breakpoint listener once in the root theme provider\n        if (isNestedThemeProvider) return;\n\n        const sourceElement = themeElement ?? document.documentElement;\n        const cleanup = setupBreakpointListener(sourceElement);\n        return cleanup;\n    }, [themeElement, theme, computedMode, isNestedThemeProvider]);\n\n    useEffect(() => {\n        if (isModeControlled) {\n            setComputedMode(mode);\n            return;\n        }\n\n        return listenToSystemColourMode(setComputedMode);\n    }, [isModeControlled, mode]);\n\n    const contextValue = useMemo(\n        () => ({\n            theme,\n            mode: computedMode,\n            fontPreset,\n            themeElement,\n        }),\n        [theme, computedMode, fontPreset, themeElement]\n    );\n\n    return (\n        <ThemeContext.Provider value={contextValue}>\n            <div\n                ref={mergeRefs(ref, setThemeElement)}\n                data-fds-theme={theme}\n                data-fds-theme-font={fontPreset}\n                data-fds-theme-mode={computedMode}\n                className={className}\n                style={style}\n            >\n                {children}\n            </div>\n        </ThemeContext.Provider>\n    );\n};\n\n// @catalog\n/**\n * Establishes a themed scope for its subtree.\n *\n * Wrap a section of the tree in `ThemeProvider` to activate a design-token set\n * and colour mode. Components below it read tokens via CSS variables or the\n * `useTheme` hook. Providers can be nested to override a subtree's theme.\n * @keywords context, scope, theming\n */\nexport const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(\n    InnerThemeProvider\n);\n"],"names":["ThemeProvider","forwardRef","children","theme","mode","className","style","fontPreset","ref","isModeControlled","computedMode","setComputedMode","useState","themeElement","setThemeElement","isNestedThemeProvider","useContext","ThemeContext","useIsomorphicLayoutEffect","sourceElement","document","documentElement","setupBreakpointListener","useEffect","listenToSystemColourMode","contextValue","useMemo","_jsx","Provider","value","mergeRefs"],"mappings":"2nBAUA,MA+EaA,EAAgBC,GA/EF,EAEnBC,WACAC,QAAQ,SACRC,OAAO,OACPC,YACAC,QACAC,cAEJC,KAEA,MAAMC,EAA4B,SAATL,GAElBM,EAAcC,GAAmBC,EACpCH,EAAmBL,EAAO,UAEvBS,EAAcC,GAAmBF,EACpC,MAIEG,IADeC,EAAWC,GAMhCC,GAA0B,KAEtB,GAAIH,EAAuB,OAE3B,MAAMI,EAAgBN,QAAAA,EAAgBO,SAASC,gBAE/C,OADgBC,EAAwBH,EAC1B,GACf,CAACN,EAAcV,EAAOO,EAAcK,IAEvCQ,GAAU,KACN,IAAId,EAKJ,OAAOe,EAAyBb,GAJ5BA,EAAgBP,EAI4B,GACjD,CAACK,EAAkBL,IAEtB,MAAMqB,EAAeC,GACjB,KAAA,CACIvB,QACAC,KAAMM,EACNH,aACAM,kBAEJ,CAACV,EAAOO,EAAcH,EAAYM,IAGtC,OACIc,EAACV,EAAaW,UAASC,MAAOJ,EAAYvB,SACtCyB,SACInB,IAAKsB,EAAUtB,EAAKM,GAAgB,iBACpBX,wBACKI,EAAU,sBACVG,EACrBL,UAAWA,EACXC,MAAOA,EAAKJ,SAEXA,KAEe"}

package/theme/theme-provider/types.d.ts

@@ -1,17 +1,38 @@
 import type { CSSProperties } from "react";
-import type { ResolvedThemeMode, ThemeMode, ThemeType } from "../types";
+import type { ResolvedThemeMode, ThemeFontPreset, ThemeMode, ThemeType } from "../types";
+/** Value exposed by the `ThemeProvider` context. */
 export interface ThemeContextValue {
+    /** Active theme token set name. */
     theme: ThemeType;
+    /** Resolved colour mode. */
     mode: ResolvedThemeMode;
+    /** Active font preset, if set. */
+    fontPreset: ThemeFontPreset | undefined;
     /**
      * Element that hosts the current theme scope. Useful for scoped theming.
      */
     themeElement: HTMLElement | null;
 }
+/** Props for the `ThemeProvider` component. */
 export interface ThemeProviderProps {
     children: React.ReactNode;
     className?: string | undefined;
+    /**
+     * Colour mode applied to the themed subtree.
+     *
+     * @default "auto"
+     */
     mode?: ThemeMode | undefined;
     style?: CSSProperties | undefined;
+    /**
+     * Design token set to activate.
+     *
+     * @default "lifesg"
+     */
     theme?: ThemeType | undefined;
+    /**
+     * Optional font preset to apply to the themed subtree.
+     * Applicable to WISE product themes (wise, vica, websg, wogaa).
+     */
+    fontPreset?: ThemeFontPreset | undefined;
 }

package/theme/tokens/border.d.ts

@@ -1,12 +1,22 @@
+/**
+ * Border width tokens.
+ */
 export declare const BorderThickness: {
     readonly "width-005": "var(--fds-border-width-005)";
     readonly "width-010": "var(--fds-border-width-010)";
     readonly "width-020": "var(--fds-border-width-020)";
     readonly "width-040": "var(--fds-border-width-040)";
 };
+/**
+ * Border style tokens.
+ */
 export declare const BorderStyle: {
     readonly solid: "var(--fds-border-style-solid)";
 };
+/**
+ * Border tokens consisting of border width and border style.
+ * @keywords design tokens, stroke, width
+ */
 export declare const Border: {
     readonly solid: "var(--fds-border-style-solid)";
     readonly "width-005": "var(--fds-border-width-005)";

package/theme/tokens/border.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.js","sources":["../../../src/theme/tokens/border.ts"],"sourcesContent":["export const BorderThickness = {\n    \"width-005\": \"var(--fds-border-width-005)\",\n    \"width-010\": \"var(--fds-border-width-010)\",\n    \"width-020\": \"var(--fds-border-width-020)\",\n    \"width-040\": \"var(--fds-border-width-040)\",\n} as const;\n\nexport const BorderStyle = {\n    solid: \"var(--fds-border-style-solid)\",\n} as const;\n\nexport const Border = {\n    ...BorderThickness,\n    ...BorderStyle,\n} as const;\n"],"names":["BorderThickness","BorderStyle","solid","Border","Object"],"mappings":"AAAO,MAAMA,EAAkB,CAC3B,YAAa,8BACb,YAAa,8BACb,YAAa,8BACb,YAAa,+BAGJC,EAAc,CACvBC,MAAO,iCAGEC,EAASC,+BACfJ,GACAC"}
+{"version":3,"file":"border.js","sources":["../../../src/theme/tokens/border.ts"],"sourcesContent":["/**\n * Border width tokens.\n */\nexport const BorderThickness = {\n    \"width-005\": \"var(--fds-border-width-005)\",\n    \"width-010\": \"var(--fds-border-width-010)\",\n    \"width-020\": \"var(--fds-border-width-020)\",\n    \"width-040\": \"var(--fds-border-width-040)\",\n} as const;\n\n/**\n * Border style tokens.\n */\nexport const BorderStyle = {\n    solid: \"var(--fds-border-style-solid)\",\n} as const;\n\n// @catalog\n/**\n * Border tokens consisting of border width and border style.\n * @keywords design tokens, stroke, width\n */\nexport const Border = {\n    ...BorderThickness,\n    ...BorderStyle,\n} as const;\n"],"names":["BorderThickness","BorderStyle","solid","Border","Object"],"mappings":"AAGO,MAAMA,EAAkB,CAC3B,YAAa,8BACb,YAAa,8BACb,YAAa,8BACb,YAAa,+BAMJC,EAAc,CACvBC,MAAO,iCAQEC,EAASC,+BACfJ,GACAC"}

package/theme/tokens/breakpoint.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Responsive breakpoint tokens for each named breakpoint.
+ * @keywords design tokens, responsive, screen size
+ */
 export declare const Breakpoint: {
     readonly "xxs-min": "var(--fds-breakpoint-xxs-min)";
     readonly "xxs-max": "var(--fds-breakpoint-xxs-max)";

package/theme/tokens/breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.js","sources":["../../../src/theme/tokens/breakpoint.ts"],"sourcesContent":["export const Breakpoint = {\n    \"xxs-min\": \"var(--fds-breakpoint-xxs-min)\",\n    \"xxs-max\": \"var(--fds-breakpoint-xxs-max)\",\n    \"xs-min\": \"var(--fds-breakpoint-xs-min)\",\n    \"xs-max\": \"var(--fds-breakpoint-xs-max)\",\n    \"sm-min\": \"var(--fds-breakpoint-sm-min)\",\n    \"sm-max\": \"var(--fds-breakpoint-sm-max)\",\n    \"md-min\": \"var(--fds-breakpoint-md-min)\",\n    \"md-max\": \"var(--fds-breakpoint-md-max)\",\n    \"lg-min\": \"var(--fds-breakpoint-lg-min)\",\n    \"lg-max\": \"var(--fds-breakpoint-lg-max)\",\n    \"xl-min\": \"var(--fds-breakpoint-xl-min)\",\n    \"xl-max\": \"var(--fds-breakpoint-xl-max)\",\n    \"xxl-min\": \"var(--fds-breakpoint-xxl-min)\",\n\n    \"xxs-column\": \"var(--fds-breakpoint-column-xxs)\",\n    \"xs-column\": \"var(--fds-breakpoint-column-xs)\",\n    \"sm-column\": \"var(--fds-breakpoint-column-sm)\",\n    \"md-column\": \"var(--fds-breakpoint-column-md)\",\n    \"lg-column\": \"var(--fds-breakpoint-column-lg)\",\n    \"xl-column\": \"var(--fds-breakpoint-column-xl)\",\n    \"xxl-column\": \"var(--fds-breakpoint-column-xxl)\",\n\n    \"xxs-gutter\": \"var(--fds-breakpoint-gutter-xxs)\",\n    \"xs-gutter\": \"var(--fds-breakpoint-gutter-xs)\",\n    \"sm-gutter\": \"var(--fds-breakpoint-gutter-sm)\",\n    \"md-gutter\": \"var(--fds-breakpoint-gutter-md)\",\n    \"lg-gutter\": \"var(--fds-breakpoint-gutter-lg)\",\n    \"xl-gutter\": \"var(--fds-breakpoint-gutter-xl)\",\n    \"xxl-gutter\": \"var(--fds-breakpoint-gutter-xxl)\",\n\n    \"xxs-margin\": \"var(--fds-breakpoint-margin-xxs)\",\n    \"xs-margin\": \"var(--fds-breakpoint-margin-xs)\",\n    \"sm-margin\": \"var(--fds-breakpoint-margin-sm)\",\n    \"md-margin\": \"var(--fds-breakpoint-margin-md)\",\n    \"lg-margin\": \"var(--fds-breakpoint-margin-lg)\",\n    \"xl-margin\": \"var(--fds-breakpoint-margin-xl)\",\n    \"xxl-margin\": \"var(--fds-breakpoint-margin-xxl)\",\n} as const;\n"],"names":["Breakpoint"],"mappings":"AAAO,MAAMA,EAAa,CACtB,UAAW,gCACX,UAAW,gCACX,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,UAAW,gCAEX,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc,mCAEd,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc,mCAEd,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc"}
+{"version":3,"file":"breakpoint.js","sources":["../../../src/theme/tokens/breakpoint.ts"],"sourcesContent":["// @catalog\n/**\n * Responsive breakpoint tokens for each named breakpoint.\n * @keywords design tokens, responsive, screen size\n */\nexport const Breakpoint = {\n    \"xxs-min\": \"var(--fds-breakpoint-xxs-min)\",\n    \"xxs-max\": \"var(--fds-breakpoint-xxs-max)\",\n    \"xs-min\": \"var(--fds-breakpoint-xs-min)\",\n    \"xs-max\": \"var(--fds-breakpoint-xs-max)\",\n    \"sm-min\": \"var(--fds-breakpoint-sm-min)\",\n    \"sm-max\": \"var(--fds-breakpoint-sm-max)\",\n    \"md-min\": \"var(--fds-breakpoint-md-min)\",\n    \"md-max\": \"var(--fds-breakpoint-md-max)\",\n    \"lg-min\": \"var(--fds-breakpoint-lg-min)\",\n    \"lg-max\": \"var(--fds-breakpoint-lg-max)\",\n    \"xl-min\": \"var(--fds-breakpoint-xl-min)\",\n    \"xl-max\": \"var(--fds-breakpoint-xl-max)\",\n    \"xxl-min\": \"var(--fds-breakpoint-xxl-min)\",\n\n    \"xxs-column\": \"var(--fds-breakpoint-column-xxs)\",\n    \"xs-column\": \"var(--fds-breakpoint-column-xs)\",\n    \"sm-column\": \"var(--fds-breakpoint-column-sm)\",\n    \"md-column\": \"var(--fds-breakpoint-column-md)\",\n    \"lg-column\": \"var(--fds-breakpoint-column-lg)\",\n    \"xl-column\": \"var(--fds-breakpoint-column-xl)\",\n    \"xxl-column\": \"var(--fds-breakpoint-column-xxl)\",\n\n    \"xxs-gutter\": \"var(--fds-breakpoint-gutter-xxs)\",\n    \"xs-gutter\": \"var(--fds-breakpoint-gutter-xs)\",\n    \"sm-gutter\": \"var(--fds-breakpoint-gutter-sm)\",\n    \"md-gutter\": \"var(--fds-breakpoint-gutter-md)\",\n    \"lg-gutter\": \"var(--fds-breakpoint-gutter-lg)\",\n    \"xl-gutter\": \"var(--fds-breakpoint-gutter-xl)\",\n    \"xxl-gutter\": \"var(--fds-breakpoint-gutter-xxl)\",\n\n    \"xxs-margin\": \"var(--fds-breakpoint-margin-xxs)\",\n    \"xs-margin\": \"var(--fds-breakpoint-margin-xs)\",\n    \"sm-margin\": \"var(--fds-breakpoint-margin-sm)\",\n    \"md-margin\": \"var(--fds-breakpoint-margin-md)\",\n    \"lg-margin\": \"var(--fds-breakpoint-margin-lg)\",\n    \"xl-margin\": \"var(--fds-breakpoint-margin-xl)\",\n    \"xxl-margin\": \"var(--fds-breakpoint-margin-xxl)\",\n} as const;\n"],"names":["Breakpoint"],"mappings":"AAKO,MAAMA,EAAa,CACtB,UAAW,gCACX,UAAW,gCACX,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,SAAU,+BACV,UAAW,gCAEX,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc,mCAEd,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc,mCAEd,aAAc,mCACd,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,aAAc"}

package/theme/tokens/colour.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Base colour palette.
+ */
 export declare const PrimitiveColours: {
     readonly "brand-10": "var(--fds-colour-brand-10)";
     readonly "brand-20": "var(--fds-colour-brand-20)";
@@ -91,13 +94,20 @@ export declare const PrimitiveColours: {
     readonly black: "var(--fds-colour-black)";
     readonly "primary-inverse": "var(--fds-colour-primary-inverse)";
 };
+/**
+ * Purpose-driven colour tokens.
+ */
 export declare const SemanticColours: {
     readonly text: "var(--fds-colour-text)";
     readonly "text-subtle": "var(--fds-colour-text-subtle)";
     readonly "text-subtler": "var(--fds-colour-text-subtler)";
     readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
     readonly "text-primary": "var(--fds-colour-text-primary)";
+    readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
     readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
+    readonly "text-brand": "var(--fds-colour-text-brand)";
+    readonly "text-secondary": "var(--fds-colour-text-secondary)";
+    readonly "text-secondary-subtle": "var(--fds-colour-text-secondary-subtle)";
     readonly "text-hover": "var(--fds-colour-text-hover)";
     readonly "text-selected": "var(--fds-colour-text-selected)";
     readonly "text-selected-hover": "var(--fds-colour-text-selected-hover)";
@@ -116,6 +126,9 @@ export declare const SemanticColours: {
     readonly "icon-primary": "var(--fds-colour-icon-primary)";
     readonly "icon-primary-subtle": "var(--fds-colour-icon-primary-subtle)";
     readonly "icon-primary-subtlest": "var(--fds-colour-icon-primary-subtlest)";
+    readonly "icon-brand": "var(--fds-colour-icon-brand)";
+    readonly "icon-secondary": "var(--fds-colour-icon-secondary)";
+    readonly "icon-secondary-subtle": "var(--fds-colour-icon-secondary-subtle)";
     readonly "icon-hover": "var(--fds-colour-icon-hover)";
     readonly "icon-selected": "var(--fds-colour-icon-selected)";
     readonly "icon-selected-hover": "var(--fds-colour-icon-selected-hover)";
@@ -133,6 +146,7 @@ export declare const SemanticColours: {
     readonly "border-strong": "var(--fds-colour-border-strong)";
     readonly "border-stronger": "var(--fds-colour-border-stronger)";
     readonly "border-primary": "var(--fds-colour-border-primary)";
+    readonly "border-primary-strong": "var(--fds-colour-border-primary-strong)";
     readonly "border-primary-subtle": "var(--fds-colour-border-primary-subtle)";
     readonly "border-hover": "var(--fds-colour-border-hover)";
     readonly "border-hover-strong": "var(--fds-colour-border-hover-strong)";
@@ -191,11 +205,17 @@ export declare const SemanticColours: {
     readonly "bg-inverse-subtlest": "var(--fds-colour-bg-inverse-subtlest)";
     readonly "bg-inverse-hover": "var(--fds-colour-bg-inverse-hover)";
     readonly "bg-primary": "var(--fds-colour-bg-primary)";
+    readonly "bg-primary-strong": "var(--fds-colour-bg-primary-strong)";
     readonly "bg-primary-subtle": "var(--fds-colour-bg-primary-subtle)";
     readonly "bg-primary-subtler": "var(--fds-colour-bg-primary-subtler)";
     readonly "bg-primary-subtlest": "var(--fds-colour-bg-primary-subtlest)";
+    readonly "bg-secondary": "var(--fds-colour-bg-secondary)";
+    readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
+    readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
+    readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
     readonly "bg-available": "var(--fds-colour-bg-available)";
     readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
+    readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
     readonly "bg-primary-subtlest-hover": "var(--fds-colour-bg-primary-subtlest-hover)";
     readonly "bg-primary-subtlest-selected": "var(--fds-colour-bg-primary-subtlest-selected)";
     readonly "overlay-strong": "var(--fds-colour-overlay-strong)";
@@ -207,13 +227,21 @@ export declare const SemanticColours: {
     readonly "focus-ring": "var(--fds-colour-focus-ring)";
     readonly "focus-ring-inverse": "var(--fds-colour-focus-ring-inverse)";
 };
+/**
+ * Combined colour token set.
+ * @keywords design tokens, palette, theming
+ */
 export declare const Colour: {
     readonly text: "var(--fds-colour-text)";
     readonly "text-subtle": "var(--fds-colour-text-subtle)";
     readonly "text-subtler": "var(--fds-colour-text-subtler)";
     readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
     readonly "text-primary": "var(--fds-colour-text-primary)";
+    readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
     readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
+    readonly "text-brand": "var(--fds-colour-text-brand)";
+    readonly "text-secondary": "var(--fds-colour-text-secondary)";
+    readonly "text-secondary-subtle": "var(--fds-colour-text-secondary-subtle)";
     readonly "text-hover": "var(--fds-colour-text-hover)";
     readonly "text-selected": "var(--fds-colour-text-selected)";
     readonly "text-selected-hover": "var(--fds-colour-text-selected-hover)";
@@ -232,6 +260,9 @@ export declare const Colour: {
     readonly "icon-primary": "var(--fds-colour-icon-primary)";
     readonly "icon-primary-subtle": "var(--fds-colour-icon-primary-subtle)";
     readonly "icon-primary-subtlest": "var(--fds-colour-icon-primary-subtlest)";
+    readonly "icon-brand": "var(--fds-colour-icon-brand)";
+    readonly "icon-secondary": "var(--fds-colour-icon-secondary)";
+    readonly "icon-secondary-subtle": "var(--fds-colour-icon-secondary-subtle)";
     readonly "icon-hover": "var(--fds-colour-icon-hover)";
     readonly "icon-selected": "var(--fds-colour-icon-selected)";
     readonly "icon-selected-hover": "var(--fds-colour-icon-selected-hover)";
@@ -249,6 +280,7 @@ export declare const Colour: {
     readonly "border-strong": "var(--fds-colour-border-strong)";
     readonly "border-stronger": "var(--fds-colour-border-stronger)";
     readonly "border-primary": "var(--fds-colour-border-primary)";
+    readonly "border-primary-strong": "var(--fds-colour-border-primary-strong)";
     readonly "border-primary-subtle": "var(--fds-colour-border-primary-subtle)";
     readonly "border-hover": "var(--fds-colour-border-hover)";
     readonly "border-hover-strong": "var(--fds-colour-border-hover-strong)";
@@ -307,11 +339,17 @@ export declare const Colour: {
     readonly "bg-inverse-subtlest": "var(--fds-colour-bg-inverse-subtlest)";
     readonly "bg-inverse-hover": "var(--fds-colour-bg-inverse-hover)";
     readonly "bg-primary": "var(--fds-colour-bg-primary)";
+    readonly "bg-primary-strong": "var(--fds-colour-bg-primary-strong)";
     readonly "bg-primary-subtle": "var(--fds-colour-bg-primary-subtle)";
     readonly "bg-primary-subtler": "var(--fds-colour-bg-primary-subtler)";
     readonly "bg-primary-subtlest": "var(--fds-colour-bg-primary-subtlest)";
+    readonly "bg-secondary": "var(--fds-colour-bg-secondary)";
+    readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
+    readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
+    readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
     readonly "bg-available": "var(--fds-colour-bg-available)";
     readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
+    readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
     readonly "bg-primary-subtlest-hover": "var(--fds-colour-bg-primary-subtlest-hover)";
     readonly "bg-primary-subtlest-selected": "var(--fds-colour-bg-primary-subtlest-selected)";
     readonly "overlay-strong": "var(--fds-colour-overlay-strong)";

package/theme/tokens/colour.js

@@ -1,2 +1,2 @@
-const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
+const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strong":"var(--fds-colour-text-primary-strong)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-brand":"var(--fds-colour-text-brand)","text-secondary":"var(--fds-colour-text-secondary)","text-secondary-subtle":"var(--fds-colour-text-secondary-subtle)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-brand":"var(--fds-colour-icon-brand)","icon-secondary":"var(--fds-colour-icon-secondary)","icon-secondary-subtle":"var(--fds-colour-icon-secondary-subtle)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-strong":"var(--fds-colour-border-primary-strong)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-strong":"var(--fds-colour-bg-primary-strong)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-secondary":"var(--fds-colour-bg-secondary)","bg-secondary-subtle":"var(--fds-colour-bg-secondary-subtle)","bg-secondary-subtler":"var(--fds-colour-bg-secondary-subtler)","bg-secondary-subtlest":"var(--fds-colour-bg-secondary-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-strong-hover":"var(--fds-colour-bg-primary-strong-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
 //# sourceMappingURL=colour.js.map

package/theme/tokens/colour.js.map

@@ -1 +1 @@
-{"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["export const PrimitiveColours = {\n    \"brand-10\": \"var(--fds-colour-brand-10)\",\n    \"brand-20\": \"var(--fds-colour-brand-20)\",\n    \"brand-30\": \"var(--fds-colour-brand-30)\",\n    \"brand-40\": \"var(--fds-colour-brand-40)\",\n    \"brand-50\": \"var(--fds-colour-brand-50)\",\n    \"brand-60\": \"var(--fds-colour-brand-60)\",\n    \"brand-70\": \"var(--fds-colour-brand-70)\",\n    \"brand-80\": \"var(--fds-colour-brand-80)\",\n    \"brand-90\": \"var(--fds-colour-brand-90)\",\n    \"brand-95\": \"var(--fds-colour-brand-95)\",\n    \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n    \"primary-10\": \"var(--fds-colour-primary-10)\",\n    \"primary-20\": \"var(--fds-colour-primary-20)\",\n    \"primary-30\": \"var(--fds-colour-primary-30)\",\n    \"primary-40\": \"var(--fds-colour-primary-40)\",\n    \"primary-50\": \"var(--fds-colour-primary-50)\",\n    \"primary-60\": \"var(--fds-colour-primary-60)\",\n    \"primary-70\": \"var(--fds-colour-primary-70)\",\n    \"primary-80\": \"var(--fds-colour-primary-80)\",\n    \"primary-90\": \"var(--fds-colour-primary-90)\",\n    \"primary-95\": \"var(--fds-colour-primary-95)\",\n    \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n    \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n    \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n    \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n    \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n    \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n    \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n    \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n    \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n    \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n    \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n    \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n    \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n    \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n    \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n    \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n    \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n    \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n    \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n    \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n    \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n    \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n    \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n    \"success-10\": \"var(--fds-colour-success-10)\",\n    \"success-20\": \"var(--fds-colour-success-20)\",\n    \"success-30\": \"var(--fds-colour-success-30)\",\n    \"success-40\": \"var(--fds-colour-success-40)\",\n    \"success-50\": \"var(--fds-colour-success-50)\",\n    \"success-60\": \"var(--fds-colour-success-60)\",\n    \"success-70\": \"var(--fds-colour-success-70)\",\n    \"success-80\": \"var(--fds-colour-success-80)\",\n    \"success-90\": \"var(--fds-colour-success-90)\",\n    \"success-95\": \"var(--fds-colour-success-95)\",\n    \"success-100\": \"var(--fds-colour-success-100)\",\n\n    \"warning-10\": \"var(--fds-colour-warning-10)\",\n    \"warning-20\": \"var(--fds-colour-warning-20)\",\n    \"warning-30\": \"var(--fds-colour-warning-30)\",\n    \"warning-40\": \"var(--fds-colour-warning-40)\",\n    \"warning-50\": \"var(--fds-colour-warning-50)\",\n    \"warning-60\": \"var(--fds-colour-warning-60)\",\n    \"warning-70\": \"var(--fds-colour-warning-70)\",\n    \"warning-80\": \"var(--fds-colour-warning-80)\",\n    \"warning-90\": \"var(--fds-colour-warning-90)\",\n    \"warning-95\": \"var(--fds-colour-warning-95)\",\n    \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n    \"error-10\": \"var(--fds-colour-error-10)\",\n    \"error-20\": \"var(--fds-colour-error-20)\",\n    \"error-30\": \"var(--fds-colour-error-30)\",\n    \"error-40\": \"var(--fds-colour-error-40)\",\n    \"error-50\": \"var(--fds-colour-error-50)\",\n    \"error-60\": \"var(--fds-colour-error-60)\",\n    \"error-70\": \"var(--fds-colour-error-70)\",\n    \"error-80\": \"var(--fds-colour-error-80)\",\n    \"error-90\": \"var(--fds-colour-error-90)\",\n    \"error-95\": \"var(--fds-colour-error-95)\",\n    \"error-100\": \"var(--fds-colour-error-100)\",\n\n    \"info-10\": \"var(--fds-colour-info-10)\",\n    \"info-20\": \"var(--fds-colour-info-20)\",\n    \"info-30\": \"var(--fds-colour-info-30)\",\n    \"info-40\": \"var(--fds-colour-info-40)\",\n    \"info-50\": \"var(--fds-colour-info-50)\",\n    \"info-60\": \"var(--fds-colour-info-60)\",\n    \"info-70\": \"var(--fds-colour-info-70)\",\n    \"info-80\": \"var(--fds-colour-info-80)\",\n    \"info-90\": \"var(--fds-colour-info-90)\",\n    \"info-95\": \"var(--fds-colour-info-95)\",\n    \"info-100\": \"var(--fds-colour-info-100)\",\n\n    white: \"var(--fds-colour-white)\",\n    black: \"var(--fds-colour-black)\",\n    \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\nexport const SemanticColours = {\n    text: \"var(--fds-colour-text)\",\n    \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n    \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n    \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n    \"text-primary\": \"var(--fds-colour-text-primary)\",\n    \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n    \"text-hover\": \"var(--fds-colour-text-hover)\",\n    \"text-selected\": \"var(--fds-colour-text-selected)\",\n    \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n    \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n    \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n    \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n    \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n    \"text-success\": \"var(--fds-colour-text-success)\",\n    \"text-warning\": \"var(--fds-colour-text-warning)\",\n    \"text-error\": \"var(--fds-colour-text-error)\",\n    \"text-info\": \"var(--fds-colour-text-info)\",\n    \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n    icon: \"var(--fds-colour-icon)\",\n    \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n    \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n    \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n    \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n    \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n    \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n    \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n    \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n    \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n    \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n    \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n    \"icon-success\": \"var(--fds-colour-icon-success)\",\n    \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n    \"icon-error\": \"var(--fds-colour-icon-error)\",\n    \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n    \"icon-info\": \"var(--fds-colour-icon-info)\",\n    \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n    \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n    border: \"var(--fds-colour-border)\",\n    \"border-strong\": \"var(--fds-colour-border-strong)\",\n    \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n    \"border-primary\": \"var(--fds-colour-border-primary)\",\n    \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n    \"border-hover\": \"var(--fds-colour-border-hover)\",\n    \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n    \"border-selected\": \"var(--fds-colour-border-selected)\",\n    \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n    \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n    \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n    \"border-focus\": \"var(--fds-colour-border-focus)\",\n    \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n    \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n    \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n    \"border-success\": \"var(--fds-colour-border-success)\",\n    \"border-warning\": \"var(--fds-colour-border-warning)\",\n    \"border-error\": \"var(--fds-colour-border-error)\",\n    \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n    \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n    \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n    \"border-info\": \"var(--fds-colour-border-info)\",\n\n    bg: \"var(--fds-colour-bg)\",\n    \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n    \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n    \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n    \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n    \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n    \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n    \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n    \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n    \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n    \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n    \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n    \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n    \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n    \"bg-selected-strongest-hover\":\n        \"var(--fds-colour-bg-selected-strongest-hover)\",\n    \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n    \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n    \"bg-selected-stronger-disabled\":\n        \"var(--fds-colour-bg-selected-stronger-disabled)\",\n    \"bg-success\": \"var(--fds-colour-bg-success)\",\n    \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n    \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n    \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n    \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n    \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n    \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n    \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n    \"bg-info\": \"var(--fds-colour-bg-info)\",\n    \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n    \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n    \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n    \"bg-error\": \"var(--fds-colour-bg-error)\",\n    \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n    \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n    \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n    \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n    \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n    \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n    \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n    \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n    \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n    \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n    \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n    \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n    \"bg-available\": \"var(--fds-colour-bg-available)\",\n    \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n    \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n    \"bg-primary-subtlest-selected\":\n        \"var(--fds-colour-bg-primary-subtlest-selected)\",\n    \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n    \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n    hyperlink: \"var(--fds-colour-hyperlink)\",\n    \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n    \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n    \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n    \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n    \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\nexport const Colour = {\n    Primitive: PrimitiveColours,\n    ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}
+{"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["/**\n * Base colour palette.\n */\nexport const PrimitiveColours = {\n    \"brand-10\": \"var(--fds-colour-brand-10)\",\n    \"brand-20\": \"var(--fds-colour-brand-20)\",\n    \"brand-30\": \"var(--fds-colour-brand-30)\",\n    \"brand-40\": \"var(--fds-colour-brand-40)\",\n    \"brand-50\": \"var(--fds-colour-brand-50)\",\n    \"brand-60\": \"var(--fds-colour-brand-60)\",\n    \"brand-70\": \"var(--fds-colour-brand-70)\",\n    \"brand-80\": \"var(--fds-colour-brand-80)\",\n    \"brand-90\": \"var(--fds-colour-brand-90)\",\n    \"brand-95\": \"var(--fds-colour-brand-95)\",\n    \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n    \"primary-10\": \"var(--fds-colour-primary-10)\",\n    \"primary-20\": \"var(--fds-colour-primary-20)\",\n    \"primary-30\": \"var(--fds-colour-primary-30)\",\n    \"primary-40\": \"var(--fds-colour-primary-40)\",\n    \"primary-50\": \"var(--fds-colour-primary-50)\",\n    \"primary-60\": \"var(--fds-colour-primary-60)\",\n    \"primary-70\": \"var(--fds-colour-primary-70)\",\n    \"primary-80\": \"var(--fds-colour-primary-80)\",\n    \"primary-90\": \"var(--fds-colour-primary-90)\",\n    \"primary-95\": \"var(--fds-colour-primary-95)\",\n    \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n    \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n    \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n    \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n    \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n    \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n    \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n    \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n    \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n    \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n    \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n    \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n    \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n    \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n    \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n    \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n    \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n    \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n    \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n    \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n    \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n    \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n    \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n    \"success-10\": \"var(--fds-colour-success-10)\",\n    \"success-20\": \"var(--fds-colour-success-20)\",\n    \"success-30\": \"var(--fds-colour-success-30)\",\n    \"success-40\": \"var(--fds-colour-success-40)\",\n    \"success-50\": \"var(--fds-colour-success-50)\",\n    \"success-60\": \"var(--fds-colour-success-60)\",\n    \"success-70\": \"var(--fds-colour-success-70)\",\n    \"success-80\": \"var(--fds-colour-success-80)\",\n    \"success-90\": \"var(--fds-colour-success-90)\",\n    \"success-95\": \"var(--fds-colour-success-95)\",\n    \"success-100\": \"var(--fds-colour-success-100)\",\n\n    \"warning-10\": \"var(--fds-colour-warning-10)\",\n    \"warning-20\": \"var(--fds-colour-warning-20)\",\n    \"warning-30\": \"var(--fds-colour-warning-30)\",\n    \"warning-40\": \"var(--fds-colour-warning-40)\",\n    \"warning-50\": \"var(--fds-colour-warning-50)\",\n    \"warning-60\": \"var(--fds-colour-warning-60)\",\n    \"warning-70\": \"var(--fds-colour-warning-70)\",\n    \"warning-80\": \"var(--fds-colour-warning-80)\",\n    \"warning-90\": \"var(--fds-colour-warning-90)\",\n    \"warning-95\": \"var(--fds-colour-warning-95)\",\n    \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n    \"error-10\": \"var(--fds-colour-error-10)\",\n    \"error-20\": \"var(--fds-colour-error-20)\",\n    \"error-30\": \"var(--fds-colour-error-30)\",\n    \"error-40\": \"var(--fds-colour-error-40)\",\n    \"error-50\": \"var(--fds-colour-error-50)\",\n    \"error-60\": \"var(--fds-colour-error-60)\",\n    \"error-70\": \"var(--fds-colour-error-70)\",\n    \"error-80\": \"var(--fds-colour-error-80)\",\n    \"error-90\": \"var(--fds-colour-error-90)\",\n    \"error-95\": \"var(--fds-colour-error-95)\",\n    \"error-100\": \"var(--fds-colour-error-100)\",\n\n    \"info-10\": \"var(--fds-colour-info-10)\",\n    \"info-20\": \"var(--fds-colour-info-20)\",\n    \"info-30\": \"var(--fds-colour-info-30)\",\n    \"info-40\": \"var(--fds-colour-info-40)\",\n    \"info-50\": \"var(--fds-colour-info-50)\",\n    \"info-60\": \"var(--fds-colour-info-60)\",\n    \"info-70\": \"var(--fds-colour-info-70)\",\n    \"info-80\": \"var(--fds-colour-info-80)\",\n    \"info-90\": \"var(--fds-colour-info-90)\",\n    \"info-95\": \"var(--fds-colour-info-95)\",\n    \"info-100\": \"var(--fds-colour-info-100)\",\n\n    white: \"var(--fds-colour-white)\",\n    black: \"var(--fds-colour-black)\",\n    \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\n/**\n * Purpose-driven colour tokens.\n */\nexport const SemanticColours = {\n    text: \"var(--fds-colour-text)\",\n    \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n    \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n    \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n    \"text-primary\": \"var(--fds-colour-text-primary)\",\n    \"text-primary-strong\": \"var(--fds-colour-text-primary-strong)\",\n    \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n    \"text-brand\": \"var(--fds-colour-text-brand)\",\n    \"text-secondary\": \"var(--fds-colour-text-secondary)\",\n    \"text-secondary-subtle\": \"var(--fds-colour-text-secondary-subtle)\",\n    \"text-hover\": \"var(--fds-colour-text-hover)\",\n    \"text-selected\": \"var(--fds-colour-text-selected)\",\n    \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n    \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n    \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n    \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n    \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n    \"text-success\": \"var(--fds-colour-text-success)\",\n    \"text-warning\": \"var(--fds-colour-text-warning)\",\n    \"text-error\": \"var(--fds-colour-text-error)\",\n    \"text-info\": \"var(--fds-colour-text-info)\",\n    \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n    icon: \"var(--fds-colour-icon)\",\n    \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n    \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n    \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n    \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n    \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n    \"icon-brand\": \"var(--fds-colour-icon-brand)\",\n    \"icon-secondary\": \"var(--fds-colour-icon-secondary)\",\n    \"icon-secondary-subtle\": \"var(--fds-colour-icon-secondary-subtle)\",\n    \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n    \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n    \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n    \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n    \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n    \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n    \"icon-success\": \"var(--fds-colour-icon-success)\",\n    \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n    \"icon-error\": \"var(--fds-colour-icon-error)\",\n    \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n    \"icon-info\": \"var(--fds-colour-icon-info)\",\n    \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n    \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n    border: \"var(--fds-colour-border)\",\n    \"border-strong\": \"var(--fds-colour-border-strong)\",\n    \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n    \"border-primary\": \"var(--fds-colour-border-primary)\",\n    \"border-primary-strong\": \"var(--fds-colour-border-primary-strong)\",\n    \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n    \"border-hover\": \"var(--fds-colour-border-hover)\",\n    \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n    \"border-selected\": \"var(--fds-colour-border-selected)\",\n    \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n    \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n    \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n    \"border-focus\": \"var(--fds-colour-border-focus)\",\n    \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n    \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n    \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n    \"border-success\": \"var(--fds-colour-border-success)\",\n    \"border-warning\": \"var(--fds-colour-border-warning)\",\n    \"border-error\": \"var(--fds-colour-border-error)\",\n    \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n    \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n    \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n    \"border-info\": \"var(--fds-colour-border-info)\",\n\n    bg: \"var(--fds-colour-bg)\",\n    \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n    \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n    \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n    \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n    \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n    \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n    \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n    \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n    \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n    \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n    \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n    \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n    \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n    \"bg-selected-strongest-hover\":\n        \"var(--fds-colour-bg-selected-strongest-hover)\",\n    \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n    \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n    \"bg-selected-stronger-disabled\":\n        \"var(--fds-colour-bg-selected-stronger-disabled)\",\n    \"bg-success\": \"var(--fds-colour-bg-success)\",\n    \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n    \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n    \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n    \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n    \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n    \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n    \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n    \"bg-info\": \"var(--fds-colour-bg-info)\",\n    \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n    \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n    \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n    \"bg-error\": \"var(--fds-colour-bg-error)\",\n    \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n    \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n    \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n    \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n    \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n    \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n    \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n    \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n    \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n    \"bg-primary-strong\": \"var(--fds-colour-bg-primary-strong)\",\n    \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n    \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n    \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n    \"bg-secondary\": \"var(--fds-colour-bg-secondary)\",\n    \"bg-secondary-subtle\": \"var(--fds-colour-bg-secondary-subtle)\",\n    \"bg-secondary-subtler\": \"var(--fds-colour-bg-secondary-subtler)\",\n    \"bg-secondary-subtlest\": \"var(--fds-colour-bg-secondary-subtlest)\",\n    \"bg-available\": \"var(--fds-colour-bg-available)\",\n    \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n    \"bg-primary-strong-hover\": \"var(--fds-colour-bg-primary-strong-hover)\",\n    \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n    \"bg-primary-subtlest-selected\":\n        \"var(--fds-colour-bg-primary-subtlest-selected)\",\n\n    \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n    \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n\n    hyperlink: \"var(--fds-colour-hyperlink)\",\n    \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n    \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n    \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n\n    \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n    \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\n// @catalog\n/**\n * Combined colour token set.\n * @keywords design tokens, palette, theming\n */\nexport const Colour = {\n    Primitive: PrimitiveColours,\n    ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}

package/theme/tokens/component.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Component-scoped design tokens grouped by component.
+ * @keywords design tokens
+ */
 export declare const ComponentToken: {
     readonly Animation: {
         readonly "loading-dots-spinner-colour": "var(--fds-animation-loading-dots-spinner-colour)";

package/theme/tokens/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/theme/tokens/component.ts"],"sourcesContent":["const Button = {\n    radius: \"var(--fds-button-radius)\",\n    \"default-colour-bg\": \"var(--fds-button-default-colour-bg)\",\n    \"default-colour-bg-hover\": \"var(--fds-button-default-colour-bg-hover)\",\n    \"default-colour-text\": \"var(--fds-button-default-colour-text)\",\n    \"secondary-colour-border\": \"var(--fds-button-secondary-colour-border)\",\n    \"secondary-colour-text\": \"var(--fds-button-secondary-colour-text)\",\n    \"light-colour-text\": \"var(--fds-button-light-colour-text)\",\n    \"link-colour-text\": \"var(--fds-button-link-colour-text)\",\n} as const;\n\nconst Animation = {\n    \"loading-dots-spinner-colour\":\n        \"var(--fds-animation-loading-dots-spinner-colour)\",\n} as const;\n\nconst Navbar = {\n    \"full-height\": \"var(--fds-navbar-full-height)\",\n    \"full-logo-height\": \"var(--fds-navbar-full-logo-height)\",\n    \"compressed-height\": \"var(--fds-navbar-compressed-height)\",\n    \"compressed-logo-height\": \"var(--fds-navbar-compressed-logo-height)\",\n    \"mobile-height\": \"var(--fds-navbar-mobile-height)\",\n    \"mobile-logo-height\": \"var(--fds-navbar-mobile-logo-height)\",\n    \"colour-bg\": \"var(--fds-navbar-colour-bg)\",\n    \"colour-icon\": \"var(--fds-navbar-colour-icon)\",\n    \"link-colour-text\": \"var(--fds-navbar-link-colour-text)\",\n    \"link-colour-text-hover\": \"var(--fds-navbar-link-colour-text-hover)\",\n    \"link-colour-text-selected-hover\":\n        \"var(--fds-navbar-link-colour-text-selected-hover)\",\n} as const;\n\nconst Footer = {\n    \"colour-bg\": \"var(--fds-footer-colour-bg)\",\n    \"colour-text\": \"var(--fds-footer-colour-text)\",\n    \"link-colour-text\": \"var(--fds-footer-link-colour-text)\",\n    \"link-colour-text-hover\": \"var(--fds-footer-link-colour-text-hover)\",\n    \"disclaimer-link-colour-text\":\n        \"var(--fds-footer-disclaimer-link-colour-text)\",\n    \"disclaimer-link-colour-text-hover\":\n        \"var(--fds-footer-disclaimer-link-colour-text-hover)\",\n} as const;\n\nexport const ComponentToken = {\n    Animation,\n    Button,\n    Footer,\n    Navbar,\n} as const;\n"],"names":["ComponentToken","Animation","Button","radius","Footer","Navbar"],"mappings":"AAAA,MA0CaA,EAAiB,CAC1BC,UAhCc,CACd,8BACI,oDA+BJC,OA5CW,CACXC,OAAQ,2BACR,oBAAqB,sCACrB,0BAA2B,4CAC3B,sBAAuB,wCACvB,0BAA2B,4CAC3B,wBAAyB,0CACzB,oBAAqB,sCACrB,mBAAoB,sCAqCpBC,OAdW,CACX,YAAa,8BACb,cAAe,gCACf,mBAAoB,qCACpB,yBAA0B,2CAC1B,8BACI,gDACJ,oCACI,uDAOJC,OA9BW,CACX,cAAe,gCACf,mBAAoB,qCACpB,oBAAqB,sCACrB,yBAA0B,2CAC1B,gBAAiB,kCACjB,qBAAsB,uCACtB,YAAa,8BACb,cAAe,gCACf,mBAAoB,qCACpB,yBAA0B,2CAC1B,kCACI"}
+{"version":3,"file":"component.js","sources":["../../../src/theme/tokens/component.ts"],"sourcesContent":["const Button = {\n    radius: \"var(--fds-button-radius)\",\n    \"default-colour-bg\": \"var(--fds-button-default-colour-bg)\",\n    \"default-colour-bg-hover\": \"var(--fds-button-default-colour-bg-hover)\",\n    \"default-colour-text\": \"var(--fds-button-default-colour-text)\",\n    \"secondary-colour-border\": \"var(--fds-button-secondary-colour-border)\",\n    \"secondary-colour-text\": \"var(--fds-button-secondary-colour-text)\",\n    \"light-colour-text\": \"var(--fds-button-light-colour-text)\",\n    \"link-colour-text\": \"var(--fds-button-link-colour-text)\",\n} as const;\n\nconst Animation = {\n    \"loading-dots-spinner-colour\":\n        \"var(--fds-animation-loading-dots-spinner-colour)\",\n} as const;\n\nconst Navbar = {\n    \"full-height\": \"var(--fds-navbar-full-height)\",\n    \"full-logo-height\": \"var(--fds-navbar-full-logo-height)\",\n    \"compressed-height\": \"var(--fds-navbar-compressed-height)\",\n    \"compressed-logo-height\": \"var(--fds-navbar-compressed-logo-height)\",\n    \"mobile-height\": \"var(--fds-navbar-mobile-height)\",\n    \"mobile-logo-height\": \"var(--fds-navbar-mobile-logo-height)\",\n    \"colour-bg\": \"var(--fds-navbar-colour-bg)\",\n    \"colour-icon\": \"var(--fds-navbar-colour-icon)\",\n    \"link-colour-text\": \"var(--fds-navbar-link-colour-text)\",\n    \"link-colour-text-hover\": \"var(--fds-navbar-link-colour-text-hover)\",\n    \"link-colour-text-selected-hover\":\n        \"var(--fds-navbar-link-colour-text-selected-hover)\",\n} as const;\n\nconst Footer = {\n    \"colour-bg\": \"var(--fds-footer-colour-bg)\",\n    \"colour-text\": \"var(--fds-footer-colour-text)\",\n    \"link-colour-text\": \"var(--fds-footer-link-colour-text)\",\n    \"link-colour-text-hover\": \"var(--fds-footer-link-colour-text-hover)\",\n    \"disclaimer-link-colour-text\":\n        \"var(--fds-footer-disclaimer-link-colour-text)\",\n    \"disclaimer-link-colour-text-hover\":\n        \"var(--fds-footer-disclaimer-link-colour-text-hover)\",\n} as const;\n\n// @catalog\n/**\n * Component-scoped design tokens grouped by component.\n * @keywords design tokens\n */\nexport const ComponentToken = {\n    Animation,\n    Button,\n    Footer,\n    Navbar,\n} as const;\n"],"names":["ComponentToken","Animation","Button","radius","Footer","Navbar"],"mappings":"AAAA,MA+CaA,EAAiB,CAC1BC,UArCc,CACd,8BACI,oDAoCJC,OAjDW,CACXC,OAAQ,2BACR,oBAAqB,sCACrB,0BAA2B,4CAC3B,sBAAuB,wCACvB,0BAA2B,4CAC3B,wBAAyB,0CACzB,oBAAqB,sCACrB,mBAAoB,sCA0CpBC,OAnBW,CACX,YAAa,8BACb,cAAe,gCACf,mBAAoB,qCACpB,yBAA0B,2CAC1B,8BACI,gDACJ,oCACI,uDAYJC,OAnCW,CACX,cAAe,gCACf,mBAAoB,qCACpB,oBAAqB,sCACrB,yBAA0B,2CAC1B,gBAAiB,kCACjB,qBAAsB,uCACtB,YAAa,8BACb,cAAe,gCACf,mBAAoB,qCACpB,yBAA0B,2CAC1B,kCACI"}