@lifesg/react-design-system 3.4.0-canary.4 → 3.4.0-canary.5

package/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { useViewport } from \"../shared/hooks\";\nimport { useEvent } from \"../util\";\nimport { Container } from \"./modal.styles\";\nimport { ModalProps } from \"./types\";\n\nexport const Modal = ({\n    id = \"modal\",\n    show,\n    animationFrom = \"bottom\",\n    children,\n    enableOverlayClick = true,\n    rootComponentId,\n    zIndex,\n    onOverlayClick,\n    dismissKeyboardOnShow = true,\n    ...otherProps\n}: ModalProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const { verticalHeight, offsetTop } = useViewport();\n    const childRef = useRef<HTMLDivElement>(null);\n    const childWithRef =\n        children && React.cloneElement(children, { ref: childRef });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    const dismissKeyboard = useEvent(() => {\n        if (dismissKeyboardOnShow) {\n            (document.activeElement as HTMLElement)?.blur?.();\n        }\n    });\n\n    useEffect(() => {\n        if (show) {\n            dismissKeyboard();\n        }\n    }, [show, dismissKeyboard]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <Overlay\n            data-testid={`${id}-overlay`}\n            show={show}\n            enableOverlayClick={enableOverlayClick}\n            onOverlayClick={onOverlayClick}\n            id={id}\n            rootId={rootComponentId}\n            containerRef={childRef}\n            zIndex={zIndex}\n        >\n            <Container\n                $show={show}\n                $animationFrom={animationFrom}\n                data-testid={id}\n                $verticalHeight={verticalHeight}\n                $offsetTop={offsetTop}\n                {...otherProps}\n            >\n                {childWithRef}\n            </Container>\n        </Overlay>\n    );\n};\n"],"names":["Modal","_a","id","show","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","otherProps","__rest","verticalHeight","offsetTop","useViewport","childRef","useRef","childWithRef","React","cloneElement","ref","dismissKeyboard","useEvent","_b","document","activeElement","blur","useEffect","_jsx","Overlay","rootId","containerRef","Container","Object","assign","$show","$animationFrom","$verticalHeight","$offsetTop"],"mappings":"qiBAOO,MAAMA,EAASC,IAAA,IAAAC,GAClBA,EAAK,QAAOC,KACZA,EAAIC,cACJA,EAAgB,SAAQC,SACxBA,EAAQC,mBACRA,GAAqB,EAAIC,gBACzBA,EAAeC,OACfA,EAAMC,eACNA,EAAcC,sBACdA,GAAwB,GAAIT,EACzBU,EAAUC,EAAAX,EAVK,mIAelB,MAAMY,eAAEA,EAAcC,UAAEA,GAAcC,IAChCC,EAAWC,EAAuB,MAClCC,EACFb,GAAYc,EAAMC,aAAaf,EAAU,CAAEgB,IAAKL,IAK9CM,EAAkBC,GAAS,aACzBb,YACAc,EAAuC,UAAtCC,SAASC,qBAA6B,IAAAzB,OAAA,EAAAA,EAAE0B,6BAC7C,IAYJ,OATAC,GAAU,KACFzB,GACAmB,GACJ,GACD,CAACnB,EAAMmB,IAMNO,EAACC,EAAO,CAAA,cACS,GAAG5B,YAChBC,KAAMA,EACNG,mBAAoBA,EACpBG,eAAgBA,EAChBP,GAAIA,EACJ6B,OAAQxB,EACRyB,aAAchB,EACdR,OAAQA,EAAMH,SAEdwB,EAACI,EAASC,OAAAC,OAAA,CAAAC,MACCjC,EAAIkC,eACKjC,gBACHF,EAAEoC,gBACEzB,EAAc0B,WACnBzB,GACRH,EAAU,CAAAN,SAEba,MAEC"}
+{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { useViewport } from \"../shared/hooks\";\nimport { useEvent } from \"../util\";\nimport { Container } from \"./modal.styles\";\nimport { ModalProps } from \"./types\";\n\nexport const Modal = ({\n    id = \"modal\",\n    show,\n    animationFrom = \"bottom\",\n    children,\n    enableOverlayClick = true,\n    rootComponentId,\n    zIndex,\n    onOverlayClick,\n    dismissKeyboardOnShow = true,\n    ...otherProps\n}: ModalProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const dismissKeyboard = useEvent(() => {\n        if (dismissKeyboardOnShow) {\n            (document.activeElement as HTMLElement)?.blur?.();\n        }\n    });\n    const { verticalHeight, ready } = useViewport({\n        enabled: show,\n        onBeforeStart: dismissKeyboard,\n    });\n    const childRef = useRef<HTMLDivElement>(null);\n    const childWithRef =\n        children && React.cloneElement(children, { ref: childRef });\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <Overlay\n            data-testid={`${id}-overlay`}\n            show={show}\n            enableOverlayClick={enableOverlayClick}\n            onOverlayClick={onOverlayClick}\n            id={id}\n            rootId={rootComponentId}\n            containerRef={childRef}\n            zIndex={zIndex}\n        >\n            <Container\n                $show={show}\n                $ready={ready}\n                $animationFrom={animationFrom}\n                data-testid={id}\n                $verticalHeight={verticalHeight}\n                {...otherProps}\n            >\n                {childWithRef}\n            </Container>\n        </Overlay>\n    );\n};\n"],"names":["Modal","_a","id","show","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","otherProps","__rest","dismissKeyboard","useEvent","_b","document","activeElement","blur","verticalHeight","ready","useViewport","enabled","onBeforeStart","childRef","useRef","childWithRef","React","cloneElement","ref","_jsx","Overlay","rootId","containerRef","Container","Object","assign","$show","$ready","$verticalHeight"],"mappings":"shBAOO,MAAMA,EAASC,IAAA,IAAAC,GAClBA,EAAK,QAAOC,KACZA,EAAIC,cACJA,EAAgB,SAAQC,SACxBA,EAAQC,mBACRA,GAAqB,EAAIC,gBACzBA,EAAeC,OACfA,EAAMC,eACNA,EAAcC,sBACdA,GAAwB,GAAIT,EACzBU,EAAUC,EAAAX,EAVK,mIAelB,MAAMY,EAAkBC,GAAS,aACzBJ,YACAK,EAAuC,UAAtCC,SAASC,qBAA6B,IAAAhB,OAAA,EAAAA,EAAEiB,6BAC7C,KAEEC,eAAEA,EAAcC,MAAEA,GAAUC,EAAY,CAC1CC,QAASnB,EACToB,cAAeV,IAEbW,EAAWC,EAAuB,MAClCC,EACFrB,GAAYsB,EAAMC,aAAavB,EAAU,CAAEwB,IAAKL,IAKpD,OACIM,EAACC,EAAO,CAAA,cACS,GAAG7B,YAChBC,KAAMA,EACNG,mBAAoBA,EACpBG,eAAgBA,EAChBP,GAAIA,EACJ8B,OAAQzB,EACR0B,aAAcT,EACdhB,OAAQA,EAAMH,SAEdyB,EAACI,EAASC,OAAAC,OAAA,CAAAC,MACClC,EAAImC,OACHlB,iBACQhB,EAAa,cAChBF,EAAEqC,gBACEpB,GACbR,EAAU,CAAAN,SAEbqB,MAEC"}

package/modal/modal.styles.d.ts

@@ -1,9 +1,9 @@
 import { ModalAnimationDirection } from "../modal-v2/types";
 interface Props {
     $show: boolean;
+    $ready?: boolean;
     $animationFrom?: ModalAnimationDirection;
     $verticalHeight?: number;
-    $offsetTop?: number;
 }
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof Props> & Props, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof Props> & Props, never>>> & string;
 export {};

package/modal/modal.styles.js

@@ -1,4 +1,4 @@
-import t from"styled-components";import{MediaQuery as i}from"../theme/index.js";const e=t.div`
+import t from"styled-components";import{MediaQuery as i}from"../theme/index.js";const n=t.div`
     position: relative;
     display: flex;
     justify-content: center;
@@ -6,14 +6,13 @@ import t from"styled-components";import{MediaQuery as i}from"../theme/index.js";
     height: 100%;
     width: 100%;
     overflow: hidden;
-    ${t=>{return i=t.$show,e=t.$animationFrom||"bottom",i?`\n\t\t\t${e}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`:`\n\t\t${e}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var i,e}}
+
+    ${t=>{return i=t.$show,n=t.$animationFrom||"bottom",e=t.$ready,i&&!e?`\n\t\t\t${n}: -3%;\n\t\t\topacity: 0;\n\t\t\ttransition: none;\n\t\t`:i?`\n\t\t\t${n}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`:`\n\t\t${n}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var i,n,e}}
 
     ${i.MaxWidth.sm} {
         height: calc(
             ${t=>t.$verticalHeight?`${t.$verticalHeight}px`:"1vh"} * 100
         );
-
-        top: ${t=>t.$offsetTop||0}px;
     }
-`;export{e as Container};
+`;export{n as Container};
 //# sourceMappingURL=modal.styles.js.map

package/modal/modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.styles.js","sources":["../../src/modal/modal.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ModalAnimationDirection } from \"../modal-v2/types\";\nimport { MediaQuery } from \"../theme\";\n\ninterface Props {\n    $show: boolean;\n    $animationFrom?: ModalAnimationDirection;\n    $verticalHeight?: number;\n    $offsetTop?: number;\n}\n\nconst visibilityStyle = (\n    show: boolean,\n    animationFrom: ModalAnimationDirection\n) => {\n    if (show) {\n        return `\n\t\t\t${animationFrom}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`;\n    }\n\n    return `\n\t\t${animationFrom}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;\n};\n\nexport const Container = styled.div<Props>`\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    ${(props) => visibilityStyle(props.$show, props.$animationFrom || \"bottom\")}\n\n    ${MediaQuery.MaxWidth.sm} {\n        height: calc(\n            ${(props) =>\n                    props.$verticalHeight\n                        ? `${props.$verticalHeight}px`\n                        : \"1vh\"} * 100\n        );\n\n        top: ${(props) => props.$offsetTop || 0}px;\n    }\n`;\n"],"names":["Container","styled","div","props","visibilityStyle","show","$show","animationFrom","$animationFrom","MediaQuery","MaxWidth","sm","$verticalHeight","$offsetTop"],"mappings":"gFAWA,MAoBaA,EAAYC,EAAOC,GAAU;;;;;;;;MAQnCC,IAAUC,OA3BbC,EA2B6BF,EAAMG,MA1BnCC,EA0B0CJ,EAAMK,gBAAkB,SAxB9DH,EACO,WACVE,iIAOM,SACPA,4FAdoB,IACpBF,EACAE,CA0B2E;;MAEzEE,EAAWC,SAASC;;cAEXR,GACKA,EAAMS,gBACA,GAAGT,EAAMS,oBACT;;;eAGVT,GAAUA,EAAMU,YAAc;;"}
+{"version":3,"file":"modal.styles.js","sources":["../../src/modal/modal.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ModalAnimationDirection } from \"../modal-v2/types\";\nimport { MediaQuery } from \"../theme\";\n\ninterface Props {\n    $show: boolean;\n    $ready?: boolean;\n    $animationFrom?: ModalAnimationDirection;\n    $verticalHeight?: number;\n}\n\nconst visibilityStyle = (\n    show: boolean,\n    animationFrom: ModalAnimationDirection,\n    ready?: boolean\n) => {\n    if (show && !ready) {\n        return `\n\t\t\t${animationFrom}: -3%;\n\t\t\topacity: 0;\n\t\t\ttransition: none;\n\t\t`;\n    }\n\n    if (show) {\n        return `\n\t\t\t${animationFrom}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`;\n    }\n\n    return `\n\t\t${animationFrom}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;\n};\n\nexport const Container = styled.div<Props>`\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n\n    ${(props) =>\n        visibilityStyle(\n            props.$show,\n            props.$animationFrom || \"bottom\",\n            props.$ready\n        )}\n\n    ${MediaQuery.MaxWidth.sm} {\n        height: calc(\n            ${(props) =>\n                    props.$verticalHeight\n                        ? `${props.$verticalHeight}px`\n                        : \"1vh\"} * 100\n        );\n    }\n`;\n"],"names":["Container","styled","div","props","visibilityStyle","show","$show","animationFrom","$animationFrom","ready","$ready","MediaQuery","MaxWidth","sm","$verticalHeight"],"mappings":"gFAWA,MA6BaA,EAAYC,EAAOC,GAAU;;;;;;;;;MASnCC,IACCC,OAtCJC,EAuCQF,EAAMG,MAtCdC,EAuCQJ,EAAMK,gBAAkB,SAtChCC,EAuCQN,EAAMO,OArCVL,IAASI,EACF,WACVF,4DAMGF,EACO,WACVE,iIAOM,SACPA,4FAvBoB,IACpBF,EACAE,EACAE,CAwCK;;MAEHE,EAAWC,SAASC;;cAEXV,GACKA,EAAMW,gBACA,GAAGX,EAAMW,oBACT;;;"}

