@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/cjs/text-list/unordered-list.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("./text-list.styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(r);const n=r=>{var{size:s,bulletType:n,bottomMargin:d,children:a}=r,o=e.__rest(r,["size","bulletType","bottomMargin","children"]);const u=void 0!==n&&"string"!=typeof n;return t.jsx(i.StyledUnorderedList,Object.assign({$size:s,$bulletType:u?void 0:n,$bottomMargin:d,$hasCustomIcon:u},o,{children:u?l.default.Children.map(a,(e=>l.default.isValidElement(e)?l.default.cloneElement(e,{children:t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-hidden":!0,children:n}),t.jsx("div",{children:e.props.children})]})}):e)):a}))};n.displayName="TextList.Ul",exports.UnorderedList=n;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("clsx"),s=require("react");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var i=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var l=require("./text-list.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(t),d=u(s);const a=e=>"disc"===e||"circle"===e||"square"===e||"none"===e,o=t=>{var{className:u,size:o,bulletType:c,bottomMargin:m,children:h}=t,j=e.__rest(t,["className","size","bulletType","bottomMargin","children"]);const q=s.useRef(null),p=void 0!==c&&!a(c);i.useApplyStyle(q,{[l.tokens.listBottomMargin]:`${null!=m?m:0}rem`,[l.tokens.unorderedListBulletType]:a(c)?c:null});return r.jsx("ul",Object.assign({ref:q,className:n.default(l.listBase,l.unorderedList,o&&l.listSize[o],p&&l.unorderedListCustomIcon,u)},j,{children:p?d.default.Children.map(h,(e=>d.default.isValidElement(e)?d.default.cloneElement(e,{children:r.jsxs(r.Fragment,{children:[r.jsx("div",{"aria-hidden":!0,children:c}),r.jsx("div",{children:e.props.children})]})}):e)):h}))};o.displayName="TextList.Ul",exports.UnorderedList=o;
 //# sourceMappingURL=unordered-list.js.map

package/cjs/text-list/unordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.js","sources":["../../../src/text-list/unordered-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyledUnorderedList } from \"./text-list.styles\";\nimport { BulletType, UnorderedListProps } from \"./types\";\n\nexport const UnorderedList = ({\n    size,\n    bulletType,\n    bottomMargin,\n    children,\n    ...otherProps\n}: UnorderedListProps) => {\n    const isCustomIcon =\n        bulletType !== undefined && typeof bulletType !== \"string\";\n\n    const renderChildren = () => {\n        if (!isCustomIcon) {\n            return children;\n        }\n\n        return React.Children.map(children, (child) => {\n            if (React.isValidElement<{ children?: React.ReactNode }>(child)) {\n                return React.cloneElement(child, {\n                    children: (\n                        <>\n                            {/* Icon is decorative, hide from screen readers */}\n                            <div aria-hidden>{bulletType}</div>\n                            <div>{child.props.children}</div>\n                        </>\n                    ),\n                });\n            }\n            return child;\n        });\n    };\n\n    return (\n        <StyledUnorderedList\n            $size={size}\n            $bulletType={isCustomIcon ? undefined : (bulletType as BulletType)}\n            $bottomMargin={bottomMargin}\n            $hasCustomIcon={isCustomIcon}\n            {...otherProps}\n        >\n            {renderChildren()}\n        </StyledUnorderedList>\n    );\n};\n\nUnorderedList.displayName = \"TextList.Ul\";\n"],"names":["UnorderedList","_a","size","bulletType","bottomMargin","children","otherProps","__rest","isCustomIcon","undefined","_jsx","StyledUnorderedList","Object","assign","$size","$bulletType","$bottomMargin","$hasCustomIcon","React","Children","map","child","isValidElement","cloneElement","_jsxs","_Fragment","props","displayName"],"mappings":"4NAIO,MAAMA,EAAiBC,IAAA,IAAAC,KAC1BA,EAAIC,WACJA,EAAUC,aACVA,EAAYC,SACZA,GAAQJ,EACLK,EAAUC,EAAAA,OAAAN,EALa,CAAA,OAAA,aAAA,eAAA,aAO1B,MAAMO,OACaC,IAAfN,GAAkD,iBAAfA,EAuBvC,OACIO,EAAAA,IAACC,sBAAmBC,OAAAC,OAAA,CAAAC,MACTZ,EAAIa,YACEP,OAAeC,EAAaN,EAAyBa,cACnDZ,EAAYa,eACXT,GACZF,EAAU,CAAAD,SA1BbG,EAIEU,EAAAA,QAAMC,SAASC,IAAIf,GAAWgB,GAC7BH,EAAAA,QAAMI,eAA+CD,GAC9CH,EAAAA,QAAMK,aAAaF,EAAO,CAC7BhB,SACImB,EAAAA,KAAAC,EAAAA,SAAA,CAAApB,SAAA,CAEIK,EAAAA,IAAA,MAAA,CAAA,eAAA,EAAAL,SAAkBF,IAClBO,EAAAA,IAAA,MAAA,CAAAL,SAAMgB,EAAMK,MAAMrB,gBAK3BgB,IAfAhB,IA4BW,EAI9BL,EAAc2B,YAAc"}
+{"version":3,"file":"unordered-list.js","sources":["../../../src/text-list/unordered-list.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../theme\";\nimport * as styles from \"./text-list.styles\";\nimport type { BulletType, UnorderedListProps } from \"./types\";\n\nconst isBulletType = (value: unknown): value is BulletType =>\n    value === \"disc\" ||\n    value === \"circle\" ||\n    value === \"square\" ||\n    value === \"none\";\n\nexport const UnorderedList = ({\n    className,\n    size,\n    bulletType,\n    bottomMargin,\n    children,\n    ...otherProps\n}: UnorderedListProps) => {\n    const listRef = useRef<HTMLUListElement>(null);\n    const isCustomIcon = bulletType !== undefined && !isBulletType(bulletType);\n\n    useApplyStyle(listRef, {\n        [styles.tokens.listBottomMargin]: `${bottomMargin ?? 0}rem`,\n        [styles.tokens.unorderedListBulletType]: isBulletType(bulletType)\n            ? bulletType\n            : null,\n    });\n\n    const renderChildren = () => {\n        if (!isCustomIcon) {\n            return children;\n        }\n\n        return React.Children.map(children, (child) => {\n            if (React.isValidElement<{ children?: React.ReactNode }>(child)) {\n                return React.cloneElement(child, {\n                    children: (\n                        <>\n                            {/* Icon is decorative, hide from screen readers */}\n                            <div aria-hidden>{bulletType}</div>\n                            <div>{child.props.children}</div>\n                        </>\n                    ),\n                });\n            }\n            return child;\n        });\n    };\n\n    return (\n        <ul\n            ref={listRef}\n            className={clsx(\n                styles.listBase,\n                styles.unorderedList,\n                size && styles.listSize[size],\n                isCustomIcon && styles.unorderedListCustomIcon,\n                className\n            )}\n            {...otherProps}\n        >\n            {renderChildren()}\n        </ul>\n    );\n};\n\nUnorderedList.displayName = \"TextList.Ul\";\n"],"names":["isBulletType","value","UnorderedList","_a","className","size","bulletType","bottomMargin","children","otherProps","__rest","listRef","useRef","isCustomIcon","undefined","useApplyStyle","styles.tokens","listBottomMargin","unorderedListBulletType","_jsx","Object","assign","ref","clsx","styles.listBase","styles.unorderedList","styles.listSize","styles.unorderedListCustomIcon","React","Children","map","child","isValidElement","cloneElement","_jsxs","_Fragment","props","displayName"],"mappings":"2kBAOA,MAAMA,EAAgBC,GACR,SAAVA,GACU,WAAVA,GACU,WAAVA,GACU,SAAVA,EAESC,EAAiBC,IAAA,IAAAC,UAC1BA,EAASC,KACTA,EAAIC,WACJA,EAAUC,aACVA,EAAYC,SACZA,GAAQL,EACLM,EAAUC,EAAAA,OAAAP,EANa,6DAQ1B,MAAMQ,EAAUC,EAAAA,OAAyB,MACnCC,OAA8BC,IAAfR,IAA6BN,EAAaM,GAE/DS,EAAAA,cAAcJ,EAAS,CACnB,CAACK,SAAcC,kBAAmB,GAAGV,QAAAA,EAAgB,OACrD,CAACS,EAAAA,OAAcE,yBAA0BlB,EAAaM,GAChDA,EACA,OAwBV,OACIa,MAAA,KAAAC,OAAAC,OAAA,CACIC,IAAKX,EACLP,UAAWmB,UACPC,EAAAA,SACAC,EAAAA,cACApB,GAAQqB,EAAAA,SAAgBrB,GACxBQ,GAAgBc,EAAAA,wBAChBvB,IAEAK,EAAU,CAAAD,SA9BbK,EAIEe,EAAAA,QAAMC,SAASC,IAAItB,GAAWuB,GAC7BH,EAAAA,QAAMI,eAA+CD,GAC9CH,EAAAA,QAAMK,aAAaF,EAAO,CAC7BvB,SACI0B,EAAAA,KAAAC,EAAAA,SAAA,CAAA3B,SAAA,CAEIW,EAAAA,IAAA,MAAA,CAAA,eAAA,EAAAX,SAAkBF,IAClBa,EAAAA,IAAA,MAAA,CAAAX,SAAMuB,EAAMK,MAAM5B,gBAK3BuB,IAfAvB,IAgCN,EAIbN,EAAcmC,YAAc"}

