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

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

@@ -1 +1 @@
-{"version":3,"file":"text-list.styles.js","sources":["../../../src/text-list/text-list.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font, V3_MediaQuery } from \"../v3_theme\";\nimport type { V3_TypographySizeType } from \"../v3_theme/font/types\";\nimport type { BulletType, CounterType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface ListStyleProps {\n    $bottomMargin: number | undefined;\n    $size: V3_TypographySizeType | undefined;\n}\n\ninterface OrderedListStyleProps extends ListStyleProps {\n    $counterType: CounterType | undefined;\n    $counterSeparator: string | undefined;\n}\n\ninterface UnorderedListStyleProps extends ListStyleProps {\n    $bulletType: BulletType | undefined;\n    $hasCustomIcon: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst baseStyle = css<ListStyleProps>`\n    margin-bottom: ${(props) => props.$bottomMargin || 0}rem;\n\n    // Counter matters\n    counter-reset: list;\n\n    ${(props) => props.$size && V3_Font[`${props.$size}-regular`]}\n    font-weight: ${V3_Font.Spec[\"weight-regular\"]};\n    color: ${V3_Colour.text};\n\n    // nested lists styling\n    ol,\n    ul {\n        margin-top: 0.5rem;\n        margin-bottom: 0.5rem;\n    }\n`;\n\nexport const StyledOrderedList = styled.ol<OrderedListStyleProps>`\n    ${baseStyle}\n\n    margin-left: 3em;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-left: 2.5em;\n    }\n\n    li {\n        position: relative;\n    }\n\n    ${(props) => {\n        const { reversed } = props;\n        const counterType = props.$counterType || \"decimal\";\n        const counterSeparator = props.$counterSeparator || \")\";\n\n        return css`\n            li:before {\n                content: counter(list, ${counterType}) \"${counterSeparator}\";\n                counter-increment: ${reversed ? \"list -1\" : \"list\"};\n                position: absolute;\n                left: -2em;\n            }\n        `;\n    }}\n\n    ${(props) => {\n        const { reversed, start } = props;\n\n        if (start) {\n            const resetValue = reversed ? start + 1 : start - 1;\n            return css`\n                counter-reset: list ${resetValue};\n            `;\n        }\n    }}\n\n    list-style-position: outside;\n    list-style-type: none;\n\n    ul > li:before {\n        content: \"\";\n    }\n`;\n\nexport const StyledUnorderedList = styled.ul<UnorderedListStyleProps>`\n    ${baseStyle}\n\n    margin-left: ${(props) => (props.$hasCustomIcon ? 0 : \"2.5em\")};\n    list-style-type: ${(props) =>\n        props.$hasCustomIcon ? \"none\" : props.$bulletType || \"disc\"};\n\n    ${(props) =>\n        props.$hasCustomIcon &&\n        css`\n            & > li {\n                display: flex;\n                align-items: flex-start;\n                gap: 0.5em;\n            }\n        `}\n`;\n"],"names":["baseStyle","css","props","$bottomMargin","$size","V3_Font","Spec","V3_Colour","text","StyledOrderedList","styled","ol","V3_MediaQuery","MaxWidth","lg","reversed","counterType","$counterType","counterSeparator","$counterSeparator","start","resetValue","StyledUnorderedList","ul","$hasCustomIcon","$bulletType"],"mappings":"qKA2BA,MAAMA,EAAYC,EAAAA,GAAmB;qBACfC,GAAUA,EAAMC,eAAiB;;;;;MAKhDD,GAAUA,EAAME,OAASC,EAAAA,QAAQ,GAAGH,EAAME;mBAC9BC,EAAAA,QAAQC,KAAK;aACnBC,EAAAA,UAAUC;;;;;;;;EAUVC,EAAoBC,EAAAA,QAAOC,EAAyB;MAC3DX;;;;MAIAY,EAAAA,cAAcC,SAASC;;;;;;;;MAQtBZ,IACC,MAAMa,SAAEA,GAAab,EACfc,EAAcd,EAAMe,cAAgB,UACpCC,EAAmBhB,EAAMiB,mBAAqB,IAEpD,OAAOlB,KAAG;;yCAEuBe,OAAiBE;qCACrBH,EAAW,UAAY;;;;SAInD;;MAGFb,IACC,MAAMa,SAAEA,EAAQK,MAAEA,GAAUlB,EAE5B,GAAIkB,EAAO,CACP,MAAMC,EAAaN,EAAWK,EAAQ,EAAIA,EAAQ,EAClD,OAAOnB,KAAG;sCACgBoB;aAE9B;;;;;;;;EAWKC,EAAsBZ,EAAAA,QAAOa,EAA2B;MAC/DvB;;mBAEcE,GAAWA,EAAMsB,eAAiB,EAAI;uBAClCtB,GAChBA,EAAMsB,eAAiB,OAAStB,EAAMuB,aAAe;;MAEtDvB,GACCA,EAAMsB,gBACNvB,KAAG;;;;;;;"}
+{"version":3,"file":"text-list.styles.js","sources":["../../../src/text-list/text-list.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, MediaQuery } from \"../theme\";\nimport type { TextListSize } from \"./types\";\n\nexport const tokens = {\n    listBottomMargin: \"--fds-internal-textList-list-bottomMargin\",\n    orderedListCounterStyle: \"--fds-internal-textList-orderedList-counterStyle\",\n    orderedListCounterSeparator:\n        \"--fds-internal-textList-orderedList-counterSeparator\",\n    orderedListStartValue: \"--fds-internal-textList-orderedList-startValue\",\n    unorderedListBulletType: \"--fds-internal-textList-unorderedList-bulletType\",\n};\n\nexport const listBase = css`\n    ${tokens.listBottomMargin}: 0rem;\n    margin-bottom: var(${tokens.listBottomMargin});\n\n    // Counter matters\n    counter-reset: list;\n\n    font-weight: ${Font.Spec[\"weight-regular\"]};\n    color: ${Colour.text};\n\n    // nested lists styling\n    ol,\n    ul {\n        margin-top: 0.5rem;\n        margin-bottom: 0.5rem;\n    }\n`;\n\nexport const listSize: Record<TextListSize, string> = {\n    \"heading-xxl\": css`\n        ${Font[\"heading-xxl-regular\"]}\n    `,\n    \"heading-xl\": css`\n        ${Font[\"heading-xl-regular\"]}\n    `,\n    \"heading-lg\": css`\n        ${Font[\"heading-lg-regular\"]}\n    `,\n    \"heading-md\": css`\n        ${Font[\"heading-md-regular\"]}\n    `,\n    \"heading-sm\": css`\n        ${Font[\"heading-sm-regular\"]}\n    `,\n    \"heading-xs\": css`\n        ${Font[\"heading-xs-regular\"]}\n    `,\n    \"body-baseline\": css`\n        ${Font[\"body-baseline-regular\"]}\n    `,\n    \"body-md\": css`\n        ${Font[\"body-md-regular\"]}\n    `,\n    \"body-sm\": css`\n        ${Font[\"body-sm-regular\"]}\n    `,\n    \"body-xs\": css`\n        ${Font[\"body-xs-regular\"]}\n    `,\n};\n\nexport const orderedList = css`\n    ${tokens.orderedListCounterSeparator}: \")\";\n\n    margin-left: 3em;\n    list-style-position: outside;\n    list-style-type: none;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-left: 2.5em;\n    }\n\n    li {\n        position: relative;\n    }\n\n    li:before {\n        counter-increment: list;\n        content: counter(list, var(${tokens.orderedListCounterStyle}, decimal))\n            var(${tokens.orderedListCounterSeparator});\n        position: absolute;\n        left: -2em;\n    }\n\n    ul > li:before {\n        content: \"\";\n    }\n`;\n\nexport const orderedListReversed = css`\n    li:before {\n        counter-increment: list -1;\n    }\n`;\n\nexport const orderedListCustomStart = css`\n    counter-reset: list var(${tokens.orderedListStartValue});\n`;\n\nexport const unorderedList = css`\n    margin-left: 2.5em;\n    list-style-type: var(${tokens.unorderedListBulletType}, disc);\n`;\n\nexport const unorderedListCustomIcon = css`\n    margin-left: 0;\n    list-style-type: none;\n\n    & > li {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.5em;\n    }\n`;\n"],"names":["listBottomMargin","orderedListCounterStyle","orderedListCounterSeparator","orderedListStartValue","unorderedListBulletType"],"mappings":"iGAcqB,4BAkBiC,CAClD,cAAa,WAGb,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,gBAAe,SAGf,UAAS,UAGT,UAAS,WAGT,UAAS,+BAKW,0CAkCW,uCANH,0BAxFV,CAClBA,iBAAkB,4CAClBC,wBAAyB,mDACzBC,4BACI,uDACJC,sBAAuB,iDACvBC,wBAAyB,0EA4FH,2CAKU"}

package/cjs/text-list/text-list.styles_1gohl3f.css