package/modal-v2/modal-v2.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{useFloating as o,useTransitionStatus as t,useDismiss as r,useInteractions as a,FloatingFocusManager as l}from"@floating-ui/react";import n,{useRef as s,useEffect as d}from"react";import{Overlay as m}from"../overlay/overlay.js";import{useViewport as c}from"../shared/hooks/useViewport.js";import"../util/calendar-helper.js";import"../util/date-helper.js";import"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useEvent as p}from"../util/use-event.js";import{ModalContext as u}from"./modal-context.js";import{Container as b,ScrollContainer as h,ModalContainer as v}from"./modal-v2.styles.js";const f=f=>{var{id:y,show:j,onClose:g,animationFrom:C="bottom",children:O,enableOverlayClick:x=!0,rootComponentId:F,zIndex:I,onOverlayClick:k,dismissKeyboardOnShow:w=!0,"data-testid":$="modal","aria-label":z,"aria-labelledby":P,"aria-describedby":E,disableInitialFocus:H=!1}=f,K=e(f,["id","show","onClose","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","data-testid","aria-label","aria-labelledby","aria-describedby","disableInitialFocus"]);const{verticalHeight:S,offsetTop:T}=c(),_=s(null),M=O&&n.cloneElement(O,{ref:_}),{refs:R,context:V}=o({open:j,onOpenChange:e=>{e||null==g||g()}}),{isMounted:q,status:A}=t(V,{duration:300}),B=r(V,{outsidePress:!1,enabled:!!g}),{getFloatingProps:D}=a([B]),G=p((()=>{var e,i;w&&(null===(i=null===(e=document.activeElement)||void 0===e?void 0:e.blur)||void 0===i||i.call(e))}));return d((()=>{j&&G()}),[j,G]),i(m,{"data-testid":`${$}-overlay`,show:q,enableOverlayClick:x,onOverlayClick:k,id:y,rootId:F,containerRef:_,zIndex:I,children:i(b,Object.assign({$show:q,$animationFrom:C,"data-testid":$,$verticalHeight:S,$offsetTop:T,"data-status":A},K,{children:i(u.Provider,{value:{onClose:g},children:q&&i(l,{context:V,initialFocus:H?-1:R.floating,children:i(h,{children:i(v,Object.assign({ref:R.setFloating},D(),{role:"dialog","aria-label":z,"aria-labelledby":P,"aria-describedby":E,children:M}))})})})}))})};export{f as ModalV2};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as i}from"react/jsx-runtime";import{useFloating as o,useTransitionStatus as r,useDismiss as a,useInteractions as t,FloatingFocusManager as l}from"@floating-ui/react";import n,{useRef as s}from"react";import{Overlay as d}from"../overlay/overlay.js";import{useViewport as m}from"../shared/hooks/useViewport.js";import"../util/calendar-helper.js";import"../util/date-helper.js";import"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useEvent as c}from"../util/use-event.js";import{ModalContext as b}from"./modal-context.js";import{Container as u,ScrollContainer as p,ModalContainer as v}from"./modal-v2.styles.js";const h=h=>{var{id:y,show:f,onClose:j,animationFrom:g="bottom",children:C,enableOverlayClick:O=!0,rootComponentId:x,zIndex:F,onOverlayClick:I,dismissKeyboardOnShow:k=!0,"data-testid":w="modal","aria-label":z,"aria-labelledby":P,"aria-describedby":S,disableInitialFocus:$=!1}=h,E=e(h,["id","show","onClose","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","data-testid","aria-label","aria-labelledby","aria-describedby","disableInitialFocus"]);const H=c((()=>{var e,i;k&&(null===(i=null===(e=document.activeElement)||void 0===e?void 0:e.blur)||void 0===i||i.call(e))})),{verticalHeight:K}=m({enabled:f,onBeforeStart:H}),_=s(null),B=C&&n.cloneElement(C,{ref:_}),{refs:M,context:R}=o({open:f,onOpenChange:e=>{e||null==j||j()}}),{isMounted:V,status:q}=r(R,{duration:300}),A=a(R,{outsidePress:!1,enabled:!!j}),{getFloatingProps:D}=t([A]);return i(d,{"data-testid":`${w}-overlay`,show:f,enableOverlayClick:O,onOverlayClick:I,id:y,rootId:x,containerRef:_,zIndex:F,children:i(u,Object.assign({$animationFrom:g,"data-testid":w,$verticalHeight:K,"data-status":q},E,{children:i(b.Provider,{value:{onClose:j},children:V&&i(l,{context:R,initialFocus:$?-1:M.floating,children:i(p,{children:i(v,Object.assign({ref:M.setFloating},D(),{role:"dialog","aria-label":z,"aria-labelledby":P,"aria-describedby":S,children:B}))})})})}))})};export{h as ModalV2};
 //# sourceMappingURL=modal-v2.js.map

package/modal-v2/modal-v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-v2.js","sources":["../../src/modal-v2/modal-v2.tsx"],"sourcesContent":["import {\n    FloatingFocusManager,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useTransitionStatus,\n} from \"@floating-ui/react\";\nimport React, { useEffect, useRef } from \"react\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { useViewport } from \"../shared/hooks\";\nimport { useEvent } from \"../util\";\nimport { ModalContext } from \"./modal-context\";\nimport { Container, ModalContainer, ScrollContainer } from \"./modal-v2.styles\";\nimport { ModalV2Props } from \"./types\";\n\nexport const ModalV2 = ({\n    id,\n    show,\n    onClose,\n    animationFrom = \"bottom\",\n    children,\n    enableOverlayClick = true,\n    rootComponentId,\n    zIndex,\n    onOverlayClick,\n    dismissKeyboardOnShow = true,\n    \"data-testid\": testId = \"modal\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    disableInitialFocus = false,\n    ...otherProps\n}: ModalV2Props): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { verticalHeight, offsetTop } = useViewport();\n    const childRef = useRef<HTMLDivElement>(null);\n    const childWithRef =\n        children && React.cloneElement(children, { ref: childRef });\n\n    // =========================================================================\n    // FLOATING UI CONFIG\n    // =========================================================================\n    const { refs, context } = useFloating({\n        open: show,\n        onOpenChange: (isOpen) => {\n            if (!isOpen) {\n                onClose?.();\n            }\n        },\n    });\n    const { isMounted, status } = useTransitionStatus(context, {\n        duration: 300,\n    });\n    const dismiss = useDismiss(context, {\n        /* handled by overlayclick */\n        outsidePress: false,\n        enabled: !!onClose,\n    });\n    const { getFloatingProps } = useInteractions([dismiss]);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    const dismissKeyboard = useEvent(() => {\n        if (dismissKeyboardOnShow) {\n            (document.activeElement as HTMLElement)?.blur?.();\n        }\n    });\n\n    useEffect(() => {\n        if (show) {\n            dismissKeyboard();\n        }\n    }, [show, dismissKeyboard]);\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    return (\n        <Overlay\n            data-testid={`${testId}-overlay`}\n            show={isMounted}\n            enableOverlayClick={enableOverlayClick}\n            onOverlayClick={onOverlayClick}\n            id={id}\n            rootId={rootComponentId}\n            containerRef={childRef}\n            zIndex={zIndex}\n        >\n            <Container\n                $show={isMounted}\n                $animationFrom={animationFrom}\n                data-testid={testId}\n                $verticalHeight={verticalHeight}\n                $offsetTop={offsetTop}\n                data-status={status}\n                {...otherProps}\n            >\n                <ModalContext.Provider value={{ onClose }}>\n                    {isMounted && (\n                        <FloatingFocusManager\n                            context={context}\n                            initialFocus={\n                                disableInitialFocus ? -1 : refs.floating\n                            }\n                        >\n                            <ScrollContainer>\n                                <ModalContainer\n                                    ref={refs.setFloating}\n                                    {...getFloatingProps()}\n                                    role=\"dialog\"\n                                    aria-label={ariaLabel}\n                                    aria-labelledby={ariaLabelledBy}\n                                    aria-describedby={ariaDescribedBy}\n                                >\n                                    {childWithRef}\n                                </ModalContainer>\n                            </ScrollContainer>\n                        </FloatingFocusManager>\n                    )}\n                </ModalContext.Provider>\n            </Container>\n        </Overlay>\n    );\n};\n"],"names":["ModalV2","_a","id","show","onClose","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","testId","ariaLabel","ariaLabelledBy","ariaDescribedBy","disableInitialFocus","otherProps","__rest","verticalHeight","offsetTop","useViewport","childRef","useRef","childWithRef","React","cloneElement","ref","refs","context","useFloating","open","onOpenChange","isOpen","isMounted","status","useTransitionStatus","duration","dismiss","useDismiss","outsidePress","enabled","getFloatingProps","useInteractions","dismissKeyboard","useEvent","_b","document","activeElement","blur","useEffect","_jsx","Overlay","rootId","containerRef","Container","Object","assign","$show","$animationFrom","$verticalHeight","$offsetTop","ModalContext","Provider","value","FloatingFocusManager","initialFocus","floating","ScrollContainer","ModalContainer","setFloating","role"],"mappings":"4wBAeO,MAAMA,EAAWC,QAAAC,GACpBA,EAAEC,KACFA,EAAIC,QACJA,EAAOC,cACPA,EAAgB,SAAQC,SACxBA,EAAQC,mBACRA,GAAqB,EAAIC,gBACzBA,EAAeC,OACfA,EAAMC,eACNA,EAAcC,sBACdA,GAAwB,EACxB,cAAeC,EAAS,QACxB,aAAcC,EACd,kBAAmBC,EACnB,mBAAoBC,EAAeC,oBACnCA,GAAsB,KACnBC,EAAUC,EAAAjB,EAhBO,CAAA,KAAA,OAAA,UAAA,gBAAA,WAAA,qBAAA,kBAAA,SAAA,iBAAA,wBAAA,cAAA,aAAA,kBAAA,mBAAA,wBAqBpB,MAAMkB,eAAEA,EAAcC,UAAEA,GAAcC,IAChCC,EAAWC,EAAuB,MAClCC,EACFlB,GAAYmB,EAAMC,aAAapB,EAAU,CAAEqB,IAAKL,KAK9CM,KAAEA,EAAIC,QAAEA,GAAYC,EAAY,CAClCC,KAAM5B,EACN6B,aAAeC,IACNA,GACD7B,SAAAA,GACJ,KAGF8B,UAAEA,EAASC,OAAEA,GAAWC,EAAoBP,EAAS,CACvDQ,SAAU,MAERC,EAAUC,EAAWV,EAAS,CAEhCW,cAAc,EACdC,UAAWrC,KAETsC,iBAAEA,GAAqBC,EAAgB,CAACL,IAKxCM,EAAkBC,GAAS,aACzBlC,YACAmC,EAAuC,UAAtCC,SAASC,qBAA6B,IAAA/C,OAAA,EAAAA,EAAEgD,6BAC7C,IAYJ,OATAC,GAAU,KACF/C,GACAyC,GACJ,GACD,CAACzC,EAAMyC,IAMNO,EAACC,EAAO,CAAA,cACS,GAAGxC,YAChBT,KAAM+B,EACN3B,mBAAoBA,EACpBG,eAAgBA,EAChBR,GAAIA,EACJmD,OAAQ7C,EACR8C,aAAchC,EACdb,OAAQA,EAAMH,SAEd6C,EAACI,EAASC,OAAAC,OAAA,CAAAC,MACCxB,EAASyB,eACAtD,EAAa,cAChBO,EAAMgD,gBACFzC,EAAc0C,WACnBzC,EAAS,cACRe,GACTlB,EAAU,CAAAX,SAEd6C,EAACW,EAAaC,SAAQ,CAACC,MAAO,CAAE5D,WAASE,SACpC4B,GACGiB,EAACc,EAAoB,CACjBpC,QAASA,EACTqC,aACIlD,GAAsB,EAAKY,EAAKuC,SAAQ7D,SAG5C6C,EAACiB,EAAe,CAAA9D,SACZ6C,EAACkB,EAAcb,OAAAC,OAAA,CACX9B,IAAKC,EAAK0C,aACN5B,IAAkB,CACtB6B,KAAK,SAAQ,aACD1D,EAAS,kBACJC,EAAc,mBACbC,EAAeT,SAEhCkB,eAOnB"}
+{"version":3,"file":"modal-v2.js","sources":["../../src/modal-v2/modal-v2.tsx"],"sourcesContent":["import {\n    FloatingFocusManager,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useTransitionStatus,\n} from \"@floating-ui/react\";\nimport React, { useRef } from \"react\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { useViewport } from \"../shared/hooks\";\nimport { useEvent } from \"../util\";\nimport { ModalContext } from \"./modal-context\";\nimport { Container, ModalContainer, ScrollContainer } from \"./modal-v2.styles\";\nimport { ModalV2Props } from \"./types\";\n\nexport const ModalV2 = ({\n    id,\n    show,\n    onClose,\n    animationFrom = \"bottom\",\n    children,\n    enableOverlayClick = true,\n    rootComponentId,\n    zIndex,\n    onOverlayClick,\n    dismissKeyboardOnShow = true,\n    \"data-testid\": testId = \"modal\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    disableInitialFocus = false,\n    ...otherProps\n}: ModalV2Props): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const dismissKeyboard = useEvent(() => {\n        if (dismissKeyboardOnShow) {\n            (document.activeElement as HTMLElement)?.blur?.();\n        }\n    });\n    const { verticalHeight } = useViewport({\n        enabled: show,\n        onBeforeStart: dismissKeyboard,\n    });\n    const childRef = useRef<HTMLDivElement>(null);\n    const childWithRef =\n        children && React.cloneElement(children, { ref: childRef });\n\n    // =========================================================================\n    // FLOATING UI CONFIG\n    // =========================================================================\n    const { refs, context } = useFloating({\n        open: show,\n        onOpenChange: (isOpen) => {\n            if (!isOpen) {\n                onClose?.();\n            }\n        },\n    });\n    const { isMounted, status } = useTransitionStatus(context, {\n        duration: 300,\n    });\n    const dismiss = useDismiss(context, {\n        /* handled by overlayclick */\n        outsidePress: false,\n        enabled: !!onClose,\n    });\n    const { getFloatingProps } = useInteractions([dismiss]);\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    return (\n        <Overlay\n            data-testid={`${testId}-overlay`}\n            show={show}\n            enableOverlayClick={enableOverlayClick}\n            onOverlayClick={onOverlayClick}\n            id={id}\n            rootId={rootComponentId}\n            containerRef={childRef}\n            zIndex={zIndex}\n        >\n            <Container\n                $animationFrom={animationFrom}\n                data-testid={testId}\n                $verticalHeight={verticalHeight}\n                data-status={status}\n                {...otherProps}\n            >\n                <ModalContext.Provider value={{ onClose }}>\n                    {isMounted && (\n                        <FloatingFocusManager\n                            context={context}\n                            initialFocus={\n                                disableInitialFocus ? -1 : refs.floating\n                            }\n                        >\n                            <ScrollContainer>\n                                <ModalContainer\n                                    ref={refs.setFloating}\n                                    {...getFloatingProps()}\n                                    role=\"dialog\"\n                                    aria-label={ariaLabel}\n                                    aria-labelledby={ariaLabelledBy}\n                                    aria-describedby={ariaDescribedBy}\n                                >\n                                    {childWithRef}\n                                </ModalContainer>\n                            </ScrollContainer>\n                        </FloatingFocusManager>\n                    )}\n                </ModalContext.Provider>\n            </Container>\n        </Overlay>\n    );\n};\n"],"names":["ModalV2","_a","id","show","onClose","animationFrom","children","enableOverlayClick","rootComponentId","zIndex","onOverlayClick","dismissKeyboardOnShow","testId","ariaLabel","ariaLabelledBy","ariaDescribedBy","disableInitialFocus","otherProps","__rest","dismissKeyboard","useEvent","_b","document","activeElement","blur","verticalHeight","useViewport","enabled","onBeforeStart","childRef","useRef","childWithRef","React","cloneElement","ref","refs","context","useFloating","open","onOpenChange","isOpen","isMounted","status","useTransitionStatus","duration","dismiss","useDismiss","outsidePress","getFloatingProps","useInteractions","_jsx","Overlay","rootId","containerRef","Container","Object","assign","$animationFrom","$verticalHeight","ModalContext","Provider","value","FloatingFocusManager","initialFocus","floating","ScrollContainer","ModalContainer","setFloating","role"],"mappings":"6vBAeO,MAAMA,EAAWC,QAAAC,GACpBA,EAAEC,KACFA,EAAIC,QACJA,EAAOC,cACPA,EAAgB,SAAQC,SACxBA,EAAQC,mBACRA,GAAqB,EAAIC,gBACzBA,EAAeC,OACfA,EAAMC,eACNA,EAAcC,sBACdA,GAAwB,EACxB,cAAeC,EAAS,QACxB,aAAcC,EACd,kBAAmBC,EACnB,mBAAoBC,EAAeC,oBACnCA,GAAsB,KACnBC,EAAUC,EAAAjB,EAhBO,CAAA,KAAA,OAAA,UAAA,gBAAA,WAAA,qBAAA,kBAAA,SAAA,iBAAA,wBAAA,cAAA,aAAA,kBAAA,mBAAA,wBAqBpB,MAAMkB,EAAkBC,GAAS,aACzBT,YACAU,EAAuC,UAAtCC,SAASC,qBAA6B,IAAAtB,OAAA,EAAAA,EAAEuB,6BAC7C,KAEEC,eAAEA,GAAmBC,EAAY,CACnCC,QAASxB,EACTyB,cAAeT,IAEbU,EAAWC,EAAuB,MAClCC,EACFzB,GAAY0B,EAAMC,aAAa3B,EAAU,CAAE4B,IAAKL,KAK9CM,KAAEA,EAAIC,QAAEA,GAAYC,EAAY,CAClCC,KAAMnC,EACNoC,aAAeC,IACNA,GACDpC,SAAAA,GACJ,KAGFqC,UAAEA,EAASC,OAAEA,GAAWC,EAAoBP,EAAS,CACvDQ,SAAU,MAERC,EAAUC,EAAWV,EAAS,CAEhCW,cAAc,EACdpB,UAAWvB,KAET4C,iBAAEA,GAAqBC,EAAgB,CAACJ,IAK9C,OACIK,EAACC,EAAO,CAAA,cACS,GAAGvC,YAChBT,KAAMA,EACNI,mBAAoBA,EACpBG,eAAgBA,EAChBR,GAAIA,EACJkD,OAAQ5C,EACR6C,aAAcxB,EACdpB,OAAQA,EAAMH,SAEd4C,EAACI,EAASC,OAAAC,OAAA,CAAAC,eACUpD,EAAa,cAChBO,EAAM8C,gBACFjC,EAAc,cAClBiB,GACTzB,EAAU,CAAAX,SAEd4C,EAACS,EAAaC,SAAQ,CAACC,MAAO,CAAEzD,oBAC3BqC,GACGS,EAACY,EAAoB,CACjB1B,QAASA,EACT2B,aACI/C,KAA2BmB,EAAK6B,SAAQ1D,SAG5C4C,EAACe,EAAe,CAAA3D,SACZ4C,EAACgB,iBACGhC,IAAKC,EAAKgC,aACNnB,IAAkB,CACtBoB,KAAK,SAAQ,aACDvD,EAAS,kBACJC,EAAc,mBACbC,EAAeT,SAEhCyB,eAOnB"}