package/cjs/theme/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./border-util/theme-helper.js"),o=require("./border/theme-helper.js"),t=require("./breakpoint/media-query-helper.js"),r=require("./breakpoint/theme-helper.js"),a=require("./colour-primitive/theme-helper.js"),h=require("./colour-semantic/theme-helper.js"),c=require("./components/theme-helper.js"),m=require("./font-spec/theme-helper.js"),s=require("./font/theme-helper.js"),d=require("./motion/theme-helper.js"),i=require("./radius/theme-helper.js"),u=require("./shadow/theme-helper.js"),l=require("./spacing/theme-helper.js"),S=require("./use-theme-mode.js"),n=require("./ds-theme-provider.js");const g=Object.assign(Object.assign({},h.ColourSemantic),{Primitive:a.PrimitiveColour}),p=Object.assign(Object.assign({},s.FontValues),{Spec:m.FontSpecValues}),f=d.MotionValues,b=Object.assign(Object.assign({},o.BorderValues),{Util:e.BorderUtilValues}),k=l.SpacingValues,T=i.RadiusValues,j=u.ShadowValues,C=r.BreakpointValues,M=t.MediaQuery,O={Button:c.ThemeButton,Navbar:c.ThemeNavbar},x={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},y={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},W={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},w={colourScheme:"careercompass",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"careercompass",componentScheme:"default"},v={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},q={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},B={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},V={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},D={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},G={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},P={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},_={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},F={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},L={colourScheme:"smgs",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},A={colourScheme:"toteboard",fontScheme:"toteboard",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"toteboard",componentScheme:"default"},R=Object.assign(Object.assign({},x),{light:S.createThemeWithColourMode(x,"light"),dark:S.createThemeWithColourMode(x,"dark")}),N=Object.assign(Object.assign({},y),{light:S.createThemeWithColourMode(y,"light"),dark:S.createThemeWithColourMode(y,"dark")}),Q=Object.assign(Object.assign({},W),{light:S.createThemeWithColourMode(W,"light"),dark:S.createThemeWithColourMode(W,"dark")}),U=Object.assign(Object.assign({},w),{light:S.createThemeWithColourMode(w,"light"),dark:S.createThemeWithColourMode(w,"dark")}),I=Object.assign(Object.assign({},v),{light:S.createThemeWithColourMode(v,"light"),dark:S.createThemeWithColourMode(v,"dark")}),z=Object.assign(Object.assign({},q),{light:S.createThemeWithColourMode(q,"light"),dark:S.createThemeWithColourMode(q,"dark")}),E=Object.assign(Object.assign({},B),{light:S.createThemeWithColourMode(B,"light"),dark:S.createThemeWithColourMode(B,"dark")}),H=Object.assign(Object.assign({},V),{light:S.createThemeWithColourMode(V,"light"),dark:S.createThemeWithColourMode(V,"dark")}),J=Object.assign(Object.assign({},D),{light:S.createThemeWithColourMode(D,"light"),dark:S.createThemeWithColourMode(D,"dark")}),K=Object.assign(Object.assign({},G),{light:S.createThemeWithColourMode(G,"light"),dark:S.createThemeWithColourMode(G,"dark")}),X=Object.assign(Object.assign({},P),{light:S.createThemeWithColourMode(P,"light"),dark:S.createThemeWithColourMode(P,"dark")}),Y=Object.assign(Object.assign({},_),{light:S.createThemeWithColourMode(_,"light"),dark:S.createThemeWithColourMode(_,"dark")}),Z=Object.assign(Object.assign({},F),{light:S.createThemeWithColourMode(F,"light"),dark:S.createThemeWithColourMode(F,"dark")}),$=Object.assign(Object.assign({},L),{light:S.createThemeWithColourMode(L,"light"),dark:S.createThemeWithColourMode(L,"dark")}),ee=Object.assign(Object.assign({},A),{light:S.createThemeWithColourMode(A,"light"),dark:S.createThemeWithColourMode(A,"dark")});exports.createThemeWithColourMode=S.createThemeWithColourMode,exports.getSystemColourMode=S.getSystemColourMode,exports.useDSTheme=S.useDSTheme,exports.DSThemeProvider=n.DSThemeProvider,exports.A11yPlaygroundTheme=J,exports.BookingSGTheme=N,exports.Border=b,exports.Breakpoint=C,exports.CCubeTheme=Q,exports.CareerCompassTheme=U,exports.Colour=g,exports.Font=p,exports.IMDATheme=Y,exports.LifeSGTheme=R,exports.MediaQuery=M,exports.Motion=f,exports.MyLegacyTheme=I,exports.OneServiceTheme=E,exports.PATheme=H,exports.RBSTheme=z,exports.Radius=T,exports.SGWDigitalLobbyTheme=X,exports.SGWDigitalLobbyThemeBase=P,exports.SMGSTheme=$,exports.SPFTheme=Z,exports.Shadow=j,exports.Spacing=k,exports.SupportGoWhereTheme=K,exports.SupportGoWhereThemeBase=G,exports.ThemeComponent=O,exports.ToteBoardTheme=ee;
+"use strict";var e=require("./theme-provider/index.js"),r=require("./theme-provider/hooks.js"),s=require("./tokens/border.js"),o=require("./tokens/breakpoint.js"),t=require("./tokens/colour.js"),i=require("./tokens/component.js"),u=require("./tokens/font.js"),n=require("./tokens/media-query.js"),p=require("./tokens/motion.js"),a=require("./tokens/radius.js"),d=require("./tokens/shadow.js"),x=require("./tokens/spacing.js"),l=require("./types.js"),k=require("./utils/css-variable.js"),m=require("./utils/use-apply-styles.js"),h=require("./utils/use-design-token.js"),q=require("./utils/use-media-query.js");exports.ThemeProvider=e.ThemeProvider,exports.useInheritedThemeScope=r.useInheritedThemeScope,exports.useTheme=r.useTheme,exports.Border=s.Border,exports.BorderStyle=s.BorderStyle,exports.BorderThickness=s.BorderThickness,exports.Breakpoint=o.Breakpoint,exports.Colour=t.Colour,exports.PrimitiveColours=t.PrimitiveColours,exports.SemanticColours=t.SemanticColours,exports.ComponentToken=i.ComponentToken,exports.Font=u.Font,exports.FontSpec=u.FontSpec,exports.MediaQuery=n.MediaQuery,exports.Motion=p.Motion,exports.Radius=a.Radius,exports.Shadow=d.Shadow,exports.Spacing=x.Spacing,exports.THEME_TYPES=l.THEME_TYPES,exports.formatUnitValue=k.formatUnitValue,exports.parsePxOrRemValue=k.parsePxOrRemValue,exports.useApplyStyle=m.useApplyStyle,exports.useDesignToken=h.useDesignToken,exports.useMaxWidthMediaQuery=q.useMaxWidthMediaQuery,exports.useMediaQuery=q.useMediaQuery,exports.useMinWidthMediaQuery=q.useMinWidthMediaQuery,exports.useResolvedBreakpointToken=q.useResolvedBreakpointToken;
 //# sourceMappingURL=index.js.map

package/cjs/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n    ...ColourSemantic,\n    Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n    ...FontValues,\n    Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n    ...BorderValues,\n    Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n    Button: ThemeButton,\n    Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n    colourScheme: \"lifesg\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"lifesg\",\n    componentScheme: \"lifesg\",\n    _v2: {\n        colorScheme: \"base\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"base\",\n    },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n    colourScheme: \"bookingsg\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"bookingsg\",\n    _v2: {\n        colorScheme: \"bookingsg\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"bookingsg\",\n    },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n    colourScheme: \"ccube\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"ccube\",\n    _v2: {\n        colorScheme: \"ccube\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"ccube\",\n    },\n};\n\nconst CareerCompassThemeBase: ThemeSpec = {\n    colourScheme: \"careercompass\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"careercompass\",\n    componentScheme: \"default\",\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n    colourScheme: \"mylegacy\",\n    fontScheme: \"mylegacy\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"mylegacy\",\n    _v2: {\n        colorScheme: \"mylegacy\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"mylegacy\",\n    },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n    colourScheme: \"rbs\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"rbs\",\n    _v2: {\n        colorScheme: \"rbs\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"rbs\",\n        resourceScheme: \"rbs\",\n    },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n    colourScheme: \"oneservice\",\n    fontScheme: \"oneservice\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n    colourScheme: \"pa\",\n    fontScheme: \"pa\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"pa\",\n    componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n    colourScheme: \"a11yplayground\",\n    fontScheme: \"a11yplayground\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"a11yplayground\",\n    componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n    colourScheme: \"supportgowhere\",\n    fontScheme: \"supportgowhere\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n    colourScheme: \"sgwdigitallobby\",\n    fontScheme: \"sgwdigitallobby\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n    colourScheme: \"imda\",\n    fontScheme: \"imda\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"imda\",\n    componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n    colourScheme: \"spf\",\n    fontScheme: \"spf\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"spf\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"spf\",\n    componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n    colourScheme: \"smgs\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"smgs\",\n    componentScheme: \"smgs\",\n};\n\nconst ToteBoardThemeBase: ThemeSpec = {\n    colourScheme: \"toteboard\",\n    fontScheme: \"toteboard\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"toteboard\",\n    componentScheme: \"default\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n    ...LifeSGThemeBase,\n    light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n    ...BookingSGThemeBase,\n    light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n    ...CCubeThemeBase,\n    light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n    dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const CareerCompassTheme = {\n    ...CareerCompassThemeBase,\n    light: createThemeWithColourMode(CareerCompassThemeBase, \"light\"),\n    dark: createThemeWithColourMode(CareerCompassThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n    ...MyLegacyThemeBase,\n    light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n    ...RBSThemeBase,\n    light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n    ...OneServiceThemeBase,\n    light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n    dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n    ...PAThemeBase,\n    light: createThemeWithColourMode(PAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n    ...A11yPlaygroundThemeBase,\n    light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n    dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n    ...SupportGoWhereThemeBase,\n    light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n    ...SGWDigitalLobbyThemeBase,\n    light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n    ...IMDAThemeBase,\n    light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n    ...SPFThemeBase,\n    light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n    ...SMGSThemeBase,\n    light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n\nexport const ToteBoardTheme = {\n    ...ToteBoardThemeBase,\n    light: createThemeWithColourMode(ToteBoardThemeBase, \"light\"),\n    dark: createThemeWithColourMode(ToteBoardThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","CareerCompassThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","ToteBoardThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","CareerCompassTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme","ToteBoardTheme"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +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\nfunction 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","globalThis","handleBreakpointChange","addEventListener","removeEventListener"],"mappings":"4XAuDA,MAAMA,EAA0B,kBAEhC,SAASC,EAAuBC,GAC5B,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,EAAAA,sBAAsBF,EAAOb,GACjD,OAAIc,IAEAd,IAAkBE,SAASc,gBACpBD,wBAAsBF,EAAOX,SAASc,iBAG1CF,EAAW,EAGtB,MAAO,CACH,CACIG,IAAK,MACLC,IAAKN,EAAmBO,aAAW,YACnCC,IAAKR,EAAmBO,aAAW,aAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,aAAW,WACnCC,IAAKR,EAAmBO,aAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,aAAW,WACnCC,IAAKR,EAAmBO,aAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,aAAW,WACnCC,IAAKR,EAAmBO,aAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,aAAW,WACnCC,IAAKR,EAAmBO,aAAW,YAEvC,CACIF,IAAK,KACLC,IAAKN,EAAmBO,aAAW,WACnCC,IAAKR,EAAmBO,aAAW,YAEvC,CACIF,IAAK,MACLC,IAAKN,EAAmBO,aAAW,YACnCC,IAAKC,KAGjB,CAc8BC,CAAoBtB,GAE9CW,EAAkBJ,SAASgB,IACvB,MAAMC,EAAWC,EAAAA,kBAAkBF,EAAML,KACnCQ,EACFH,EAAMH,MAAQC,IACRA,IACAI,EAAAA,kBAAkBF,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,iCAEM,SAAkCjB,GACpC,IAAK8B,WAAW1B,OAAQ,OAExB,MAAM2B,EAAyB,KAC3BhC,EAAuBC,EAAc,EAMzC,OAHA+B,IACAD,WAAW1B,OAAO4B,iBAAiB,SAAUD,GAEtC,KACHD,WAAW1B,OAAO6B,oBAAoB,SAAUF,EAAuB,CAE/E"}

package/cjs/theme/theme-provider/context.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react").createContext(void 0);exports.ThemeContext=e;
+//# sourceMappingURL=context.js.map

package/cjs/theme/theme-provider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/theme/theme-provider/context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { ThemeContextValue } from \"./types\";\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(\n    undefined\n);\n"],"names":["ThemeContext","createContext","undefined"],"mappings":"mBAIaA,mBAAeC,mBACxBC"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("../utils/css-variable.js"),l=require("./context.js");exports.useInheritedThemeScope=n=>{const m=e.useContext(l.ThemeContext);return e.useMemo((()=>{var e;return n?{themeProps:{"data-fds-theme":null==m?void 0:m.theme,"data-fds-theme-mode":null==m?void 0:m.mode},themeStyle:t.getInheritedInlineCssVariables(null!==(e=null==m?void 0:m.themeElement)&&void 0!==e?e:null)}:{themeProps:{},themeStyle:{}}}),[n,null==m?void 0:m.mode,null==m?void 0:m.theme,null==m?void 0:m.themeElement])},exports.useTheme=()=>{const t=e.useContext(l.ThemeContext);return t||{theme:"lifesg",mode:"light",themeElement:null}};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +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\";\nimport type { ThemeContextValue } from \"./types\";\n\ntype InheritedThemeScope = {\n    themeProps: {\n        \"data-fds-theme\"?: string;\n        \"data-fds-theme-mode\"?: 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            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            },\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":["enabled","themeContext","useContext","ThemeContext","useMemo","themeProps","theme","mode","themeStyle","getInheritedInlineCssVariables","_a","themeElement","context"],"mappings":"mIAkDIA,IAEA,MAAMC,EAAeC,EAAAA,WAAWC,gBAEhC,OAAOC,EAAAA,SAAQ,WACX,OAAKJ,EAOE,CACHK,WAAY,CACR,iBAAkBJ,aAAY,EAAZA,EAAcK,MAChC,sBAAuBL,aAAY,EAAZA,EAAcM,MAEzCC,WAAYC,EAAAA,+BACkB,QAA1BC,EAAAT,aAAY,EAAZA,EAAcU,oBAAY,IAAAD,EAAAA,EAAI,OAZ3B,CACHL,WAAY,CAAA,EACZG,WAAY,CAAA,EAYnB,GACF,CACCR,EACAC,aAAY,EAAZA,EAAcM,KACdN,aAAY,EAAZA,EAAcK,MACdL,aAAY,EAAZA,EAAcU,cAChB,mBArDkB,KACpB,MAAMC,EAAUV,EAAAA,WAAWC,gBAE3B,OAAKS,GACM,CACHN,MAAO,SACPC,KAAM,QACNI,aAAc,KAIR"}

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

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

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