@@ -0,0 +1,16 @@
+.l1oajjj5{--fds-internal-textList-list-bottomMargin:0rem;margin-bottom:var(--fds-internal-textList-list-bottomMargin);counter-reset:list;font-weight:var(--fds-font-weight-regular);color:var(--fds-colour-text);}.l1oajjj5 ol,.l1oajjj5 ul{margin-top:0.5rem;margin-bottom:0.5rem;}
+.h1cidf62{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xxl);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xxl);letter-spacing:var(--fds-font-heading-ls-xxl);}
+.hzza2og{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xl);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xl);letter-spacing:var(--fds-font-heading-ls-xl);}
+.hvh12um{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-lg);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-lg);letter-spacing:var(--fds-font-heading-ls-lg);}
+.hmbxm0d{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-md);letter-spacing:var(--fds-font-heading-ls-md);}
+.he1b4ry{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-sm);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-sm);letter-spacing:var(--fds-font-heading-ls-sm);}
+.hqe0fod{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);}
+.bd07pl{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.bsjejt8{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.b1lkco40{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);}
+.bru5c1n{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);}
+.o1gavxb4{--fds-internal-textList-orderedList-counterSeparator:")";margin-left:3em;list-style-position:outside;list-style-type:none;}:where(body.fds-breakpoint-lg-max) .o1gavxb4{margin-left:2.5em;}.o1gavxb4 li{position:relative;}.o1gavxb4 li:before{counter-increment:list;content:counter(list, var(--fds-internal-textList-orderedList-counterStyle, decimal)) var(--fds-internal-textList-orderedList-counterSeparator);position:absolute;left:-2em;}.o1gavxb4 ul>li:before{content:"";}
+.o1s96hsr li:before{counter-increment:list -1;}
+.o14yxjmu{counter-reset:list var(--fds-internal-textList-orderedList-startValue);}
+.u1kb1ugb{margin-left:2.5em;list-style-type:var(--fds-internal-textList-unorderedList-bulletType, disc);}
+.u1fq31t2{margin-left:0;list-style-type:none;}.u1fq31t2>li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0.5em;}

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\";\n\nimport { StyledUnorderedList } from \"./text-list.styles\";\nimport type { 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":"4NAKO,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("./theme-provider/index.js"),r=require("./theme-provider/hooks.js"),o=require("./tokens/border.js"),s=require("./tokens/breakpoint.js"),t=require("./tokens/colour.js"),i=require("./tokens/component.js"),n=require("./tokens/font.js"),u=require("./tokens/media-query.js"),p=require("./tokens/motion.js"),a=require("./tokens/radius.js"),l=require("./tokens/shadow.js"),x=require("./tokens/spacing.js"),k=require("./utils/css-variable.js"),d=require("./utils/font.js"),m=require("./utils/token-resolver.js"),T=require("./utils/use-apply-styles.js"),h=require("./utils/use-design-token.js");exports.ThemeProvider=e.ThemeProvider,exports.useInheritedThemeScope=r.useInheritedThemeScope,exports.useTheme=r.useTheme,exports.Border=o.Border,exports.BorderStyle=o.BorderStyle,exports.BorderThickness=o.BorderThickness,exports.Breakpoint=s.Breakpoint,exports.Colour=t.Colour,exports.PrimitiveColours=t.PrimitiveColours,exports.SemanticColours=t.SemanticColours,exports.ComponentToken=i.ComponentToken,exports.Font=n.Font,exports.FontSpec=n.FontSpec,exports.MediaQuery=u.MediaQuery,exports.Motion=p.Motion,exports.Radius=a.Radius,exports.Shadow=l.Shadow,exports.Spacing=x.Spacing,exports.getInheritedInlineCssVariables=k.getInheritedInlineCssVariables,exports.parseCSSVariableValue=k.parseCSSVariableValue,exports.parsePxOrRemValue=k.parsePxOrRemValue,exports.generateFont=d.generateFont,exports.getEffectiveTokenOrCustom=m.getEffectiveTokenOrCustom,exports.getResolvedValue=m.getResolvedValue,exports.getTokenOrDefault=m.getTokenOrDefault,exports.isTokenFromSet=m.isTokenFromSet,exports.isTokenWithPrefix=m.isTokenWithPrefix,exports.toCssValue=m.toCssValue,exports.useApplyStyle=T.useApplyStyle,exports.useDesignToken=h.useDesignToken,exports.useResolvedTokenValue=h.useResolvedTokenValue;
+"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"),a=require("./tokens/motion.js"),p=require("./tokens/radius.js"),l=require("./tokens/shadow.js"),x=require("./tokens/spacing.js"),d=require("./types.js"),k=require("./utils/css-variable.js"),T=require("./utils/font.js"),m=require("./utils/token-resolver.js"),h=require("./utils/use-apply-styles.js"),S=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=a.Motion,exports.Radius=p.Radius,exports.Shadow=l.Shadow,exports.Spacing=x.Spacing,exports.THEME_TYPES=d.THEME_TYPES,exports.extractFdsCssVariableName=k.extractFdsCssVariableName,exports.formatUnitValue=k.formatUnitValue,exports.getInheritedInlineCssVariables=k.getInheritedInlineCssVariables,exports.normalizeCssLengthValue=k.normalizeCssLengthValue,exports.parseCSSVariableValue=k.parseCSSVariableValue,exports.parsePxOrRemValue=k.parsePxOrRemValue,exports.generateFont=T.generateFont,exports.generateFontProperties=T.generateFontProperties,exports.getEffectiveTokenOrCustom=m.getEffectiveTokenOrCustom,exports.getResolvedValue=m.getResolvedValue,exports.getTokenOrDefault=m.getTokenOrDefault,exports.isTokenFromSet=m.isTokenFromSet,exports.isTokenWithPrefix=m.isTokenWithPrefix,exports.toCssValue=m.toCssValue,exports.useApplyStyle=h.useApplyStyle,exports.useDesignToken=S.useDesignToken,exports.useResolvedTokenValue=S.useResolvedTokenValue,exports.DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT=q.DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT,exports.useMaxWidthMediaQuery=q.useMaxWidthMediaQuery,exports.useMediaQuery=q.useMediaQuery,exports.useMinWidthMediaQuery=q.useMinWidthMediaQuery,exports.useResolvedBreakpointToken=q.useResolvedBreakpointToken;
 //# sourceMappingURL=index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.js","sources":["../../../../src/theme/theme-provider/breakpoint.ts"],"sourcesContent":["import { Breakpoint } from \"../tokens/breakpoint\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue, parsePxOrRemValue } from \"../utils\";\n\nfunction getBreakpointRanges(sourceElement: HTMLElement) {\n    const getBreakpointValue = (token: CSSVariableString) => {\n        const scopedValue = parseCSSVariableValue(token, sourceElement);\n        if (scopedValue) return scopedValue;\n\n        if (sourceElement !== document.documentElement) {\n            return parseCSSVariableValue(token, document.documentElement);\n        }\n\n        return scopedValue;\n    };\n\n    return [\n        {\n            key: \"xxs\",\n            min: getBreakpointValue(Breakpoint[\"xxs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xxs-max\"]),\n        },\n        {\n            key: \"xs\",\n            min: getBreakpointValue(Breakpoint[\"xs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xs-max\"]),\n        },\n        {\n            key: \"sm\",\n            min: getBreakpointValue(Breakpoint[\"sm-min\"]),\n            max: getBreakpointValue(Breakpoint[\"sm-max\"]),\n        },\n        {\n            key: \"md\",\n            min: getBreakpointValue(Breakpoint[\"md-min\"]),\n            max: getBreakpointValue(Breakpoint[\"md-max\"]),\n        },\n        {\n            key: \"lg\",\n            min: getBreakpointValue(Breakpoint[\"lg-min\"]),\n            max: getBreakpointValue(Breakpoint[\"lg-max\"]),\n        },\n        {\n            key: \"xl\",\n            min: getBreakpointValue(Breakpoint[\"xl-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xl-max\"]),\n        },\n        {\n            key: \"xxl\",\n            min: getBreakpointValue(Breakpoint[\"xxl-min\"]),\n            max: Infinity,\n        },\n    ] as const;\n}\n\nconst BREAKPOINT_CLASS_PREFIX = \"fds-breakpoint-\";\n\nexport function applyBreakpointClasses(sourceElement: HTMLElement) {\n    const body = document.body;\n    const width = window.innerWidth;\n\n    [...body.classList].forEach((cls) => {\n        if (cls.startsWith(BREAKPOINT_CLASS_PREFIX)) {\n            body.classList.remove(cls);\n        }\n    });\n\n    const BREAKPOINT_RANGES = getBreakpointRanges(sourceElement);\n\n    BREAKPOINT_RANGES.forEach((range) => {\n        const minValue = parsePxOrRemValue(range.min);\n        const maxValue =\n            range.max === Infinity\n                ? Infinity\n                : parsePxOrRemValue(range.max as string);\n\n        const isMinMatched = width >= minValue;\n        const isMaxMatched = maxValue === Infinity ? false : width <= maxValue;\n        const isWithinRange =\n            isMinMatched && (maxValue === Infinity || isMaxMatched);\n\n        if (isWithinRange) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}`);\n        }\n\n        if (isMinMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-min`);\n        }\n\n        if (isMaxMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-max`);\n        }\n    });\n}\n\nexport function setupBreakpointListener(sourceElement: HTMLElement) {\n    if (!globalThis.window) return;\n\n    const handleBreakpointChange = () => {\n        applyBreakpointClasses(sourceElement);\n    };\n\n    handleBreakpointChange();\n    globalThis.window.addEventListener(\"resize\", handleBreakpointChange);\n\n    return () => {\n        globalThis.window.removeEventListener(\"resize\", handleBreakpointChange);\n    };\n}\n"],"names":["BREAKPOINT_CLASS_PREFIX","applyBreakpointClasses","sourceElement","body","document","width","window","innerWidth","classList","forEach","cls","startsWith","remove","BREAKPOINT_RANGES","getBreakpointValue","token","scopedValue","parseCSSVariableValue","documentElement","key","min","Breakpoint","max","Infinity","getBreakpointRanges","range","minValue","parsePxOrRemValue","maxValue","isMinMatched","isMaxMatched","add","globalThis","handleBreakpointChange","addEventListener","removeEventListener"],"mappings":"kQAuDA,MAAMA,EAA0B,kBAE1B,SAAUC,EAAuBC,GACnC,MAAMC,EAAOC,SAASD,KAChBE,EAAQC,OAAOC,WAErB,IAAIJ,EAAKK,WAAWC,SAASC,IACrBA,EAAIC,WAAWX,IACfG,EAAKK,UAAUI,OAAOF,EAC1B,IAGJ,MAAMG,EA/DV,SAA6BX,GACzB,MAAMY,EAAsBC,IACxB,MAAMC,EAAcC,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,kEAEM,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"}