package/modal-v2/modal-v2.styles.d.ts

@@ -1,9 +1,7 @@
 import { ModalAnimationDirection } from "./types";
 interface Props {
-    $show: boolean;
     $animationFrom?: ModalAnimationDirection;
     $verticalHeight?: number;
-    $offsetTop?: number;
 }
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof Props> & Props, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof Props> & Props, never>>> & string;
 export declare const ScrollContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/modal-v2/modal-v2.styles.js

@@ -1,4 +1,4 @@
-import t,{css as i}from"styled-components";import{MediaQuery as e,Motion as a}from"../theme/index.js";const o=t.div`
+import t,{css as i}from"styled-components";import{MediaQuery as e,Motion as a}from"../theme/index.js";const n=t.div`
     position: relative;
     width: 100%;
     height: 100%;
@@ -6,13 +6,13 @@ import t,{css as i}from"styled-components";import{MediaQuery as e,Motion as a}fr
     overflow: auto;
 
     ${e.MaxWidth.sm} {
-        ${t=>i`
-                height: calc(
-                    ${t.$verticalHeight?`${t.$verticalHeight}px`:"1vh"} * 100
-                );
-            `}
+        height: calc(
+            ${t=>t.$verticalHeight?`${t.$verticalHeight}px`:"1vh"} * 100
+        );
+    }
 
-        top: ${t=>t.$offsetTop||0}px;
+    @supports (height: 100dvh) {
+        height: 100dvh;
     }
 
     ${t=>i`
@@ -34,7 +34,7 @@ import t,{css as i}from"styled-components";import{MediaQuery as e,Motion as a}fr
             transition: all ${a["duration-250"]} ${a["ease-exit"]};
         }
     `}
-`,n=t.div`
+`,o=t.div`
     display: flex;
     justify-content: center;
     align-items: center;
@@ -44,5 +44,5 @@ import t,{css as i}from"styled-components";import{MediaQuery as e,Motion as a}fr
     pointer-events: auto;
     width: 100%;
     outline: none;
-`;export{o as Container,s as ModalContainer,n as ScrollContainer};
+`;export{n as Container,s as ModalContainer,o as ScrollContainer};
 //# sourceMappingURL=modal-v2.styles.js.map