@@ -0,0 +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\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","ref","isModeControlled","computedMode","setComputedMode","useState","themeElement","setThemeElement","useIsomorphicLayoutEffect","sourceElement","document","documentElement","setupBreakpointListener","useEffect","listenToSystemColourMode","contextValue","useMemo","_jsx","ThemeContext","Provider","value","mergeRefs"],"mappings":"qdAUA,MAsEaA,EAAgBC,EAAAA,YAtEF,EAEnBC,WACAC,QAAQ,SACRC,OAAO,OACPC,YACAC,SAEJC,KAEA,MAAMC,EAA4B,SAATJ,GAElBK,EAAcC,GAAmBC,EAAAA,SACpCH,EAAmBJ,EAAO,UAEvBQ,EAAcC,GAAmBF,EAAAA,SACpC,MAMJG,EAAAA,2BAA0B,KACtB,MAAMC,EAAgBH,QAAAA,EAAgBI,SAASC,gBAE/C,OADgBC,EAAAA,wBAAwBH,EAC1B,GACf,CAACH,EAAcT,EAAOM,IAEzBU,EAAAA,WAAU,KACN,IAAIX,EAKJ,OAAOY,EAAAA,yBAAyBV,GAJ5BA,EAAgBN,EAI4B,GACjD,CAACI,EAAkBJ,IAEtB,MAAMiB,EAAeC,EAAAA,SACjB,KAAA,CACInB,QACAC,KAAMK,EACNG,kBAEJ,CAACT,EAAOM,EAAcG,IAG1B,OACIW,MAACC,EAAAA,aAAaC,UAASC,MAAOL,EAAYnB,SACtCqB,EAAAA,WACIhB,IAAKoB,EAAAA,UAAUpB,EAAKM,GAAgB,iBACpBV,EAAK,sBACAM,EACrBJ,UAAWA,EACXC,MAAOA,EAAKJ,SAEXA,KAEe"}

package/cjs/theme/theme-provider/system-colour-mode.js

@@ -0,0 +1,2 @@
+"use strict";exports.listenToSystemColourMode=function(e){if("undefined"==typeof window||!window.matchMedia)return;const t=window.matchMedia("(prefers-color-scheme: dark)");e(t.matches?"dark":"light");const n=t=>{e(t.matches?"dark":"light")};return t.addEventListener?(t.addEventListener("change",n),()=>t.removeEventListener("change",n)):(t.addListener(n),()=>t.removeListener(n))};
+//# sourceMappingURL=system-colour-mode.js.map

package/cjs/theme/theme-provider/system-colour-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-colour-mode.js","sources":["../../../../src/theme/theme-provider/system-colour-mode.ts"],"sourcesContent":["import type { ResolvedThemeMode } from \"../types\";\n\nexport function getSystemColourMode(): ResolvedThemeMode {\n    if (\n        typeof window !== \"undefined\" &&\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n    ) {\n        return \"dark\";\n    }\n\n    return \"light\";\n}\n\nexport function listenToSystemColourMode(\n    callback: (mode: ResolvedThemeMode) => void\n) {\n    if (typeof window === \"undefined\" || !window.matchMedia) {\n        return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    // Set the initial value\n    callback(mediaQuery.matches ? \"dark\" : \"light\");\n\n    const handler = (e: MediaQueryListEvent) => {\n        callback(e.matches ? \"dark\" : \"light\");\n    };\n\n    if (mediaQuery.addEventListener) {\n        mediaQuery.addEventListener(\"change\", handler);\n        return () => mediaQuery.removeEventListener(\"change\", handler);\n    }\n\n    mediaQuery.addListener(handler);\n    return () => mediaQuery.removeListener(handler);\n}\n"],"names":["callback","window","matchMedia","mediaQuery","matches","handler","e","addEventListener","removeEventListener","addListener","removeListener"],"mappings":"8CAcM,SACFA,GAEA,GAAsB,oBAAXC,SAA2BA,OAAOC,WACzC,OAGJ,MAAMC,EAAaF,OAAOC,WAAW,gCAGrCF,EAASG,EAAWC,QAAU,OAAS,SAEvC,MAAMC,EAAWC,IACbN,EAASM,EAAEF,QAAU,OAAS,QAAQ,EAG1C,OAAID,EAAWI,kBACXJ,EAAWI,iBAAiB,SAAUF,GAC/B,IAAMF,EAAWK,oBAAoB,SAAUH,KAG1DF,EAAWM,YAAYJ,GAChB,IAAMF,EAAWO,eAAeL,GAC3C"}

package/cjs/theme/tokens/border.js

@@ -0,0 +1,2 @@
+"use strict";const r={"width-005":"var(--fds-border-width-005)","width-010":"var(--fds-border-width-010)","width-020":"var(--fds-border-width-020)","width-040":"var(--fds-border-width-040)"},d={solid:"var(--fds-border-style-solid)"},s=Object.assign(Object.assign({},r),d);exports.Border=s,exports.BorderStyle=d,exports.BorderThickness=r;
+//# sourceMappingURL=border.js.map

package/cjs/theme/tokens/border.js.map