+{"version":3,"file":"breakpoint.js","sources":["../../../../src/theme/theme-provider/breakpoint.ts"],"sourcesContent":["import { Breakpoint } from \"../tokens/breakpoint\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue, parsePxOrRemValue } from \"../utils\";\n\nfunction getBreakpointRanges(sourceElement: HTMLElement) {\n    const getBreakpointValue = (token: CSSVariableString) => {\n        const scopedValue = parseCSSVariableValue(token, sourceElement);\n        if (scopedValue) return scopedValue;\n\n        if (sourceElement !== document.documentElement) {\n            return parseCSSVariableValue(token, document.documentElement);\n        }\n\n        return scopedValue;\n    };\n\n    return [\n        {\n            key: \"xxs\",\n            min: getBreakpointValue(Breakpoint[\"xxs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xxs-max\"]),\n        },\n        {\n            key: \"xs\",\n            min: getBreakpointValue(Breakpoint[\"xs-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xs-max\"]),\n        },\n        {\n            key: \"sm\",\n            min: getBreakpointValue(Breakpoint[\"sm-min\"]),\n            max: getBreakpointValue(Breakpoint[\"sm-max\"]),\n        },\n        {\n            key: \"md\",\n            min: getBreakpointValue(Breakpoint[\"md-min\"]),\n            max: getBreakpointValue(Breakpoint[\"md-max\"]),\n        },\n        {\n            key: \"lg\",\n            min: getBreakpointValue(Breakpoint[\"lg-min\"]),\n            max: getBreakpointValue(Breakpoint[\"lg-max\"]),\n        },\n        {\n            key: \"xl\",\n            min: getBreakpointValue(Breakpoint[\"xl-min\"]),\n            max: getBreakpointValue(Breakpoint[\"xl-max\"]),\n        },\n        {\n            key: \"xxl\",\n            min: getBreakpointValue(Breakpoint[\"xxl-min\"]),\n            max: Infinity,\n        },\n    ] as const;\n}\n\nconst BREAKPOINT_CLASS_PREFIX = \"fds-breakpoint-\";\n\nexport function applyBreakpointClasses(sourceElement: HTMLElement) {\n    const body = document.body;\n    const width = window.innerWidth;\n\n    [...body.classList].forEach((cls) => {\n        if (cls.startsWith(BREAKPOINT_CLASS_PREFIX)) {\n            body.classList.remove(cls);\n        }\n    });\n\n    const BREAKPOINT_RANGES = getBreakpointRanges(sourceElement);\n\n    BREAKPOINT_RANGES.forEach((range) => {\n        const minValue = parsePxOrRemValue(range.min);\n        const maxValue =\n            range.max === Infinity\n                ? Infinity\n                : parsePxOrRemValue(range.max as string);\n\n        const isMinMatched = width >= minValue;\n        const isMaxMatched = maxValue === Infinity ? false : width <= maxValue;\n        const isWithinRange =\n            isMinMatched && (maxValue === Infinity || isMaxMatched);\n\n        if (isWithinRange) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}`);\n        }\n\n        if (isMinMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-min`);\n        }\n\n        if (isMaxMatched) {\n            body.classList.add(`${BREAKPOINT_CLASS_PREFIX}${range.key}-max`);\n        }\n    });\n}\n\nexport function setupBreakpointListener(sourceElement: HTMLElement) {\n    if (!globalThis.window) return;\n\n    const handleBreakpointChange = () => {\n        applyBreakpointClasses(sourceElement);\n    };\n\n    handleBreakpointChange();\n    globalThis.window.addEventListener(\"resize\", handleBreakpointChange);\n\n    return () => {\n        globalThis.window.removeEventListener(\"resize\", handleBreakpointChange);\n    };\n}\n"],"names":["BREAKPOINT_CLASS_PREFIX","applyBreakpointClasses","sourceElement","body","document","width","window","innerWidth","classList","forEach","cls","startsWith","remove","BREAKPOINT_RANGES","getBreakpointValue","token","scopedValue","parseCSSVariableValue","documentElement","key","min","Breakpoint","max","Infinity","getBreakpointRanges","range","minValue","parsePxOrRemValue","maxValue","isMinMatched","isMaxMatched","add","globalThis","handleBreakpointChange","addEventListener","removeEventListener"],"mappings":"4XAuDA,MAAMA,EAA0B,kBAE1B,SAAUC,EAAuBC,GACnC,MAAMC,EAAOC,SAASD,KAChBE,EAAQC,OAAOC,WAErB,IAAIJ,EAAKK,WAAWC,SAASC,IACrBA,EAAIC,WAAWX,IACfG,EAAKK,UAAUI,OAAOF,EAC1B,IAGJ,MAAMG,EA/DV,SAA6BX,GACzB,MAAMY,EAAsBC,IACxB,MAAMC,EAAcC,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,kEAEM,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/index.js

@@ -1,2 +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/string-helper.js");var s=require("../../util/use-isomorphic-layout-effect.js"),u=require("./breakpoint.js"),i=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 u.setupBreakpointListener(e)}),[q,l,h]),r.useEffect((()=>{if(!f)return o.listenToSystemColourMode(j);j(n)}),[f,n]);const y=r.useMemo((()=>({theme:l,mode:h,themeElement:q})),[l,h,q]);return e.jsx(i.ThemeContext.Provider,{value:y,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;
+"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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/theme/theme-provider/index.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef, useEffect, useMemo, useState } from \"react\";\n\nimport { mergeRefs, useIsomorphicLayoutEffect } from \"../../util\";\nimport type { ResolvedThemeMode } from \"../types\";\nimport { setupBreakpointListener } from \"./breakpoint\";\nimport { ThemeContext } from \"./context\";\nimport { listenToSystemColourMode } from \"./system-colour-mode\";\nimport type { ThemeProviderProps } from \"./types\";\n\nconst InnerThemeProvider = (\n    {\n        children,\n        theme = \"lifesg\",\n        mode = \"auto\",\n        className,\n        style,\n    }: ThemeProviderProps,\n    ref: Ref<HTMLDivElement>\n) => {\n    const isModeControlled = mode !== \"auto\";\n\n    const [computedMode, setComputedMode] = useState<ResolvedThemeMode>(\n        isModeControlled ? mode : \"light\"\n    );\n    const [themeElement, setThemeElement] = useState<HTMLDivElement | null>(\n        null\n    );\n\n    // Re-subscribe when the source node or token set changes:\n    // - `themeElement`: scoped breakpoint tokens may live on this element\n    // - `theme` / `themeMode`: breakpoint token values can differ across theme/mode\n    useIsomorphicLayoutEffect(() => {\n        const sourceElement = themeElement ?? document.documentElement;\n        const cleanup = setupBreakpointListener(sourceElement);\n        return cleanup;\n    }, [themeElement, theme, computedMode]);\n\n    useEffect(() => {\n        if (isModeControlled) {\n            setComputedMode(mode);\n            return;\n        }\n\n        return listenToSystemColourMode(setComputedMode);\n    }, [isModeControlled, mode]);\n\n    const contextValue = useMemo(\n        () => ({\n            theme,\n            mode: computedMode,\n            themeElement,\n        }),\n        [theme, computedMode, themeElement]\n    );\n\n    return (\n        <ThemeContext.Provider value={contextValue}>\n            <div\n                ref={mergeRefs(ref, setThemeElement)}\n                data-fds-theme={theme}\n                data-fds-theme-mode={computedMode}\n                className={className}\n                style={style}\n            >\n                {children}\n            </div>\n        </ThemeContext.Provider>\n    );\n};\n\nexport const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(\n    InnerThemeProvider\n);\n"],"names":["ThemeProvider","forwardRef","children","theme","mode","className","style","ref","isModeControlled","computedMode","setComputedMode","useState","themeElement","setThemeElement","useIsomorphicLayoutEffect","sourceElement","document","documentElement","setupBreakpointListener","useEffect","listenToSystemColourMode","contextValue","useMemo","_jsx","ThemeContext","Provider","value","mergeRefs"],"mappings":"kYAUA,MA6DaA,EAAgBC,EAAAA,YA7DF,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"}
+{"version":3,"file":"index.js","sources":["../../../../src/theme/theme-provider/index.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef, useEffect, useMemo, useState } from \"react\";\n\nimport { mergeRefs, useIsomorphicLayoutEffect } from \"../../util\";\nimport type { ResolvedThemeMode } from \"../types\";\nimport { setupBreakpointListener } from \"./breakpoint\";\nimport { ThemeContext } from \"./context\";\nimport { listenToSystemColourMode } from \"./system-colour-mode\";\nimport type { ThemeProviderProps } from \"./types\";\n\nconst InnerThemeProvider = (\n    {\n        children,\n        theme = \"lifesg\",\n        mode = \"auto\",\n        className,\n        style,\n    }: ThemeProviderProps,\n    ref: Ref<HTMLDivElement>\n) => {\n    const isModeControlled = mode !== \"auto\";\n\n    const [computedMode, setComputedMode] = useState<ResolvedThemeMode>(\n        isModeControlled ? mode : \"light\"\n    );\n    const [themeElement, setThemeElement] = useState<HTMLDivElement | null>(\n        null\n    );\n\n    // Re-subscribe when the source node or token set changes:\n    // - `themeElement`: scoped breakpoint tokens may live on this element\n    // - `theme` / `themeMode`: breakpoint token values can differ across theme/mode\n    useIsomorphicLayoutEffect(() => {\n        const sourceElement = themeElement ?? document.documentElement;\n        const cleanup = setupBreakpointListener(sourceElement);\n        return cleanup;\n    }, [themeElement, theme, computedMode]);\n\n    useEffect(() => {\n        if (isModeControlled) {\n            setComputedMode(mode);\n            return;\n        }\n\n        return listenToSystemColourMode(setComputedMode);\n    }, [isModeControlled, mode]);\n\n    const contextValue = useMemo(\n        () => ({\n            theme,\n            mode: computedMode,\n            themeElement,\n        }),\n        [theme, computedMode, themeElement]\n    );\n\n    return (\n        <ThemeContext.Provider value={contextValue}>\n            <div\n                ref={mergeRefs(ref, setThemeElement)}\n                data-fds-theme={theme}\n                data-fds-theme-mode={computedMode}\n                className={className}\n                style={style}\n            >\n                {children}\n            </div>\n        </ThemeContext.Provider>\n    );\n};\n\nexport const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(\n    InnerThemeProvider\n);\n"],"names":["ThemeProvider","forwardRef","children","theme","mode","className","style","ref","isModeControlled","computedMode","setComputedMode","useState","themeElement","setThemeElement","useIsomorphicLayoutEffect","sourceElement","document","documentElement","setupBreakpointListener","useEffect","listenToSystemColourMode","contextValue","useMemo","_jsx","ThemeContext","Provider","value","mergeRefs"],"mappings":"qdAUA,MA6DaA,EAAgBC,EAAAA,YA7DF,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/tokens/font.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../utils/font.js");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("react"),require("../../util/string-helper.js"),require("../theme-provider/context.js");const d={"font-family":"var(--fds-font-family)","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;
+"use strict";var e=require("../utils/font.js");const d={"font-family":"var(--fds-font-family)","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

@@ -1 +1 @@
-{"version":3,"file":"font.js","sources":["../../../../src/theme/tokens/font.ts"],"sourcesContent":["import { generateFont } from \"../utils\";\n\nexport const FontSpec = {\n    \"font-family\": \"var(--fds-font-family)\",\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\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":"qOAEO,MAAMA,EAAW,CACpB,cAAe,yBACf,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,uCAGdC,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"}
+{"version":3,"file":"font.js","sources":["../../../../src/theme/tokens/font.ts"],"sourcesContent":["import { generateFont } from \"../utils/font\";\n\nexport const FontSpec = {\n    \"font-family\": \"var(--fds-font-family)\",\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\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":"+CAEO,MAAMA,EAAW,CACpB,cAAe,yBACf,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,uCAGdC,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

@@ -1,2 +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)=>`body.fds-breakpoint-${s}-${t} &`)(s,t)})),x},i={MaxWidth:x(s,"max"),MinWidth:x(t,"min")};exports.MediaQuery=i;
+"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