package/modal-v2/modal-v2.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-v2.styles.js","sources":["../../src/modal-v2/modal-v2.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { MediaQuery, Motion } from \"../theme\";\nimport { ModalAnimationDirection } from \"./types\";\n\ninterface Props {\n    $show: boolean;\n    $animationFrom?: ModalAnimationDirection;\n    $verticalHeight?: number;\n    $offsetTop?: number;\n}\n\nexport const Container = styled.div<Props>`\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    overflow: auto;\n\n    ${MediaQuery.MaxWidth.sm} {\n        ${(props) => {\n            return css`\n                height: calc(\n                    ${props.$verticalHeight\n                            ? `${props.$verticalHeight}px`\n                            : \"1vh\"} * 100\n                );\n            `;\n        }}\n\n        top: ${(props) => props.$offsetTop || 0}px;\n    }\n\n    ${(props) => css`\n        &[data-status=\"initial\"] {\n            opacity: 0;\n            ${props.$animationFrom}: -3%;\n        }\n\n        &[data-status=\"open\"] {\n            opacity: 1;\n            ${props.$animationFrom}: 0;\n            transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-entrance\"]};\n            transition-delay: ${Motion[\"duration-150\"]};\n        }\n\n        &[data-status=\"close\"] {\n            opacity: 0;\n            ${props.$animationFrom}: -3%;\n            transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-exit\"]};\n        }\n    `}\n`;\n\nexport const ScrollContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 100%;\n    pointer-events: none;\n`;\n\nexport const ModalContainer = styled.div`\n    pointer-events: auto;\n    width: 100%;\n    outline: none;\n`;\n"],"names":["Container","styled","div","MediaQuery","MaxWidth","sm","props","css","$verticalHeight","$offsetTop","$animationFrom","Motion","ScrollContainer","ModalContainer"],"mappings":"sGAWO,MAAMA,EAAYC,EAAOC,GAAU;;;;;;;MAOpCC,EAAWC,SAASC;UACfC,GACQC,CAAG;;sBAEAD,EAAME,gBACE,GAAGF,EAAME,oBACT;;;;eAKdF,GAAUA,EAAMG,YAAc;;;MAGvCH,GAAUC,CAAG;;;cAGND,EAAMI;;;;;cAKNJ,EAAMI;8BACUC,EAAO,mBAAmBA,EAAO;gCAC/BA,EAAO;;;;;cAKzBL,EAAMI;8BACUC,EAAO,mBAAmBA,EAAO;;;EAKlDC,EAAkBX,EAAOC,GAAG;;;;;;EAQ5BW,EAAiBZ,EAAOC,GAAG;;;;"}
+{"version":3,"file":"modal-v2.styles.js","sources":["../../src/modal-v2/modal-v2.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { MediaQuery, Motion } from \"../theme\";\nimport { ModalAnimationDirection } from \"./types\";\n\ninterface Props {\n    $animationFrom?: ModalAnimationDirection;\n    $verticalHeight?: number;\n}\n\nexport const Container = styled.div<Props>`\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    overflow: auto;\n\n    ${MediaQuery.MaxWidth.sm} {\n        height: calc(\n            ${(props) =>\n                    props.$verticalHeight\n                        ? `${props.$verticalHeight}px`\n                        : \"1vh\"} * 100\n        );\n    }\n\n    @supports (height: 100dvh) {\n        height: 100dvh;\n    }\n\n    ${(props) => css`\n        &[data-status=\"initial\"] {\n            opacity: 0;\n            ${props.$animationFrom}: -3%;\n        }\n\n        &[data-status=\"open\"] {\n            opacity: 1;\n            ${props.$animationFrom}: 0;\n            transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-entrance\"]};\n            transition-delay: ${Motion[\"duration-150\"]};\n        }\n\n        &[data-status=\"close\"] {\n            opacity: 0;\n            ${props.$animationFrom}: -3%;\n            transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-exit\"]};\n        }\n    `}\n`;\n\nexport const ScrollContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 100%;\n    pointer-events: none;\n`;\n\nexport const ModalContainer = styled.div`\n    pointer-events: auto;\n    width: 100%;\n    outline: none;\n`;\n"],"names":["Container","styled","div","MediaQuery","MaxWidth","sm","props","$verticalHeight","css","$animationFrom","Motion","ScrollContainer","ModalContainer"],"mappings":"sGASO,MAAMA,EAAYC,EAAOC,GAAU;;;;;;;MAOpCC,EAAWC,SAASC;;cAEXC,GACKA,EAAMC,gBACA,GAAGD,EAAMC,oBACT;;;;;;;;MAQnBD,GAAUE,CAAG;;;cAGNF,EAAMG;;;;;cAKNH,EAAMG;8BACUC,EAAO,mBAAmBA,EAAO;gCAC/BA,EAAO;;;;;cAKzBJ,EAAMG;8BACUC,EAAO,mBAAmBA,EAAO;;;EAKlDC,EAAkBV,EAAOC,GAAG;;;;;;EAQ5BU,EAAiBX,EAAOC,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/react-design-system",
-  "version": "3.4.0-canary.4",
+  "version": "3.4.0-canary.5",
   "description": "A component design system for LifeSG web apps",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/shared/hooks/useViewport.d.ts

@@ -1,4 +1,9 @@
-export declare const useViewport: () => {
+interface UseViewportProps {
+    enabled?: boolean;
+    onBeforeStart?: () => void;
+}
+export declare const useViewport: ({ enabled, onBeforeStart, }?: UseViewportProps) => {
     verticalHeight: number | undefined;
-    offsetTop: number | undefined;
+    ready: boolean;
 };
+export {};

package/shared/hooks/useViewport.js

@@ -1,2 +1,2 @@
-import e from"../../external/lodash/throttle.js";import{useState as i,useCallback as o,useEffect as t}from"react";const r=()=>{const[r,n]=i(),[w,s]=i(),v=o((()=>{const e=.01*window.innerHeight;n(e)}),[]),d=o((()=>{if(window.visualViewport){const e=.01*window.visualViewport.height;n(e),s(window.visualViewport.offsetTop)}}),[]);return t((()=>{if(window.visualViewport){const i=e(d,300);return d(),window.visualViewport.addEventListener("resize",d),window.visualViewport.addEventListener("scroll",i),()=>{var e,o;null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",d),null===(o=window.visualViewport)||void 0===o||o.removeEventListener("scroll",i)}}return v(),window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v)}}),[]),{verticalHeight:r,offsetTop:w}};export{r as useViewport};
+import{useState as e,useRef as r,useEffect as n,useCallback as i}from"react";const t=({enabled:t=!1,onBeforeStart:o}={})=>{const[u,w]=e(),[l,a]=e(!1),s=r([]),c=r(null),d=r(!1),v=r(o);n((()=>{v.current=o}),[o]);const h=i((()=>{const e=.01*window.innerHeight;w(e)}),[]),p=i((()=>{if(window.visualViewport){const e=.01*window.visualViewport.height;w(e)}}),[]);return n((()=>window.visualViewport?(p(),window.visualViewport.addEventListener("resize",p),()=>{var e;null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",p)}):(h(),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)})),[p,h]),n((()=>{var e;const r=e=>{s.current.push(requestAnimationFrame(e))},n=()=>{s.current.forEach((e=>cancelAnimationFrame(e))),s.current=[],null!==c.current&&(clearTimeout(c.current),c.current=null),d.current=!1},i=()=>{d.current||(d.current=!0,a(!0))};return n(),a(!1),t?(null===(e=v.current)||void 0===e||e.call(v),window.visualViewport?((()=>{var e,n;let t=null!==(n=null===(e=window.visualViewport)||void 0===e?void 0:e.height)&&void 0!==n?n:window.innerHeight,o=0;const u=()=>{var e,n;const w=null!==(n=null===(e=window.visualViewport)||void 0===e?void 0:e.height)&&void 0!==n?n:window.innerHeight;Math.abs(w-t)<.5?o+=1:(o=0,t=w),o>=2?i():r(u)};r(u)})(),c.current=setTimeout(i,180),n):(r(i),n)):n}),[t]),{verticalHeight:u,ready:l}};export{t as useViewport};
 //# sourceMappingURL=useViewport.js.map

package/shared/hooks/useViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewport.js","sources":["../../../src/shared/hooks/useViewport.tsx"],"sourcesContent":["import throttle from \"lodash/throttle\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useViewport = () => {\n    const [verticalHeight, setVerticalHeight] = useState<number>();\n    const [offsetTop, setOffsetTop] = useState<number>();\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleWindowResize = useCallback(() => {\n        const newVerticalHeight = window.innerHeight * 0.01;\n        setVerticalHeight(newVerticalHeight);\n    }, []);\n\n    const handleViewportResize = useCallback(() => {\n        if (window.visualViewport) {\n            const newVerticalHeight = window.visualViewport.height * 0.01;\n            setVerticalHeight(newVerticalHeight);\n            setOffsetTop(window.visualViewport.offsetTop);\n        }\n    }, []);\n\n    useEffect(() => {\n        // set initial vh\n\n        // use VisualViewport API if available, it gives more accurate dimensions when iOS software keyboard is active\n        if (window.visualViewport) {\n            const handleViewportScroll = throttle(handleViewportResize, 300);\n            handleViewportResize();\n            window.visualViewport.addEventListener(\n                \"resize\",\n                handleViewportResize\n            );\n            window.visualViewport.addEventListener(\n                \"scroll\",\n                handleViewportScroll\n            );\n\n            return () => {\n                window.visualViewport?.removeEventListener(\n                    \"resize\",\n                    handleViewportResize\n                );\n                window.visualViewport?.removeEventListener(\n                    \"scroll\",\n                    handleViewportScroll\n                );\n            };\n        } else {\n            // fallback to Window API\n            handleWindowResize();\n            window.addEventListener(\"resize\", handleWindowResize);\n            return () => {\n                window.removeEventListener(\"resize\", handleWindowResize);\n            };\n        }\n    }, []);\n\n    return {\n        verticalHeight,\n        offsetTop,\n    };\n};\n"],"names":["useViewport","verticalHeight","setVerticalHeight","useState","offsetTop","setOffsetTop","handleWindowResize","useCallback","newVerticalHeight","window","innerHeight","handleViewportResize","visualViewport","height","useEffect","handleViewportScroll","throttle","addEventListener","_a","removeEventListener","_b"],"mappings":"kHAGO,MAAMA,EAAc,KACvB,MAAOC,EAAgBC,GAAqBC,KACrCC,EAAWC,GAAgBF,IAK5BG,EAAqBC,GAAY,KACnC,MAAMC,EAAyC,IAArBC,OAAOC,YACjCR,EAAkBM,EAAkB,GACrC,IAEGG,EAAuBJ,GAAY,KACrC,GAAIE,OAAOG,eAAgB,CACvB,MAAMJ,EAAmD,IAA/BC,OAAOG,eAAeC,OAChDX,EAAkBM,GAClBH,EAAaI,OAAOG,eAAeR,UACvC,IACD,IAsCH,OApCAU,GAAU,KAIN,GAAIL,OAAOG,eAAgB,CACvB,MAAMG,EAAuBC,EAASL,EAAsB,KAW5D,OAVAA,IACAF,OAAOG,eAAeK,iBAClB,SACAN,GAEJF,OAAOG,eAAeK,iBAClB,SACAF,GAGG,aACkB,QAArBG,EAAAT,OAAOG,sBAAc,IAAAM,GAAAA,EAAEC,oBACnB,SACAR,GAEiB,QAArBS,EAAAX,OAAOG,sBAAc,IAAAQ,GAAAA,EAAED,oBACnB,SACAJ,EACH,CAET,CAII,OAFAT,IACAG,OAAOQ,iBAAiB,SAAUX,GAC3B,KACHG,OAAOU,oBAAoB,SAAUb,EAAmB,CAEhE,GACD,IAEI,CACHL,iBACAG,YACH"}
+{"version":3,"file":"useViewport.js","sources":["../../../src/shared/hooks/useViewport.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nconst STABLE_FRAMES = 2;\nconst HEIGHT_OFFSET = 0.5;\n// This 180 ms duration is chosen to align with the mobile Chrome/keyboard animation (150–300 ms range) and the modal’s entrance `transition-delay` (200 ms) before we force it into the `ready` state.\nconst FALLBACK_TIME = 180;\n\ninterface UseViewportProps {\n    enabled?: boolean;\n    onBeforeStart?: () => void;\n}\n\nexport const useViewport = ({\n    enabled = false,\n    onBeforeStart,\n}: UseViewportProps = {}) => {\n    const [verticalHeight, setVerticalHeight] = useState<number>();\n    const [ready, setReady] = useState(false);\n    const pendingFramesRef = useRef<number[]>([]);\n    const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const hasResolvedRef = useRef(false);\n    const onBeforeStartRef = useRef(onBeforeStart);\n\n    useEffect(() => {\n        onBeforeStartRef.current = onBeforeStart;\n    }, [onBeforeStart]);\n\n    const handleWindowResize = useCallback(() => {\n        const newVerticalHeight = window.innerHeight * 0.01;\n        setVerticalHeight(newVerticalHeight);\n    }, []);\n\n    const handleViewportResize = useCallback(() => {\n        if (window.visualViewport) {\n            const newVerticalHeight = window.visualViewport.height * 0.01;\n            setVerticalHeight(newVerticalHeight);\n        }\n    }, []);\n\n    useEffect(() => {\n        // set initial vh\n\n        // use VisualViewport API if available, it gives more accurate dimensions when iOS software keyboard is active\n        if (window.visualViewport) {\n            handleViewportResize();\n            window.visualViewport.addEventListener(\n                \"resize\",\n                handleViewportResize\n            );\n            return () => {\n                window.visualViewport?.removeEventListener(\n                    \"resize\",\n                    handleViewportResize\n                );\n            };\n        }\n\n        handleWindowResize();\n        window.addEventListener(\"resize\", handleWindowResize);\n        return () => {\n            window.removeEventListener(\"resize\", handleWindowResize);\n        };\n    }, [handleViewportResize, handleWindowResize]);\n\n    useEffect(() => {\n        const scheduleFrame = (fn: FrameRequestCallback) => {\n            pendingFramesRef.current.push(requestAnimationFrame(fn));\n        };\n\n        const clearPending = () => {\n            pendingFramesRef.current.forEach((id) => cancelAnimationFrame(id));\n            pendingFramesRef.current = [];\n\n            if (timeoutRef.current !== null) {\n                clearTimeout(timeoutRef.current);\n                timeoutRef.current = null;\n            }\n\n            hasResolvedRef.current = false;\n        };\n\n        const resolve = () => {\n            if (hasResolvedRef.current) {\n                return;\n            }\n            hasResolvedRef.current = true;\n            setReady(true);\n        };\n        // Compare the viewport height across consecutive frames;\n        // once it remains stable for at least 2 frames, trigger the modal animation\n        const waitForStableViewport = () => {\n            let lastHeight =\n                window.visualViewport?.height ?? window.innerHeight;\n            let stableFrames = 0;\n\n            const checkViewportStability = () => {\n                const currentHeight =\n                    window.visualViewport?.height ?? window.innerHeight;\n                // Use a small offset to account for fluctuations in reported height\n                // even when the viewport hasn’t actually changed\n                if (Math.abs(currentHeight - lastHeight) < HEIGHT_OFFSET) {\n                    stableFrames += 1;\n                } else {\n                    stableFrames = 0;\n                    lastHeight = currentHeight;\n                }\n\n                if (stableFrames >= STABLE_FRAMES) {\n                    resolve();\n                    return;\n                }\n\n                scheduleFrame(checkViewportStability);\n            };\n\n            scheduleFrame(checkViewportStability);\n        };\n\n        clearPending();\n        setReady(false);\n\n        if (!enabled) {\n            return clearPending;\n        }\n\n        onBeforeStartRef.current?.();\n\n        if (!window.visualViewport) {\n            scheduleFrame(resolve);\n            return clearPending;\n        }\n\n        waitForStableViewport();\n        timeoutRef.current = setTimeout(resolve, FALLBACK_TIME);\n\n        return clearPending;\n    }, [enabled]);\n\n    return {\n        verticalHeight,\n        ready,\n    };\n};\n"],"names":["useViewport","enabled","onBeforeStart","verticalHeight","setVerticalHeight","useState","ready","setReady","pendingFramesRef","useRef","timeoutRef","hasResolvedRef","onBeforeStartRef","useEffect","current","handleWindowResize","useCallback","newVerticalHeight","window","innerHeight","handleViewportResize","visualViewport","height","addEventListener","_a","removeEventListener","scheduleFrame","fn","push","requestAnimationFrame","clearPending","forEach","id","cancelAnimationFrame","clearTimeout","resolve","call","lastHeight","_b","stableFrames","checkViewportStability","currentHeight","Math","abs","waitForStableViewport","setTimeout"],"mappings":"6EAEA,MAUaA,EAAc,EACvBC,WAAU,EACVC,iBACkB,CAAA,KAClB,MAAOC,EAAgBC,GAAqBC,KACrCC,EAAOC,GAAYF,GAAS,GAC7BG,EAAmBC,EAAiB,IACpCC,EAAaD,EAA6C,MAC1DE,EAAiBF,GAAO,GACxBG,EAAmBH,EAAOP,GAEhCW,GAAU,KACND,EAAiBE,QAAUZ,CAAa,GACzC,CAACA,IAEJ,MAAMa,EAAqBC,GAAY,KACnC,MAAMC,EAAyC,IAArBC,OAAOC,YACjCf,EAAkBa,EAAkB,GACrC,IAEGG,EAAuBJ,GAAY,KACrC,GAAIE,OAAOG,eAAgB,CACvB,MAAMJ,EAAmD,IAA/BC,OAAOG,eAAeC,OAChDlB,EAAkBa,EACtB,IACD,IAqGH,OAnGAJ,GAAU,IAIFK,OAAOG,gBACPD,IACAF,OAAOG,eAAeE,iBAClB,SACAH,GAEG,WACkB,QAArBI,EAAAN,OAAOG,sBAAc,IAAAG,GAAAA,EAAEC,oBACnB,SACAL,EACH,IAITL,IACAG,OAAOK,iBAAiB,SAAUR,GAC3B,KACHG,OAAOO,oBAAoB,SAAUV,EAAmB,IAE7D,CAACK,EAAsBL,IAE1BF,GAAU,WACN,MAAMa,EAAiBC,IACnBnB,EAAiBM,QAAQc,KAAKC,sBAAsBF,GAAI,EAGtDG,EAAe,KACjBtB,EAAiBM,QAAQiB,SAASC,GAAOC,qBAAqBD,KAC9DxB,EAAiBM,QAAU,GAEA,OAAvBJ,EAAWI,UACXoB,aAAaxB,EAAWI,SACxBJ,EAAWI,QAAU,MAGzBH,EAAeG,SAAU,CAAK,EAG5BqB,EAAU,KACRxB,EAAeG,UAGnBH,EAAeG,SAAU,EACzBP,GAAS,GAAK,EAmClB,OAHAuB,IACAvB,GAAS,GAEJN,GAImB,QAAxBuB,EAAAZ,EAAiBE,eAAO,IAAAU,GAAAA,EAAAY,KAAAxB,GAEnBM,OAAOG,gBArCkB,cAC1B,IAAIgB,EAC6B,QAA7BC,EAAqB,QAArBd,EAAAN,OAAOG,sBAAc,IAAAG,OAAA,EAAAA,EAAEF,cAAM,IAAAgB,EAAAA,EAAIpB,OAAOC,YACxCoB,EAAe,EAEnB,MAAMC,EAAyB,aAC3B,MAAMC,EAC2B,QAA7BH,EAAqB,QAArBd,EAAAN,OAAOG,sBAAc,IAAAG,OAAA,EAAAA,EAAEF,cAAM,IAAAgB,EAAAA,EAAIpB,OAAOC,YAGxCuB,KAAKC,IAAIF,EAAgBJ,GAjGvB,GAkGFE,GAAgB,GAEhBA,EAAe,EACfF,EAAaI,GAGbF,GAzGE,EA0GFJ,IAIJT,EAAcc,EAAuB,EAGzCd,EAAcc,EAAuB,EAiBzCI,GACAlC,EAAWI,QAAU+B,WAAWV,EAhIlB,KAkIPL,IAPHJ,EAAcS,GACPL,IAPAA,CAaQ,GACpB,CAAC7B,IAEG,CACHE,iBACAG,QACH"}

package/theme/font/theme-helper.js

@@ -1,2 +1,2 @@
-import{getCollection as e,getValue as d}from"../helpers.js";import{BookingSgFontSet as o}from"./specs/bookingsg-font-set.js";import{DefaultFontSet as l}from"./specs/default-font-set.js";import{PAFontSet as i}from"./specs/pa-font-set.js";import{A11yPlaygroundFontSet as s}from"./specs/a11yplayground-font-set.js";import{SupportGoWhereFontSet as g}from"./specs/supportgowhere-font-set.js";import{IMDAFontSet as a}from"./specs/imda-font-set.js";import{SPFFontSet as b}from"./specs/spf-font-set.js";import{OneServiceFontSet as n}from"./specs/oneservice-font-set.js";import{SMGSFontSet as m}from"./specs/smgs-font-set.js";const r={collections:{default:l,bookingsg:o,mylegacy:l,pa:i,a11yplayground:s,supportgowhere:g,sgwdigitallobby:g,imda:a,spf:b,oneservice:n,smgs:m},defaultValue:"default"},h=o=>l=>{var i;const s=l.theme,g=e(r,null==s?void 0:s.fontScheme),a=(null===(i=null==s?void 0:s.overrides)||void 0===i?void 0:i.font)?d(g,o,s.overrides.font):g[o];return"function"==typeof a?a(l):a},t={"heading-xxl-light":h("heading-xxl-light"),"heading-xxl-regular":h("heading-xxl-regular"),"heading-xxl-semibold":h("heading-xxl-semibold"),"heading-xxl-bold":h("heading-xxl-bold"),"heading-xl-light":h("heading-xl-light"),"heading-xl-regular":h("heading-xl-regular"),"heading-xl-semibold":h("heading-xl-semibold"),"heading-xl-bold":h("heading-xl-bold"),"heading-lg-light":h("heading-lg-light"),"heading-lg-regular":h("heading-lg-regular"),"heading-lg-semibold":h("heading-lg-semibold"),"heading-lg-bold":h("heading-lg-bold"),"heading-md-light":h("heading-md-light"),"heading-md-regular":h("heading-md-regular"),"heading-md-semibold":h("heading-md-semibold"),"heading-md-bold":h("heading-md-bold"),"heading-sm-light":h("heading-sm-light"),"heading-sm-regular":h("heading-sm-regular"),"heading-sm-semibold":h("heading-sm-semibold"),"heading-sm-bold":h("heading-sm-bold"),"heading-xs-light":h("heading-xs-light"),"heading-xs-regular":h("heading-xs-regular"),"heading-xs-semibold":h("heading-xs-semibold"),"heading-xs-bold":h("heading-xs-bold"),"body-baseline-light":h("body-baseline-light"),"body-baseline-regular":h("body-baseline-regular"),"body-baseline-semibold":h("body-baseline-semibold"),"body-baseline-bold":h("body-baseline-bold"),"body-md-light":h("body-md-light"),"body-md-regular":h("body-md-regular"),"body-md-semibold":h("body-md-semibold"),"body-md-bold":h("body-md-bold"),"body-sm-light":h("body-sm-light"),"body-sm-regular":h("body-sm-regular"),"body-sm-semibold":h("body-sm-semibold"),"body-sm-bold":h("body-sm-bold"),"body-xs-light":h("body-xs-light"),"body-xs-regular":h("body-xs-regular"),"body-xs-semibold":h("body-xs-semibold"),"body-xs-bold":h("body-xs-bold"),"form-label":h("form-label"),"form-description":h("form-description")};export{t as FontValues,h as getFont};
+import{getCollection as e,getValue as d}from"../helpers.js";import{BookingSgFontSet as l}from"./specs/bookingsg-font-set.js";import{DefaultFontSet as o}from"./specs/default-font-set.js";import{PAFontSet as i}from"./specs/pa-font-set.js";import{A11yPlaygroundFontSet as s}from"./specs/a11yplayground-font-set.js";import{SupportGoWhereFontSet as g}from"./specs/supportgowhere-font-set.js";import{IMDAFontSet as a}from"./specs/imda-font-set.js";import{SPFFontSet as b}from"./specs/spf-font-set.js";import{OneServiceFontSet as n}from"./specs/oneservice-font-set.js";const r={collections:{default:o,bookingsg:l,mylegacy:o,pa:i,a11yplayground:s,supportgowhere:g,sgwdigitallobby:g,imda:a,spf:b,oneservice:n},defaultValue:"default"},m=l=>o=>{var i;const s=o.theme,g=e(r,null==s?void 0:s.fontScheme),a=(null===(i=null==s?void 0:s.overrides)||void 0===i?void 0:i.font)?d(g,l,s.overrides.font):g[l];return"function"==typeof a?a(o):a},h={"heading-xxl-light":m("heading-xxl-light"),"heading-xxl-regular":m("heading-xxl-regular"),"heading-xxl-semibold":m("heading-xxl-semibold"),"heading-xxl-bold":m("heading-xxl-bold"),"heading-xl-light":m("heading-xl-light"),"heading-xl-regular":m("heading-xl-regular"),"heading-xl-semibold":m("heading-xl-semibold"),"heading-xl-bold":m("heading-xl-bold"),"heading-lg-light":m("heading-lg-light"),"heading-lg-regular":m("heading-lg-regular"),"heading-lg-semibold":m("heading-lg-semibold"),"heading-lg-bold":m("heading-lg-bold"),"heading-md-light":m("heading-md-light"),"heading-md-regular":m("heading-md-regular"),"heading-md-semibold":m("heading-md-semibold"),"heading-md-bold":m("heading-md-bold"),"heading-sm-light":m("heading-sm-light"),"heading-sm-regular":m("heading-sm-regular"),"heading-sm-semibold":m("heading-sm-semibold"),"heading-sm-bold":m("heading-sm-bold"),"heading-xs-light":m("heading-xs-light"),"heading-xs-regular":m("heading-xs-regular"),"heading-xs-semibold":m("heading-xs-semibold"),"heading-xs-bold":m("heading-xs-bold"),"body-baseline-light":m("body-baseline-light"),"body-baseline-regular":m("body-baseline-regular"),"body-baseline-semibold":m("body-baseline-semibold"),"body-baseline-bold":m("body-baseline-bold"),"body-md-light":m("body-md-light"),"body-md-regular":m("body-md-regular"),"body-md-semibold":m("body-md-semibold"),"body-md-bold":m("body-md-bold"),"body-sm-light":m("body-sm-light"),"body-sm-regular":m("body-sm-regular"),"body-sm-semibold":m("body-sm-semibold"),"body-sm-bold":m("body-sm-bold"),"body-xs-light":m("body-xs-light"),"body-xs-regular":m("body-xs-regular"),"body-xs-semibold":m("body-xs-semibold"),"body-xs-bold":m("body-xs-bold"),"form-label":m("form-label"),"form-description":m("form-description")};export{h as FontValues,m as getFont};
 //# sourceMappingURL=theme-helper.js.map

package/theme/font/theme-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { BookingSgFontSet } from \"./specs/bookingsg-font-set\";\nimport { DefaultFontSet } from \"./specs/default-font-set\";\nimport { PAFontSet } from \"./specs/pa-font-set\";\nimport { A11yPlaygroundFontSet } from \"./specs/a11yplayground-font-set\";\nimport { SupportGoWhereFontSet } from \"./specs/supportgowhere-font-set\";\nimport { IMDAFontSet } from \"./specs/imda-font-set\";\nimport { SPFFontSet } from \"./specs/spf-font-set\";\nimport { FontCollectionMap, FontSet } from \"./types\";\nimport { OneServiceFontSet } from \"./specs/oneservice-font-set\";\nimport { SMGSFontSet } from \"./specs/smgs-font-set\";\n\nconst FontSpec: ThemeCollectionSpec<FontCollectionMap, FontScheme> = {\n    collections: {\n        default: DefaultFontSet,\n        bookingsg: BookingSgFontSet,\n        mylegacy: DefaultFontSet,\n        pa: PAFontSet,\n        a11yplayground: A11yPlaygroundFontSet,\n        supportgowhere: SupportGoWhereFontSet,\n        sgwdigitallobby: SupportGoWhereFontSet,\n        imda: IMDAFontSet,\n        spf: SPFFontSet,\n        oneservice: OneServiceFontSet,\n        smgs: SMGSFontSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getFont = (key: keyof FontSet) => {\n    return (props: StyledComponentProps): CSSProp | string => {\n        const theme = props.theme;\n        const fontSet: FontSet = getCollection(FontSpec, theme?.fontScheme);\n\n        // Check for an override\n        const fontValue = theme?.overrides?.font\n            ? getValue(fontSet, key, theme.overrides.font)\n            : fontSet[key];\n\n        // If function, resolve with props\n        return typeof fontValue === \"function\"\n            ? (fontValue as (props: any) => string)(props)\n            : fontValue;\n    };\n};\n\nexport const FontValues: {\n    [key in keyof FontSet]: (props: StyledComponentProps) => CSSProp;\n} = {\n    \"heading-xxl-light\": getFont(\"heading-xxl-light\"),\n    \"heading-xxl-regular\": getFont(\"heading-xxl-regular\"),\n    \"heading-xxl-semibold\": getFont(\"heading-xxl-semibold\"),\n    \"heading-xxl-bold\": getFont(\"heading-xxl-bold\"),\n\n    \"heading-xl-light\": getFont(\"heading-xl-light\"),\n    \"heading-xl-regular\": getFont(\"heading-xl-regular\"),\n    \"heading-xl-semibold\": getFont(\"heading-xl-semibold\"),\n    \"heading-xl-bold\": getFont(\"heading-xl-bold\"),\n\n    \"heading-lg-light\": getFont(\"heading-lg-light\"),\n    \"heading-lg-regular\": getFont(\"heading-lg-regular\"),\n    \"heading-lg-semibold\": getFont(\"heading-lg-semibold\"),\n    \"heading-lg-bold\": getFont(\"heading-lg-bold\"),\n\n    \"heading-md-light\": getFont(\"heading-md-light\"),\n    \"heading-md-regular\": getFont(\"heading-md-regular\"),\n    \"heading-md-semibold\": getFont(\"heading-md-semibold\"),\n    \"heading-md-bold\": getFont(\"heading-md-bold\"),\n\n    \"heading-sm-light\": getFont(\"heading-sm-light\"),\n    \"heading-sm-regular\": getFont(\"heading-sm-regular\"),\n    \"heading-sm-semibold\": getFont(\"heading-sm-semibold\"),\n    \"heading-sm-bold\": getFont(\"heading-sm-bold\"),\n\n    \"heading-xs-light\": getFont(\"heading-xs-light\"),\n    \"heading-xs-regular\": getFont(\"heading-xs-regular\"),\n    \"heading-xs-semibold\": getFont(\"heading-xs-semibold\"),\n    \"heading-xs-bold\": getFont(\"heading-xs-bold\"),\n\n    \"body-baseline-light\": getFont(\"body-baseline-light\"),\n    \"body-baseline-regular\": getFont(\"body-baseline-regular\"),\n    \"body-baseline-semibold\": getFont(\"body-baseline-semibold\"),\n    \"body-baseline-bold\": getFont(\"body-baseline-bold\"),\n\n    \"body-md-light\": getFont(\"body-md-light\"),\n    \"body-md-regular\": getFont(\"body-md-regular\"),\n    \"body-md-semibold\": getFont(\"body-md-semibold\"),\n    \"body-md-bold\": getFont(\"body-md-bold\"),\n\n    \"body-sm-light\": getFont(\"body-sm-light\"),\n    \"body-sm-regular\": getFont(\"body-sm-regular\"),\n    \"body-sm-semibold\": getFont(\"body-sm-semibold\"),\n    \"body-sm-bold\": getFont(\"body-sm-bold\"),\n\n    \"body-xs-light\": getFont(\"body-xs-light\"),\n    \"body-xs-regular\": getFont(\"body-xs-regular\"),\n    \"body-xs-semibold\": getFont(\"body-xs-semibold\"),\n    \"body-xs-bold\": getFont(\"body-xs-bold\"),\n\n    \"form-label\": getFont(\"form-label\"),\n    \"form-description\": getFont(\"form-description\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSet","bookingsg","BookingSgFontSet","mylegacy","pa","PAFontSet","a11yplayground","A11yPlaygroundFontSet","supportgowhere","SupportGoWhereFontSet","sgwdigitallobby","imda","IMDAFontSet","spf","SPFFontSet","oneservice","OneServiceFontSet","smgs","SMGSFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","FontValues"],"mappings":"ymBAeA,MAAMA,EAA+D,CACjEC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUH,EACVI,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBD,EACjBE,KAAMC,EACNC,IAAKC,EACLC,WAAYC,EACZC,KAAMC,GAEVC,aAAc,WAGLC,EAAWC,GACZC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmBC,EAAc5B,EAAU0B,aAAK,EAALA,EAAOG,YAGlDC,GAA4B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,MAC9BC,EAASP,EAASH,EAAKE,EAAMM,UAAUC,MACvCN,EAAQH,GAGd,MAA4B,mBAAdM,EACPA,EAAqCL,GACtCK,CAAS,EAIVK,EAET,CACA,oBAAqBZ,EAAQ,qBAC7B,sBAAuBA,EAAQ,uBAC/B,uBAAwBA,EAAQ,wBAChC,mBAAoBA,EAAQ,oBAE5B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,sBAAuBA,EAAQ,uBAC/B,wBAAyBA,EAAQ,yBACjC,yBAA0BA,EAAQ,0BAClC,qBAAsBA,EAAQ,sBAE9B,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,aAAcA,EAAQ,cACtB,mBAAoBA,EAAQ"}
+{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { BookingSgFontSet } from \"./specs/bookingsg-font-set\";\nimport { DefaultFontSet } from \"./specs/default-font-set\";\nimport { PAFontSet } from \"./specs/pa-font-set\";\nimport { A11yPlaygroundFontSet } from \"./specs/a11yplayground-font-set\";\nimport { SupportGoWhereFontSet } from \"./specs/supportgowhere-font-set\";\nimport { IMDAFontSet } from \"./specs/imda-font-set\";\nimport { SPFFontSet } from \"./specs/spf-font-set\";\nimport { FontCollectionMap, FontSet } from \"./types\";\nimport { OneServiceFontSet } from \"./specs/oneservice-font-set\";\n\nconst FontSpec: ThemeCollectionSpec<FontCollectionMap, FontScheme> = {\n    collections: {\n        default: DefaultFontSet,\n        bookingsg: BookingSgFontSet,\n        mylegacy: DefaultFontSet,\n        pa: PAFontSet,\n        a11yplayground: A11yPlaygroundFontSet,\n        supportgowhere: SupportGoWhereFontSet,\n        sgwdigitallobby: SupportGoWhereFontSet,\n        imda: IMDAFontSet,\n        spf: SPFFontSet,\n        oneservice: OneServiceFontSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getFont = (key: keyof FontSet) => {\n    return (props: StyledComponentProps): CSSProp | string => {\n        const theme = props.theme;\n        const fontSet: FontSet = getCollection(FontSpec, theme?.fontScheme);\n\n        // Check for an override\n        const fontValue = theme?.overrides?.font\n            ? getValue(fontSet, key, theme.overrides.font)\n            : fontSet[key];\n\n        // If function, resolve with props\n        return typeof fontValue === \"function\"\n            ? (fontValue as (props: any) => string)(props)\n            : fontValue;\n    };\n};\n\nexport const FontValues: {\n    [key in keyof FontSet]: (props: StyledComponentProps) => CSSProp;\n} = {\n    \"heading-xxl-light\": getFont(\"heading-xxl-light\"),\n    \"heading-xxl-regular\": getFont(\"heading-xxl-regular\"),\n    \"heading-xxl-semibold\": getFont(\"heading-xxl-semibold\"),\n    \"heading-xxl-bold\": getFont(\"heading-xxl-bold\"),\n\n    \"heading-xl-light\": getFont(\"heading-xl-light\"),\n    \"heading-xl-regular\": getFont(\"heading-xl-regular\"),\n    \"heading-xl-semibold\": getFont(\"heading-xl-semibold\"),\n    \"heading-xl-bold\": getFont(\"heading-xl-bold\"),\n\n    \"heading-lg-light\": getFont(\"heading-lg-light\"),\n    \"heading-lg-regular\": getFont(\"heading-lg-regular\"),\n    \"heading-lg-semibold\": getFont(\"heading-lg-semibold\"),\n    \"heading-lg-bold\": getFont(\"heading-lg-bold\"),\n\n    \"heading-md-light\": getFont(\"heading-md-light\"),\n    \"heading-md-regular\": getFont(\"heading-md-regular\"),\n    \"heading-md-semibold\": getFont(\"heading-md-semibold\"),\n    \"heading-md-bold\": getFont(\"heading-md-bold\"),\n\n    \"heading-sm-light\": getFont(\"heading-sm-light\"),\n    \"heading-sm-regular\": getFont(\"heading-sm-regular\"),\n    \"heading-sm-semibold\": getFont(\"heading-sm-semibold\"),\n    \"heading-sm-bold\": getFont(\"heading-sm-bold\"),\n\n    \"heading-xs-light\": getFont(\"heading-xs-light\"),\n    \"heading-xs-regular\": getFont(\"heading-xs-regular\"),\n    \"heading-xs-semibold\": getFont(\"heading-xs-semibold\"),\n    \"heading-xs-bold\": getFont(\"heading-xs-bold\"),\n\n    \"body-baseline-light\": getFont(\"body-baseline-light\"),\n    \"body-baseline-regular\": getFont(\"body-baseline-regular\"),\n    \"body-baseline-semibold\": getFont(\"body-baseline-semibold\"),\n    \"body-baseline-bold\": getFont(\"body-baseline-bold\"),\n\n    \"body-md-light\": getFont(\"body-md-light\"),\n    \"body-md-regular\": getFont(\"body-md-regular\"),\n    \"body-md-semibold\": getFont(\"body-md-semibold\"),\n    \"body-md-bold\": getFont(\"body-md-bold\"),\n\n    \"body-sm-light\": getFont(\"body-sm-light\"),\n    \"body-sm-regular\": getFont(\"body-sm-regular\"),\n    \"body-sm-semibold\": getFont(\"body-sm-semibold\"),\n    \"body-sm-bold\": getFont(\"body-sm-bold\"),\n\n    \"body-xs-light\": getFont(\"body-xs-light\"),\n    \"body-xs-regular\": getFont(\"body-xs-regular\"),\n    \"body-xs-semibold\": getFont(\"body-xs-semibold\"),\n    \"body-xs-bold\": getFont(\"body-xs-bold\"),\n\n    \"form-label\": getFont(\"form-label\"),\n    \"form-description\": getFont(\"form-description\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSet","bookingsg","BookingSgFontSet","mylegacy","pa","PAFontSet","a11yplayground","A11yPlaygroundFontSet","supportgowhere","SupportGoWhereFontSet","sgwdigitallobby","imda","IMDAFontSet","spf","SPFFontSet","oneservice","OneServiceFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","FontValues"],"mappings":"kjBAcA,MAAMA,EAA+D,CACjEC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUH,EACVI,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBD,EACjBE,KAAMC,EACNC,IAAKC,EACLC,WAAYC,GAEhBC,aAAc,WAGLC,EAAWC,GACZC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmBC,EAAc1B,EAAUwB,aAAK,EAALA,EAAOG,YAGlDC,GAA4B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,MAC9BC,EAASP,EAASH,EAAKE,EAAMM,UAAUC,MACvCN,EAAQH,GAGd,MAA4B,mBAAdM,EACPA,EAAqCL,GACtCK,CAAS,EAIVK,EAET,CACA,oBAAqBZ,EAAQ,qBAC7B,sBAAuBA,EAAQ,uBAC/B,uBAAwBA,EAAQ,wBAChC,mBAAoBA,EAAQ,oBAE5B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,sBAAuBA,EAAQ,uBAC/B,wBAAyBA,EAAQ,yBACjC,yBAA0BA,EAAQ,0BAClC,qBAAsBA,EAAQ,sBAE9B,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,aAAcA,EAAQ,cACtB,mBAAoBA,EAAQ"}

package/theme/font-spec/theme-helper.js

@@ -1,2 +1,2 @@
-import{getCollection as e,getValue as s}from"../helpers.js";import{A11yPlaygroundFontSpecSet as i}from"./specs/a11yplayground-font-spec-set.js";import{BookingSgFontSpecSet as l}from"./specs/bookingsg-font-spec-set.js";import{DefaultFontSpecSet as o}from"./specs/default-font-spec-set.js";import{IMDAFontSpecSet as d}from"./specs/imda-font-spec-set.js";import{MyLegacyFontSpecSet as n}from"./specs/mylegacy-font-spec-set.js";import{OneServiceFontSpecSet as h}from"./specs/oneservice-font-spec-set.js";import{PAFontSpecSet as a}from"./specs/pa-font-spec-set.js";import{SGWDigitalLobbyFontSpecSet as m}from"./specs/sgw-digital-lobby-font-spec-set.js";import{SPFFontSpecSet as t}from"./specs/spf-font-spec-set.js";import{SupportGoWhereFontSpecSet as g}from"./specs/supportgowhere-font-spec-set.js";import{SMGSFontSpecSet as r}from"./specs/smgs-font-spec-set.js";const f={collections:{default:o,bookingsg:l,mylegacy:n,pa:a,a11yplayground:i,supportgowhere:g,sgwdigitallobby:m,imda:d,spf:t,oneservice:h,smgs:r},defaultValue:"default"},p=i=>l=>{var o;const d=l.theme,n=e(f,null==d?void 0:d.fontScheme);return(null===(o=null==d?void 0:d.overrides)||void 0===o?void 0:o.fontSpec)?s(n,i,d.overrides.fontSpec):n[i]},b={"heading-size-xxl":p("heading-size-xxl"),"heading-size-xl":p("heading-size-xl"),"heading-size-lg":p("heading-size-lg"),"heading-size-md":p("heading-size-md"),"heading-size-sm":p("heading-size-sm"),"heading-size-xs":p("heading-size-xs"),"heading-lh-xxl":p("heading-lh-xxl"),"heading-lh-xl":p("heading-lh-xl"),"heading-lh-lg":p("heading-lh-lg"),"heading-lh-md":p("heading-lh-md"),"heading-lh-sm":p("heading-lh-sm"),"heading-lh-xs":p("heading-lh-xs"),"heading-ls-xxl":p("heading-ls-xxl"),"heading-ls-xl":p("heading-ls-xl"),"heading-ls-lg":p("heading-ls-lg"),"heading-ls-md":p("heading-ls-md"),"heading-ls-sm":p("heading-ls-sm"),"heading-ls-xs":p("heading-ls-xs"),"weight-light":p("weight-light"),"weight-regular":p("weight-regular"),"weight-semibold":p("weight-semibold"),"weight-bold":p("weight-bold"),"font-family":p("font-family"),"heading-font-family":p("heading-font-family"),"body-font-family":p("body-font-family"),"body-size-baseline":p("body-size-baseline"),"body-size-md":p("body-size-md"),"body-size-sm":p("body-size-sm"),"body-size-xs":p("body-size-xs"),"body-lh-baseline":p("body-lh-baseline"),"body-lh-md":p("body-lh-md"),"body-lh-sm":p("body-lh-sm"),"body-lh-xs":p("body-lh-xs"),"body-ls-baseline":p("body-ls-baseline"),"body-ls-md":p("body-ls-md"),"body-ls-sm":p("body-ls-sm"),"body-ls-xs":p("body-ls-xs"),"form-label-size":p("form-label-size"),"form-description-size":p("form-description-size"),"form-label-lh":p("form-label-lh"),"form-description-lh":p("form-description-lh"),"form-label-ls":p("form-label-ls"),"form-description-ls":p("form-description-ls")};export{b as FontSpecValues,p as getFontSpec};
+import{getCollection as e,getValue as s}from"../helpers.js";import{A11yPlaygroundFontSpecSet as i}from"./specs/a11yplayground-font-spec-set.js";import{BookingSgFontSpecSet as l}from"./specs/bookingsg-font-spec-set.js";import{DefaultFontSpecSet as o}from"./specs/default-font-spec-set.js";import{IMDAFontSpecSet as d}from"./specs/imda-font-spec-set.js";import{MyLegacyFontSpecSet as n}from"./specs/mylegacy-font-spec-set.js";import{OneServiceFontSpecSet as h}from"./specs/oneservice-font-spec-set.js";import{PAFontSpecSet as a}from"./specs/pa-font-spec-set.js";import{SGWDigitalLobbyFontSpecSet as m}from"./specs/sgw-digital-lobby-font-spec-set.js";import{SPFFontSpecSet as g}from"./specs/spf-font-spec-set.js";import{SupportGoWhereFontSpecSet as t}from"./specs/supportgowhere-font-spec-set.js";const r={collections:{default:o,bookingsg:l,mylegacy:n,pa:a,a11yplayground:i,supportgowhere:t,sgwdigitallobby:m,imda:d,spf:g,oneservice:h},defaultValue:"default"},f=i=>l=>{var o;const d=l.theme,n=e(r,null==d?void 0:d.fontScheme);return(null===(o=null==d?void 0:d.overrides)||void 0===o?void 0:o.fontSpec)?s(n,i,d.overrides.fontSpec):n[i]},p={"heading-size-xxl":f("heading-size-xxl"),"heading-size-xl":f("heading-size-xl"),"heading-size-lg":f("heading-size-lg"),"heading-size-md":f("heading-size-md"),"heading-size-sm":f("heading-size-sm"),"heading-size-xs":f("heading-size-xs"),"heading-lh-xxl":f("heading-lh-xxl"),"heading-lh-xl":f("heading-lh-xl"),"heading-lh-lg":f("heading-lh-lg"),"heading-lh-md":f("heading-lh-md"),"heading-lh-sm":f("heading-lh-sm"),"heading-lh-xs":f("heading-lh-xs"),"heading-ls-xxl":f("heading-ls-xxl"),"heading-ls-xl":f("heading-ls-xl"),"heading-ls-lg":f("heading-ls-lg"),"heading-ls-md":f("heading-ls-md"),"heading-ls-sm":f("heading-ls-sm"),"heading-ls-xs":f("heading-ls-xs"),"weight-light":f("weight-light"),"weight-regular":f("weight-regular"),"weight-semibold":f("weight-semibold"),"weight-bold":f("weight-bold"),"font-family":f("font-family"),"heading-font-family":f("heading-font-family"),"body-font-family":f("body-font-family"),"body-size-baseline":f("body-size-baseline"),"body-size-md":f("body-size-md"),"body-size-sm":f("body-size-sm"),"body-size-xs":f("body-size-xs"),"body-lh-baseline":f("body-lh-baseline"),"body-lh-md":f("body-lh-md"),"body-lh-sm":f("body-lh-sm"),"body-lh-xs":f("body-lh-xs"),"body-ls-baseline":f("body-ls-baseline"),"body-ls-md":f("body-ls-md"),"body-ls-sm":f("body-ls-sm"),"body-ls-xs":f("body-ls-xs"),"form-label-size":f("form-label-size"),"form-description-size":f("form-description-size"),"form-label-lh":f("form-label-lh"),"form-description-lh":f("form-description-lh"),"form-label-ls":f("form-label-ls"),"form-description-ls":f("form-description-ls")};export{p as FontSpecValues,f as getFontSpec};
 //# sourceMappingURL=theme-helper.js.map

package/theme/font-spec/theme-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font-spec/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport { FontSpecCollectionMap, FontSpecSet } from \"./types\";\nimport { SMGSFontSpecSet } from \"./specs/smgs-font-spec-set\";\n\nconst FontSpec: ThemeCollectionSpec<FontSpecCollectionMap, FontScheme> = {\n    collections: {\n        default: DefaultFontSpecSet,\n        bookingsg: BookingSgFontSpecSet,\n        mylegacy: MyLegacyFontSpecSet,\n        pa: PAFontSpecSet,\n        a11yplayground: A11yPlaygroundFontSpecSet,\n        supportgowhere: SupportGoWhereFontSpecSet,\n        sgwdigitallobby: SGWDigitalLobbyFontSpecSet,\n        imda: IMDAFontSpecSet,\n        spf: SPFFontSpecSet,\n        oneservice: OneServiceFontSpecSet,\n        smgs: SMGSFontSpecSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getFontSpec = (key: keyof FontSpecSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const fontSpecSet: FontSpecSet = getCollection(\n            FontSpec,\n            theme?.fontScheme\n        );\n\n        if (theme?.overrides?.fontSpec) {\n            return getValue(fontSpecSet, key, theme.overrides.fontSpec);\n        } else {\n            return fontSpecSet[key];\n        }\n    };\n};\n\nexport const FontSpecValues: {\n    [key in keyof FontSpecSet]: (props: StyledComponentProps) => string;\n} = {\n    \"heading-size-xxl\": getFontSpec(\"heading-size-xxl\"),\n    \"heading-size-xl\": getFontSpec(\"heading-size-xl\"),\n    \"heading-size-lg\": getFontSpec(\"heading-size-lg\"),\n    \"heading-size-md\": getFontSpec(\"heading-size-md\"),\n    \"heading-size-sm\": getFontSpec(\"heading-size-sm\"),\n    \"heading-size-xs\": getFontSpec(\"heading-size-xs\"),\n\n    \"heading-lh-xxl\": getFontSpec(\"heading-lh-xxl\"),\n    \"heading-lh-xl\": getFontSpec(\"heading-lh-xl\"),\n    \"heading-lh-lg\": getFontSpec(\"heading-lh-lg\"),\n    \"heading-lh-md\": getFontSpec(\"heading-lh-md\"),\n    \"heading-lh-sm\": getFontSpec(\"heading-lh-sm\"),\n    \"heading-lh-xs\": getFontSpec(\"heading-lh-xs\"),\n\n    \"heading-ls-xxl\": getFontSpec(\"heading-ls-xxl\"),\n    \"heading-ls-xl\": getFontSpec(\"heading-ls-xl\"),\n    \"heading-ls-lg\": getFontSpec(\"heading-ls-lg\"),\n    \"heading-ls-md\": getFontSpec(\"heading-ls-md\"),\n    \"heading-ls-sm\": getFontSpec(\"heading-ls-sm\"),\n    \"heading-ls-xs\": getFontSpec(\"heading-ls-xs\"),\n\n    \"weight-light\": getFontSpec(\"weight-light\"),\n    \"weight-regular\": getFontSpec(\"weight-regular\"),\n    \"weight-semibold\": getFontSpec(\"weight-semibold\"),\n    \"weight-bold\": getFontSpec(\"weight-bold\"),\n    \"font-family\": getFontSpec(\"font-family\"),\n    \"heading-font-family\": getFontSpec(\"heading-font-family\"),\n    \"body-font-family\": getFontSpec(\"body-font-family\"),\n\n    \"body-size-baseline\": getFontSpec(\"body-size-baseline\"),\n    \"body-size-md\": getFontSpec(\"body-size-md\"),\n    \"body-size-sm\": getFontSpec(\"body-size-sm\"),\n    \"body-size-xs\": getFontSpec(\"body-size-xs\"),\n\n    \"body-lh-baseline\": getFontSpec(\"body-lh-baseline\"),\n    \"body-lh-md\": getFontSpec(\"body-lh-md\"),\n    \"body-lh-sm\": getFontSpec(\"body-lh-sm\"),\n    \"body-lh-xs\": getFontSpec(\"body-lh-xs\"),\n\n    \"body-ls-baseline\": getFontSpec(\"body-ls-baseline\"),\n    \"body-ls-md\": getFontSpec(\"body-ls-md\"),\n    \"body-ls-sm\": getFontSpec(\"body-ls-sm\"),\n    \"body-ls-xs\": getFontSpec(\"body-ls-xs\"),\n\n    \"form-label-size\": getFontSpec(\"form-label-size\"),\n    \"form-description-size\": getFontSpec(\"form-description-size\"),\n\n    \"form-label-lh\": getFontSpec(\"form-label-lh\"),\n    \"form-description-lh\": getFontSpec(\"form-description-lh\"),\n\n    \"form-label-ls\": getFontSpec(\"form-label-ls\"),\n    \"form-description-ls\": getFontSpec(\"form-description-ls\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSpecSet","bookingsg","BookingSgFontSpecSet","mylegacy","MyLegacyFontSpecSet","pa","PAFontSpecSet","a11yplayground","A11yPlaygroundFontSpecSet","supportgowhere","SupportGoWhereFontSpecSet","sgwdigitallobby","SGWDigitalLobbyFontSpecSet","imda","IMDAFontSpecSet","spf","SPFFontSpecSet","oneservice","OneServiceFontSpecSet","smgs","SMGSFontSpecSet","defaultValue","getFontSpec","key","props","theme","fontSpecSet","getCollection","fontScheme","_a","overrides","fontSpec","getValue","FontSpecValues"],"mappings":"01BAgBA,MAAMA,EAAmE,CACrEC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUC,EACVC,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBC,EACjBC,KAAMC,EACNC,IAAKC,EACLC,WAAYC,EACZC,KAAMC,GAEVC,aAAc,WAGLC,EAAeC,GAChBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA2BC,EAC7B9B,EACA4B,aAAK,EAALA,EAAOG,YAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,UACXC,EAASN,EAAaH,EAAKE,EAAMK,UAAUC,UAE3CL,EAAYH,EACvB,EAIKU,EAET,CACA,mBAAoBX,EAAY,oBAChC,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAE/B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,eAAgBA,EAAY,gBAC5B,iBAAkBA,EAAY,kBAC9B,kBAAmBA,EAAY,mBAC/B,cAAeA,EAAY,eAC3B,cAAeA,EAAY,eAC3B,sBAAuBA,EAAY,uBACnC,mBAAoBA,EAAY,oBAEhC,qBAAsBA,EAAY,sBAClC,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAE5B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,kBAAmBA,EAAY,mBAC/B,wBAAyBA,EAAY,yBAErC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY,uBAEnC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY"}
+{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font-spec/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport { FontSpecCollectionMap, FontSpecSet } from \"./types\";\n\nconst FontSpec: ThemeCollectionSpec<FontSpecCollectionMap, FontScheme> = {\n    collections: {\n        default: DefaultFontSpecSet,\n        bookingsg: BookingSgFontSpecSet,\n        mylegacy: MyLegacyFontSpecSet,\n        pa: PAFontSpecSet,\n        a11yplayground: A11yPlaygroundFontSpecSet,\n        supportgowhere: SupportGoWhereFontSpecSet,\n        sgwdigitallobby: SGWDigitalLobbyFontSpecSet,\n        imda: IMDAFontSpecSet,\n        spf: SPFFontSpecSet,\n        oneservice: OneServiceFontSpecSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getFontSpec = (key: keyof FontSpecSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const fontSpecSet: FontSpecSet = getCollection(\n            FontSpec,\n            theme?.fontScheme\n        );\n\n        if (theme?.overrides?.fontSpec) {\n            return getValue(fontSpecSet, key, theme.overrides.fontSpec);\n        } else {\n            return fontSpecSet[key];\n        }\n    };\n};\n\nexport const FontSpecValues: {\n    [key in keyof FontSpecSet]: (props: StyledComponentProps) => string;\n} = {\n    \"heading-size-xxl\": getFontSpec(\"heading-size-xxl\"),\n    \"heading-size-xl\": getFontSpec(\"heading-size-xl\"),\n    \"heading-size-lg\": getFontSpec(\"heading-size-lg\"),\n    \"heading-size-md\": getFontSpec(\"heading-size-md\"),\n    \"heading-size-sm\": getFontSpec(\"heading-size-sm\"),\n    \"heading-size-xs\": getFontSpec(\"heading-size-xs\"),\n\n    \"heading-lh-xxl\": getFontSpec(\"heading-lh-xxl\"),\n    \"heading-lh-xl\": getFontSpec(\"heading-lh-xl\"),\n    \"heading-lh-lg\": getFontSpec(\"heading-lh-lg\"),\n    \"heading-lh-md\": getFontSpec(\"heading-lh-md\"),\n    \"heading-lh-sm\": getFontSpec(\"heading-lh-sm\"),\n    \"heading-lh-xs\": getFontSpec(\"heading-lh-xs\"),\n\n    \"heading-ls-xxl\": getFontSpec(\"heading-ls-xxl\"),\n    \"heading-ls-xl\": getFontSpec(\"heading-ls-xl\"),\n    \"heading-ls-lg\": getFontSpec(\"heading-ls-lg\"),\n    \"heading-ls-md\": getFontSpec(\"heading-ls-md\"),\n    \"heading-ls-sm\": getFontSpec(\"heading-ls-sm\"),\n    \"heading-ls-xs\": getFontSpec(\"heading-ls-xs\"),\n\n    \"weight-light\": getFontSpec(\"weight-light\"),\n    \"weight-regular\": getFontSpec(\"weight-regular\"),\n    \"weight-semibold\": getFontSpec(\"weight-semibold\"),\n    \"weight-bold\": getFontSpec(\"weight-bold\"),\n    \"font-family\": getFontSpec(\"font-family\"),\n    \"heading-font-family\": getFontSpec(\"heading-font-family\"),\n    \"body-font-family\": getFontSpec(\"body-font-family\"),\n\n    \"body-size-baseline\": getFontSpec(\"body-size-baseline\"),\n    \"body-size-md\": getFontSpec(\"body-size-md\"),\n    \"body-size-sm\": getFontSpec(\"body-size-sm\"),\n    \"body-size-xs\": getFontSpec(\"body-size-xs\"),\n\n    \"body-lh-baseline\": getFontSpec(\"body-lh-baseline\"),\n    \"body-lh-md\": getFontSpec(\"body-lh-md\"),\n    \"body-lh-sm\": getFontSpec(\"body-lh-sm\"),\n    \"body-lh-xs\": getFontSpec(\"body-lh-xs\"),\n\n    \"body-ls-baseline\": getFontSpec(\"body-ls-baseline\"),\n    \"body-ls-md\": getFontSpec(\"body-ls-md\"),\n    \"body-ls-sm\": getFontSpec(\"body-ls-sm\"),\n    \"body-ls-xs\": getFontSpec(\"body-ls-xs\"),\n\n    \"form-label-size\": getFontSpec(\"form-label-size\"),\n    \"form-description-size\": getFontSpec(\"form-description-size\"),\n\n    \"form-label-lh\": getFontSpec(\"form-label-lh\"),\n    \"form-description-lh\": getFontSpec(\"form-description-lh\"),\n\n    \"form-label-ls\": getFontSpec(\"form-label-ls\"),\n    \"form-description-ls\": getFontSpec(\"form-description-ls\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSpecSet","bookingsg","BookingSgFontSpecSet","mylegacy","MyLegacyFontSpecSet","pa","PAFontSpecSet","a11yplayground","A11yPlaygroundFontSpecSet","supportgowhere","SupportGoWhereFontSpecSet","sgwdigitallobby","SGWDigitalLobbyFontSpecSet","imda","IMDAFontSpecSet","spf","SPFFontSpecSet","oneservice","OneServiceFontSpecSet","defaultValue","getFontSpec","key","props","theme","fontSpecSet","getCollection","fontScheme","_a","overrides","fontSpec","getValue","FontSpecValues"],"mappings":"0xBAeA,MAAMA,EAAmE,CACrEC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUC,EACVC,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBC,EACjBC,KAAMC,EACNC,IAAKC,EACLC,WAAYC,GAEhBC,aAAc,WAGLC,EAAeC,GAChBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA2BC,EAC7B5B,EACA0B,aAAK,EAALA,EAAOG,YAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,UACXC,EAASN,EAAaH,EAAKE,EAAMK,UAAUC,UAE3CL,EAAYH,EACvB,EAIKU,EAET,CACA,mBAAoBX,EAAY,oBAChC,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAE/B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,eAAgBA,EAAY,gBAC5B,iBAAkBA,EAAY,kBAC9B,kBAAmBA,EAAY,mBAC/B,cAAeA,EAAY,eAC3B,cAAeA,EAAY,eAC3B,sBAAuBA,EAAY,uBACnC,mBAAoBA,EAAY,oBAEhC,qBAAsBA,EAAY,sBAClC,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAE5B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,kBAAmBA,EAAY,mBAC/B,wBAAyBA,EAAY,yBAErC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY,uBAEnC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY"}

package/theme/index.js

@@ -1,2 +1,2 @@
-import{BorderUtilValues as e}from"./border-util/theme-helper.js";import{BorderValues as c}from"./border/theme-helper.js";import{MediaQuery as t}from"./breakpoint/media-query-helper.js";import{BreakpointValues as a}from"./breakpoint/theme-helper.js";import{PrimitiveColour as o}from"./colour-primitive/theme-helper.js";import{ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{ThemeNavbar as h,ThemeButton as r}from"./components/theme-helper.js";import{FontSpecValues as s}from"./font-spec/theme-helper.js";import{FontValues as d}from"./font/theme-helper.js";import{MotionValues as l}from"./motion/theme-helper.js";import{RadiusValues as i}from"./radius/theme-helper.js";import{ShadowValues as S}from"./shadow/theme-helper.js";import{SpacingValues as u}from"./spacing/theme-helper.js";import{createThemeWithColourMode as n}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{DSThemeProvider}from"./ds-theme-provider.js";const f=Object.assign(Object.assign({},m),{Primitive:o}),g=Object.assign(Object.assign({},d),{Spec:s}),p=l,b=Object.assign(Object.assign({},c),{Util:e}),k=u,j=i,O=S,y=a,w=t,v={Button:r,Navbar:h},x={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},T={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},_={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},D={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},M={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},P={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},q={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},B={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},C={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},N={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},Q={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},U={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},z={colourScheme:"smgs",fontScheme:"smgs",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},A=Object.assign(Object.assign({},x),{light:n(x,"light"),dark:n(x,"dark")}),E=Object.assign(Object.assign({},T),{light:n(T,"light"),dark:n(T,"dark")}),F=Object.assign(Object.assign({},_),{light:n(_,"light"),dark:n(_,"dark")}),G=Object.assign(Object.assign({},D),{light:n(D,"light"),dark:n(D,"dark")}),H=Object.assign(Object.assign({},M),{light:n(M,"light"),dark:n(M,"dark")}),I=Object.assign(Object.assign({},P),{light:n(P,"light"),dark:n(P,"dark")}),J=Object.assign(Object.assign({},q),{light:n(q,"light"),dark:n(q,"dark")}),K=Object.assign(Object.assign({},B),{light:n(B,"light"),dark:n(B,"dark")}),L=Object.assign(Object.assign({},C),{light:n(C,"light"),dark:n(C,"dark")}),R=Object.assign(Object.assign({},N),{light:n(N,"light"),dark:n(N,"dark")}),V=Object.assign(Object.assign({},Q),{light:n(Q,"light"),dark:n(Q,"dark")}),W=Object.assign(Object.assign({},U),{light:n(U,"light"),dark:n(U,"dark")}),X=Object.assign(Object.assign({},z),{light:n(z,"light"),dark:n(z,"dark")});export{K as A11yPlaygroundTheme,E as BookingSGTheme,b as Border,y as Breakpoint,F as CCubeTheme,f as Colour,g as Font,V as IMDATheme,A as LifeSGTheme,w as MediaQuery,p as Motion,G as MyLegacyTheme,I as OneServiceTheme,J as PATheme,H as RBSTheme,j as Radius,R as SGWDigitalLobbyTheme,N as SGWDigitalLobbyThemeBase,X as SMGSTheme,W as SPFTheme,O as Shadow,k as Spacing,L as SupportGoWhereTheme,C as SupportGoWhereThemeBase,v as ThemeComponent,n as createThemeWithColourMode};
+import{BorderUtilValues as e}from"./border-util/theme-helper.js";import{BorderValues as c}from"./border/theme-helper.js";import{MediaQuery as t}from"./breakpoint/media-query-helper.js";import{BreakpointValues as o}from"./breakpoint/theme-helper.js";import{PrimitiveColour as a}from"./colour-primitive/theme-helper.js";import{ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{ThemeNavbar as h,ThemeButton as r}from"./components/theme-helper.js";import{FontSpecValues as s}from"./font-spec/theme-helper.js";import{FontValues as d}from"./font/theme-helper.js";import{MotionValues as i}from"./motion/theme-helper.js";import{RadiusValues as l}from"./radius/theme-helper.js";import{ShadowValues as S}from"./shadow/theme-helper.js";import{SpacingValues as u}from"./spacing/theme-helper.js";import{createThemeWithColourMode as n}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{DSThemeProvider}from"./ds-theme-provider.js";const f=Object.assign(Object.assign({},m),{Primitive:a}),g=Object.assign(Object.assign({},d),{Spec:s}),b=i,p=Object.assign(Object.assign({},c),{Util:e}),k=u,j=l,O=S,y=o,w=t,v={Button:r,Navbar:h},x={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},T={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},_={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},D={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},M={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},P={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},q={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},B={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},C={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},N={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},Q={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},U={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},z={colourScheme:"smgs",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},A=Object.assign(Object.assign({},x),{light:n(x,"light"),dark:n(x,"dark")}),E=Object.assign(Object.assign({},T),{light:n(T,"light"),dark:n(T,"dark")}),F=Object.assign(Object.assign({},_),{light:n(_,"light"),dark:n(_,"dark")}),G=Object.assign(Object.assign({},D),{light:n(D,"light"),dark:n(D,"dark")}),H=Object.assign(Object.assign({},M),{light:n(M,"light"),dark:n(M,"dark")}),I=Object.assign(Object.assign({},P),{light:n(P,"light"),dark:n(P,"dark")}),J=Object.assign(Object.assign({},q),{light:n(q,"light"),dark:n(q,"dark")}),K=Object.assign(Object.assign({},B),{light:n(B,"light"),dark:n(B,"dark")}),L=Object.assign(Object.assign({},C),{light:n(C,"light"),dark:n(C,"dark")}),R=Object.assign(Object.assign({},N),{light:n(N,"light"),dark:n(N,"dark")}),V=Object.assign(Object.assign({},Q),{light:n(Q,"light"),dark:n(Q,"dark")}),W=Object.assign(Object.assign({},U),{light:n(U,"light"),dark:n(U,"dark")}),X=Object.assign(Object.assign({},z),{light:n(z,"light"),dark:n(z,"dark")});export{K as A11yPlaygroundTheme,E as BookingSGTheme,p as Border,y as Breakpoint,F as CCubeTheme,f as Colour,g as Font,V as IMDATheme,A as LifeSGTheme,w as MediaQuery,b as Motion,G as MyLegacyTheme,I as OneServiceTheme,J as PATheme,H as RBSTheme,j as Radius,R as SGWDigitalLobbyTheme,N as SGWDigitalLobbyThemeBase,X as SMGSTheme,W as SPFTheme,O as Shadow,k as Spacing,L as SupportGoWhereTheme,C as SupportGoWhereThemeBase,v as ThemeComponent,n as createThemeWithColourMode};
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n    ...ColourSemantic,\n    Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n    ...FontValues,\n    Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n    ...BorderValues,\n    Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n    Button: ThemeButton,\n    Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n    colourScheme: \"lifesg\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"lifesg\",\n    componentScheme: \"lifesg\",\n    _v2: {\n        colorScheme: \"base\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"base\",\n    },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n    colourScheme: \"bookingsg\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"bookingsg\",\n    _v2: {\n        colorScheme: \"bookingsg\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"bookingsg\",\n    },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n    colourScheme: \"ccube\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"ccube\",\n    _v2: {\n        colorScheme: \"ccube\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"ccube\",\n    },\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n    colourScheme: \"mylegacy\",\n    fontScheme: \"mylegacy\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"mylegacy\",\n    _v2: {\n        colorScheme: \"mylegacy\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"mylegacy\",\n    },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n    colourScheme: \"rbs\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"rbs\",\n    _v2: {\n        colorScheme: \"rbs\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"rbs\",\n        resourceScheme: \"rbs\",\n    },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n    colourScheme: \"oneservice\",\n    fontScheme: \"oneservice\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n    colourScheme: \"pa\",\n    fontScheme: \"pa\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"pa\",\n    componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n    colourScheme: \"a11yplayground\",\n    fontScheme: \"a11yplayground\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"a11yplayground\",\n    componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n    colourScheme: \"supportgowhere\",\n    fontScheme: \"supportgowhere\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n    colourScheme: \"sgwdigitallobby\",\n    fontScheme: \"sgwdigitallobby\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n    colourScheme: \"imda\",\n    fontScheme: \"imda\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"imda\",\n    componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n    colourScheme: \"spf\",\n    fontScheme: \"spf\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"spf\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"spf\",\n    componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n    colourScheme: \"smgs\",\n    fontScheme: \"smgs\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"smgs\",\n    componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n    ...LifeSGThemeBase,\n    light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n    ...BookingSGThemeBase,\n    light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n    ...CCubeThemeBase,\n    light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n    dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n    ...MyLegacyThemeBase,\n    light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n    ...RBSThemeBase,\n    light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n    ...OneServiceThemeBase,\n    light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n    dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n    ...PAThemeBase,\n    light: createThemeWithColourMode(PAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n    ...A11yPlaygroundThemeBase,\n    light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n    dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n    ...SupportGoWhereThemeBase,\n    light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n    ...SGWDigitalLobbyThemeBase,\n    light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n    ...IMDAThemeBase,\n    light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n    ...SPFThemeBase,\n    light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n    ...SMGSThemeBase,\n    light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"o9BAwBO,MAAMA,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZC,IACHC,UAAWC,IAGFC,EAAIL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVK,IACHC,KAAMC,IAGGC,EAASC,EAETC,EAAMX,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZW,IACHC,KAAMC,IAGGC,EAAUC,EAEVC,EAASC,EAETC,EAASC,EAETC,EAAaC,EAEbC,EAAaC,EAEbC,EAAiB,CAC1BC,OAAQC,EACRC,OAAQC,GAQNC,EAA6B,CAC/BC,aAAc,SACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,SAChBC,gBAAiB,SACjBC,IAAK,CACDC,YAAa,OACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,SAIlBM,EAAgC,CAClCd,aAAc,YACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,YAChBE,IAAK,CACDC,YAAa,YACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,cAIlBO,EAA4B,CAC9Bf,aAAc,QACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,QAChBE,IAAK,CACDC,YAAa,QACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,UAIlBQ,EAA+B,CACjChB,aAAc,WACdC,WAAY,WACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,WAChBE,IAAK,CACDC,YAAa,WACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,aAIlBS,EAA0B,CAC5BjB,aAAc,MACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBE,IAAK,CACDC,YAAa,MACbC,gBAAiB,OACjBC,kBAAmB,MACnBL,eAAgB,QAIlBU,EAAiC,CACnClB,aAAc,aACdC,WAAY,aACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,cAGdW,EAAyB,CAC3BnB,aAAc,KACdC,WAAY,KACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,KAChBC,gBAAiB,MAGfW,EAAqC,CACvCpB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,kBAGRY,EAAqC,CAC9CrB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGRa,EAAsC,CAC/CtB,aAAc,kBACdC,WAAY,kBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGfc,EAA2B,CAC7BvB,aAAc,OACdC,WAAY,OACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,WAGfe,EAA0B,CAC5BxB,aAAc,MACdC,WAAY,MACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,MACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBC,gBAAiB,OAGfgB,EAA2B,CAC7BzB,aAAc,OACdC,WAAY,OACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QAQRiB,EAAWzD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjB6B,IACH4B,MAAOC,EAA0B7B,EAAiB,SAClD8B,KAAMD,EAA0B7B,EAAiB,UAGxC+B,EAAc7D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpB4C,IACHa,MAAOC,EAA0Bd,EAAoB,SACrDe,KAAMD,EAA0Bd,EAAoB,UAG3CiB,EAAU9D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChB6C,IACHY,MAAOC,EAA0Bb,EAAgB,SACjDc,KAAMD,EAA0Bb,EAAgB,UAGvCiB,EAAa/D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnB8C,IACHW,MAAOC,EAA0BZ,EAAmB,SACpDa,KAAMD,EAA0BZ,EAAmB,UAG1CiB,EAAQhE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd+C,IACHU,MAAOC,EAA0BX,EAAc,SAC/CY,KAAMD,EAA0BX,EAAc,UAGrCiB,EAAejE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBgD,IACHS,MAAOC,EAA0BV,EAAqB,SACtDW,KAAMD,EAA0BV,EAAqB,UAG5CiB,EAAOlE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbiD,IACHQ,MAAOC,EAA0BT,EAAa,SAC9CU,KAAMD,EAA0BT,EAAa,UAGpCiB,EAAmBnE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBkD,IACHO,MAAOC,EAA0BR,EAAyB,SAC1DS,KAAMD,EAA0BR,EAAyB,UAGhDiB,EAAmBpE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBmD,IACHM,MAAOC,EAA0BP,EAAyB,SAC1DQ,KAAMD,EAA0BP,EAAyB,UAGhDiB,EAAoBrE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BoD,IACHK,MAAOC,EAA0BN,EAA0B,SAC3DO,KAAMD,EAA0BN,EAA0B,UAGjDiB,EAAStE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfqD,IACHI,MAAOC,EAA0BL,EAAe,SAChDM,KAAMD,EAA0BL,EAAe,UAGtCiB,EAAQvE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACdsD,IACHG,MAAOC,EAA0BJ,EAAc,SAC/CK,KAAMD,EAA0BJ,EAAc,UAGrCiB,EAASxE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfuD,IACHE,MAAOC,EAA0BH,EAAe,SAChDI,KAAMD,EAA0BH,EAAe"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n    ...ColourSemantic,\n    Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n    ...FontValues,\n    Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n    ...BorderValues,\n    Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n    Button: ThemeButton,\n    Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n    colourScheme: \"lifesg\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"lifesg\",\n    componentScheme: \"lifesg\",\n    _v2: {\n        colorScheme: \"base\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"base\",\n    },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n    colourScheme: \"bookingsg\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"bookingsg\",\n    _v2: {\n        colorScheme: \"bookingsg\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"bookingsg\",\n    },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n    colourScheme: \"ccube\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"ccube\",\n    _v2: {\n        colorScheme: \"ccube\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"ccube\",\n    },\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n    colourScheme: \"mylegacy\",\n    fontScheme: \"mylegacy\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"mylegacy\",\n    _v2: {\n        colorScheme: \"mylegacy\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"base\",\n        resourceScheme: \"mylegacy\",\n    },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n    colourScheme: \"rbs\",\n    fontScheme: \"default\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"rbs\",\n    _v2: {\n        colorScheme: \"rbs\",\n        textStyleScheme: \"base\",\n        designTokenScheme: \"rbs\",\n        resourceScheme: \"rbs\",\n    },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n    colourScheme: \"oneservice\",\n    fontScheme: \"oneservice\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n    colourScheme: \"pa\",\n    fontScheme: \"pa\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"pa\",\n    componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n    colourScheme: \"a11yplayground\",\n    fontScheme: \"a11yplayground\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"a11yplayground\",\n    componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n    colourScheme: \"supportgowhere\",\n    fontScheme: \"supportgowhere\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n    colourScheme: \"sgwdigitallobby\",\n    fontScheme: \"sgwdigitallobby\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"supportgowhere\",\n    componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n    colourScheme: \"imda\",\n    fontScheme: \"imda\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"imda\",\n    componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n    colourScheme: \"spf\",\n    fontScheme: \"spf\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"spf\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"spf\",\n    componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n    colourScheme: \"smgs\",\n    fontScheme: \"bookingsg\",\n    motionScheme: \"default\",\n    borderScheme: \"default\",\n    spacingScheme: \"default\",\n    radiusScheme: \"default\",\n    shadowScheme: \"default\",\n    breakpointScheme: \"default\",\n    resourceScheme: \"smgs\",\n    componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n    ...LifeSGThemeBase,\n    light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n    ...BookingSGThemeBase,\n    light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n    dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n    ...CCubeThemeBase,\n    light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n    dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n    ...MyLegacyThemeBase,\n    light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n    ...RBSThemeBase,\n    light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n    ...OneServiceThemeBase,\n    light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n    dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n    ...PAThemeBase,\n    light: createThemeWithColourMode(PAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n    ...A11yPlaygroundThemeBase,\n    light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n    dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n    ...SupportGoWhereThemeBase,\n    light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n    ...SGWDigitalLobbyThemeBase,\n    light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n    ...IMDAThemeBase,\n    light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n    dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n    ...SPFThemeBase,\n    light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n    ...SMGSThemeBase,\n    light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n    dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"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"}

package/theme/types.d.ts

@@ -22,7 +22,7 @@ export type { ShadowSet, ShadowSetOptions } from "./shadow/types";
 export type { SpacingSet, SpacingSetOptions } from "./spacing/types";
 export type { BreakpointSet, BreakpointSetOptions } from "./breakpoint/types";
 export type ColourScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "smgs";
-export type FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice" | "smgs";
+export type FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice";
 export type MotionScheme = "default";
 export type BorderScheme = "default";
 export type SpacingScheme = "default";

package/cjs/theme/font/specs/smgs-font-set.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("../utils.js").getFontSet({disableLigatures:!0});exports.SMGSFontSet=t;
-//# sourceMappingURL=smgs-font-set.js.map

package/cjs/theme/font/specs/smgs-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"smgs-font-set.js","sources":["../../../../../src/theme/font/specs/smgs-font-set.ts"],"sourcesContent":["import { FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const SMGSFontSet: FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["SMGSFontSet","getFontSet","disableLigatures"],"mappings":"aAGO,MAAMA,yBAAuBC,WAAW,CAC3CC,kBAAkB"}

package/cjs/theme/font-spec/specs/smgs-font-spec-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.SMGSFontSpecSet={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Poppins, Inter","heading-font-family":"Poppins","body-font-family":"Inter","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0.009rem"};
-//# sourceMappingURL=smgs-font-spec-set.js.map

package/cjs/theme/font-spec/specs/smgs-font-spec-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"smgs-font-spec-set.js","sources":["../../../../../src/theme/font-spec/specs/smgs-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SMGSFontSpecSet: FontSpecSet = {\n    \"heading-size-xxl\": \"3rem\",\n    \"heading-size-xl\": \"2.5rem\",\n    \"heading-size-lg\": \"2rem\",\n    \"heading-size-md\": \"1.625rem\",\n    \"heading-size-sm\": \"1.375rem\",\n    \"heading-size-xs\": \"1.125rem\",\n\n    \"heading-lh-xxl\": \"3.5rem\",\n    \"heading-lh-xl\": \"3rem\",\n    \"heading-lh-lg\": \"2.5rem\",\n    \"heading-lh-md\": \"2.25rem\",\n    \"heading-lh-sm\": \"1.75rem\",\n    \"heading-lh-xs\": \"1.625rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.02rem\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"0rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Poppins, Inter\",\n    \"heading-font-family\": \"Poppins\",\n    \"body-font-family\": \"Inter\",\n\n    \"body-size-baseline\": \"1.125rem\",\n    \"body-size-md\": \"1rem\",\n    \"body-size-sm\": \"0.875rem\",\n    \"body-size-xs\": \"0.75rem\",\n\n    \"body-lh-baseline\": \"1.625rem\",\n    \"body-lh-md\": \"1.5rem\",\n    \"body-lh-sm\": \"1.625rem\",\n    \"body-lh-xs\": \"1.25rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0.009rem\",\n    \"body-ls-sm\": \"0.008rem\",\n    \"body-ls-xs\": \"0.008rem\",\n\n    \"form-label-size\": \"1rem\",\n    \"form-description-size\": \"0.875rem\",\n\n    \"form-label-lh\": \"1.5rem\",\n    \"form-description-lh\": \"1.625rem\",\n    \"form-label-ls\": \"0rem\",\n    \"form-description-ls\": \"0.009rem\",\n};\n"],"names":[],"mappings":"qCAE4C,CACxC,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,UACvB,mBAAoB,QAEpB,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WACvB,gBAAiB,OACjB,sBAAuB"}