@@ -0,0 +1 @@
+{"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/cjs/theme/tokens/breakpoint.js

@@ -0,0 +1,2 @@
+"use strict";exports.Breakpoint={"xxs-min":"var(--fds-breakpoint-xxs-min)","xxs-max":"var(--fds-breakpoint-xxs-max)","xs-min":"var(--fds-breakpoint-xs-min)","xs-max":"var(--fds-breakpoint-xs-max)","sm-min":"var(--fds-breakpoint-sm-min)","sm-max":"var(--fds-breakpoint-sm-max)","md-min":"var(--fds-breakpoint-md-min)","md-max":"var(--fds-breakpoint-md-max)","lg-min":"var(--fds-breakpoint-lg-min)","lg-max":"var(--fds-breakpoint-lg-max)","xl-min":"var(--fds-breakpoint-xl-min)","xl-max":"var(--fds-breakpoint-xl-max)","xxl-min":"var(--fds-breakpoint-xxl-min)","xxs-column":"var(--fds-breakpoint-column-xxs)","xs-column":"var(--fds-breakpoint-column-xs)","sm-column":"var(--fds-breakpoint-column-sm)","md-column":"var(--fds-breakpoint-column-md)","lg-column":"var(--fds-breakpoint-column-lg)","xl-column":"var(--fds-breakpoint-column-xl)","xxl-column":"var(--fds-breakpoint-column-xxl)","xxs-gutter":"var(--fds-breakpoint-gutter-xxs)","xs-gutter":"var(--fds-breakpoint-gutter-xs)","sm-gutter":"var(--fds-breakpoint-gutter-sm)","md-gutter":"var(--fds-breakpoint-gutter-md)","lg-gutter":"var(--fds-breakpoint-gutter-lg)","xl-gutter":"var(--fds-breakpoint-gutter-xl)","xxl-gutter":"var(--fds-breakpoint-gutter-xxl)","xxs-margin":"var(--fds-breakpoint-margin-xxs)","xs-margin":"var(--fds-breakpoint-margin-xs)","sm-margin":"var(--fds-breakpoint-margin-sm)","md-margin":"var(--fds-breakpoint-margin-md)","lg-margin":"var(--fds-breakpoint-margin-lg)","xl-margin":"var(--fds-breakpoint-margin-xl)","xxl-margin":"var(--fds-breakpoint-margin-xxl)"};
+//# sourceMappingURL=breakpoint.js.map

package/cjs/theme/tokens/breakpoint.js.map

@@ -0,0 +1 @@
+{"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":[],"mappings":"gCAK0B,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/cjs/theme/tokens/colour.js

@@ -0,0 +1,2 @@
+"use strict";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);exports.Colour=s,exports.PrimitiveColours=r,exports.SemanticColours=o;
+//# sourceMappingURL=colour.js.map

package/cjs/theme/tokens/colour.js.map

@@ -0,0 +1 @@
+{"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/cjs/theme/tokens/component.js

@@ -0,0 +1,2 @@
+"use strict";const o={Animation:{"loading-dots-spinner-colour":"var(--fds-animation-loading-dots-spinner-colour)"},Button:{radius:"var(--fds-button-radius)","default-colour-bg":"var(--fds-button-default-colour-bg)","default-colour-bg-hover":"var(--fds-button-default-colour-bg-hover)","default-colour-text":"var(--fds-button-default-colour-text)","secondary-colour-border":"var(--fds-button-secondary-colour-border)","secondary-colour-text":"var(--fds-button-secondary-colour-text)","light-colour-text":"var(--fds-button-light-colour-text)","link-colour-text":"var(--fds-button-link-colour-text)"},Footer:{"colour-bg":"var(--fds-footer-colour-bg)","colour-text":"var(--fds-footer-colour-text)","link-colour-text":"var(--fds-footer-link-colour-text)","link-colour-text-hover":"var(--fds-footer-link-colour-text-hover)","disclaimer-link-colour-text":"var(--fds-footer-disclaimer-link-colour-text)","disclaimer-link-colour-text-hover":"var(--fds-footer-disclaimer-link-colour-text-hover)"},Navbar:{"full-height":"var(--fds-navbar-full-height)","full-logo-height":"var(--fds-navbar-full-logo-height)","compressed-height":"var(--fds-navbar-compressed-height)","compressed-logo-height":"var(--fds-navbar-compressed-logo-height)","mobile-height":"var(--fds-navbar-mobile-height)","mobile-logo-height":"var(--fds-navbar-mobile-logo-height)","colour-bg":"var(--fds-navbar-colour-bg)","colour-icon":"var(--fds-navbar-colour-icon)","link-colour-text":"var(--fds-navbar-link-colour-text)","link-colour-text-hover":"var(--fds-navbar-link-colour-text-hover)","link-colour-text-selected-hover":"var(--fds-navbar-link-colour-text-selected-hover)"}};exports.ComponentToken=o;
+//# sourceMappingURL=component.js.map

package/cjs/theme/tokens/component.js.map

@@ -0,0 +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\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"}

package/cjs/theme/tokens/font.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../utils/font.js");const d={"font-family-heading":"var(--fds-font-family-heading)","font-family-body":"var(--fds-font-family-body)","font-variant":"var(--fds-font-variant)","weight-light":"var(--fds-font-weight-light)","weight-regular":"var(--fds-font-weight-regular)","weight-semibold":"var(--fds-font-weight-semibold)","weight-bold":"var(--fds-font-weight-bold)","heading-size-xxl":"var(--fds-font-heading-size-xxl)","heading-size-xl":"var(--fds-font-heading-size-xl)","heading-size-lg":"var(--fds-font-heading-size-lg)","heading-size-md":"var(--fds-font-heading-size-md)","heading-size-sm":"var(--fds-font-heading-size-sm)","heading-size-xs":"var(--fds-font-heading-size-xs)","heading-lh-xxl":"var(--fds-font-heading-lh-xxl)","heading-lh-xl":"var(--fds-font-heading-lh-xl)","heading-lh-lg":"var(--fds-font-heading-lh-lg)","heading-lh-md":"var(--fds-font-heading-lh-md)","heading-lh-sm":"var(--fds-font-heading-lh-sm)","heading-lh-xs":"var(--fds-font-heading-lh-xs)","heading-ls-xxl":"var(--fds-font-heading-ls-xxl)","heading-ls-xl":"var(--fds-font-heading-ls-xl)","heading-ls-lg":"var(--fds-font-heading-ls-lg)","heading-ls-md":"var(--fds-font-heading-ls-md)","heading-ls-sm":"var(--fds-font-heading-ls-sm)","heading-ls-xs":"var(--fds-font-heading-ls-xs)","body-size-baseline":"var(--fds-font-body-size-baseline)","body-size-md":"var(--fds-font-body-size-md)","body-size-sm":"var(--fds-font-body-size-sm)","body-size-xs":"var(--fds-font-body-size-xs)","body-lh-baseline":"var(--fds-font-body-lh-baseline)","body-lh-md":"var(--fds-font-body-lh-md)","body-lh-sm":"var(--fds-font-body-lh-sm)","body-lh-xs":"var(--fds-font-body-lh-xs)","body-ls-baseline":"var(--fds-font-body-ls-baseline)","body-ls-md":"var(--fds-font-body-ls-md)","body-ls-sm":"var(--fds-font-body-ls-sm)","body-ls-xs":"var(--fds-font-body-ls-xs)","form-label-size":"var(--fds-font-form-label-size)","form-label-lh":"var(--fds-font-form-label-lh)","form-label-ls":"var(--fds-font-form-label-ls)","form-description-size":"var(--fds-font-form-description-size)","form-description-lh":"var(--fds-font-form-description-lh)","form-description-ls":"var(--fds-font-form-description-ls)"},n={"heading-xxl-light":e.generateFont("heading-xxl","light"),"heading-xxl-regular":e.generateFont("heading-xxl","regular"),"heading-xxl-semibold":e.generateFont("heading-xxl","semibold"),"heading-xxl-bold":e.generateFont("heading-xxl","bold"),"heading-xl-light":e.generateFont("heading-xl","light"),"heading-xl-regular":e.generateFont("heading-xl","regular"),"heading-xl-semibold":e.generateFont("heading-xl","semibold"),"heading-xl-bold":e.generateFont("heading-xl","bold"),"heading-lg-light":e.generateFont("heading-lg","light"),"heading-lg-regular":e.generateFont("heading-lg","regular"),"heading-lg-semibold":e.generateFont("heading-lg","semibold"),"heading-lg-bold":e.generateFont("heading-lg","bold"),"heading-md-light":e.generateFont("heading-md","light"),"heading-md-regular":e.generateFont("heading-md","regular"),"heading-md-semibold":e.generateFont("heading-md","semibold"),"heading-md-bold":e.generateFont("heading-md","bold"),"heading-sm-light":e.generateFont("heading-sm","light"),"heading-sm-regular":e.generateFont("heading-sm","regular"),"heading-sm-semibold":e.generateFont("heading-sm","semibold"),"heading-sm-bold":e.generateFont("heading-sm","bold"),"heading-xs-light":e.generateFont("heading-xs","light"),"heading-xs-regular":e.generateFont("heading-xs","regular"),"heading-xs-semibold":e.generateFont("heading-xs","semibold"),"heading-xs-bold":e.generateFont("heading-xs","bold"),"body-baseline-light":e.generateFont("body-baseline","light"),"body-baseline-regular":e.generateFont("body-baseline","regular"),"body-baseline-semibold":e.generateFont("body-baseline","semibold"),"body-baseline-bold":e.generateFont("body-baseline","bold"),"body-md-light":e.generateFont("body-md","light"),"body-md-regular":e.generateFont("body-md","regular"),"body-md-semibold":e.generateFont("body-md","semibold"),"body-md-bold":e.generateFont("body-md","bold"),"body-sm-light":e.generateFont("body-sm","light"),"body-sm-regular":e.generateFont("body-sm","regular"),"body-sm-semibold":e.generateFont("body-sm","semibold"),"body-sm-bold":e.generateFont("body-sm","bold"),"body-xs-light":e.generateFont("body-xs","light"),"body-xs-regular":e.generateFont("body-xs","regular"),"body-xs-semibold":e.generateFont("body-xs","semibold"),"body-xs-bold":e.generateFont("body-xs","bold"),"form-label":e.generateFont("form-label","semibold"),"form-description":e.generateFont("form-description","regular"),Spec:d};exports.Font=n,exports.FontSpec=d;
+//# sourceMappingURL=font.js.map

package/cjs/theme/tokens/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","sources":["../../../../src/theme/tokens/font.ts"],"sourcesContent":["import { generateFont } from \"../utils/font\";\n\n/**\n * Raw font CSS variable tokens.\n */\nexport const FontSpec = {\n    \"font-family-heading\": \"var(--fds-font-family-heading)\",\n    \"font-family-body\": \"var(--fds-font-family-body)\",\n    \"font-variant\": \"var(--fds-font-variant)\",\n\n    \"weight-light\": \"var(--fds-font-weight-light)\",\n    \"weight-regular\": \"var(--fds-font-weight-regular)\",\n    \"weight-semibold\": \"var(--fds-font-weight-semibold)\",\n    \"weight-bold\": \"var(--fds-font-weight-bold)\",\n\n    \"heading-size-xxl\": \"var(--fds-font-heading-size-xxl)\",\n    \"heading-size-xl\": \"var(--fds-font-heading-size-xl)\",\n    \"heading-size-lg\": \"var(--fds-font-heading-size-lg)\",\n    \"heading-size-md\": \"var(--fds-font-heading-size-md)\",\n    \"heading-size-sm\": \"var(--fds-font-heading-size-sm)\",\n    \"heading-size-xs\": \"var(--fds-font-heading-size-xs)\",\n\n    \"heading-lh-xxl\": \"var(--fds-font-heading-lh-xxl)\",\n    \"heading-lh-xl\": \"var(--fds-font-heading-lh-xl)\",\n    \"heading-lh-lg\": \"var(--fds-font-heading-lh-lg)\",\n    \"heading-lh-md\": \"var(--fds-font-heading-lh-md)\",\n    \"heading-lh-sm\": \"var(--fds-font-heading-lh-sm)\",\n    \"heading-lh-xs\": \"var(--fds-font-heading-lh-xs)\",\n\n    \"heading-ls-xxl\": \"var(--fds-font-heading-ls-xxl)\",\n    \"heading-ls-xl\": \"var(--fds-font-heading-ls-xl)\",\n    \"heading-ls-lg\": \"var(--fds-font-heading-ls-lg)\",\n    \"heading-ls-md\": \"var(--fds-font-heading-ls-md)\",\n    \"heading-ls-sm\": \"var(--fds-font-heading-ls-sm)\",\n    \"heading-ls-xs\": \"var(--fds-font-heading-ls-xs)\",\n\n    \"body-size-baseline\": \"var(--fds-font-body-size-baseline)\",\n    \"body-size-md\": \"var(--fds-font-body-size-md)\",\n    \"body-size-sm\": \"var(--fds-font-body-size-sm)\",\n    \"body-size-xs\": \"var(--fds-font-body-size-xs)\",\n\n    \"body-lh-baseline\": \"var(--fds-font-body-lh-baseline)\",\n    \"body-lh-md\": \"var(--fds-font-body-lh-md)\",\n    \"body-lh-sm\": \"var(--fds-font-body-lh-sm)\",\n    \"body-lh-xs\": \"var(--fds-font-body-lh-xs)\",\n\n    \"body-ls-baseline\": \"var(--fds-font-body-ls-baseline)\",\n    \"body-ls-md\": \"var(--fds-font-body-ls-md)\",\n    \"body-ls-sm\": \"var(--fds-font-body-ls-sm)\",\n    \"body-ls-xs\": \"var(--fds-font-body-ls-xs)\",\n\n    \"form-label-size\": \"var(--fds-font-form-label-size)\",\n    \"form-label-lh\": \"var(--fds-font-form-label-lh)\",\n    \"form-label-ls\": \"var(--fds-font-form-label-ls)\",\n\n    \"form-description-size\": \"var(--fds-font-form-description-size)\",\n    \"form-description-lh\": \"var(--fds-font-form-description-lh)\",\n    \"form-description-ls\": \"var(--fds-font-form-description-ls)\",\n} as const;\n\n// @catalog\n/**\n * Pre-composed font declaration strings for all size & weight combinations.\n * @keywords design tokens, typography\n */\nexport const Font = {\n    \"heading-xxl-light\": generateFont(\"heading-xxl\", \"light\"),\n    \"heading-xxl-regular\": generateFont(\"heading-xxl\", \"regular\"),\n    \"heading-xxl-semibold\": generateFont(\"heading-xxl\", \"semibold\"),\n    \"heading-xxl-bold\": generateFont(\"heading-xxl\", \"bold\"),\n\n    \"heading-xl-light\": generateFont(\"heading-xl\", \"light\"),\n    \"heading-xl-regular\": generateFont(\"heading-xl\", \"regular\"),\n    \"heading-xl-semibold\": generateFont(\"heading-xl\", \"semibold\"),\n    \"heading-xl-bold\": generateFont(\"heading-xl\", \"bold\"),\n\n    \"heading-lg-light\": generateFont(\"heading-lg\", \"light\"),\n    \"heading-lg-regular\": generateFont(\"heading-lg\", \"regular\"),\n    \"heading-lg-semibold\": generateFont(\"heading-lg\", \"semibold\"),\n    \"heading-lg-bold\": generateFont(\"heading-lg\", \"bold\"),\n\n    \"heading-md-light\": generateFont(\"heading-md\", \"light\"),\n    \"heading-md-regular\": generateFont(\"heading-md\", \"regular\"),\n    \"heading-md-semibold\": generateFont(\"heading-md\", \"semibold\"),\n    \"heading-md-bold\": generateFont(\"heading-md\", \"bold\"),\n\n    \"heading-sm-light\": generateFont(\"heading-sm\", \"light\"),\n    \"heading-sm-regular\": generateFont(\"heading-sm\", \"regular\"),\n    \"heading-sm-semibold\": generateFont(\"heading-sm\", \"semibold\"),\n    \"heading-sm-bold\": generateFont(\"heading-sm\", \"bold\"),\n\n    \"heading-xs-light\": generateFont(\"heading-xs\", \"light\"),\n    \"heading-xs-regular\": generateFont(\"heading-xs\", \"regular\"),\n    \"heading-xs-semibold\": generateFont(\"heading-xs\", \"semibold\"),\n    \"heading-xs-bold\": generateFont(\"heading-xs\", \"bold\"),\n\n    \"body-baseline-light\": generateFont(\"body-baseline\", \"light\"),\n    \"body-baseline-regular\": generateFont(\"body-baseline\", \"regular\"),\n    \"body-baseline-semibold\": generateFont(\"body-baseline\", \"semibold\"),\n    \"body-baseline-bold\": generateFont(\"body-baseline\", \"bold\"),\n\n    \"body-md-light\": generateFont(\"body-md\", \"light\"),\n    \"body-md-regular\": generateFont(\"body-md\", \"regular\"),\n    \"body-md-semibold\": generateFont(\"body-md\", \"semibold\"),\n    \"body-md-bold\": generateFont(\"body-md\", \"bold\"),\n\n    \"body-sm-light\": generateFont(\"body-sm\", \"light\"),\n    \"body-sm-regular\": generateFont(\"body-sm\", \"regular\"),\n    \"body-sm-semibold\": generateFont(\"body-sm\", \"semibold\"),\n    \"body-sm-bold\": generateFont(\"body-sm\", \"bold\"),\n\n    \"body-xs-light\": generateFont(\"body-xs\", \"light\"),\n    \"body-xs-regular\": generateFont(\"body-xs\", \"regular\"),\n    \"body-xs-semibold\": generateFont(\"body-xs\", \"semibold\"),\n    \"body-xs-bold\": generateFont(\"body-xs\", \"bold\"),\n\n    \"form-label\": generateFont(\"form-label\", \"semibold\"),\n    \"form-description\": generateFont(\"form-description\", \"regular\"),\n\n    Spec: FontSpec,\n} as const;\n"],"names":["FontSpec","Font","generateFont","Spec"],"mappings":"+CAKO,MAAMA,EAAW,CACpB,sBAAuB,iCACvB,mBAAoB,8BACpB,eAAgB,0BAEhB,eAAgB,+BAChB,iBAAkB,iCAClB,kBAAmB,kCACnB,cAAe,8BAEf,mBAAoB,mCACpB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCAEnB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,qBAAsB,qCACtB,eAAgB,+BAChB,eAAgB,+BAChB,eAAgB,+BAEhB,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,kBAAmB,kCACnB,gBAAiB,gCACjB,gBAAiB,gCAEjB,wBAAyB,wCACzB,sBAAuB,sCACvB,sBAAuB,uCAQdC,EAAO,CAChB,oBAAqBC,EAAAA,aAAa,cAAe,SACjD,sBAAuBA,EAAAA,aAAa,cAAe,WACnD,uBAAwBA,EAAAA,aAAa,cAAe,YACpD,mBAAoBA,EAAAA,aAAa,cAAe,QAEhD,mBAAoBA,EAAAA,aAAa,aAAc,SAC/C,qBAAsBA,EAAAA,aAAa,aAAc,WACjD,sBAAuBA,EAAAA,aAAa,aAAc,YAClD,kBAAmBA,EAAAA,aAAa,aAAc,QAE9C,mBAAoBA,EAAAA,aAAa,aAAc,SAC/C,qBAAsBA,EAAAA,aAAa,aAAc,WACjD,sBAAuBA,EAAAA,aAAa,aAAc,YAClD,kBAAmBA,EAAAA,aAAa,aAAc,QAE9C,mBAAoBA,EAAAA,aAAa,aAAc,SAC/C,qBAAsBA,EAAAA,aAAa,aAAc,WACjD,sBAAuBA,EAAAA,aAAa,aAAc,YAClD,kBAAmBA,EAAAA,aAAa,aAAc,QAE9C,mBAAoBA,EAAAA,aAAa,aAAc,SAC/C,qBAAsBA,EAAAA,aAAa,aAAc,WACjD,sBAAuBA,EAAAA,aAAa,aAAc,YAClD,kBAAmBA,EAAAA,aAAa,aAAc,QAE9C,mBAAoBA,EAAAA,aAAa,aAAc,SAC/C,qBAAsBA,EAAAA,aAAa,aAAc,WACjD,sBAAuBA,EAAAA,aAAa,aAAc,YAClD,kBAAmBA,EAAAA,aAAa,aAAc,QAE9C,sBAAuBA,EAAAA,aAAa,gBAAiB,SACrD,wBAAyBA,EAAAA,aAAa,gBAAiB,WACvD,yBAA0BA,EAAAA,aAAa,gBAAiB,YACxD,qBAAsBA,EAAAA,aAAa,gBAAiB,QAEpD,gBAAiBA,EAAAA,aAAa,UAAW,SACzC,kBAAmBA,EAAAA,aAAa,UAAW,WAC3C,mBAAoBA,EAAAA,aAAa,UAAW,YAC5C,eAAgBA,EAAAA,aAAa,UAAW,QAExC,gBAAiBA,EAAAA,aAAa,UAAW,SACzC,kBAAmBA,EAAAA,aAAa,UAAW,WAC3C,mBAAoBA,EAAAA,aAAa,UAAW,YAC5C,eAAgBA,EAAAA,aAAa,UAAW,QAExC,gBAAiBA,EAAAA,aAAa,UAAW,SACzC,kBAAmBA,EAAAA,aAAa,UAAW,WAC3C,mBAAoBA,EAAAA,aAAa,UAAW,YAC5C,eAAgBA,EAAAA,aAAa,UAAW,QAExC,aAAcA,EAAAA,aAAa,aAAc,YACzC,mBAAoBA,EAAAA,aAAa,mBAAoB,WAErDC,KAAMH"}