@@ -1 +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    `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\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,uBAAuBG,KAAcH,MASDI,CAAoBD,EAAYH,EAAK,IAGlEC,CAAI,EAGFI,EAAa,CACtBC,SAAUR,EAAwBF,EAAuB,OACzDW,SAAUT,EAAwBD,EAAuB"}
+{"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\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,EAGFI,EAAa,CACtBC,SAAUR,EAAwBF,EAAuB,OACzDW,SAAUT,EAAwBD,EAAuB"}

package/cjs/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";exports.THEME_TYPES=["a11y-playground","bookingsg","ccube","imda","lifesg","mylegacy","oneservice","pa","rbs","sgw-digital-lobby","spf","supportgowhere"];
+//# 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\nexport const THEME_TYPES = [\n    \"a11y-playground\",\n    \"bookingsg\",\n    \"ccube\",\n    \"imda\",\n    \"lifesg\",\n    \"mylegacy\",\n    \"oneservice\",\n    \"pa\",\n    \"rbs\",\n    \"sgw-digital-lobby\",\n    \"spf\",\n    \"supportgowhere\",\n] as const;\n\nexport type ThemeType = (typeof THEME_TYPES)[number];\nexport type ThemeMode = \"light\" | \"dark\" | \"auto\";\n\nexport type ResolvedThemeMode = \"light\" | \"dark\";\n\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\nexport type FontWeight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nexport type BreakpointCSSVariableString = ValueOf<typeof Breakpoint>;\nexport type BorderCSSVariableString = ValueOf<typeof Border>;\nexport type ComponentTokenCSSVariableString =\n    | ValueOf<typeof ComponentToken.Animation>\n    | ValueOf<typeof ComponentToken.Button>\n    | ValueOf<typeof ComponentToken.Footer>\n    | ValueOf<typeof ComponentToken.Navbar>;\nexport type FontSpecCSSVariableString = ValueOf<typeof FontSpec>;\nexport type MotionCSSVariableString = ValueOf<typeof Motion>;\nexport type PrimitiveColourCSSVariableString = ValueOf<typeof PrimitiveColours>;\nexport type RadiusCSSVariableString = ValueOf<typeof Radius>;\nexport type SemanticColourCSSVariableString = ValueOf<typeof SemanticColours>;\nexport type ColourCSSVariableString =\n    | PrimitiveColourCSSVariableString\n    | SemanticColourCSSVariableString;\nexport type ShadowCSSVariableString = ValueOf<typeof Shadow>;\nexport type SpacingCSSVariableString = ValueOf<typeof Spacing>;\n\nexport type CSSVariableString =\n    | BreakpointCSSVariableString\n    | BorderCSSVariableString\n    | ColourCSSVariableString\n    | ComponentTokenCSSVariableString\n    | FontSpecCSSVariableString\n    | MotionCSSVariableString\n    | RadiusCSSVariableString\n    | ShadowCSSVariableString\n    | SpacingCSSVariableString;\n\ntype ExtractCleanCSSVariableName<T extends string> =\n    T extends `var(${infer Name})` ? Name : never;\nexport type CSSVariableKey = ExtractCleanCSSVariableName<CSSVariableString>;\n"],"names":[],"mappings":"iCAc2B,CACvB,kBACA,YACA,QACA,OACA,SACA,WACA,aACA,KACA,MACA,oBACA,MACA"}

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

@@ -1,2 +1,2 @@
-"use strict";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,t){var r;if(!e)return"";if(!globalThis.window||!t)return console.warn(`Cannot parse CSS variable value for "${e}" because window or sourceElement is not available.`),"";const n=null===(r=/--fds-[\w-]+/.exec(e))||void 0===r?void 0:r[0];return n?getComputedStyle(t).getPropertyValue(n).trim():(console.warn(`Invalid CSS variable string: ${e}. Expected format: var(--fds-token-name)`),"")},exports.parsePxOrRemValue=function(e){const t=e.trim(),r=/^(-?\d*\.?\d+)(px|rem)$/i.exec(t);if(!r)return 0;const n=Number.parseFloat(r[1]);if(Number.isNaN(n))return 0;if("px"===r[2].toLowerCase())return n;const o=globalThis.window?Number.parseFloat(getComputedStyle(document.documentElement).fontSize):16;return n*(Number.isNaN(o)?16:o)};
+"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.normalizeCssLengthValue=t=>{if(!t)return;const r=t.trim();return"0"===r||e.test(r)?r:void 0},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

@@ -1 +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;\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 = /--fds-[\\w-]+/.exec(cssVarString as string)?.[0];\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 = /^(-?\\d*\\.?\\d+)(px|rem)$/i.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 */\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"],"names":["themeElement","style","length","variables","element","target","i","propertyName","item","startsWith","value","getPropertyValue","trim","mergeInlineCssVariables","cssVarString","sourceElement","globalThis","window","console","warn","variableName","_a","exec","getComputedStyle","cssValue","match","parsedValue","Number","parseFloat","isNaN","toLowerCase","rootFontSize","document","documentElement","fontSize"],"mappings":"oDAwFIA,IAEA,IAAKA,GAA8C,IAA9BA,EAAaC,MAAMC,OAAc,MAAO,CAAA,EAE7D,MAAMC,EAAgC,CAAA,EAGtC,MA5B4B,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,MAAMC,EAAQT,EAAMU,iBAAiBJ,GAAcK,OAC9CF,IAELL,EAAOE,GAAiCG,EAC5C,GAYAG,CAAwBb,EAAcG,GAE/BA,CAAS,gCAjFd,SACFW,EACAC,SAEA,IAAKD,EAAc,MAAO,GAE1B,IAAKE,WAAWC,SAAWF,EAIvB,OAHAG,QAAQC,KACJ,wCAAwCL,wDAErC,GAGX,MAAMM,EAA0D,QAA3CC,EAAA,eAAeC,KAAKR,UAAuB,IAAAO,OAAA,EAAAA,EAAG,GACnE,OAAKD,EAOEG,iBAAiBR,GACnBJ,iBAAiBS,GACjBR,QARDM,QAAQC,KACJ,gCAAgCL,6CAE7B,GAMf,4BAOM,SAA4BU,GAC9B,MAAMd,EAAQc,EAASZ,OACjBa,EAAQ,2BAA2BH,KAAKZ,GAC9C,IAAKe,EAAO,OAAO,EAEnB,MAAMC,EAAcC,OAAOC,WAAWH,EAAM,IAC5C,GAAIE,OAAOE,MAAMH,GAAc,OAAO,EAGtC,GAAa,OADAD,EAAM,GAAGK,cACH,OAAOJ,EAE1B,MAAMK,EAAef,WAAWC,OAC1BU,OAAOC,WAAWL,iBAAiBS,SAASC,iBAAiBC,UAnD1C,GA0DzB,OAAOR,GAJsBC,OAAOE,MAAME,GAtDjB,GAwDnBA,EAGV"}
+{"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 */\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\n/**\n * Normalizes a CSS length value and accepts px/rem or unitless zero.\n * Returns undefined for invalid inputs.\n */\nexport const normalizeCssLengthValue = (\n    value: string | undefined\n): string | undefined => {\n    if (!value) return undefined;\n\n    const trimmedValue = value.trim();\n\n    // CSS allows unitless zero in width-like properties.\n    if (trimmedValue === \"0\") {\n        return trimmedValue;\n    }\n\n    if (!CSS_PX_OR_REM_CAPTURE_PATTERN.test(trimmedValue)) {\n        return undefined;\n    }\n\n    return trimmedValue;\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 */\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\"). Returns 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","trimmedValue","test","cssVarString","sourceElement","globalThis","window","console","warn","getComputedStyle","cssValue","match","parsedValue","Number","parseFloat","isNaN","toLowerCase","rootFontSize","document","documentElement","fontSize"],"mappings":"aAMA,MACMA,EAAgC,2BAMzBC,EACTC,UAEA,IAAKA,EAAO,OAEZ,MAAMC,EAAyC,QAA1BC,EAAA,eAAeC,KAAKH,UAAM,IAAAE,OAAA,EAAAA,EAAG,GAElD,OAAKD,QAAL,CAIwC,8DAuHb,CAC3BD,EACAI,IAEqB,iBAAVJ,EACA,GAAGA,IAAQI,IAEf,4CApBPC,IAEA,IAAKA,GAA8C,IAA9BA,EAAaC,MAAMC,OAAc,MAAO,CAAA,EAE7D,MAAMC,EAAgC,CAAA,EAGtC,MA5B4B,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,GAYAiB,CAAwBZ,EAAcG,GAE/BA,CAAS,kCA9ChBR,IAEA,IAAKA,EAAO,OAEZ,MAAMkB,EAAelB,EAAMgB,OAG3B,MAAqB,MAAjBE,GAICpB,EAA8BqB,KAAKD,GAH7BA,OAGX,CAImB,gCAzEjB,SACFE,EACAC,GAEA,IAAKD,EAAc,MAAO,GAE1B,IAAKE,WAAWC,SAAWF,EAIvB,OAHAG,QAAQC,KACJ,wCAAwCL,wDAErC,GAGX,MAAMnB,EAAeF,EAA0BqB,GAC/C,OAAKnB,EAOEyB,iBAAiBL,GACnBN,iBAAiBd,GACjBe,QARDQ,QAAQC,KACJ,gCAAgCL,6CAE7B,GAMf,4BAOM,SAA4BO,GAC9B,MAAM3B,EAAQ2B,EAASX,OACjBY,EAAQ9B,EAA8BK,KAAKH,GACjD,IAAK4B,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,UAtE1C,GA6EzB,OAAOR,GAJsBC,OAAOE,MAAME,GAzEjB,GA2EnBA,EAGV"}

package/cjs/theme/utils/font.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"font.js","sources":["../../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nconst sizeVarMap: Record<FontSize, { size: string; lh: string; ls: string }> = {\n    \"heading-xxl\": {\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        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        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        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        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        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        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        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        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        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        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        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 shorthand string using FDS CSS variables.\n *\n * @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family); 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 { 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((v) => Boolean(v))\n        .join(\" \");\n\n    const fontVariant = `var(--fds-font-variant)${\n        extraVariant ? ` ${extraVariant}` : \"\"\n    }`;\n\n    return `font-family: var(--fds-font-family); font-variant: ${fontVariant}; font-size: ${s}; font-weight: ${w}; line-height: ${lh}; letter-spacing: ${ls};`;\n};\n"],"names":["sizeVarMap","size","lh","ls","weightVarMap","light","regular","semibold","bold","weight","options","s","w","extraVariant","fontVariant","noCommonLigatures","filter","v","Boolean","join"],"mappings":"aAEA,MAAMA,EAAyE,CAC3E,cAAe,CACXC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbF,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBF,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,oDAUkB,CACxBP,EACAQ,EACAC,KAEA,MAAQT,KAAMU,EAACT,GAAEA,EAAEC,GAAEA,GAAOH,EAAWC,GACjCW,EAAIR,EAAaK,GAEjBI,EAAe,CACjBH,aAAO,EAAPA,EAASI,aACTJ,aAAO,EAAPA,EAASK,mBAAoB,sBAAwB,IAEpDC,QAAQC,GAAMC,QAAQD,KACtBE,KAAK,KAMV,MAAO,sDAJa,2BAChBN,EAAe,IAAIA,IAAiB,mBAGgDF,mBAAmBC,mBAAmBV,sBAAuBC,IAAK"}
+{"version":3,"file":"font.js","sources":["../../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nexport interface 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<FontSize, { size: string; lh: string; ls: string }> = {\n    \"heading-xxl\": {\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        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        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        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        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        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        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        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        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        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        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        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)\", ... }\n */\nexport const generateFontProperties = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n    const { 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\": \"var(--fds-font-family)\",\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); 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","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","fontVariant","noCommonLigatures","filter","Boolean","join","declarations","Object","entries","map","key","value"],"mappings":"aAWA,MAAMA,EAAyE,CAC3E,cAAe,CACXC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbF,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBF,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,MAAQV,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,GAAOH,EAAWC,GACjCY,EAAIT,EAAaM,GAEjBI,EAAe,CACjBH,aAAO,EAAPA,EAASI,aACTJ,aAAO,EAAPA,EAASK,mBAAoB,sBAAwB,IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,cAAe,yBACf,eANgB,2BAChBL,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,uBAUuB,CACxBF,EACAS,EACAC,KAEA,MAAMS,EAAeX,EAAuBR,EAAMS,EAAQC,GAE1D,OAAOU,OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCN,KAAK,IAAI"}

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