package/cjs/theme/tokens/media-query.js

@@ -0,0 +1,2 @@
+"use strict";const s=["xxs","xs","sm","md","lg","xl"],t=[...s,"xxl"],x=(s,t)=>{const x={};return s.forEach((s=>{x[s]=((s,t)=>`:where(body.fds-breakpoint-${s}-${t}) &`)(s,t)})),x},e={MaxWidth:x(s,"max"),MinWidth:x(t,"min")};exports.MediaQuery=e;
+//# sourceMappingURL=media-query.js.map

package/cjs/theme/tokens/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-query.js","sources":["../../../../src/theme/tokens/media-query.ts"],"sourcesContent":["const MAX_WIDTH_BREAKPOINTS = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nconst MIN_WIDTH_BREAKPOINTS = [...MAX_WIDTH_BREAKPOINTS, \"xxl\"] as const;\n\ntype WidthConstraint = \"min\" | \"max\";\ntype PseudoMediaQuerySpec<T extends readonly string[]> = Record<\n    T[number],\n    string\n>;\n\nconst getPseudoMediaQuery = (breakpoint: string, type: WidthConstraint) =>\n    `:where(body.fds-breakpoint-${breakpoint}-${type}) &`;\n\nconst getPseudoMediaQuerySpec = <T extends readonly string[]>(\n    breakpoints: T,\n    type: WidthConstraint\n): PseudoMediaQuerySpec<T> => {\n    const spec = {} as Record<T[number], string>;\n\n    breakpoints.forEach((breakpoint) => {\n        spec[breakpoint as T[number]] = getPseudoMediaQuery(breakpoint, type);\n    });\n\n    return spec;\n};\n\n// @catalog\n/**\n * CSS class-based pseudo media-query selectors keyed by breakpoint name.\n * @keywords breakpoint, responsive\n */\nexport const MediaQuery = {\n    MaxWidth: getPseudoMediaQuerySpec(MAX_WIDTH_BREAKPOINTS, \"max\"),\n    MinWidth: getPseudoMediaQuerySpec(MIN_WIDTH_BREAKPOINTS, \"min\"),\n} as const;\n"],"names":["MAX_WIDTH_BREAKPOINTS","MIN_WIDTH_BREAKPOINTS","getPseudoMediaQuerySpec","breakpoints","type","spec","forEach","breakpoint","getPseudoMediaQuery","MediaQuery","MaxWidth","MinWidth"],"mappings":"aAAA,MAAMA,EAAwB,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,MACxDC,EAAwB,IAAID,EAAuB,OAWnDE,EAA0B,CAC5BC,EACAC,KAEA,MAAMC,EAAO,CAAA,EAMb,OAJAF,EAAYG,SAASC,IACjBF,EAAKE,GAVe,EAACA,EAAoBH,IAC7C,8BAA8BG,KAAcH,OASRI,CAAoBD,EAAYH,EAAK,IAGlEC,CAAI,EAQFI,EAAa,CACtBC,SAAUR,EAAwBF,EAAuB,OACzDW,SAAUT,EAAwBD,EAAuB"}

package/cjs/theme/tokens/motion.js

@@ -0,0 +1,2 @@
+"use strict";exports.Motion={"duration-150":"var(--fds-motion-duration-150)","duration-250":"var(--fds-motion-duration-250)","duration-350":"var(--fds-motion-duration-350)","duration-500":"var(--fds-motion-duration-500)","duration-800":"var(--fds-motion-duration-800)","duration-1000":"var(--fds-motion-duration-1000)","ease-default":"var(--fds-motion-timing-ease-default)","ease-standard":"var(--fds-motion-timing-ease-standard)","ease-entrance":"var(--fds-motion-timing-ease-entrance)","ease-exit":"var(--fds-motion-timing-ease-exit)"};
+//# sourceMappingURL=motion.js.map

package/cjs/theme/tokens/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sources":["../../../../src/theme/tokens/motion.ts"],"sourcesContent":["// @catalog\n/**\n * Animation tokens consisting of durations and easing functions.\n * @keywords animation, design tokens, transition\n */\nexport const Motion = {\n    \"duration-150\": \"var(--fds-motion-duration-150)\",\n    \"duration-250\": \"var(--fds-motion-duration-250)\",\n    \"duration-350\": \"var(--fds-motion-duration-350)\",\n    \"duration-500\": \"var(--fds-motion-duration-500)\",\n    \"duration-800\": \"var(--fds-motion-duration-800)\",\n    \"duration-1000\": \"var(--fds-motion-duration-1000)\",\n\n    \"ease-default\": \"var(--fds-motion-timing-ease-default)\",\n    \"ease-standard\": \"var(--fds-motion-timing-ease-standard)\",\n    \"ease-entrance\": \"var(--fds-motion-timing-ease-entrance)\",\n    \"ease-exit\": \"var(--fds-motion-timing-ease-exit)\",\n} as const;\n"],"names":[],"mappings":"4BAKsB,CAClB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,gBAAiB,kCAEjB,eAAgB,wCAChB,gBAAiB,yCACjB,gBAAiB,yCACjB,YAAa"}

package/cjs/theme/tokens/radius.js

@@ -0,0 +1,2 @@
+"use strict";exports.Radius={none:"var(--fds-radius-none)",xs:"var(--fds-radius-xs)",sm:"var(--fds-radius-sm)",md:"var(--fds-radius-md)",lg:"var(--fds-radius-lg)",full:"var(--fds-radius-full)"};
+//# sourceMappingURL=radius.js.map

package/cjs/theme/tokens/radius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.js","sources":["../../../../src/theme/tokens/radius.ts"],"sourcesContent":["// @catalog\n/**\n * Border radius tokens.\n * @keywords border radius, design tokens, shape\n */\nexport const Radius = {\n    none: \"var(--fds-radius-none)\",\n    xs: \"var(--fds-radius-xs)\",\n    sm: \"var(--fds-radius-sm)\",\n    md: \"var(--fds-radius-md)\",\n    lg: \"var(--fds-radius-lg)\",\n    full: \"var(--fds-radius-full)\",\n} as const;\n"],"names":["none","xs","sm","md","lg","full"],"mappings":"4BAKsB,CAClBA,KAAM,yBACNC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,KAAM"}

package/cjs/theme/tokens/shadow.js

@@ -0,0 +1,2 @@
+"use strict";exports.Shadow={"xs-subtle":"var(--fds-shadow-xs-subtle)","xs-strong":"var(--fds-shadow-xs-strong)","xs-focus-strong":"var(--fds-shadow-xs-focus-strong)","xs-error-strong":"var(--fds-shadow-xs-error-strong)","sm-subtle":"var(--fds-shadow-sm-subtle)","sm-strong":"var(--fds-shadow-sm-strong)","md-subtle":"var(--fds-shadow-md-subtle)","md-strong":"var(--fds-shadow-md-strong)","lg-subtle":"var(--fds-shadow-lg-subtle)","lg-strong":"var(--fds-shadow-lg-strong)"};
+//# sourceMappingURL=shadow.js.map

package/cjs/theme/tokens/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sources":["../../../../src/theme/tokens/shadow.ts"],"sourcesContent":["// @catalog\n/**\n * Box-shadow tokens.\n * @keywords box-shadow, depth, design tokens, elevation\n */\nexport const Shadow = {\n    \"xs-subtle\": \"var(--fds-shadow-xs-subtle)\",\n    \"xs-strong\": \"var(--fds-shadow-xs-strong)\",\n    \"xs-focus-strong\": \"var(--fds-shadow-xs-focus-strong)\",\n    \"xs-error-strong\": \"var(--fds-shadow-xs-error-strong)\",\n    \"sm-subtle\": \"var(--fds-shadow-sm-subtle)\",\n    \"sm-strong\": \"var(--fds-shadow-sm-strong)\",\n    \"md-subtle\": \"var(--fds-shadow-md-subtle)\",\n    \"md-strong\": \"var(--fds-shadow-md-strong)\",\n    \"lg-subtle\": \"var(--fds-shadow-lg-subtle)\",\n    \"lg-strong\": \"var(--fds-shadow-lg-strong)\",\n} as const;\n"],"names":[],"mappings":"4BAKsB,CAClB,YAAa,8BACb,YAAa,8BACb,kBAAmB,oCACnB,kBAAmB,oCACnB,YAAa,8BACb,YAAa,8BACb,YAAa,8BACb,YAAa,8BACb,YAAa,8BACb,YAAa"}

package/cjs/theme/tokens/spacing.js

@@ -0,0 +1,2 @@
+"use strict";exports.Spacing={"spacing-0":"var(--fds-spacing-0)","spacing-4":"var(--fds-spacing-4)","spacing-8":"var(--fds-spacing-8)","spacing-12":"var(--fds-spacing-12)","spacing-16":"var(--fds-spacing-16)","spacing-20":"var(--fds-spacing-20)","spacing-24":"var(--fds-spacing-24)","spacing-32":"var(--fds-spacing-32)","spacing-40":"var(--fds-spacing-40)","spacing-48":"var(--fds-spacing-48)","spacing-64":"var(--fds-spacing-64)","spacing-72":"var(--fds-spacing-72)","layout-xs":"var(--fds-layout-xs)","layout-sm":"var(--fds-layout-sm)","layout-md":"var(--fds-layout-md)","layout-lg":"var(--fds-layout-lg)","layout-xl":"var(--fds-layout-xl)","layout-xxl":"var(--fds-layout-xxl)","layout-xxxl":"var(--fds-layout-xxxl)"};
+//# sourceMappingURL=spacing.js.map

package/cjs/theme/tokens/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sources":["../../../../src/theme/tokens/spacing.ts"],"sourcesContent":["// @catalog\n/**\n * Spacing tokens consisting of component spacing and layout spacing.\n * @keywords design tokens, gap, layout, margin\n */\nexport const Spacing = {\n    \"spacing-0\": \"var(--fds-spacing-0)\",\n    \"spacing-4\": \"var(--fds-spacing-4)\",\n    \"spacing-8\": \"var(--fds-spacing-8)\",\n    \"spacing-12\": \"var(--fds-spacing-12)\",\n    \"spacing-16\": \"var(--fds-spacing-16)\",\n    \"spacing-20\": \"var(--fds-spacing-20)\",\n    \"spacing-24\": \"var(--fds-spacing-24)\",\n    \"spacing-32\": \"var(--fds-spacing-32)\",\n    \"spacing-40\": \"var(--fds-spacing-40)\",\n    \"spacing-48\": \"var(--fds-spacing-48)\",\n    \"spacing-64\": \"var(--fds-spacing-64)\",\n    \"spacing-72\": \"var(--fds-spacing-72)\",\n\n    \"layout-xs\": \"var(--fds-layout-xs)\",\n    \"layout-sm\": \"var(--fds-layout-sm)\",\n    \"layout-md\": \"var(--fds-layout-md)\",\n    \"layout-lg\": \"var(--fds-layout-lg)\",\n    \"layout-xl\": \"var(--fds-layout-xl)\",\n    \"layout-xxl\": \"var(--fds-layout-xxl)\",\n    \"layout-xxxl\": \"var(--fds-layout-xxxl)\",\n} as const;\n"],"names":[],"mappings":"6BAKuB,CACnB,YAAa,uBACb,YAAa,uBACb,YAAa,uBACb,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBACd,aAAc,wBAEd,YAAa,uBACb,YAAa,uBACb,YAAa,uBACb,YAAa,uBACb,YAAa,uBACb,aAAc,wBACd,cAAe"}

package/cjs/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";exports.THEME_TYPES=["a11y-playground","bookingsg","careercompass","ccube","imda","lifesg","mylegacy","oneservice","pa","rbs","sgw-digital-lobby","smgs","spf","supportgowhere","tote-board"];
+//# sourceMappingURL=types.js.map

package/cjs/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/theme/types.ts"],"sourcesContent":["import type { ValueOf } from \"../util/utility-types\";\nimport type {\n    Border,\n    Breakpoint,\n    ComponentToken,\n    FontSpec,\n    Motion,\n    PrimitiveColours,\n    Radius,\n    SemanticColours,\n    Shadow,\n    Spacing,\n} from \"./tokens\";\n\n/** All available theme names. */\nexport const THEME_TYPES = [\n    \"a11y-playground\",\n    \"bookingsg\",\n    \"careercompass\",\n    \"ccube\",\n    \"imda\",\n    \"lifesg\",\n    \"mylegacy\",\n    \"oneservice\",\n    \"pa\",\n    \"rbs\",\n    \"sgw-digital-lobby\",\n    \"smgs\",\n    \"spf\",\n    \"supportgowhere\",\n    \"tote-board\",\n] as const;\n\n/** Union of all supported theme names. */\nexport type ThemeType = (typeof THEME_TYPES)[number];\n/**\n * Colour mode accepted by `ThemeProvider`.\n * — `\"auto\"` follows OS preference.\n * - `\"light\"` light mode.\n * - `\"dark\"` dark mode.\n */\nexport type ThemeMode = \"light\" | \"dark\" | \"auto\";\n\n/** Resolved colour mode. */\nexport type ResolvedThemeMode = \"light\" | \"dark\";\n\n/** Available typography size presets. */\nexport type FontSize =\n    | \"heading-xxl\"\n    | \"heading-xl\"\n    | \"heading-lg\"\n    | \"heading-md\"\n    | \"heading-sm\"\n    | \"heading-xs\"\n    | \"body-baseline\"\n    | \"body-md\"\n    | \"body-sm\"\n    | \"body-xs\"\n    | \"form-label\"\n    | \"form-description\";\n\n/** Available typography weight presets. */\nexport type FontWeight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\n/** Accepted breakpoint CSS variable strings. */\nexport type BreakpointCSSVariableString = ValueOf<typeof Breakpoint>;\n/** Accepted border CSS variable strings. */\nexport type BorderCSSVariableString = ValueOf<typeof Border>;\n/** Accepted component-scoped CSS variable strings. */\nexport type ComponentTokenCSSVariableString =\n    | ValueOf<typeof ComponentToken.Animation>\n    | ValueOf<typeof ComponentToken.Button>\n    | ValueOf<typeof ComponentToken.Footer>\n    | ValueOf<typeof ComponentToken.Navbar>;\n/** Accepted font CSS variable strings. */\nexport type FontSpecCSSVariableString = ValueOf<typeof FontSpec>;\n/** Accepted motion CSS variable strings. */\nexport type MotionCSSVariableString = ValueOf<typeof Motion>;\n/** Accepted primitive colour CSS variable strings. */\nexport type PrimitiveColourCSSVariableString = ValueOf<typeof PrimitiveColours>;\n/** Accepted radius CSS variable strings. */\nexport type RadiusCSSVariableString = ValueOf<typeof Radius>;\n/** Accepted semantic colour CSS variable strings. */\nexport type SemanticColourCSSVariableString = ValueOf<typeof SemanticColours>;\n/** Accepted colour CSS variable strings. */\nexport type ColourCSSVariableString =\n    | PrimitiveColourCSSVariableString\n    | SemanticColourCSSVariableString;\n/** Accepted shadow CSS variable strings. */\nexport type ShadowCSSVariableString = ValueOf<typeof Shadow>;\n/** Accepted spacing and layout CSS variable strings. */\nexport type SpacingCSSVariableString = ValueOf<typeof Spacing>;\n\n/** Union of all design-token CSS variable string literals. */\nexport type CSSVariableString =\n    | BreakpointCSSVariableString\n    | BorderCSSVariableString\n    | ColourCSSVariableString\n    | ComponentTokenCSSVariableString\n    | FontSpecCSSVariableString\n    | MotionCSSVariableString\n    | RadiusCSSVariableString\n    | ShadowCSSVariableString\n    | SpacingCSSVariableString;\n"],"names":[],"mappings":"iCAe2B,CACvB,kBACA,YACA,gBACA,QACA,OACA,SACA,WACA,aACA,KACA,MACA,oBACA,OACA,MACA,iBACA"}

package/cjs/theme/utils/css-variable.js

@@ -0,0 +1,2 @@
+"use strict";const e=/^(-?\d*\.?\d+)(px|rem)$/i,t=e=>{var t;if(!e)return;const r=null===(t=/--fds-[\w-]+/.exec(e))||void 0===t?void 0:t[0];return r||void 0};exports.extractFdsCssVariableName=t,exports.formatUnitValue=(e,t)=>"number"==typeof e?`${e}${t}`:null,exports.getInheritedInlineCssVariables=e=>{if(!e||0===e.style.length)return{};const t={};return((e,t)=>{const{style:r}=e;for(let e=0;e<r.length;e++){const n=r.item(e);if(!(null==n?void 0:n.startsWith("--fds")))continue;const o=r.getPropertyValue(n).trim();o&&(t[n]=o)}})(e,t),t},exports.parseCSSVariableValue=function(e,r){if(!e)return"";if(!globalThis.window||!r)return console.warn(`Cannot parse CSS variable value for "${e}" because window or sourceElement is not available.`),"";const n=t(e);return n?getComputedStyle(r).getPropertyValue(n).trim():(console.warn(`Invalid CSS variable string: ${e}. Expected format: var(--fds-token-name)`),"")},exports.parsePxOrRemValue=function(t){const r=t.trim(),n=e.exec(r);if(!n)return 0;const o=Number.parseFloat(n[1]);if(Number.isNaN(o))return 0;if("px"===n[2].toLowerCase())return o;const s=globalThis.window?Number.parseFloat(getComputedStyle(document.documentElement).fontSize):16;return o*(Number.isNaN(s)?16:s)};
+//# sourceMappingURL=css-variable.js.map