@@ -1,2 +1,2 @@
-"use strict";require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("react"),require("../../util/string-helper.js");var e=require("../../util/use-isomorphic-layout-effect.js");exports.useApplyStyle=function(r,t){e.useIsomorphicLayoutEffect((()=>{const e=null==r?void 0:r.current;e&&Object.entries(t).forEach((([r,t])=>{null!=t?e.style.setProperty(r,String(t)):e.style.setProperty(r,"")}))}),[r,t])};
+"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=["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.includes(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

@@ -1 +1 @@
-{"version":3,"file":"use-apply-styles.js","sources":["../../../../src/theme/utils/use-apply-styles.ts"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../util\";\nimport type { CSSVariableKey } from \"../types\";\n\ntype StyleValue = string | number | null | undefined;\n\nexport type ApplyStyleMap = {\n    [K in keyof React.CSSProperties]?: StyleValue;\n} & {\n    [K in CSSVariableKey]?: StyleValue;\n} & {\n    [K in `--${string}`]?: StyleValue;\n};\n\nexport function useApplyStyle<TElement extends HTMLElement>(\n    ref: RefObject<TElement | null>,\n    styles: ApplyStyleMap\n) {\n    useIsomorphicLayoutEffect(() => {\n        const element = ref?.current;\n        if (!element) return;\n\n        Object.entries(styles).forEach(([key, value]) => {\n            if (value == null) {\n                element.style.setProperty(key, \"\");\n                return;\n            }\n\n            element.style.setProperty(key, String(value));\n        });\n    }, [ref, styles]);\n}\n"],"names":["ref","styles","useIsomorphicLayoutEffect","element","current","Object","entries","forEach","key","value","style","setProperty","String"],"mappings":"6OAeM,SACFA,EACAC,GAEAC,EAAAA,2BAA0B,KACtB,MAAMC,EAAUH,aAAG,EAAHA,EAAKI,QAChBD,GAELE,OAAOC,QAAQL,GAAQM,SAAQ,EAAEC,EAAKC,MACrB,MAATA,EAKJN,EAAQO,MAAMC,YAAYH,EAAKI,OAAOH,IAJlCN,EAAQO,MAAMC,YAAYH,EAAK,GAIU,GAC/C,GACH,CAACR,EAAKC,GACb"}
+{"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 { CSSVariableKey } from \"../types\";\n\ntype StyleValue = string | number | null | undefined;\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/** list of properties that expect units but can be provided as numbers through React style prop */\nconst numericCssStyleProperties: (keyof CSSStyleDeclaration)[] = [\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.includes(key as keyof CSSStyleDeclaration)\n    ) {\n        return `${value}px`;\n    }\n\n    return String(value);\n}\n\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 */\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","ref","styles","useIsomorphicLayoutEffect","element","current","Object","entries","forEach","key","value","normalisedKey","startsWith","kebabCased","replace","toLowerCase","test","normaliseCssProperty","style","removeProperty","normalisedValue","includes","String","normaliseCssValue","setProperty"],"mappings":"0SAkBA,MAAMA,EAA2D,CAC7D,QACA,SACA,MACA,OACA,QACA,SACA,SACA,YACA,aACA,cACA,eACA,UACA,aACA,cACA,eACA,uCA4CE,SACFC,EACAC,GAEAC,EAAAA,2BAA0B,KACtB,MAAMC,EAAUH,aAAG,EAAHA,EAAKI,QAChBD,GAAYF,GAEjBI,OAAOC,QAAQL,GAAQM,SAAQ,EAAEC,EAAKC,MAClC,MAAMC,EAzClB,SAA8BF,GAC1B,GAAIA,EAAIG,WAAW,MAAO,OAAOH,EAEjC,MAAMI,EAAaJ,EAAIK,QAAQ,WAAY,OAAOC,cAElD,MAAI,sBAAsBC,KAAKH,GACpB,IAAIA,IAGRA,CACX,CA+BkCI,CAAqBR,GAE3C,GAAa,MAATC,EAEA,YADAN,EAAQc,MAAMC,eAAeR,GAIjC,MAAMS,EApClB,SAA2BX,EAAaC,GACpC,MACqB,iBAAVA,GACPV,EAA0BqB,SAASZ,GAE5B,GAAGC,MAGPY,OAAOZ,EAClB,CA2BoCa,CAAkBd,EAAKC,GAC/CN,EAAQc,MAAMM,YAAYb,EAAeS,EAAgB,GAC3D,GACH,CAACnB,EAAKC,GACb"}

package/cjs/theme/utils/use-media-query.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),i=require("../tokens/breakpoint.js"),n=require("./css-variable.js"),r=require("./token-resolver.js"),t=require("./use-design-token.js");const a=new Set([i.Breakpoint["xxs-min"],i.Breakpoint["xs-min"],i.Breakpoint["sm-min"],i.Breakpoint["md-min"],i.Breakpoint["lg-min"],i.Breakpoint["xl-min"],i.Breakpoint["xxl-min"],i.Breakpoint["xxs-max"],i.Breakpoint["xs-max"],i.Breakpoint["sm-max"],i.Breakpoint["md-max"],i.Breakpoint["lg-max"],i.Breakpoint["xl-max"]]),o=e=>r.isTokenFromSet(e,a),s=e=>i.Breakpoint[`${e}-min`],u=e=>i.Breakpoint[`${e}-max`],l=(e,i)=>{if(i)return`(${e}: ${i})`},m=e=>{if(void 0===(null==e?void 0:e.value))return;if(!0===e.value)return`(${e.feature})`;if(!1===e.value)return;const i=`${e.value}`.trim();return i?`(${e.feature}: ${i})`:void 0},d=(e,i)=>{var r,a;const s=t.useResolvedTokenValue({value:e,fallback:null!==(r=null!=i?i:e)&&void 0!==r?r:"",isToken:o,normalizeCustom:e=>e});return null!==(a=n.normalizeCssLengthValue(s))&&void 0!==a?a:n.normalizeCssLengthValue(i)},x=(i,n)=>{const[r,t]=e.useState((()=>((e,i)=>{var n;return e&&(null===(n=globalThis.window)||void 0===n?void 0:n.matchMedia)?globalThis.window.matchMedia(e).matches:i})(i,n)));return e.useEffect((()=>{var e;if(!i||!(null===(e=globalThis.window)||void 0===e?void 0:e.matchMedia))return void t(n);const r=globalThis.window.matchMedia(i),a=e=>{t(e.matches)};return t(r.matches),r.addEventListener("change",a),()=>{r.removeEventListener("change",a)}}),[n,i]),r},v=e=>{const{minWidth:i,maxWidth:n,clauses:r=[]}=e,t=d(i),a=d(n),o=[...[l("min-width",t),l("max-width",a)].filter((e=>!!e)),...r.map(m).filter((e=>!!e))].join(" and "),s=((e,i)=>!i&&!!e)(!!t,!!a);return x(o,s)};exports.DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT="480px",exports.useMaxWidthMediaQuery=e=>v({maxWidth:u(e)}),exports.useMediaQuery=v,exports.useMinWidthMediaQuery=e=>v({minWidth:s(e)}),exports.useResolvedBreakpointToken=d;
+//# sourceMappingURL=use-media-query.js.map