package/cjs/theme/utils/css-variable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variable.js","sources":["../../../../src/theme/utils/css-variable.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nimport type { CSSVariableString } from \"../types\";\n\ntype InlineCssVariables = Record<`--${string}`, string>;\n\nconst DEFAULT_FONT_SIZE_PX = 16;\nconst CSS_PX_OR_REM_CAPTURE_PATTERN = /^(-?\\d*\\.?\\d+)(px|rem)$/i;\n\n/**\n * Extracts an fds CSS variable name from raw token input.\n * Supports values like `\"var(--fds-breakpoint-sm-max)\"` and `\"--fds-breakpoint-sm-max\"`.\n *\n * @returns The extracted `--fds-*` variable name, or `undefined` if the input\n * does not contain a valid fds token.\n */\nexport const extractFdsCssVariableName = (\n    value: string | undefined\n): `--fds-${string}` | undefined => {\n    if (!value) return undefined;\n\n    const variableName = /--fds-[\\w-]+/.exec(value)?.[0];\n\n    if (!variableName) {\n        return undefined;\n    }\n\n    return variableName as `--fds-${string}`;\n};\n\n/**\n * Parse a CSS variable string and return its computed value.\n * @param cssVarString CSS variable string (e.g., \"var(--fds-breakpoint-xxs-min)\")\n * @param sourceElement Element to compute the CSS variable value from\n * @returns The CSS variable value, or an empty string if not found or invalid\n */\nexport function parseCSSVariableValue(\n    cssVarString: CSSVariableString | undefined,\n    sourceElement: HTMLElement | null\n): string {\n    if (!cssVarString) return \"\";\n\n    if (!globalThis.window || !sourceElement) {\n        console.warn(\n            `Cannot parse CSS variable value for \"${cssVarString}\" because window or sourceElement is not available.`\n        );\n        return \"\";\n    }\n\n    const variableName = extractFdsCssVariableName(cssVarString);\n    if (!variableName) {\n        console.warn(\n            `Invalid CSS variable string: ${cssVarString}. Expected format: var(--fds-token-name)`\n        );\n        return \"\";\n    }\n\n    return getComputedStyle(sourceElement)\n        .getPropertyValue(variableName)\n        .trim();\n}\n\n/**\n * Parse a pixel or rem value and return its numeric value.\n * @param cssValue CSS unit value (e.g., \"12px\", \"1.5rem\")\n * @returns Parsed numeric value, or 0 if the value is not px/rem or invalid\n */\nexport function parsePxOrRemValue(cssValue: string): number {\n    const value = cssValue.trim();\n    const match = CSS_PX_OR_REM_CAPTURE_PATTERN.exec(value);\n    if (!match) return 0;\n\n    const parsedValue = Number.parseFloat(match[1]);\n    if (Number.isNaN(parsedValue)) return 0;\n\n    const unit = match[2].toLowerCase();\n    if (unit === \"px\") return parsedValue;\n\n    const rootFontSize = globalThis.window\n        ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize)\n        : DEFAULT_FONT_SIZE_PX;\n\n    const resolvedRootFontSize = Number.isNaN(rootFontSize)\n        ? DEFAULT_FONT_SIZE_PX\n        : rootFontSize;\n\n    return parsedValue * resolvedRootFontSize;\n}\n\nconst mergeInlineCssVariables = (\n    element: HTMLElement,\n    target: InlineCssVariables\n) => {\n    const { style } = element;\n\n    for (let i = 0; i < style.length; i++) {\n        const propertyName = style.item(i);\n        if (!propertyName?.startsWith(\"--fds\")) continue;\n\n        const value = style.getPropertyValue(propertyName).trim();\n        if (!value) continue;\n\n        target[propertyName as `--${string}`] = value;\n    }\n};\n\n/**\n * Extracts inline token CSS custom properties from the theme element.\n *\n * @returns An object of `--fds-*` properties, or `{}` when the element is\n * `null` or has no inline styles.\n */\nexport const getInheritedInlineCssVariables = (\n    themeElement: HTMLElement | null\n): CSSProperties => {\n    if (!themeElement || themeElement.style.length === 0) return {};\n\n    const variables: InlineCssVariables = {};\n    mergeInlineCssVariables(themeElement, variables);\n\n    return variables;\n};\n\n/**\n * Convert a numeric value to a CSS unit string (e.g., `12` → `\"12px\"`).\n *\n * @returns The formatted string, or `null` for non-numeric values.\n */\nexport const formatUnitValue = (\n    value: unknown,\n    unit: string\n): string | null => {\n    if (typeof value === \"number\") {\n        return `${value}${unit}`;\n    }\n    return null;\n};\n"],"names":["CSS_PX_OR_REM_CAPTURE_PATTERN","extractFdsCssVariableName","value","variableName","_a","exec","unit","themeElement","style","length","variables","element","target","i","propertyName","item","startsWith","getPropertyValue","trim","mergeInlineCssVariables","cssVarString","sourceElement","globalThis","window","console","warn","getComputedStyle","cssValue","match","parsedValue","Number","parseFloat","isNaN","toLowerCase","rootFontSize","document","documentElement","fontSize"],"mappings":"aAMA,MACMA,EAAgC,2BASzBC,EACTC,UAEA,IAAKA,EAAO,OAEZ,MAAMC,EAAyC,QAA1BC,EAAA,eAAeC,KAAKH,UAAM,IAAAE,OAAA,EAAAA,EAAG,GAElD,OAAKD,QAAL,CAIwC,8DAqGb,CAC3BD,EACAI,IAEqB,iBAAVJ,EACA,GAAGA,IAAQI,IAEf,4CAtBPC,IAEA,IAAKA,GAA8C,IAA9BA,EAAaC,MAAMC,OAAc,MAAO,CAAA,EAE7D,MAAMC,EAAgC,CAAA,EAGtC,MA/B4B,EAC5BC,EACAC,KAEA,MAAMJ,MAAEA,GAAUG,EAElB,IAAK,IAAIE,EAAI,EAAGA,EAAIL,EAAMC,OAAQI,IAAK,CACnC,MAAMC,EAAeN,EAAMO,KAAKF,GAChC,KAAKC,aAAY,EAAZA,EAAcE,WAAW,UAAU,SAExC,MAAMd,EAAQM,EAAMS,iBAAiBH,GAAcI,OAC9ChB,IAELU,EAAOE,GAAiCZ,EAC5C,GAeAiB,CAAwBZ,EAAcG,GAE/BA,CAAS,gCApFd,SACFU,EACAC,GAEA,IAAKD,EAAc,MAAO,GAE1B,IAAKE,WAAWC,SAAWF,EAIvB,OAHAG,QAAQC,KACJ,wCAAwCL,wDAErC,GAGX,MAAMjB,EAAeF,EAA0BmB,GAC/C,OAAKjB,EAOEuB,iBAAiBL,GACnBJ,iBAAiBd,GACjBe,QARDM,QAAQC,KACJ,gCAAgCL,6CAE7B,GAMf,4BAOM,SAA4BO,GAC9B,MAAMzB,EAAQyB,EAAST,OACjBU,EAAQ5B,EAA8BK,KAAKH,GACjD,IAAK0B,EAAO,OAAO,EAEnB,MAAMC,EAAcC,OAAOC,WAAWH,EAAM,IAC5C,GAAIE,OAAOE,MAAMH,GAAc,OAAO,EAGtC,GAAa,OADAD,EAAM,GAAGK,cACH,OAAOJ,EAE1B,MAAMK,EAAeZ,WAAWC,OAC1BO,OAAOC,WAAWL,iBAAiBS,SAASC,iBAAiBC,UAzE1C,GAgFzB,OAAOR,GAJsBC,OAAOE,MAAME,GA5EjB,GA8EnBA,EAGV"}

package/cjs/theme/utils/font.js

@@ -0,0 +1,2 @@
+"use strict";const f={"heading-xxl":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xxl)",lh:"var(--fds-font-heading-lh-xxl)",ls:"var(--fds-font-heading-ls-xxl)"},"heading-xl":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xl)",lh:"var(--fds-font-heading-lh-xl)",ls:"var(--fds-font-heading-ls-xl)"},"heading-lg":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-lg)",lh:"var(--fds-font-heading-lh-lg)",ls:"var(--fds-font-heading-ls-lg)"},"heading-md":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-md)",lh:"var(--fds-font-heading-lh-md)",ls:"var(--fds-font-heading-ls-md)"},"heading-sm":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-sm)",lh:"var(--fds-font-heading-lh-sm)",ls:"var(--fds-font-heading-ls-sm)"},"heading-xs":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xs)",lh:"var(--fds-font-heading-lh-xs)",ls:"var(--fds-font-heading-ls-xs)"},"body-baseline":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-baseline)",lh:"var(--fds-font-body-lh-baseline)",ls:"var(--fds-font-body-ls-baseline)"},"body-md":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-md)",lh:"var(--fds-font-body-lh-md)",ls:"var(--fds-font-body-ls-md)"},"body-sm":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-sm)",lh:"var(--fds-font-body-lh-sm)",ls:"var(--fds-font-body-ls-sm)"},"body-xs":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-xs)",lh:"var(--fds-font-body-lh-xs)",ls:"var(--fds-font-body-ls-xs)"},"form-label":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-form-label-size)",lh:"var(--fds-font-form-label-lh)",ls:"var(--fds-font-form-label-ls)"},"form-description":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-form-description-size)",lh:"var(--fds-font-form-description-lh)",ls:"var(--fds-font-form-description-ls)"}},s={light:"var(--fds-font-weight-light)",regular:"var(--fds-font-weight-regular)",semibold:"var(--fds-font-weight-semibold)",bold:"var(--fds-font-weight-bold)"},a=(a,n,d)=>{const{fontFamily:o,size:i,lh:l,ls:e}=f[a],t=s[n],r=[void 0,""].filter(Boolean).join(" ");return{"font-family":o,"font-variant":"var(--fds-font-variant)"+(r?` ${r}`:""),"font-size":i,"font-weight":t,"line-height":l,"letter-spacing":e}};exports.generateFont=(f,s,n)=>{const d=a(f,s);return Object.entries(d).map((([f,s])=>`${f}: ${s};`)).join(" ")},exports.generateFontProperties=a;
+//# sourceMappingURL=font.js.map

package/cjs/theme/utils/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","sources":["../../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\ninterface FontDeclarationProperties {\n    \"font-family\": string;\n    \"font-variant\": string;\n    \"font-size\": string;\n    \"font-weight\": string;\n    \"line-height\": string;\n    \"letter-spacing\": string;\n}\n\nconst sizeVarMap: Record<\n    FontSize,\n    { fontFamily: string; size: string; lh: string; ls: string }\n> = {\n    \"heading-xxl\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xxl)\",\n        lh: \"var(--fds-font-heading-lh-xxl)\",\n        ls: \"var(--fds-font-heading-ls-xxl)\",\n    },\n    \"heading-xl\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xl)\",\n        lh: \"var(--fds-font-heading-lh-xl)\",\n        ls: \"var(--fds-font-heading-ls-xl)\",\n    },\n    \"heading-lg\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-lg)\",\n        lh: \"var(--fds-font-heading-lh-lg)\",\n        ls: \"var(--fds-font-heading-ls-lg)\",\n    },\n    \"heading-md\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-md)\",\n        lh: \"var(--fds-font-heading-lh-md)\",\n        ls: \"var(--fds-font-heading-ls-md)\",\n    },\n    \"heading-sm\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-sm)\",\n        lh: \"var(--fds-font-heading-lh-sm)\",\n        ls: \"var(--fds-font-heading-ls-sm)\",\n    },\n    \"heading-xs\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xs)\",\n        lh: \"var(--fds-font-heading-lh-xs)\",\n        ls: \"var(--fds-font-heading-ls-xs)\",\n    },\n    \"body-baseline\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-baseline)\",\n        lh: \"var(--fds-font-body-lh-baseline)\",\n        ls: \"var(--fds-font-body-ls-baseline)\",\n    },\n    \"body-md\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-md)\",\n        lh: \"var(--fds-font-body-lh-md)\",\n        ls: \"var(--fds-font-body-ls-md)\",\n    },\n    \"body-sm\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-sm)\",\n        lh: \"var(--fds-font-body-lh-sm)\",\n        ls: \"var(--fds-font-body-ls-sm)\",\n    },\n    \"body-xs\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-xs)\",\n        lh: \"var(--fds-font-body-lh-xs)\",\n        ls: \"var(--fds-font-body-ls-xs)\",\n    },\n    \"form-label\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-form-label-size)\",\n        lh: \"var(--fds-font-form-label-lh)\",\n        ls: \"var(--fds-font-form-label-ls)\",\n    },\n    \"form-description\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-form-description-size)\",\n        lh: \"var(--fds-font-form-description-lh)\",\n        ls: \"var(--fds-font-form-description-ls)\",\n    },\n};\n\nconst weightVarMap: Record<FontWeight, string> = {\n    light: \"var(--fds-font-weight-light)\",\n    regular: \"var(--fds-font-weight-regular)\",\n    semibold: \"var(--fds-font-weight-semibold)\",\n    bold: \"var(--fds-font-weight-bold)\",\n};\n\n/**\n * Generates a CSS font declaration map using FDS CSS variables.\n *\n * @example\n * generateFontProperties(\"heading-xxl\", \"light\")\n * // => { \"font-family\": \"var(--fds-font-family-heading)\", ... }\n */\nexport const generateFontProperties = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n    const { fontFamily, size: s, lh, ls } = sizeVarMap[size];\n    const w = weightVarMap[weight];\n\n    const extraVariant = [\n        options?.fontVariant,\n        options?.noCommonLigatures ? \"no-common-ligatures\" : \"\",\n    ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const fontVariant = `var(--fds-font-variant)${\n        extraVariant ? ` ${extraVariant}` : \"\"\n    }`;\n\n    return {\n        \"font-family\": fontFamily,\n        \"font-variant\": fontVariant,\n        \"font-size\": s,\n        \"font-weight\": w,\n        \"line-height\": lh,\n        \"letter-spacing\": ls,\n    };\n};\n\n/**\n * Generates a CSS declaration string using FDS CSS variables.\n *\n * @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family-heading); font-variant: var(--fds-font-variant); ...\"\n */\nexport const generateFont = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): string => {\n    const declarations = generateFontProperties(size, weight, options);\n\n    return Object.entries(declarations)\n        .map(([key, value]) => `${key}: ${value};`)\n        .join(\" \");\n};\n"],"names":["sizeVarMap","fontFamily","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","filter","Boolean","join","declarations","Object","entries","map","key","value"],"mappings":"aAWA,MAAMA,EAGF,CACA,cAAe,CACXC,WAAY,iCACZC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbH,WAAY,8BACZC,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVH,WAAY,8BACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBH,WAAY,8BACZC,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,MAAMX,WAAEA,EAAYC,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,GAAOJ,EAAWE,GAC7CY,EAAIT,EAAaM,GAEjBI,EAAe,MACV,EAC8C,IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,cAAejB,EACf,eANgB,2BAChBc,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,uBAUuB,CACxBF,EACAS,EACAC,KAEA,MAAMO,EAAeT,EAAuBR,EAAMS,GAElD,OAAOS,OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCN,KAAK,IAAI"}

package/cjs/theme/utils/token-resolver.js

@@ -0,0 +1,2 @@
+"use strict";exports.isTokenFromSet=(t,s)=>"string"==typeof t&&s.has(t),exports.isTokenWithPrefix=(t,s)=>"string"==typeof t&&t.startsWith(s),exports.toCssValue=t=>"number"==typeof t?`${t}px`:String(t);
+//# sourceMappingURL=token-resolver.js.map

package/cjs/theme/utils/token-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-resolver.js","sources":["../../../../src/theme/utils/token-resolver.ts"],"sourcesContent":["type TokenGuard<TToken extends string> = (value: unknown) => value is TToken;\n\n/**\n * Prefers a resolved token value and falls back to the original token string\n * when the token has not been resolved yet.\n * @param resolved Resolved value from a token lookup.\n * @param fallback Original token string used as fallback.\n * @returns Resolved value when available, otherwise the fallback token string.\n */\nexport const getResolvedValue = (\n    resolved: string | undefined,\n    fallback: string\n) => {\n    return resolved && resolved.trim().length > 0 ? resolved : fallback;\n};\n\n/**\n * Converts numeric CSS values to px while preserving string inputs.\n * @param value CSS value as number or string.\n * @returns CSS value string.\n */\nexport const toCssValue = (value: string | number) => {\n    return typeof value === \"number\" ? `${value}px` : String(value);\n};\n\n/**\n * Checks whether a value is one of the known token literals.\n * @param value Unknown value to validate.\n * @param tokenSet Set of allowed token strings.\n * @returns True when value is a string token in the provided set.\n */\nexport const isTokenFromSet = <TToken extends string>(\n    value: unknown,\n    tokenSet: Set<string>\n): value is TToken => {\n    return typeof value === \"string\" && tokenSet.has(value);\n};\n\n/**\n * Checks whether a value is a token by matching a token prefix.\n * @param value Unknown value to validate.\n * @param prefix Token prefix to match.\n * @returns True when value is a string starting with the given prefix.\n */\nexport const isTokenWithPrefix = <TToken extends string>(\n    value: unknown,\n    prefix: string\n): value is TToken => {\n    return typeof value === \"string\" && value.startsWith(prefix);\n};\n\n/**\n * Uses a token value when valid, otherwise falls back to a default token.\n * @param value Candidate token value.\n * @param guard Type guard that validates the token.\n * @param fallback Default token to use when value is invalid.\n * @returns Valid token value or fallback token.\n */\nexport const getTokenOrDefault = <TToken extends string>(\n    value: unknown,\n    guard: TokenGuard<TToken>,\n    fallback: TToken\n) => {\n    return guard(value) ? value : fallback;\n};\n\n/**\n * Resolves token values through the resolved token string and normalizes\n * non-token values through a caller-provided normalizer.\n * @param args.value Token or custom value.\n * @param args.resolvedValue Resolved token value from lookup.\n * @param args.guard Type guard that checks whether the value is a token.\n * @param args.normalizeCustom Normalizer for custom (non-token) values.\n * @returns Effective CSS value string.\n */\nexport const getEffectiveTokenOrCustom = <TToken extends string, TCustom>({\n    value,\n    resolvedValue,\n    guard,\n    normalizeCustom,\n}: {\n    value: TToken | TCustom;\n    resolvedValue: string | undefined;\n    guard: TokenGuard<TToken>;\n    normalizeCustom: (value: TCustom) => string;\n}) => {\n    return guard(value)\n        ? getResolvedValue(resolvedValue, value)\n        : normalizeCustom(value);\n};\n"],"names":["value","tokenSet","has","prefix","startsWith","String"],"mappings":"oCA+B8B,CAC1BA,EACAC,IAEwB,iBAAVD,GAAsBC,EAASC,IAAIF,6BASpB,CAC7BA,EACAG,IAEwB,iBAAVH,GAAsBA,EAAMI,WAAWD,sBA3B9BH,GACC,iBAAVA,EAAqB,GAAGA,MAAYK,OAAOL"}

package/cjs/theme/utils/use-apply-styles.js

@@ -0,0 +1,2 @@
+"use strict";require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("react"),require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var e=require("../../util/use-isomorphic-layout-effect.js");const t=new Set(["width","height","top","left","right","bottom","margin","marginTop","marginLeft","marginRight","marginBottom","padding","paddingTop","paddingLeft","paddingRight","paddingBottom"]);exports.useApplyStyle=function(r,i){e.useIsomorphicLayoutEffect((()=>{const e=null==r?void 0:r.current;e&&i&&Object.entries(i).forEach((([r,i])=>{const n=function(e){if(e.startsWith("--"))return e;const t=e.replace(/([A-Z])/g,"-$1").toLowerCase();return/^(o|moz|ms|webkit)-/.test(t)?`-${t}`:t}(r);if(null==i)return void e.style.removeProperty(n);const o=function(e,r){return"number"==typeof r&&t.has(e)?`${r}px`:String(r)}(r,i);e.style.setProperty(n,o)}))}),[r,i])};
+//# sourceMappingURL=use-apply-styles.js.map

package/cjs/theme/utils/use-apply-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-apply-styles.js","sources":["../../../../src/theme/utils/use-apply-styles.ts"],"sourcesContent":["import type { CSSProperties, RefObject } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../util\";\nimport type { CSSVariableString } from \"../types\";\n\ntype StyleValue = string | number | null | undefined;\n\ntype ExtractCleanCSSVariableName<T extends string> =\n    T extends `var(${infer Name})` ? Name : never;\ntype CSSVariableKey = ExtractCleanCSSVariableName<CSSVariableString>;\n\n/**\n * Style map accepted by `useApplyStyle`. Supports camelCase CSS properties,\n * theme CSS variable keys, and arbitrary `--custom-property` names.\n */\nexport type ApplyStyleMap =\n    | ({\n          [K in keyof CSSStyleDeclaration]?: StyleValue;\n      } & {\n          [K in CSSVariableKey]?: StyleValue;\n      } & {\n          [K in `--${string}`]?: StyleValue;\n      })\n    | CSSProperties;\n\n/**\n * List of properties that expect units but can be provided as\n * numbers through React style prop\n */\nconst numericCssStyleProperties: Set<keyof CSSStyleDeclaration> = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    \"margin\",\n    \"marginTop\",\n    \"marginLeft\",\n    \"marginRight\",\n    \"marginBottom\",\n    \"padding\",\n    \"paddingTop\",\n    \"paddingLeft\",\n    \"paddingRight\",\n    \"paddingBottom\",\n]);\n\n/**\n * Normalises standard CSS property names from camelCase to kebab-case\n * - `backgroundColor` → `background-color`\n * - `WebkitLineClamp` → `-webkit-line-clamp`\n * - `--custom-variable` → `--custom-variable`\n *\n * Ref\n * https://github.com/facebook/react/blob/ad5dfc82b7107728da1430dd142f75b97b684dac/packages/react-dom-bindings/src/shared/hyphenateStyleName.js#L26\n */\nfunction normaliseCssProperty(key: string): string {\n    if (key.startsWith(\"--\")) return key;\n\n    const kebabCased = key.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\n    if (/^(o|moz|ms|webkit)-/.test(kebabCased)) {\n        return `-${kebabCased}`;\n    }\n\n    return kebabCased;\n}\n\nfunction normaliseCssValue(key: string, value: string | number): string {\n    if (\n        typeof value === \"number\" &&\n        numericCssStyleProperties.has(key as keyof CSSStyleDeclaration)\n    ) {\n        return `${value}px`;\n    }\n\n    return String(value);\n}\n\n// @catalog\n/**\n * Hook to apply styles to a HTML DOM element. Use when you need to apply inline\n * styles but cannot use the inline React `style` prop due to strict CSP rules.\n *\n * @param ref The HTML element to receive the styles\n * @param styles The styles to apply, in the same format as the React `style`\n * prop, or CSS variables. Values will be normalised to strings and numeric\n * values will have \"px\" appended for properties that typically require units.\n * @keywords css variables, hook, inline styles\n */\nexport function useApplyStyle<TElement extends HTMLElement>(\n    ref: RefObject<TElement | null>,\n    styles: ApplyStyleMap | undefined\n) {\n    useIsomorphicLayoutEffect(() => {\n        const element = ref?.current;\n        if (!element || !styles) return;\n\n        Object.entries(styles).forEach(([key, value]: [string, StyleValue]) => {\n            const normalisedKey = normaliseCssProperty(key);\n\n            if (value == null) {\n                element.style.removeProperty(normalisedKey);\n                return;\n            }\n\n            const normalisedValue = normaliseCssValue(key, value);\n            element.style.setProperty(normalisedKey, normalisedValue);\n        });\n    }, [ref, styles]);\n}\n"],"names":["numericCssStyleProperties","Set","ref","styles","useIsomorphicLayoutEffect","element","current","Object","entries","forEach","key","value","normalisedKey","startsWith","kebabCased","replace","toLowerCase","test","normaliseCssProperty","style","removeProperty","normalisedValue","has","String","normaliseCssValue","setProperty"],"mappings":"0SA6BA,MAAMA,EAA4D,IAAIC,IAAI,CACtE,QACA,SACA,MACA,OACA,QACA,SACA,SACA,YACA,aACA,cACA,eACA,UACA,aACA,cACA,eACA,wCA8CE,SACFC,EACAC,GAEAC,EAAAA,2BAA0B,KACtB,MAAMC,EAAUH,aAAG,EAAHA,EAAKI,QAChBD,GAAYF,GAEjBI,OAAOC,QAAQL,GAAQM,SAAQ,EAAEC,EAAKC,MAClC,MAAMC,EA3ClB,SAA8BF,GAC1B,GAAIA,EAAIG,WAAW,MAAO,OAAOH,EAEjC,MAAMI,EAAaJ,EAAIK,QAAQ,WAAY,OAAOC,cAElD,MAAI,sBAAsBC,KAAKH,GACpB,IAAIA,IAGRA,CACX,CAiCkCI,CAAqBR,GAE3C,GAAa,MAATC,EAEA,YADAN,EAAQc,MAAMC,eAAeR,GAIjC,MAAMS,EAtClB,SAA2BX,EAAaC,GACpC,MACqB,iBAAVA,GACPX,EAA0BsB,IAAIZ,GAEvB,GAAGC,MAGPY,OAAOZ,EAClB,CA6BoCa,CAAkBd,EAAKC,GAC/CN,EAAQc,MAAMM,YAAYb,EAAeS,EAAgB,GAC3D,GACH,CAACnB,EAAKC,GACb"}

package/cjs/theme/utils/use-design-token-override.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("../theme-provider/hooks.js"),r=require("./css-variable.js");exports.useDesignTokenOverride=({token:s,mode:a="light"})=>{const{theme:i,themeElement:o}=t.useTheme(),[d,n]=e.useState();return e.useEffect((()=>{if(!o)return;const e=document.createElement("div");e.dataset.fdsTheme=i,e.dataset.fdsThemeMode=a,e.style.display="none",o.appendChild(e);const t=r.parseCSSVariableValue(s,e);n(t||void 0),e.remove()}),[i,o,s,a]),d};
+//# sourceMappingURL=use-design-token-override.js.map