package/cjs/theme/utils/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sources":["../../../../src/theme/utils/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Breakpoint } from \"../tokens/breakpoint\";\nimport { normalizeCssLengthValue } from \"./css-variable\";\nimport { isTokenFromSet } from \"./token-resolver\";\nimport { useResolvedTokenValue } from \"./use-design-token\";\n\nexport type BreakpointName = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\nexport type MaxWidthBreakpointName = Exclude<BreakpointName, \"xxl\">;\ntype MinWidthBreakpointTokenKey = `${BreakpointName}-min`;\ntype MaxWidthBreakpointTokenKey = `${MaxWidthBreakpointName}-max`;\ntype WidthBreakpointTokenKey =\n    | MinWidthBreakpointTokenKey\n    | MaxWidthBreakpointTokenKey;\ntype WidthBreakpointCSSVariableString =\n    (typeof Breakpoint)[WidthBreakpointTokenKey];\n\ntype MediaQueryFeature =\n    | \"aspect-ratio\"\n    | \"color-index\"\n    | \"color\"\n    | \"device-aspect-ratio\"\n    | \"device-height\"\n    | \"device-width\"\n    | \"grid\"\n    | \"height\"\n    | \"max-height\"\n    | \"min-height\"\n    | \"hover\"\n    | \"monochrome\"\n    | \"orientation\"\n    | \"pointer\"\n    | \"prefers-color-scheme\"\n    | \"resolution\"\n    | \"scan\"\n    | \"width\";\n\nexport type MediaQueryClauseValue = string | number | boolean;\n\nexport interface MediaQueryClause {\n    feature: MediaQueryFeature;\n    value: MediaQueryClauseValue | undefined;\n}\n\nexport interface MediaQueryOptions {\n    minWidth?: WidthBreakpointCSSVariableString;\n    maxWidth?: WidthBreakpointCSSVariableString;\n    clauses?: MediaQueryClause[];\n}\n\nexport const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = \"480px\";\nconst WIDTH_BREAKPOINT_TOKEN_SET = new Set<WidthBreakpointCSSVariableString>([\n    Breakpoint[\"xxs-min\"],\n    Breakpoint[\"xs-min\"],\n    Breakpoint[\"sm-min\"],\n    Breakpoint[\"md-min\"],\n    Breakpoint[\"lg-min\"],\n    Breakpoint[\"xl-min\"],\n    Breakpoint[\"xxl-min\"],\n    Breakpoint[\"xxs-max\"],\n    Breakpoint[\"xs-max\"],\n    Breakpoint[\"sm-max\"],\n    Breakpoint[\"md-max\"],\n    Breakpoint[\"lg-max\"],\n    Breakpoint[\"xl-max\"],\n]);\n\nconst isBreakpointToken = (\n    value: unknown\n): value is WidthBreakpointCSSVariableString => {\n    return isTokenFromSet<WidthBreakpointCSSVariableString>(\n        value,\n        WIDTH_BREAKPOINT_TOKEN_SET\n    );\n};\n\nconst getMinWidthBreakpointToken = (breakpoint: BreakpointName) => {\n    return Breakpoint[`${breakpoint}-min`];\n};\n\nconst getMaxWidthBreakpointToken = (breakpoint: MaxWidthBreakpointName) => {\n    return Breakpoint[`${breakpoint}-max`];\n};\n\nexport const useMinWidthMediaQuery = (breakpoint: BreakpointName) =>\n    useMediaQuery({\n        minWidth: getMinWidthBreakpointToken(breakpoint),\n    });\n\nexport const useMaxWidthMediaQuery = (breakpoint: MaxWidthBreakpointName) =>\n    useMediaQuery({\n        maxWidth: getMaxWidthBreakpointToken(breakpoint),\n    });\n\nconst getMediaQueryClause = (\n    feature: \"min-width\" | \"max-width\",\n    value: string | undefined\n) => {\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${feature}: ${value})`;\n};\n\nconst getCustomMediaQueryClause = (\n    clause: MediaQueryClause | null | undefined\n) => {\n    if (clause?.value === undefined) {\n        return undefined;\n    }\n\n    if (clause.value === true) {\n        return `(${clause.feature})`;\n    }\n\n    if (clause.value === false) {\n        return undefined;\n    }\n\n    const value = `${clause.value}`.trim();\n\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${clause.feature}: ${value})`;\n};\n\nconst getDefaultMatch = (hasMinWidth: boolean, hasMaxWidth: boolean) => {\n    if (hasMaxWidth) {\n        return false;\n    }\n\n    if (hasMinWidth) {\n        return true;\n    }\n\n    return false;\n};\n\nconst getCurrentMatch = (queryString: string, defaultMatch: boolean) => {\n    if (!queryString) {\n        return defaultMatch;\n    }\n\n    if (!globalThis.window?.matchMedia) {\n        return defaultMatch;\n    }\n\n    return globalThis.window.matchMedia(queryString).matches;\n};\n\nexport const useResolvedBreakpointToken = (\n    breakpointToken: WidthBreakpointCSSVariableString | undefined,\n    fallbackLength?: string\n): string | undefined => {\n    const resolvedTokenValue = useResolvedTokenValue<\n        WidthBreakpointCSSVariableString,\n        string\n    >({\n        value: breakpointToken,\n        fallback: fallbackLength ?? breakpointToken ?? \"\",\n        isToken: isBreakpointToken,\n        normalizeCustom: (value) => value,\n    });\n\n    return (\n        normalizeCssLengthValue(resolvedTokenValue) ??\n        normalizeCssLengthValue(fallbackLength)\n    );\n};\n\nconst useMatchMediaQuery = (\n    queryString: string,\n    defaultMatch: boolean\n): boolean => {\n    const [matches, setMatches] = useState(() =>\n        getCurrentMatch(queryString, defaultMatch)\n    );\n\n    useEffect(() => {\n        if (!queryString || !globalThis.window?.matchMedia) {\n            setMatches(defaultMatch);\n            return;\n        }\n\n        const mediaQueryList = globalThis.window.matchMedia(queryString);\n        const handleChange = (event: MediaQueryListEvent) => {\n            setMatches(event.matches);\n        };\n\n        setMatches(mediaQueryList.matches);\n        mediaQueryList.addEventListener(\"change\", handleChange);\n\n        return () => {\n            mediaQueryList.removeEventListener(\"change\", handleChange);\n        };\n    }, [defaultMatch, queryString]);\n\n    return matches;\n};\n\nexport const useMediaQuery = (options: MediaQueryOptions): boolean => {\n    const { minWidth, maxWidth, clauses = [] } = options;\n    const normalizedMinWidth = useResolvedBreakpointToken(minWidth);\n    const normalizedMaxWidth = useResolvedBreakpointToken(maxWidth);\n    const widthClauses = [\n        getMediaQueryClause(\"min-width\", normalizedMinWidth),\n        getMediaQueryClause(\"max-width\", normalizedMaxWidth),\n    ].filter((value): value is string => !!value);\n    const customClauses = clauses\n        .map(getCustomMediaQueryClause)\n        .filter((value): value is string => !!value);\n    const queryString = [...widthClauses, ...customClauses].join(\" and \");\n    const hasMinWidth = !!normalizedMinWidth;\n    const hasMaxWidth = !!normalizedMaxWidth;\n    const defaultMatch = getDefaultMatch(hasMinWidth, hasMaxWidth);\n\n    return useMatchMediaQuery(queryString, defaultMatch);\n};\n"],"names":["WIDTH_BREAKPOINT_TOKEN_SET","Set","Breakpoint","isBreakpointToken","value","isTokenFromSet","getMinWidthBreakpointToken","breakpoint","getMaxWidthBreakpointToken","getMediaQueryClause","feature","getCustomMediaQueryClause","clause","undefined","trim","useResolvedBreakpointToken","breakpointToken","fallbackLength","resolvedTokenValue","useResolvedTokenValue","fallback","_a","isToken","normalizeCustom","_b","normalizeCssLengthValue","useMatchMediaQuery","queryString","defaultMatch","matches","setMatches","useState","globalThis","window","matchMedia","getCurrentMatch","useEffect","mediaQueryList","handleChange","event","addEventListener","removeEventListener","useMediaQuery","options","minWidth","maxWidth","clauses","normalizedMinWidth","normalizedMaxWidth","filter","map","join","hasMinWidth","hasMaxWidth","getDefaultMatch"],"mappings":"4KAkDO,MACDA,EAA6B,IAAIC,IAAsC,CACzEC,EAAAA,WAAW,WACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,WACXA,EAAAA,WAAW,WACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,YAGTC,EACFC,GAEOC,EAAAA,eACHD,EACAJ,GAIFM,EAA8BC,GACzBL,aAAW,GAAGK,SAGnBC,EAA8BD,GACzBL,aAAW,GAAGK,SAanBE,EAAsB,CACxBC,EACAN,KAEA,GAAKA,EAIL,MAAO,IAAIM,MAAYN,IAAQ,EAG7BO,EACFC,IAEA,QAAsBC,KAAlBD,aAAM,EAANA,EAAQR,OACR,OAGJ,IAAqB,IAAjBQ,EAAOR,MACP,MAAO,IAAIQ,EAAOF,WAGtB,IAAqB,IAAjBE,EAAOR,MACP,OAGJ,MAAMA,EAAQ,GAAGQ,EAAOR,QAAQU,OAEhC,OAAKV,EAIE,IAAIQ,EAAOF,YAAYN,UAJ9B,CAIsC,EA2B7BW,EAA6B,CACtCC,EACAC,aAEA,MAAMC,EAAqBC,EAAAA,sBAGzB,CACEf,MAAOY,EACPI,SAA2C,QAAjCC,EAAAJ,QAAAA,EAAkBD,SAAe,IAAAK,EAAAA,EAAI,GAC/CC,QAASnB,EACToB,gBAAkBnB,GAAUA,IAGhC,OAC+C,QAA3CoB,EAAAC,0BAAwBP,UAAmB,IAAAM,EAAAA,EAC3CC,EAAAA,wBAAwBR,EAAe,EAIzCS,EAAqB,CACvBC,EACAC,KAEA,MAAOC,EAASC,GAAcC,EAAAA,UAAS,IApCnB,EAACJ,EAAqBC,WAC1C,OAAKD,IAIiB,QAAjBN,EAAAW,WAAWC,cAAM,IAAAZ,OAAA,EAAAA,EAAEa,YAIjBF,WAAWC,OAAOC,WAAWP,GAAaE,QAPtCD,CAO6C,EA4BpDO,CAAgBR,EAAaC,KAsBjC,OAnBAQ,EAAAA,WAAU,WACN,IAAKT,KAAiC,QAAjBN,EAAAW,WAAWC,cAAM,IAAAZ,OAAA,EAAAA,EAAEa,YAEpC,YADAJ,EAAWF,GAIf,MAAMS,EAAiBL,WAAWC,OAAOC,WAAWP,GAC9CW,EAAgBC,IAClBT,EAAWS,EAAMV,QAAQ,EAM7B,OAHAC,EAAWO,EAAeR,SAC1BQ,EAAeG,iBAAiB,SAAUF,GAEnC,KACHD,EAAeI,oBAAoB,SAAUH,EAAa,CAC7D,GACF,CAACV,EAAcD,IAEXE,CAAO,EAGLa,EAAiBC,IAC1B,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAU,IAAOH,EACvCI,EAAqBhC,EAA2B6B,GAChDI,EAAqBjC,EAA2B8B,GAQhDlB,EAAc,IAPC,CACjBlB,EAAoB,YAAasC,GACjCtC,EAAoB,YAAauC,IACnCC,QAAQ7C,KAA6BA,OACjB0C,EACjBI,IAAIvC,GACJsC,QAAQ7C,KAA6BA,KACc+C,KAAK,SAGvDvB,EAxFc,EAACwB,EAAsBC,KACvCA,KAIAD,EAmFiBE,GAFCP,IACAC,GAGtB,OAAOtB,EAAmBC,EAAaC,EAAa,8CAzKL,sCAuCbrB,GAClCmC,EAAc,CACVG,SAAUrC,EAA2BD,2DAPPA,GAClCmC,EAAc,CACVE,SAAUtC,EAA2BC"}

package/cjs/time-range-picker/combobox-picker/combobox-picker.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../form/form-label.style.js"),s=require("../../input/input.style.js"),o=require("../../input-range-select/input-range-select.style.js");require("styled-components"),require("../../util/string-helper.js"),require("../../v3_theme/index.js"),require("../../shared/dropdown-list-v2/dropdown-label.styles.js");var i=require("../../shared/dropdown-list-v2/dropdown-list.js"),l=require("../../shared/dropdown-list-v2/dropdown-list-state.js");require("../../shared/dropdown-list-v2/expandable-element.js"),require("@lifesg/react-icons/caret-right"),require("react-virtuoso"),require("../../button/button.style.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var a=require("../../util/simple-id-generator.js");require("../../shared/dropdown-wrapper/dropdown-wrapper.styles.js");var d=require("../../shared/dropdown-wrapper/element-with-dropdown.js");require("../../shared/dropdown-list-v2/dropdown-list.styles.js"),require("../../shared/dropdown-list-v2/dropdown-search.js"),require("../../shared/dropdown-list-v2/nested-dropdown-list.styles.js"),require("immer"),require("../../external/lodash/_getTag.js"),require("../../external/lodash/isArguments.js"),require("../../external/lodash/_baseGetTag.js"),require("../../external/lodash/isBuffer.js"),require("../../external/lodash/isTypedArray.js"),require("../../external/lodash/_Stack.js"),require("../../external/lodash/_SetCache.js"),require("../../external/lodash/_equalByTag.js");var u=require("../../shared/range-input-inner-container/range-input-inner-container.js"),c=require("../../util/time-helper.js"),m=require("../common.styles.js"),p=require("./combobox-picker.styles.js");exports.ComboboxPicker=h=>{var{id:v,disabled:g=!1,error:j,value:x,format:f="12hr",readOnly:b,onChange:q,onFocus:w,onBlur:I,alignment:y="left",dropdownZIndex:C,startLimit:T,endLimit:S,interval:E=15,dropdownRootNode:k}=h,O=e.__rest(h,["id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","interval","dropdownRootNode"]);const[F]=t.useState((()=>a.SimpleIdGenerator.generate())),[H,_]=t.useState(null),[B,D]=t.useState(!1),[L,$]=t.useState(""),[R,N]=t.useState(""),[A,M]=t.useState(""),[W,Z]=t.useState(""),[G,K]=t.useState(""),P=t.useRef(null),z=t.useRef(null),J=t.useRef(null),Q=t.useMemo((()=>c.TimeHelper.generateTimings(E,f,T,S)),[E,f,T,S]),U=t.useMemo((()=>{if(""===W)return Q;const e=c.TimeHelper.findClosestFlooredTime(W,Q);return e?Q.slice(Q.indexOf(e)):[]}),[Q,W]),V=t.useCallback((e=>c.TimeHelper.parseInput(e,f)),[f]);t.useEffect((()=>{var e,r;if(x){const t=null!==(e=V(x.start))&&void 0!==e?e:"",n=null!==(r=V(x.end))&&void 0!==r?r:"";N(t),M(n),Z(t),K(n)}}),[x,V]),t.useEffect((()=>{if(j)return void D(!1);const e=V(R),r=V(A);if(void 0===e)$("Invalid start time");else if(void 0===r)$("Invalid end time");else{if(!(""!==e&&""!==r&&c.TimeHelper.to24Hour(r)<c.TimeHelper.to24Hour(e)))return $(""),void(document.activeElement!==z.current&&document.activeElement!==J.current||D(!0));$("End time must be after start time")}D(!1)}),[R,A,V,j]);const X=e=>{g||b||(H||B||null==w||w(),_(e),D(!0))},Y=e=>{var r;g||b||(_(e),D(!0),null===(r=("start"===e?z:J).current)||void 0===r||r.select())};function ee(e){var r;switch(e.code){case"Enter":"start"===H?re(R):"end"===H&&(B&&te(A),null===(r=J.current)||void 0===r||r.blur());break;case"Tab":ne(R,A,{})}}const re=e=>{ne(e,A,{goToNextInput:!0})},te=e=>{ne(R,e,{triggerOnBlur:!0})},ne=(e,r,{goToNextInput:t,triggerOnBlur:n})=>{var s,o,i;const l=null!==(s=V(e))&&void 0!==s?s:W,a=null!==(o=V(r))&&void 0!==o?o:G;N(l),M(a);l===W&&a===G||null==q||q({start:l,end:a}),t&&void 0!==V(e)&&(_("end"),null===(i=J.current)||void 0===i||i.select()),n&&(_(null),D(!1),null==I||I()),Z(l),K(a)},se=e=>{e.stopPropagation(),N(""),M(""),Z(""),K("");null==q||q({start:"",end:""}),_(null),D(!1)},oe=e=>{var r,t;const n=e.relatedTarget,s=(null===(r=null==n?void 0:n.matches)||void 0===r?void 0:r.call(n,"[data-floating-ui-focusable]"))||(null===(t=null==n?void 0:n.matches)||void 0===t?void 0:t.call(n,"[data-floating-ui-focus-guard]")),o=P.current&&P.current.contains(n);H&&!B&&!o&&!s&&ne(R,A,{triggerOnBlur:!0})},ie=()=>{if(!b&&!g&&((null==R?void 0:R.length)>0||(null==A?void 0:A.length)>0))return r.jsx(o.ClearIconContainer,{onClick:se,type:"button","aria-label":"Clear",children:r.jsx(s.ClearIcon,{"aria-hidden":!0})})};return r.jsxs(m.Wrapper,Object.assign({id:v},O,{children:[r.jsx(l.DropdownListState,{children:r.jsx(d.ElementWithDropdown,{enabled:!b&&!g,isOpen:B,renderElement:()=>r.jsxs(p.TimeFieldContainer,{ref:P,$disabled:g,$error:j||!!L,$readOnly:b,onBlur:oe,children:[r.jsxs(u.RangeInputInnerContainer,{error:j||!!L,currentActive:null===H?"none":H,children:[r.jsx(m.SelectorInput,{ref:z,onFocus:()=>X("start"),placeholder:"start"===H?"hh:mm":"From",onChange:e=>N(e.target.value),value:R,disabled:g,readOnly:b,"data-testid":O["data-testid"]?`${O["data-testid"]}-timepicker-selector`:"timepicker-selector",onClick:()=>Y("start"),onKeyDown:ee,autoComplete:"off","aria-label":"Start time input",type:"text",role:"combobox","aria-expanded":B,"aria-controls":F,"aria-autocomplete":"list"}),r.jsx(m.SelectorInput,{ref:J,onFocus:()=>X("end"),placeholder:"end"===H?"hh:mm":"To",onChange:e=>M(e.target.value),value:A,disabled:g,readOnly:b,"data-testid":O["data-testid"]?`${O["data-testid"]}-timepicker-selector`:"timepicker-selector",onClick:()=>Y("end"),onKeyDown:ee,autoComplete:"off","aria-label":"End time input",type:"text",role:"combobox","aria-expanded":B,"aria-controls":F,"aria-autocomplete":"list"})]}),ie()]}),renderDropdown:()=>"start"===H?r.jsx(i.DropdownList,{listItems:Q,onSelectItem:re,selectedItems:[R],topScrollItem:c.TimeHelper.findClosestFlooredTime(V(R),Q),listboxId:F,disableItemFocus:!0,matchElementWidth:!0}):r.jsx(i.DropdownList,{listItems:U,onSelectItem:te,selectedItems:[A],topScrollItem:c.TimeHelper.findClosestFlooredTime(V(A),U),listboxId:F,disableItemFocus:!0,matchElementWidth:!0}),onClose:e=>{"outside-press"===e?(_(null),D(!1),null==I||I()):ne(R,A,{triggerOnBlur:!0})},onDismiss:()=>{var e;null===(e=("start"===H?z:J).current)||void 0===e||e.focus(),D(!1)},offset:8,alignment:y,fitAvailableHeight:!0,customZIndex:C,rootNode:k})}),!j&&L&&r.jsxs(n.ErrorMessageContainer,{children:[r.jsx(n.ErrorIcon,{"aria-hidden":!0}),r.jsx(n.ErrorMessage,{id:v?`${v}-error-message`:"error-message",tabIndex:0,"data-testid":v?`${v}-error-message`:"error-message",children:L})]})]}))};
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("clsx"),i=require("react"),a=require("../../form/form-label.js"),s=require("../../shared/accessibility/index.js");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"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var l=require("../../util/simple-id-generator.js");require("../../util/string-helper.js"),require("@react-aria/live-announcer"),require("../../theme/utils/use-media-query.js"),require("../../shared/dropdown-list/dropdown-label.styles_1dwmd8f.css");var n=require("../../shared/dropdown-list/dropdown-list.js"),o=require("../../shared/dropdown-list/dropdown-list-state.js");require("../../shared/dropdown-list/expandable-element.js"),require("@lifesg/react-icons/caret-right"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-icons/minus-square-fill"),require("@lifesg/react-icons/square"),require("@lifesg/react-icons/square-tick-fill"),require("@lifesg/react-icons/tick"),require("react-virtuoso"),require("../../markup/markup.js"),require("../../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css");var d=require("../../shared/dropdown-wrapper/element-with-dropdown.js"),u=require("../../shared/input-wrapper/input-wrapper.js");require("../../shared/dropdown-list/dropdown-list.styles_1kt4zhf.css"),require("../../shared/dropdown-list/dropdown-search.js"),require("../../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css"),require("immer"),require("../../external/lodash/_getTag.js"),require("../../external/lodash/isArguments.js"),require("../../external/lodash/_baseGetTag.js"),require("../../external/lodash/isBuffer.js"),require("../../external/lodash/isTypedArray.js"),require("../../external/lodash/_Stack.js"),require("../../external/lodash/_SetCache.js"),require("../../external/lodash/_equalByTag.js"),require("../../shared/dropdown-list/virtuoso-components.js");var c=require("../../shared/input-wrapper/input-wrapper.styles.js"),m=require("../../shared/range-input-inner-container/range-input-inner-container.js"),p=require("../../util/time-helper.js"),h=require("../common.styles.js"),v=require("./combobox-picker.styles.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(t);exports.ComboboxPicker=t=>{var{id:f,disabled:q=!1,error:g,value:j,format:x="12hr",readOnly:y,onChange:w,onFocus:I,onBlur:T,alignment:C="left",dropdownZIndex:_,startLimit:S,endLimit:k,initialScrollStartTime:H,initialScrollEndTime:E,interval:B=15,dropdownRootNode:A,"aria-labelledby":F,"aria-describedby":O,"aria-invalid":N}=t,L=e.__rest(t,["id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","initialScrollStartTime","initialScrollEndTime","interval","dropdownRootNode","aria-labelledby","aria-describedby","aria-invalid"]);const M=l.useId(),[D,$]=i.useState(null),[P,R]=i.useState(!1),[G,W]=i.useState(""),[Z,K]=i.useState(""),[V,z]=i.useState(""),[J,Q]=i.useState(""),[U,X]=i.useState(""),Y=i.useRef(null),ee=i.useRef(null),re=i.useRef(null),te=`${M}-listbox`,ie=`${M}-start-label`,ae=`${M}-end-label`,se=`${M}-error-message`,le=i.useMemo((()=>p.TimeHelper.generateTimings(B,x,S,k)),[B,x,S,k]),ne=i.useMemo((()=>{if(""===J)return le;const e=p.TimeHelper.findClosestFlooredTime(J,le);return e?le.slice(le.indexOf(e)):[]}),[le,J]),oe=i.useCallback((e=>p.TimeHelper.parseInput(e,x)),[x]),de=i.useMemo((()=>{var e;return null!==(e=oe(H))&&void 0!==e?e:""}),[H,oe]),ue=i.useMemo((()=>{var e;return null!==(e=oe(E))&&void 0!==e?e:""}),[E,oe]);i.useEffect((()=>{var e,r;if(j){const t=null!==(e=oe(j.start))&&void 0!==e?e:"",i=null!==(r=oe(j.end))&&void 0!==r?r:"";K(t),z(i),Q(t),X(i)}}),[j,oe]),i.useEffect((()=>{if(g)return void R(!1);const e=oe(Z),r=oe(V);if(void 0===e)W("Invalid start time");else if(void 0===r)W("Invalid end time");else{if(!(""!==e&&""!==r&&p.TimeHelper.to24Hour(r)<p.TimeHelper.to24Hour(e)))return W(""),void(document.activeElement!==ee.current&&document.activeElement!==re.current||R(!0));W("End time must be after start time")}R(!1)}),[Z,V,oe,g]);const ce=()=>"start"===D?"Selecting for: Start time":"end"===D?"Selecting for: End time":void 0,me=e=>s.concatIds(F,"start"===e?ie:ae),pe=()=>s.concatIds(O,!g&&G?se:void 0),he=e=>{q||y||(D||P||null==I||I(),$(e),R(!0))},ve=e=>{var r;q||y||($(e),R(!0),null===(r=("start"===e?ee:re).current)||void 0===r||r.select())};function fe(e){var r;switch(e.code){case"Enter":"start"===D?be(Z):"end"===D&&(P&&qe(V),null===(r=re.current)||void 0===r||r.blur());break;case"Tab":ge(Z,V,{})}}const be=e=>{ge(e,V,{goToNextInput:!0})},qe=e=>{ge(Z,e,{triggerOnBlur:!0})},ge=(e,r,{goToNextInput:t,triggerOnBlur:i})=>{var a,s,l;const n=null!==(a=oe(e))&&void 0!==a?a:J,o=null!==(s=oe(r))&&void 0!==s?s:U;K(n),z(o);n===J&&o===U||null==w||w({start:n,end:o}),t&&void 0!==oe(e)&&($("end"),null===(l=re.current)||void 0===l||l.select()),i&&($(null),R(!1),null==T||T()),Q(n),X(o)},je=e=>{e.stopPropagation(),K(""),z(""),Q(""),X("");null==w||w({start:"",end:""}),$(null),R(!1)},xe=e=>{var r,t;const i=e.relatedTarget,a=(null===(r=null==i?void 0:i.matches)||void 0===r?void 0:r.call(i,"[data-floating-ui-focusable]"))||(null===(t=null==i?void 0:i.matches)||void 0===t?void 0:t.call(i,"[data-floating-ui-focus-guard]")),s=Y.current&&Y.current.contains(i);D&&!P&&!s&&!a&&ge(Z,V,{triggerOnBlur:!0})},ye=()=>{if(!y&&!q&&((null==Z?void 0:Z.length)>0||(null==V?void 0:V.length)>0))return r.jsx("div",{className:c.clearButtonContainer,children:r.jsx(u.ClearButton,{onClick:je,type:"button","aria-label":"Clear"})})};return r.jsxs("div",Object.assign({id:f},L,{className:b.default(h.wrapper,L.className),children:[r.jsx(o.DropdownListState,{children:r.jsx(d.ElementWithDropdown,{enabled:!y&&!q,isOpen:P,renderElement:()=>r.jsxs(u.InputWrapper,{ref:Y,disabled:q,error:g||!!G,readOnly:y,onBlur:xe,role:"group","data-testid":"timepicker-container",className:v.timeFieldContainer,children:[r.jsx(s.VisuallyHidden,{id:ie,children:"Start time"}),r.jsx(s.VisuallyHidden,{id:ae,children:"End time"}),r.jsxs(m.RangeInputInnerContainer,{error:g||!!G,currentActive:null===D?"none":D,children:[r.jsx(u.BasicInput,{ref:ee,onFocus:()=>he("start"),placeholder:"start"===D?"hh:mm":"From",onChange:e=>K(e.target.value),value:Z,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-start`:"timepicker-selector-start",onClick:()=>ve("start"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("start"),"aria-describedby":pe(),"aria-expanded":P&&"start"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G,"aria-disabled":q,"aria-readonly":y,className:h.selectorInput}),r.jsx(u.BasicInput,{ref:re,onFocus:()=>he("end"),placeholder:"end"===D?"hh:mm":"To",onChange:e=>z(e.target.value),value:V,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-end`:"timepicker-selector-end",onClick:()=>ve("end"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("end"),"aria-describedby":pe(),"aria-expanded":P&&"end"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G||void 0,"aria-disabled":q||void 0,"aria-readonly":y||void 0,className:h.selectorInput})]}),ye()]}),renderDropdown:()=>{if("start"===D){const e=oe(Z)||de;return r.jsx(n.DropdownList,{listItems:le,onSelectItem:be,selectedItems:[Z],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,le),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}{const e=oe(V)||ue;return r.jsx(n.DropdownList,{listItems:ne,onSelectItem:qe,selectedItems:[V],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,ne),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}},onClose:e=>{"outside-press"===e?($(null),R(!1),null==T||T()):ge(Z,V,{triggerOnBlur:!0})},onDismiss:()=>{var e;null===(e=("start"===D?ee:re).current)||void 0===e||e.focus(),R(!1)},offset:8,alignment:C,fitAvailableHeight:!0,customZIndex:_,rootNode:A})}),!g&&G&&r.jsx(a.FormErrorMessage,{id:se,tabIndex:0,"data-testid":f?`${f}-error-message`:"error-message",children:G})]}))};
 //# sourceMappingURL=combobox-picker.js.map