@lifesg/react-design-system 3.5.0-canary.1 → 3.5.0-canary.2

package/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sources":["../../src/navbar/navbar.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { Layout } from \"../layout\";\nimport { Masthead } from \"../masthead/masthead\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { Breakpoint } from \"../theme\";\nimport { Brand } from \"./brand\";\nimport { Drawer } from \"./drawer\";\nimport { NavbarActionButtons } from \"./navbar-action-buttons\";\nimport { NavbarHelper } from \"./navbar-helper\";\nimport { NavbarItems } from \"./navbar-items\";\nimport { getDefaultResourceLogo } from \"./navbar-logo-data\";\nimport {\n    MobileMenuButton,\n    MobileMenuIcon,\n    Nav,\n    NavBrandContainer,\n    NavElementsContainer,\n    NavSeparator,\n    Wrapper,\n} from \"./navbar.styles\";\nimport {\n    BrandType,\n    DrawerDismissalMethod,\n    NavItemCommonProps,\n    NavItemProps,\n    NavbarActionButtonsProps,\n    NavbarButtonProps,\n    NavbarDrawerApi,\n    NavbarDrawerHandle,\n    NavbarProps,\n} from \"./types\";\n\nconst Component = <T,>(\n    {\n        items,\n        className,\n        id,\n        selectedId,\n        compress = false,\n        fixed = true,\n        resources,\n        hideNavElements = false,\n        hideNavBranding = false,\n        hideLinkIndicator = false,\n        drawerDismissalExclusions: blockDrawerDismissalMethods = [],\n        actionButtons,\n        onItemClick,\n        onActionButtonClick,\n        onBrandClick,\n        masthead = true,\n        layout = \"default\",\n        headerLabel = \"Main navigation menu\",\n        drawerLabel,\n        ...otherProps\n    }: NavbarProps<T>,\n    ref: React.Ref<NavbarDrawerHandle>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const [showDrawer, setShowDrawer] = useState<boolean>(false);\n    const [showOverlay, setShowOverlay] = useState<boolean>(false);\n    const mobileMenuRef = useRef<HTMLButtonElement>(null);\n    const isStretch = layout === \"stretch\";\n    const elementRef = useRef<HTMLDivElement>(null);\n    const theme = useContext(ThemeContext);\n    const defaultResource = getDefaultResourceLogo(theme?.resourceScheme);\n    const tabletWidth = Breakpoint[\"lg-max\"]({ theme });\n\n    const primary = resources?.primary || defaultResource.primary;\n    const secondary = resources?.secondary;\n\n    useImperativeHandle(\n        ref,\n        () =>\n            Object.assign<HTMLDivElement, NavbarDrawerApi>(\n                elementRef.current!,\n                {\n                    dismissDrawer: () => {\n                        dismissDrawer();\n                    },\n                }\n            ),\n        [showDrawer]\n    );\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const dismissDrawer = () => {\n        setShowDrawer(false);\n        setTimeout(() => {\n            setShowOverlay(false);\n        }, 550); // For drawer animation to complete + buffer\n    };\n\n    const shouldDismissDrawer = (dismissalMethod: DrawerDismissalMethod) => {\n        return (\n            showDrawer &&\n            blockDrawerDismissalMethods.indexOf(dismissalMethod) === -1\n        );\n    };\n\n    const hasCollapsibleActionButtons = (\n        actionButtons: NavbarActionButtonsProps\n    ) => {\n        const drawerActionButtons =\n            actionButtons.mobile || actionButtons.desktop;\n        if (drawerActionButtons) {\n            return (\n                drawerActionButtons.length &&\n                drawerActionButtons.some(\n                    (actionButton) => !actionButton.uncollapsible\n                )\n            );\n        }\n\n        return false;\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleResize = () => {\n        if (window.innerWidth <= tabletWidth && showDrawer) {\n            dismissDrawer();\n        }\n    };\n\n    const handleBrandClick = (\n        event: React.MouseEvent<HTMLAnchorElement>,\n        type: BrandType\n    ) => {\n        if (onBrandClick) {\n            onBrandClick(type);\n        }\n\n        if (shouldDismissDrawer(\"brand-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleNavItemClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: NavItemProps<K> | NavItemCommonProps<K>\n    ) => {\n        if (NavbarHelper.isNavItemCommon(item) && item.onClick) {\n            item.onClick(event);\n        } else if (onItemClick) {\n            event.preventDefault();\n            onItemClick(item);\n        }\n\n        if (\n            NavbarHelper.isNavItemLink(item) &&\n            !item.subMenu &&\n            shouldDismissDrawer(\"item-click\")\n        ) {\n            dismissDrawer();\n        }\n    };\n\n    const handleActionButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<Element>,\n        actionButton: NavbarButtonProps\n    ) => {\n        if (\n            (actionButton.type === \"button\" ||\n                actionButton.type === \"download\") &&\n            actionButton.args?.onClick\n        ) {\n            actionButton.args.onClick(\n                event as React.MouseEvent<HTMLButtonElement>\n            );\n        } else if (onActionButtonClick) {\n            event.preventDefault();\n            onActionButtonClick(actionButton);\n        }\n\n        if (shouldDismissDrawer(\"item-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleMobileMenuButtonClick = () => {\n        setShowDrawer(true);\n        setShowOverlay(true);\n    };\n\n    const handleDrawerClose = () => {\n        if (shouldDismissDrawer(\"close-button-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderDrawer = () => (\n        <Overlay\n            show={showOverlay}\n            enableOverlayClick\n            onOverlayClick={handleDrawerClose}\n        >\n            <Drawer\n                show={showDrawer}\n                resources={{ primary, secondary }}\n                onClose={handleDrawerClose}\n                onBrandClick={handleBrandClick}\n                actionButtons={actionButtons}\n                hideNavBranding={hideNavBranding}\n                mobileMenuRef={mobileMenuRef}\n                drawerLabel={drawerLabel}\n            >\n                <NavbarItems\n                    items={items.mobile || items.desktop}\n                    onItemClick={handleNavItemClick}\n                    selectedId={selectedId}\n                    mobile\n                    hideLinkIndicator={hideLinkIndicator}\n                />\n                <NavbarActionButtons\n                    actionButtons={actionButtons}\n                    onActionButtonClick={handleActionButtonClick}\n                    mobile\n                />\n            </Drawer>\n        </Overlay>\n    );\n\n    const renderBrand = () => (\n        <NavBrandContainer $compress={compress} data-id=\"brand-container\">\n            {primary && (\n                <Brand\n                    resources={primary}\n                    onClick={handleBrandClick}\n                    data-id=\"brand-primary\"\n                    data-testid=\"main__brand\"\n                    type=\"primary\"\n                />\n            )}\n            {secondary && (\n                <>\n                    <NavSeparator $compress={compress} />\n                    <Brand\n                        resources={secondary}\n                        onClick={handleBrandClick}\n                        data-id=\"brand-secondary\"\n                        data-testid=\"main__brand-secondary\"\n                        type=\"secondary\"\n                    />\n                </>\n            )}\n        </NavBrandContainer>\n    );\n\n    const renderMobileMenuButton = () => {\n        const drawerItems = items.mobile || items.desktop;\n        if (\n            (drawerItems && drawerItems.length > 0) ||\n            (actionButtons && hasCollapsibleActionButtons(actionButtons))\n        ) {\n            return (\n                <MobileMenuButton\n                    ref={mobileMenuRef}\n                    aria-label={showDrawer ? \"Close nav menu\" : \"Open nav menu\"}\n                    aria-expanded={showDrawer}\n                    data-testid=\"button__mobile-menu\"\n                    onClick={handleMobileMenuButtonClick}\n                    focusHighlight={false}\n                >\n                    <MobileMenuIcon />\n                </MobileMenuButton>\n            );\n        }\n\n        return null;\n    };\n\n    const renderNavbar = () => {\n        return (\n            <Layout.Content stretch={isStretch}>\n                <Nav $compress={compress} aria-label={headerLabel}>\n                    {!hideNavBranding && renderBrand()}\n                    {!hideNavElements && (\n                        <NavElementsContainer\n                            $hideNavBranding={hideNavBranding}\n                        >\n                            <NavbarItems\n                                items={items.desktop}\n                                onItemClick={handleNavItemClick}\n                                selectedId={selectedId}\n                                hideNavBranding={hideNavBranding}\n                                hideLinkIndicator={hideLinkIndicator}\n                            />\n                            <NavbarActionButtons\n                                actionButtons={actionButtons}\n                                onActionButtonClick={handleActionButtonClick}\n                            />\n                            {renderMobileMenuButton()}\n                        </NavElementsContainer>\n                    )}\n                </Nav>\n\n                {!hideNavElements && renderDrawer()}\n            </Layout.Content>\n        );\n    };\n\n    return (\n        <Wrapper\n            ref={elementRef}\n            $fixed={fixed}\n            className={className}\n            id={id || \"navbar-wrapper\"}\n            data-testid={otherProps[\"data-testid\"] || \"navbar-wrapper\"}\n        >\n            {masthead && <Masthead stretch={isStretch} />}\n            {renderNavbar()}\n        </Wrapper>\n    );\n};\n\nexport const Navbar = forwardRef(Component);\n"],"names":["Navbar","forwardRef","_a","ref","items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","blockDrawerDismissalMethods","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel","otherProps","__rest","showDrawer","setShowDrawer","useState","showOverlay","setShowOverlay","mobileMenuRef","useRef","isStretch","elementRef","theme","useContext","ThemeContext","defaultResource","getDefaultResourceLogo","resourceScheme","tabletWidth","Breakpoint","primary","secondary","useImperativeHandle","Object","assign","current","dismissDrawer","useEffect","handleResize","window","addEventListener","removeEventListener","setTimeout","shouldDismissDrawer","dismissalMethod","indexOf","innerWidth","handleBrandClick","event","type","handleNavItemClick","item","NavbarHelper","isNavItemCommon","onClick","preventDefault","isNavItemLink","subMenu","handleActionButtonClick","actionButton","args","handleMobileMenuButtonClick","handleDrawerClose","renderMobileMenuButton","drawerItems","mobile","desktop","length","drawerActionButtons","some","uncollapsible","hasCollapsibleActionButtons","_jsx","MobileMenuButton","focusHighlight","MobileMenuIcon","_jsxs","Wrapper","$fixed","children","Masthead","stretch","Layout","Content","Nav","$compress","NavBrandContainer","Brand","_Fragment","NavSeparator","NavElementsContainer","$hideNavBranding","NavbarItems","NavbarActionButtons","Overlay","show","enableOverlayClick","onOverlayClick","Drawer","onClose"],"mappings":"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"}
+{"version":3,"file":"navbar.js","sources":["../../src/navbar/navbar.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { Layout } from \"../layout\";\nimport { Masthead } from \"../masthead/masthead\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { Breakpoint } from \"../theme\";\nimport { Brand } from \"./brand\";\nimport { Drawer } from \"./drawer\";\nimport { NavbarActionButtons } from \"./navbar-action-buttons\";\nimport { NavbarHelper } from \"./navbar-helper\";\nimport { NavbarItems } from \"./navbar-items\";\nimport { getDefaultResourceLogo } from \"./navbar-logo-data\";\nimport {\n    MobileMenuButton,\n    MobileMenuIcon,\n    Nav,\n    NavBrandContainer,\n    NavElementsContainer,\n    NavSeparator,\n    Wrapper,\n} from \"./navbar.styles\";\nimport {\n    BrandType,\n    DrawerDismissalMethod,\n    NavItemCommonProps,\n    NavItemProps,\n    NavbarActionButtonsProps,\n    NavbarButtonProps,\n    NavbarDrawerApi,\n    NavbarDrawerHandle,\n    NavbarProps,\n} from \"./types\";\n\nconst Component = <T,>(\n    {\n        items,\n        className,\n        id,\n        selectedId,\n        compress = false,\n        fixed = true,\n        resources,\n        hideNavElements = false,\n        hideNavBranding = false,\n        hideLinkIndicator = false,\n        drawerDismissalExclusions: blockDrawerDismissalMethods = [],\n        actionButtons,\n        onItemClick,\n        onActionButtonClick,\n        onBrandClick,\n        masthead = true,\n        layout = \"default\",\n        headerLabel = \"Main navigation menu\",\n        drawerLabel,\n        ...otherProps\n    }: NavbarProps<T>,\n    ref: React.Ref<NavbarDrawerHandle>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const [showDrawer, setShowDrawer] = useState<boolean>(false);\n    const [showOverlay, setShowOverlay] = useState<boolean>(false);\n    const mobileMenuRef = useRef<HTMLButtonElement>(null);\n    const isStretch = layout === \"stretch\";\n    const elementRef = useRef<HTMLDivElement>(null);\n    const theme = useContext(ThemeContext);\n    const defaultResource = getDefaultResourceLogo(theme?.resourceScheme);\n    const tabletWidth = Breakpoint[\"lg-max\"]({ theme });\n\n    const primary = resources?.primary || defaultResource.primary;\n    const secondary = resources?.secondary;\n\n    useImperativeHandle(\n        ref,\n        () =>\n            Object.assign<HTMLDivElement, NavbarDrawerApi>(\n                elementRef.current!,\n                {\n                    dismissDrawer: () => {\n                        dismissDrawer();\n                    },\n                }\n            ),\n        [showDrawer]\n    );\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const dismissDrawer = () => {\n        setShowDrawer(false);\n        setTimeout(() => {\n            setShowOverlay(false);\n        }, 550); // For drawer animation to complete + buffer\n    };\n\n    const shouldDismissDrawer = (dismissalMethod: DrawerDismissalMethod) => {\n        return (\n            showDrawer &&\n            blockDrawerDismissalMethods.indexOf(dismissalMethod) === -1\n        );\n    };\n\n    const hasCollapsibleActionButtons = (\n        actionButtons: NavbarActionButtonsProps\n    ) => {\n        const drawerActionButtons =\n            actionButtons.mobile || actionButtons.desktop;\n        if (drawerActionButtons) {\n            return (\n                drawerActionButtons.length &&\n                drawerActionButtons.some(\n                    (actionButton) => !actionButton.uncollapsible\n                )\n            );\n        }\n\n        return false;\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleResize = () => {\n        if (window.innerWidth <= tabletWidth && showDrawer) {\n            dismissDrawer();\n        }\n    };\n\n    const handleBrandClick = (\n        event: React.MouseEvent<HTMLAnchorElement>,\n        type: BrandType\n    ) => {\n        if (onBrandClick) {\n            onBrandClick(type);\n        }\n\n        if (shouldDismissDrawer(\"brand-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleNavItemClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: NavItemProps<K> | NavItemCommonProps<K>\n    ) => {\n        if (NavbarHelper.isNavItemCommon(item) && item.onClick) {\n            item.onClick(event);\n        } else if (onItemClick) {\n            event.preventDefault();\n            onItemClick(item);\n        }\n\n        if (\n            NavbarHelper.isNavItemLink(item) &&\n            !item.subMenu &&\n            shouldDismissDrawer(\"item-click\")\n        ) {\n            dismissDrawer();\n        }\n    };\n\n    const handleActionButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<Element>,\n        actionButton: NavbarButtonProps\n    ) => {\n        if (\n            (actionButton.type === \"button\" ||\n                actionButton.type === \"download\") &&\n            actionButton.args?.onClick\n        ) {\n            actionButton.args.onClick(\n                event as React.MouseEvent<HTMLButtonElement>\n            );\n        } else if (onActionButtonClick) {\n            event.preventDefault();\n            onActionButtonClick(actionButton);\n        }\n\n        if (shouldDismissDrawer(\"item-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleMobileMenuButtonClick = () => {\n        setShowDrawer(true);\n        setShowOverlay(true);\n    };\n\n    const handleDrawerClose = () => {\n        if (shouldDismissDrawer(\"close-button-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderDrawer = () => (\n        <Overlay\n            show={showOverlay}\n            enableOverlayClick\n            onOverlayClick={handleDrawerClose}\n        >\n            <Drawer\n                show={showDrawer}\n                resources={{ primary, secondary }}\n                onClose={handleDrawerClose}\n                onBrandClick={handleBrandClick}\n                actionButtons={actionButtons}\n                hideNavBranding={hideNavBranding}\n                mobileMenuRef={mobileMenuRef}\n                drawerLabel={drawerLabel}\n            >\n                <NavbarItems\n                    items={items.mobile || items.desktop}\n                    onItemClick={handleNavItemClick}\n                    selectedId={selectedId}\n                    mobile\n                    hideLinkIndicator={hideLinkIndicator}\n                />\n                <NavbarActionButtons\n                    actionButtons={actionButtons}\n                    onActionButtonClick={handleActionButtonClick}\n                    mobile\n                />\n            </Drawer>\n        </Overlay>\n    );\n\n    const renderBrand = () => (\n        <NavBrandContainer $compress={compress} data-id=\"brand-container\">\n            {primary && (\n                <Brand\n                    resources={primary}\n                    onClick={handleBrandClick}\n                    data-id=\"brand-primary\"\n                    data-testid=\"main__brand\"\n                    type=\"primary\"\n                />\n            )}\n            {secondary && (\n                <>\n                    <NavSeparator $compress={compress} />\n                    <Brand\n                        resources={secondary}\n                        onClick={handleBrandClick}\n                        data-id=\"brand-secondary\"\n                        data-testid=\"main__brand-secondary\"\n                        type=\"secondary\"\n                    />\n                </>\n            )}\n        </NavBrandContainer>\n    );\n\n    const renderMobileMenuButton = () => {\n        const drawerItems = items.mobile || items.desktop;\n        if (\n            (drawerItems && drawerItems.length > 0) ||\n            (actionButtons && hasCollapsibleActionButtons(actionButtons))\n        ) {\n            return (\n                <MobileMenuButton\n                    ref={mobileMenuRef}\n                    aria-label={showDrawer ? \"Close nav menu\" : \"Open nav menu\"}\n                    aria-expanded={showDrawer}\n                    data-testid=\"button__mobile-menu\"\n                    onClick={handleMobileMenuButtonClick}\n                    focusHighlight={true}\n                >\n                    <MobileMenuIcon />\n                </MobileMenuButton>\n            );\n        }\n\n        return null;\n    };\n\n    const renderNavbar = () => {\n        return (\n            <Layout.Content stretch={isStretch}>\n                <Nav $compress={compress} aria-label={headerLabel}>\n                    {!hideNavBranding && renderBrand()}\n                    {!hideNavElements && (\n                        <NavElementsContainer\n                            $hideNavBranding={hideNavBranding}\n                        >\n                            <NavbarItems\n                                items={items.desktop}\n                                onItemClick={handleNavItemClick}\n                                selectedId={selectedId}\n                                hideNavBranding={hideNavBranding}\n                                hideLinkIndicator={hideLinkIndicator}\n                            />\n                            <NavbarActionButtons\n                                actionButtons={actionButtons}\n                                onActionButtonClick={handleActionButtonClick}\n                            />\n                            {renderMobileMenuButton()}\n                        </NavElementsContainer>\n                    )}\n                </Nav>\n\n                {!hideNavElements && renderDrawer()}\n            </Layout.Content>\n        );\n    };\n\n    return (\n        <Wrapper\n            ref={elementRef}\n            $fixed={fixed}\n            className={className}\n            id={id || \"navbar-wrapper\"}\n            data-testid={otherProps[\"data-testid\"] || \"navbar-wrapper\"}\n        >\n            {masthead && <Masthead stretch={isStretch} />}\n            {renderNavbar()}\n        </Wrapper>\n    );\n};\n\nexport const Navbar = forwardRef(Component);\n"],"names":["Navbar","forwardRef","_a","ref","items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","blockDrawerDismissalMethods","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel","otherProps","__rest","showDrawer","setShowDrawer","useState","showOverlay","setShowOverlay","mobileMenuRef","useRef","isStretch","elementRef","theme","useContext","ThemeContext","defaultResource","getDefaultResourceLogo","resourceScheme","tabletWidth","Breakpoint","primary","secondary","useImperativeHandle","Object","assign","current","dismissDrawer","useEffect","handleResize","window","addEventListener","removeEventListener","setTimeout","shouldDismissDrawer","dismissalMethod","indexOf","innerWidth","handleBrandClick","event","type","handleNavItemClick","item","NavbarHelper","isNavItemCommon","onClick","preventDefault","isNavItemLink","subMenu","handleActionButtonClick","actionButton","args","handleMobileMenuButtonClick","handleDrawerClose","renderMobileMenuButton","drawerItems","mobile","desktop","length","drawerActionButtons","some","uncollapsible","hasCollapsibleActionButtons","_jsx","MobileMenuButton","focusHighlight","MobileMenuIcon","_jsxs","Wrapper","$fixed","children","Masthead","stretch","Layout","Content","Nav","$compress","NavBrandContainer","Brand","_Fragment","NavSeparator","NavElementsContainer","$hideNavBranding","NavbarItems","NavbarActionButtons","Overlay","show","enableOverlayClick","onOverlayClick","Drawer","onClose"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/react-design-system",
-  "version": "3.5.0-canary.1",
+  "version": "3.5.0-canary.2",
   "description": "A component design system for LifeSG web apps",
   "keywords": [
     "design-system"

package/shared/internal-calendar/calendar-manager.style.js

@@ -1,16 +1,16 @@
-import{ChevronDownIcon as i}from"@lifesg/react-icons/chevron-down";import{ChevronLeftIcon as t}from"@lifesg/react-icons/chevron-left";import{ChevronRightIcon as e}from"@lifesg/react-icons/chevron-right";import o,{css as r}from"styled-components";import{Button as n}from"../../button/button.js";import{Colour as a,Font as d}from"../../theme/index.js";import{ClickableIcon as l}from"../clickable-icon/clickable-icon.js";const s=r`
+import{ChevronDownIcon as i}from"@lifesg/react-icons/chevron-down";import{ChevronLeftIcon as t}from"@lifesg/react-icons/chevron-left";import{ChevronRightIcon as o}from"@lifesg/react-icons/chevron-right";import e,{css as r}from"styled-components";import{Button as n}from"../../button/button.js";import{Colour as a,Font as d}from"../../theme/index.js";import{ClickableIcon as l}from"../clickable-icon/clickable-icon.js";const s=r`
     color: ${a.icon};
     height: 1rem;
     width: 1rem;
-`,p=o(t)`
+`,p=e(t)`
     ${s}
-`,m=o(e)`
+`,m=e(o)`
     ${s}
-`,g=o(i)`
+`,g=e(i)`
     ${s}
     transition: transform 250ms ease-in-out;
     margin-left: 0.5rem;
-`,c=o.div`
+`,c=e.div`
     position: relative;
     width: 100%;
     display: flex;
@@ -18,17 +18,18 @@ import{ChevronDownIcon as i}from"@lifesg/react-icons/chevron-down";import{Chevro
 
     padding-top: var(--vertical-inset);
     padding-bottom: var(--vertical-inset);
-`,f=o.div`
+`,f=e.div`
     display: flex;
     flex: 1;
     position: relative;
-`,v=o.div`
+    overflow-y: scroll;
+`,v=e.div`
     isolation: isolate;
     width: 100%;
 
     padding-left: var(--horizontal-inset);
     padding-right: var(--horizontal-inset);
-`,h=o.div`
+`,h=e.div`
     position: absolute;
     top: 0;
     left: 0;
@@ -42,16 +43,16 @@ import{ChevronDownIcon as i}from"@lifesg/react-icons/chevron-down";import{Chevro
     ${i=>{if(!i.$visible)return r`
                 display: none;
             `}}
-`,b=o.div`
+`,b=e.div`
     display: flex;
     justify-content: space-between;
 
     padding-left: var(--header-horizontal-inset, var(--horizontal-inset));
     padding-right: var(--header-horizontal-inset, var(--horizontal-inset));
     padding-bottom: var(--header-bottom-spacing);
-`,u=o.div`
+`,u=e.div`
     display: flex;
-`,x=o.button`
+`,x=e.button`
     border: none;
     display: flex;
     align-items: center;
@@ -66,26 +67,26 @@ import{ChevronDownIcon as i}from"@lifesg/react-icons/chevron-down";import{Chevro
                     transform: rotate(180deg);
                 }
             `:void 0};
-`,$=o.span`
+`,y=e.span`
     ${d["body-md-regular"]}
     color: ${a.text};
-`,y=o.div`
+`,$=e.div`
     display: flex;
-`,z=o(l)`
+`,z=e(l)`
     margin: auto 0;
     padding: 0.75rem;
 
     &:disabled {
         cursor: not-allowed;
     }
-`,w=o.div`
+`,w=e.div`
     display: flex;
     gap: 0.5rem;
     margin-top: 1.5rem;
 
     padding-left: var(--horizontal-inset);
     padding-right: var(--horizontal-inset);
-`,j=o(n.Small)`
+`,j=e(n.Small)`
     flex: 1;
-`;export{j as ActionButton,w as ActionButtonSection,p as ArrowLeft,m as ArrowRight,c as Container,v as DefaultView,x as DropdownButton,$ as DropdownText,b as Header,z as HeaderArrowButton,y as HeaderArrows,u as HeaderInputDropdown,g as IconChevronDown,h as OptionsOverlay,f as ToggleZone};
+`;export{j as ActionButton,w as ActionButtonSection,p as ArrowLeft,m as ArrowRight,c as Container,v as DefaultView,x as DropdownButton,y as DropdownText,b as Header,z as HeaderArrowButton,$ as HeaderArrows,u as HeaderInputDropdown,g as IconChevronDown,h as OptionsOverlay,f as ToggleZone};
 //# sourceMappingURL=calendar-manager.style.js.map

package/shared/internal-calendar/calendar-manager.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-manager.style.js","sources":["../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n    $expanded: boolean;\n    $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n    $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n    color: ${Colour.icon};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n    ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n    ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n    ${iconStyle}\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(--vertical-inset);\n    padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n    display: flex;\n    flex: 1;\n    position: relative;\n`;\n\nexport const DefaultView = styled.div`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour.bg};\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n\n    ${(props) => {\n        if (!props.$visible) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n    display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n\n    ${(props) => {\n        if (props.$visible === false) {\n            return css`\n                display: none;\n            `;\n        }\n\n        if (props.$expanded) {\n            return css`\n                ${IconChevronDown} {\n                    transform: rotate(180deg);\n                }\n            `;\n        }\n    }};\n`;\n\nexport const DropdownText = styled.span`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n    display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n    flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"kaA0BA,MAAMA,EAAYC,CAAG;aACRC,EAAOC;;;EAKPC,EAAYC,EAAOC,EAAgB;MAC1CN;EAGOO,EAAaF,EAAOG,EAAiB;MAC5CR;EAGOS,EAAkBJ,EAAOK,EAAgB;MAChDV;;;EAQOW,EAAYN,EAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAOO,GAAG;;;;EAMvBE,EAAcT,EAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAOO,GAAsB;;;;;;kBAMzCV,EAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,CAAG;;aAGd;EAOKkB,EAASd,EAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAOO,GAAG;;EAIhCS,EAAiBhB,EAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,CAAG;;cAKVgB,EAAMM,UACCtB,CAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAOoB,IAAI;MACjCC,EAAK;aACExB,EAAa;EAGbyB,EAAetB,EAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAOwB,EAAc;;;;;;;EAYzCC,EAAsBzB,EAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAO2B,EAAOC,MAAM;;"}
+{"version":3,"file":"calendar-manager.style.js","sources":["../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n    $expanded: boolean;\n    $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n    $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n    color: ${Colour.icon};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n    ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n    ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n    ${iconStyle}\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(--vertical-inset);\n    padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n    display: flex;\n    flex: 1;\n    position: relative;\n    overflow-y: scroll;\n`;\n\nexport const DefaultView = styled.div`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour.bg};\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n\n    ${(props) => {\n        if (!props.$visible) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n    display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n\n    ${(props) => {\n        if (props.$visible === false) {\n            return css`\n                display: none;\n            `;\n        }\n\n        if (props.$expanded) {\n            return css`\n                ${IconChevronDown} {\n                    transform: rotate(180deg);\n                }\n            `;\n        }\n    }};\n`;\n\nexport const DropdownText = styled.span`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n    display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n    flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"kaA0BA,MAAMA,EAAYC,CAAG;aACRC,EAAOC;;;EAKPC,EAAYC,EAAOC,EAAgB;MAC1CN;EAGOO,EAAaF,EAAOG,EAAiB;MAC5CR;EAGOS,EAAkBJ,EAAOK,EAAgB;MAChDV;;;EAQOW,EAAYN,EAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAOO,GAAG;;;;;EAOvBE,EAAcT,EAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAOO,GAAsB;;;;;;kBAMzCV,EAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,CAAG;;aAGd;EAOKkB,EAASd,EAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAOO,GAAG;;EAIhCS,EAAiBhB,EAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,CAAG;;cAKVgB,EAAMM,UACCtB,CAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAOoB,IAAI;MACjCC,EAAK;aACExB,EAAa;EAGbyB,EAAetB,EAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAOwB,EAAc;;;;;;;EAYzCC,EAAsBzB,EAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAO2B,EAAOC,MAAM;;"}

package/theme/colour-primitive/specs/toteboard-colour-set.d.ts

@@ -0,0 +1,2 @@
+import { PrimitiveColourSet } from "../../types";
+export declare const ToteBoardColourSet: PrimitiveColourSet;

package/theme/colour-primitive/specs/toteboard-colour-set.js

@@ -0,0 +1,2 @@
+const r={"brand-10":"#001240","brand-20":"#001F6D","brand-30":"#002A91","brand-40":"#043ECB","brand-50":"#2C58F0","brand-60":"#7184FF","brand-70":"#9EA9FF","brand-80":"#BFC7FF","brand-90":"#DADEFF","brand-95":"#EAEDFF","brand-100":"#F7F8FF","primary-10":"#001240","primary-20":"#001F6D","primary-30":"#002A91","primary-40":"#043ECB","primary-50":"#2C58F0","primary-60":"#7184FF","primary-70":"#9EA9FF","primary-80":"#BFC7FF","primary-90":"#DADEFF","primary-95":"#EAEDFF","primary-100":"#F7F8FF","secondary-10":"#0E1723","secondary-20":"#18293D","secondary-30":"#213753","secondary-40":"#305078","secondary-50":"#4B6A8F","secondary-60":"#7B91A9","secondary-70":"#A1B1C3","secondary-80":"#C1CBD7","secondary-90":"#DBE1E8","secondary-95":"#EBEFF2","secondary-100":"#F7F8FA","neutral-10":"#101625","neutral-20":"#212836","neutral-30":"#2F3642","neutral-40":"#464F5D","neutral-50":"#5D697A","neutral-60":"#8190A4","neutral-70":"#A5B0BE","neutral-80":"#C3CAD4","neutral-90":"#DCE0E6","neutral-95":"#ECEEF1","neutral-100":"#F7F8F9","success-10":"#081A0F","success-20":"#0E2D1B","success-30":"#133D24","success-40":"#1C5A34","success-50":"#257645","success-60":"#44A068","success-70":"#64C189","success-80":"#80DCA5","success-90":"#B4ECCB","success-95":"#D5F6E2","success-100":"#EFFCF4","warning-10":"#221302","warning-20":"#3B2204","warning-30":"#502E05","warning-40":"#744408","warning-50":"#98590C","warning-60":"#D07A13","warning-70":"#E4A244","warning-80":"#F5C26C","warning-90":"#FADBA6","warning-95":"#FCECD4","warning-100":"#FDF7F0","error-10":"#330505","error-20":"#550808","error-30":"#700B0B","error-40":"#9E130F","error-50":"#CB2213","error-60":"#DE6C6C","error-70":"#E89B9B","error-80":"#EFBEBE","error-90":"#F5D9D9","error-95":"#F9ECEC","error-100":"#FCF7F7","info-10":"#031537","info-20":"#05245E","info-30":"#07307D","info-40":"#0E47B1","info-50":"#2462D4","info-60":"#558CF5","info-70":"#86AFFB","info-80":"#B0CAFF","info-90":"#D0E2FC","info-95":"#E4F1FB","info-100":"#F4FAFD",white:"#FFFFFF",black:"#121212","primary-inverse":"#FEAB10"};export{r as ToteBoardColourSet};
+//# sourceMappingURL=toteboard-colour-set.js.map

package/theme/colour-primitive/specs/toteboard-colour-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toteboard-colour-set.js","sources":["../../../../src/theme/colour-primitive/specs/toteboard-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const ToteBoardColourSet: PrimitiveColourSet = {\n    \"brand-10\": \"#001240\",\n    \"brand-20\": \"#001F6D\",\n    \"brand-30\": \"#002A91\",\n    \"brand-40\": \"#043ECB\",\n    \"brand-50\": \"#2C58F0\",\n    \"brand-60\": \"#7184FF\",\n    \"brand-70\": \"#9EA9FF\",\n    \"brand-80\": \"#BFC7FF\",\n    \"brand-90\": \"#DADEFF\",\n    \"brand-95\": \"#EAEDFF\",\n    \"brand-100\": \"#F7F8FF\",\n    \"primary-10\": \"#001240\",\n    \"primary-20\": \"#001F6D\",\n    \"primary-30\": \"#002A91\",\n    \"primary-40\": \"#043ECB\",\n    \"primary-50\": \"#2C58F0\",\n    \"primary-60\": \"#7184FF\",\n    \"primary-70\": \"#9EA9FF\",\n    \"primary-80\": \"#BFC7FF\",\n    \"primary-90\": \"#DADEFF\",\n    \"primary-95\": \"#EAEDFF\",\n    \"primary-100\": \"#F7F8FF\",\n    \"secondary-10\": \"#0E1723\",\n    \"secondary-20\": \"#18293D\",\n    \"secondary-30\": \"#213753\",\n    \"secondary-40\": \"#305078\",\n    \"secondary-50\": \"#4B6A8F\",\n    \"secondary-60\": \"#7B91A9\",\n    \"secondary-70\": \"#A1B1C3\",\n    \"secondary-80\": \"#C1CBD7\",\n    \"secondary-90\": \"#DBE1E8\",\n    \"secondary-95\": \"#EBEFF2\",\n    \"secondary-100\": \"#F7F8FA\",\n    \"neutral-10\": \"#101625\",\n    \"neutral-20\": \"#212836\",\n    \"neutral-30\": \"#2F3642\",\n    \"neutral-40\": \"#464F5D\",\n    \"neutral-50\": \"#5D697A\",\n    \"neutral-60\": \"#8190A4\",\n    \"neutral-70\": \"#A5B0BE\",\n    \"neutral-80\": \"#C3CAD4\",\n    \"neutral-90\": \"#DCE0E6\",\n    \"neutral-95\": \"#ECEEF1\",\n    \"neutral-100\": \"#F7F8F9\",\n    \"success-10\": \"#081A0F\",\n    \"success-20\": \"#0E2D1B\",\n    \"success-30\": \"#133D24\",\n    \"success-40\": \"#1C5A34\",\n    \"success-50\": \"#257645\",\n    \"success-60\": \"#44A068\",\n    \"success-70\": \"#64C189\",\n    \"success-80\": \"#80DCA5\",\n    \"success-90\": \"#B4ECCB\",\n    \"success-95\": \"#D5F6E2\",\n    \"success-100\": \"#EFFCF4\",\n    \"warning-10\": \"#221302\",\n    \"warning-20\": \"#3B2204\",\n    \"warning-30\": \"#502E05\",\n    \"warning-40\": \"#744408\",\n    \"warning-50\": \"#98590C\",\n    \"warning-60\": \"#D07A13\",\n    \"warning-70\": \"#E4A244\",\n    \"warning-80\": \"#F5C26C\",\n    \"warning-90\": \"#FADBA6\",\n    \"warning-95\": \"#FCECD4\",\n    \"warning-100\": \"#FDF7F0\",\n    \"error-10\": \"#330505\",\n    \"error-20\": \"#550808\",\n    \"error-30\": \"#700B0B\",\n    \"error-40\": \"#9E130F\",\n    \"error-50\": \"#CB2213\",\n    \"error-60\": \"#DE6C6C\",\n    \"error-70\": \"#E89B9B\",\n    \"error-80\": \"#EFBEBE\",\n    \"error-90\": \"#F5D9D9\",\n    \"error-95\": \"#F9ECEC\",\n    \"error-100\": \"#FCF7F7\",\n    \"info-10\": \"#031537\",\n    \"info-20\": \"#05245E\",\n    \"info-30\": \"#07307D\",\n    \"info-40\": \"#0E47B1\",\n    \"info-50\": \"#2462D4\",\n    \"info-60\": \"#558CF5\",\n    \"info-70\": \"#86AFFB\",\n    \"info-80\": \"#B0CAFF\",\n    \"info-90\": \"#D0E2FC\",\n    \"info-95\": \"#E4F1FB\",\n    \"info-100\": \"#F4FAFD\",\n    white: \"#FFFFFF\",\n    black: \"#121212\",\n    \"primary-inverse\": \"#FEAB10\",\n};\n"],"names":["ToteBoardColourSet","white","black"],"mappings":"AAEO,MAAMA,EAAyC,CAClD,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UACjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZC,MAAO,UACPC,MAAO,UACP,kBAAmB"}

package/theme/colour-primitive/theme-helper.js

@@ -1,2 +1,2 @@
-import{getCollection as r,getValue as s}from"../helpers.js";import{BookingSgColourSet as e}from"./specs/bookingsg-colour-set.js";import{CCubeColourSet as o}from"./specs/ccube-colour-set.js";import{LifeSgColourSet as n}from"./specs/lifesg-colour-set.js";import{MyLegacyColourSet as a}from"./specs/mylegacy-colour-set.js";import{OneServiceColourSet as c}from"./specs/oneservice-colour-set.js";import{PAColourSet as i}from"./specs/pa-colour-set.js";import{RBSColourSet as u}from"./specs/rbs-colour-set.js";import{A11yPlaygroundColourSet as l}from"./specs/a11yplayground-colour-set.js";import{SupportGoWhereColourSet as p}from"./specs/supportgowhere-colour-set.js";import{IMDAColourSet as m}from"./specs/imda-colour-set.js";import{SPFColourSet as t}from"./specs/spf-colour-set.js";import{SMGSColourSet as d}from"./specs/smgs-colour-set.js";import{CareerCompassColourSet as y}from"./specs/careercompass-colour-set.js";const g={collections:{lifesg:n,bookingsg:e,rbs:u,mylegacy:a,ccube:o,oneservice:c,pa:i,a11yplayground:l,supportgowhere:p,sgwdigitallobby:p,imda:m,spf:t,careercompass:y,smgs:d},defaultValue:"lifesg"},f={collections:{lifesg:n,bookingsg:e,rbs:u,mylegacy:a,ccube:o,oneservice:c,pa:i,a11yplayground:l,supportgowhere:p,sgwdigitallobby:p,imda:m,spf:t,careercompass:y,smgs:d},defaultValue:"lifesg"},b=e=>o=>{var n;const a=o.theme,c="dark"===(null==a?void 0:a.colourMode),i=r(c?f:g,null==a?void 0:a.colourScheme),u=c?"primitiveColourDark":"primitiveColour",l=null===(n=null==a?void 0:a.overrides)||void 0===n?void 0:n[u];return l?s(i,e,l):i[e]},w={"brand-10":b("brand-10"),"brand-20":b("brand-20"),"brand-30":b("brand-30"),"brand-40":b("brand-40"),"brand-50":b("brand-50"),"brand-60":b("brand-60"),"brand-70":b("brand-70"),"brand-80":b("brand-80"),"brand-90":b("brand-90"),"brand-95":b("brand-95"),"brand-100":b("brand-100"),"primary-10":b("primary-10"),"primary-20":b("primary-20"),"primary-30":b("primary-30"),"primary-40":b("primary-40"),"primary-50":b("primary-50"),"primary-60":b("primary-60"),"primary-70":b("primary-70"),"primary-80":b("primary-80"),"primary-90":b("primary-90"),"primary-95":b("primary-95"),"primary-100":b("primary-100"),"secondary-10":b("secondary-10"),"secondary-20":b("secondary-20"),"secondary-30":b("secondary-30"),"secondary-40":b("secondary-40"),"secondary-50":b("secondary-50"),"secondary-60":b("secondary-60"),"secondary-70":b("secondary-70"),"secondary-80":b("secondary-80"),"secondary-90":b("secondary-90"),"secondary-95":b("secondary-95"),"secondary-100":b("secondary-100"),"neutral-10":b("neutral-10"),"neutral-20":b("neutral-20"),"neutral-30":b("neutral-30"),"neutral-40":b("neutral-40"),"neutral-50":b("neutral-50"),"neutral-60":b("neutral-60"),"neutral-70":b("neutral-70"),"neutral-80":b("neutral-80"),"neutral-90":b("neutral-90"),"neutral-95":b("neutral-95"),"neutral-100":b("neutral-100"),"success-10":b("success-10"),"success-20":b("success-20"),"success-30":b("success-30"),"success-40":b("success-40"),"success-50":b("success-50"),"success-60":b("success-60"),"success-70":b("success-70"),"success-80":b("success-80"),"success-90":b("success-90"),"success-95":b("success-95"),"success-100":b("success-100"),"warning-10":b("warning-10"),"warning-20":b("warning-20"),"warning-30":b("warning-30"),"warning-40":b("warning-40"),"warning-50":b("warning-50"),"warning-60":b("warning-60"),"warning-70":b("warning-70"),"warning-80":b("warning-80"),"warning-90":b("warning-90"),"warning-95":b("warning-95"),"warning-100":b("warning-100"),"error-10":b("error-10"),"error-20":b("error-20"),"error-30":b("error-30"),"error-40":b("error-40"),"error-50":b("error-50"),"error-60":b("error-60"),"error-70":b("error-70"),"error-80":b("error-80"),"error-90":b("error-90"),"error-95":b("error-95"),"error-100":b("error-100"),"info-10":b("info-10"),"info-20":b("info-20"),"info-30":b("info-30"),"info-40":b("info-40"),"info-50":b("info-50"),"info-60":b("info-60"),"info-70":b("info-70"),"info-80":b("info-80"),"info-90":b("info-90"),"info-95":b("info-95"),"info-100":b("info-100"),white:b("white"),black:b("black"),"primary-inverse":b("primary-inverse")};export{g as ColourSpec,f as DarkColourSpec,w as PrimitiveColour,b as getPrimitiveColour};
+import{getCollection as r,getValue as s}from"../helpers.js";import{BookingSgColourSet as e}from"./specs/bookingsg-colour-set.js";import{CCubeColourSet as o}from"./specs/ccube-colour-set.js";import{LifeSgColourSet as n}from"./specs/lifesg-colour-set.js";import{MyLegacyColourSet as a}from"./specs/mylegacy-colour-set.js";import{OneServiceColourSet as c}from"./specs/oneservice-colour-set.js";import{PAColourSet as i}from"./specs/pa-colour-set.js";import{RBSColourSet as u}from"./specs/rbs-colour-set.js";import{A11yPlaygroundColourSet as p}from"./specs/a11yplayground-colour-set.js";import{SupportGoWhereColourSet as t}from"./specs/supportgowhere-colour-set.js";import{IMDAColourSet as l}from"./specs/imda-colour-set.js";import{SPFColourSet as m}from"./specs/spf-colour-set.js";import{SMGSColourSet as d}from"./specs/smgs-colour-set.js";import{CareerCompassColourSet as y}from"./specs/careercompass-colour-set.js";import{ToteBoardColourSet as g}from"./specs/toteboard-colour-set.js";const f={collections:{lifesg:n,bookingsg:e,rbs:u,mylegacy:a,ccube:o,oneservice:c,pa:i,a11yplayground:p,supportgowhere:t,sgwdigitallobby:t,imda:l,spf:m,careercompass:y,smgs:d,toteboard:g},defaultValue:"lifesg"},b={collections:{lifesg:n,bookingsg:e,rbs:u,mylegacy:a,ccube:o,oneservice:c,pa:i,a11yplayground:p,supportgowhere:t,sgwdigitallobby:t,imda:l,spf:m,careercompass:y,smgs:d,toteboard:g},defaultValue:"lifesg"},w=e=>o=>{var n;const a=o.theme,c="dark"===(null==a?void 0:a.colourMode),i=r(c?b:f,null==a?void 0:a.colourScheme),u=c?"primitiveColourDark":"primitiveColour",p=null===(n=null==a?void 0:a.overrides)||void 0===n?void 0:n[u];return p?s(i,e,p):i[e]},j={"brand-10":w("brand-10"),"brand-20":w("brand-20"),"brand-30":w("brand-30"),"brand-40":w("brand-40"),"brand-50":w("brand-50"),"brand-60":w("brand-60"),"brand-70":w("brand-70"),"brand-80":w("brand-80"),"brand-90":w("brand-90"),"brand-95":w("brand-95"),"brand-100":w("brand-100"),"primary-10":w("primary-10"),"primary-20":w("primary-20"),"primary-30":w("primary-30"),"primary-40":w("primary-40"),"primary-50":w("primary-50"),"primary-60":w("primary-60"),"primary-70":w("primary-70"),"primary-80":w("primary-80"),"primary-90":w("primary-90"),"primary-95":w("primary-95"),"primary-100":w("primary-100"),"secondary-10":w("secondary-10"),"secondary-20":w("secondary-20"),"secondary-30":w("secondary-30"),"secondary-40":w("secondary-40"),"secondary-50":w("secondary-50"),"secondary-60":w("secondary-60"),"secondary-70":w("secondary-70"),"secondary-80":w("secondary-80"),"secondary-90":w("secondary-90"),"secondary-95":w("secondary-95"),"secondary-100":w("secondary-100"),"neutral-10":w("neutral-10"),"neutral-20":w("neutral-20"),"neutral-30":w("neutral-30"),"neutral-40":w("neutral-40"),"neutral-50":w("neutral-50"),"neutral-60":w("neutral-60"),"neutral-70":w("neutral-70"),"neutral-80":w("neutral-80"),"neutral-90":w("neutral-90"),"neutral-95":w("neutral-95"),"neutral-100":w("neutral-100"),"success-10":w("success-10"),"success-20":w("success-20"),"success-30":w("success-30"),"success-40":w("success-40"),"success-50":w("success-50"),"success-60":w("success-60"),"success-70":w("success-70"),"success-80":w("success-80"),"success-90":w("success-90"),"success-95":w("success-95"),"success-100":w("success-100"),"warning-10":w("warning-10"),"warning-20":w("warning-20"),"warning-30":w("warning-30"),"warning-40":w("warning-40"),"warning-50":w("warning-50"),"warning-60":w("warning-60"),"warning-70":w("warning-70"),"warning-80":w("warning-80"),"warning-90":w("warning-90"),"warning-95":w("warning-95"),"warning-100":w("warning-100"),"error-10":w("error-10"),"error-20":w("error-20"),"error-30":w("error-30"),"error-40":w("error-40"),"error-50":w("error-50"),"error-60":w("error-60"),"error-70":w("error-70"),"error-80":w("error-80"),"error-90":w("error-90"),"error-95":w("error-95"),"error-100":w("error-100"),"info-10":w("info-10"),"info-20":w("info-20"),"info-30":w("info-30"),"info-40":w("info-40"),"info-50":w("info-50"),"info-60":w("info-60"),"info-70":w("info-70"),"info-80":w("info-80"),"info-90":w("info-90"),"info-95":w("info-95"),"info-100":w("info-100"),white:w("white"),black:w("black"),"primary-inverse":w("primary-inverse")};export{f as ColourSpec,b as DarkColourSpec,j as PrimitiveColour,w as getPrimitiveColour};
 //# sourceMappingURL=theme-helper.js.map

package/theme/colour-primitive/theme-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { CareerCompassColourSet } from \"./specs/careercompass-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        // Currently all schemes use light primitive colours as fallback\n        // In the future, add custom dark primitive sets like:\n        // lifesg: LifeSgDarkColourSet,\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate colour spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colourSet: PrimitiveColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"primitiveColourDark\"\n            : \"primitiveColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        if (overrides) {\n            return getValue(colourSet, key, overrides);\n        } else {\n            return colourSet[key];\n        }\n    };\n};\n\nexport const PrimitiveColour: {\n    [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n    \"brand-10\": getPrimitiveColour(\"brand-10\"),\n    \"brand-20\": getPrimitiveColour(\"brand-20\"),\n    \"brand-30\": getPrimitiveColour(\"brand-30\"),\n    \"brand-40\": getPrimitiveColour(\"brand-40\"),\n    \"brand-50\": getPrimitiveColour(\"brand-50\"),\n    \"brand-60\": getPrimitiveColour(\"brand-60\"),\n    \"brand-70\": getPrimitiveColour(\"brand-70\"),\n    \"brand-80\": getPrimitiveColour(\"brand-80\"),\n    \"brand-90\": getPrimitiveColour(\"brand-90\"),\n    \"brand-95\": getPrimitiveColour(\"brand-95\"),\n    \"brand-100\": getPrimitiveColour(\"brand-100\"),\n    \"primary-10\": getPrimitiveColour(\"primary-10\"),\n    \"primary-20\": getPrimitiveColour(\"primary-20\"),\n    \"primary-30\": getPrimitiveColour(\"primary-30\"),\n    \"primary-40\": getPrimitiveColour(\"primary-40\"),\n    \"primary-50\": getPrimitiveColour(\"primary-50\"),\n    \"primary-60\": getPrimitiveColour(\"primary-60\"),\n    \"primary-70\": getPrimitiveColour(\"primary-70\"),\n    \"primary-80\": getPrimitiveColour(\"primary-80\"),\n    \"primary-90\": getPrimitiveColour(\"primary-90\"),\n    \"primary-95\": getPrimitiveColour(\"primary-95\"),\n    \"primary-100\": getPrimitiveColour(\"primary-100\"),\n    \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n    \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n    \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n    \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n    \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n    \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n    \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n    \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n    \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n    \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n    \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n    \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n    \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n    \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n    \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n    \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n    \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n    \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n    \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n    \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n    \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n    \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n    \"success-10\": getPrimitiveColour(\"success-10\"),\n    \"success-20\": getPrimitiveColour(\"success-20\"),\n    \"success-30\": getPrimitiveColour(\"success-30\"),\n    \"success-40\": getPrimitiveColour(\"success-40\"),\n    \"success-50\": getPrimitiveColour(\"success-50\"),\n    \"success-60\": getPrimitiveColour(\"success-60\"),\n    \"success-70\": getPrimitiveColour(\"success-70\"),\n    \"success-80\": getPrimitiveColour(\"success-80\"),\n    \"success-90\": getPrimitiveColour(\"success-90\"),\n    \"success-95\": getPrimitiveColour(\"success-95\"),\n    \"success-100\": getPrimitiveColour(\"success-100\"),\n    \"warning-10\": getPrimitiveColour(\"warning-10\"),\n    \"warning-20\": getPrimitiveColour(\"warning-20\"),\n    \"warning-30\": getPrimitiveColour(\"warning-30\"),\n    \"warning-40\": getPrimitiveColour(\"warning-40\"),\n    \"warning-50\": getPrimitiveColour(\"warning-50\"),\n    \"warning-60\": getPrimitiveColour(\"warning-60\"),\n    \"warning-70\": getPrimitiveColour(\"warning-70\"),\n    \"warning-80\": getPrimitiveColour(\"warning-80\"),\n    \"warning-90\": getPrimitiveColour(\"warning-90\"),\n    \"warning-95\": getPrimitiveColour(\"warning-95\"),\n    \"warning-100\": getPrimitiveColour(\"warning-100\"),\n    \"error-10\": getPrimitiveColour(\"error-10\"),\n    \"error-20\": getPrimitiveColour(\"error-20\"),\n    \"error-30\": getPrimitiveColour(\"error-30\"),\n    \"error-40\": getPrimitiveColour(\"error-40\"),\n    \"error-50\": getPrimitiveColour(\"error-50\"),\n    \"error-60\": getPrimitiveColour(\"error-60\"),\n    \"error-70\": getPrimitiveColour(\"error-70\"),\n    \"error-80\": getPrimitiveColour(\"error-80\"),\n    \"error-90\": getPrimitiveColour(\"error-90\"),\n    \"error-95\": getPrimitiveColour(\"error-95\"),\n    \"error-100\": getPrimitiveColour(\"error-100\"),\n    \"info-10\": getPrimitiveColour(\"info-10\"),\n    \"info-20\": getPrimitiveColour(\"info-20\"),\n    \"info-30\": getPrimitiveColour(\"info-30\"),\n    \"info-40\": getPrimitiveColour(\"info-40\"),\n    \"info-50\": getPrimitiveColour(\"info-50\"),\n    \"info-60\": getPrimitiveColour(\"info-60\"),\n    \"info-70\": getPrimitiveColour(\"info-70\"),\n    \"info-80\": getPrimitiveColour(\"info-80\"),\n    \"info-90\": getPrimitiveColour(\"info-90\"),\n    \"info-95\": getPrimitiveColour(\"info-95\"),\n    \"info-100\": getPrimitiveColour(\"info-100\"),\n    white: getPrimitiveColour(\"white\"),\n    black: getPrimitiveColour(\"black\"),\n    \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","careercompass","CareerCompassColourSet","smgs","SMGSColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"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"}
+{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { CareerCompassColourSet } from \"./specs/careercompass-colour-set\";\nimport { ToteBoardColourSet } from \"./specs/toteboard-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n        toteboard: ToteBoardColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        // Currently all schemes use light primitive colours as fallback\n        // In the future, add custom dark primitive sets like:\n        // lifesg: LifeSgDarkColourSet,\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n        toteboard: ToteBoardColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate colour spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colourSet: PrimitiveColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"primitiveColourDark\"\n            : \"primitiveColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        if (overrides) {\n            return getValue(colourSet, key, overrides);\n        } else {\n            return colourSet[key];\n        }\n    };\n};\n\nexport const PrimitiveColour: {\n    [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n    \"brand-10\": getPrimitiveColour(\"brand-10\"),\n    \"brand-20\": getPrimitiveColour(\"brand-20\"),\n    \"brand-30\": getPrimitiveColour(\"brand-30\"),\n    \"brand-40\": getPrimitiveColour(\"brand-40\"),\n    \"brand-50\": getPrimitiveColour(\"brand-50\"),\n    \"brand-60\": getPrimitiveColour(\"brand-60\"),\n    \"brand-70\": getPrimitiveColour(\"brand-70\"),\n    \"brand-80\": getPrimitiveColour(\"brand-80\"),\n    \"brand-90\": getPrimitiveColour(\"brand-90\"),\n    \"brand-95\": getPrimitiveColour(\"brand-95\"),\n    \"brand-100\": getPrimitiveColour(\"brand-100\"),\n    \"primary-10\": getPrimitiveColour(\"primary-10\"),\n    \"primary-20\": getPrimitiveColour(\"primary-20\"),\n    \"primary-30\": getPrimitiveColour(\"primary-30\"),\n    \"primary-40\": getPrimitiveColour(\"primary-40\"),\n    \"primary-50\": getPrimitiveColour(\"primary-50\"),\n    \"primary-60\": getPrimitiveColour(\"primary-60\"),\n    \"primary-70\": getPrimitiveColour(\"primary-70\"),\n    \"primary-80\": getPrimitiveColour(\"primary-80\"),\n    \"primary-90\": getPrimitiveColour(\"primary-90\"),\n    \"primary-95\": getPrimitiveColour(\"primary-95\"),\n    \"primary-100\": getPrimitiveColour(\"primary-100\"),\n    \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n    \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n    \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n    \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n    \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n    \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n    \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n    \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n    \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n    \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n    \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n    \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n    \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n    \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n    \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n    \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n    \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n    \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n    \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n    \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n    \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n    \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n    \"success-10\": getPrimitiveColour(\"success-10\"),\n    \"success-20\": getPrimitiveColour(\"success-20\"),\n    \"success-30\": getPrimitiveColour(\"success-30\"),\n    \"success-40\": getPrimitiveColour(\"success-40\"),\n    \"success-50\": getPrimitiveColour(\"success-50\"),\n    \"success-60\": getPrimitiveColour(\"success-60\"),\n    \"success-70\": getPrimitiveColour(\"success-70\"),\n    \"success-80\": getPrimitiveColour(\"success-80\"),\n    \"success-90\": getPrimitiveColour(\"success-90\"),\n    \"success-95\": getPrimitiveColour(\"success-95\"),\n    \"success-100\": getPrimitiveColour(\"success-100\"),\n    \"warning-10\": getPrimitiveColour(\"warning-10\"),\n    \"warning-20\": getPrimitiveColour(\"warning-20\"),\n    \"warning-30\": getPrimitiveColour(\"warning-30\"),\n    \"warning-40\": getPrimitiveColour(\"warning-40\"),\n    \"warning-50\": getPrimitiveColour(\"warning-50\"),\n    \"warning-60\": getPrimitiveColour(\"warning-60\"),\n    \"warning-70\": getPrimitiveColour(\"warning-70\"),\n    \"warning-80\": getPrimitiveColour(\"warning-80\"),\n    \"warning-90\": getPrimitiveColour(\"warning-90\"),\n    \"warning-95\": getPrimitiveColour(\"warning-95\"),\n    \"warning-100\": getPrimitiveColour(\"warning-100\"),\n    \"error-10\": getPrimitiveColour(\"error-10\"),\n    \"error-20\": getPrimitiveColour(\"error-20\"),\n    \"error-30\": getPrimitiveColour(\"error-30\"),\n    \"error-40\": getPrimitiveColour(\"error-40\"),\n    \"error-50\": getPrimitiveColour(\"error-50\"),\n    \"error-60\": getPrimitiveColour(\"error-60\"),\n    \"error-70\": getPrimitiveColour(\"error-70\"),\n    \"error-80\": getPrimitiveColour(\"error-80\"),\n    \"error-90\": getPrimitiveColour(\"error-90\"),\n    \"error-95\": getPrimitiveColour(\"error-95\"),\n    \"error-100\": getPrimitiveColour(\"error-100\"),\n    \"info-10\": getPrimitiveColour(\"info-10\"),\n    \"info-20\": getPrimitiveColour(\"info-20\"),\n    \"info-30\": getPrimitiveColour(\"info-30\"),\n    \"info-40\": getPrimitiveColour(\"info-40\"),\n    \"info-50\": getPrimitiveColour(\"info-50\"),\n    \"info-60\": getPrimitiveColour(\"info-60\"),\n    \"info-70\": getPrimitiveColour(\"info-70\"),\n    \"info-80\": getPrimitiveColour(\"info-80\"),\n    \"info-90\": getPrimitiveColour(\"info-90\"),\n    \"info-95\": getPrimitiveColour(\"info-95\"),\n    \"info-100\": getPrimitiveColour(\"info-100\"),\n    white: getPrimitiveColour(\"white\"),\n    black: getPrimitiveColour(\"black\"),\n    \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","careercompass","CareerCompassColourSet","smgs","SMGSColourSet","toteboard","ToteBoardColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"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"}

package/theme/colour-semantic/theme-helper.js

@@ -1,2 +1,2 @@
-import{getCollection as e,getValue as r}from"../helpers.js";import{A11yPlaygroundDarkColourSet as s,A11yPlaygroundColourSet as o}from"./specs/a11yplayground-semantic-tokens.js";import{LifeSGDarkColourSet as t,LifeSGColourSet as b}from"./specs/lifesg-semantic-tokens.js";import{PAColourSet as n}from"./specs/pa-semantic-tokens.js";import{SGWDigitalLobbyDarkColourSet as g,SGWDigitalLobbyColourSet as i}from"./specs/sgwdigitallobby-tokens.js";import{SPFColourSet as l}from"./specs/spf-semantic-tokens.js";const d={collections:{lifesg:b,bookingsg:b,rbs:b,mylegacy:b,ccube:b,oneservice:b,pa:n,a11yplayground:o,supportgowhere:b,sgwdigitallobby:i,imda:b,spf:l,smgs:b,careercompass:b},defaultValue:"lifesg"},c={collections:{lifesg:t,bookingsg:t,rbs:t,mylegacy:t,ccube:t,oneservice:t,pa:t,a11yplayground:s,supportgowhere:t,sgwdigitallobby:g,imda:t,spf:t,smgs:t,careercompass:t},defaultValue:"lifesg"},a=s=>o=>{var t;const b=o.theme,n="dark"===(null==b?void 0:b.colourMode),g=e(n?c:d,null==b?void 0:b.colourScheme),i=n?"semanticColourDark":"semanticColour",l=null===(t=null==b?void 0:b.overrides)||void 0===t?void 0:t[i],a=l?r(g,s,l):g[s];return"function"==typeof a?a(o):a},u={text:a("text"),"text-subtle":a("text-subtle"),"text-subtler":a("text-subtler"),"text-subtlest":a("text-subtlest"),"text-primary":a("text-primary"),"text-primary-strong":a("text-primary-strong"),"text-primary-strongest":a("text-primary-strongest"),"text-brand":a("text-brand"),"text-secondary":a("text-secondary"),"text-secondary-subtle":a("text-secondary-subtle"),"text-hover":a("text-hover"),"text-selected":a("text-selected"),"text-selected-hover":a("text-selected-hover"),"text-disabled":a("text-disabled"),"text-disabled-subtle":a("text-disabled-subtle"),"text-disabled-subtlest":a("text-disabled-subtlest"),"text-selected-disabled":a("text-selected-disabled"),"text-success":a("text-success"),"text-warning":a("text-warning"),"text-error":a("text-error"),"text-info":a("text-info"),"text-inverse":a("text-inverse"),icon:a("icon"),"icon-subtle":a("icon-subtle"),"icon-strongest":a("icon-strongest"),"icon-primary":a("icon-primary"),"icon-primary-subtle":a("icon-primary-subtle"),"icon-primary-subtlest":a("icon-primary-subtlest"),"icon-brand":a("icon-brand"),"icon-secondary":a("icon-secondary"),"icon-secondary-subtle":a("icon-secondary-subtle"),"icon-hover":a("icon-hover"),"icon-selected":a("icon-selected"),"icon-selected-hover":a("icon-selected-hover"),"icon-disabled":a("icon-disabled"),"icon-disabled-subtle":a("icon-disabled-subtle"),"icon-selected-disabled":a("icon-selected-disabled"),"icon-success":a("icon-success"),"icon-warning":a("icon-warning"),"icon-error":a("icon-error"),"icon-error-strong":a("icon-error-strong"),"icon-info":a("icon-info"),"icon-inverse":a("icon-inverse"),"icon-primary-inverse":a("icon-primary-inverse"),border:a("border"),"border-strong":a("border-strong"),"border-stronger":a("border-stronger"),"border-primary":a("border-primary"),"border-primary-strong":a("border-primary-strong"),"border-primary-subtle":a("border-primary-subtle"),"border-hover":a("border-hover"),"border-hover-strong":a("border-hover-strong"),"border-selected":a("border-selected"),"border-selected-subtle":a("border-selected-subtle"),"border-selected-subtlest":a("border-selected-subtlest"),"border-selected-hover":a("border-selected-hover"),"border-focus":a("border-focus"),"border-focus-strong":a("border-focus-strong"),"border-disabled":a("border-disabled"),"border-selected-disabled":a("border-selected-disabled"),"border-success":a("border-success"),"border-warning":a("border-warning"),"border-error":a("border-error"),"border-error-focus":a("border-error-focus"),"border-error-focus-strong":a("border-error-focus-strong"),"border-error-strong":a("border-error-strong"),"border-info":a("border-info"),bg:a("bg"),"bg-strong":a("bg-strong"),"bg-stronger":a("bg-stronger"),"bg-strongest":a("bg-strongest"),"bg-hover":a("bg-hover"),"bg-hover-strong":a("bg-hover-strong"),"bg-hover-subtle":a("bg-hover-subtle"),"bg-hover-neutral":a("bg-hover-neutral"),"bg-hover-neutral-strong":a("bg-hover-neutral-strong"),"bg-selected":a("bg-selected"),"bg-selected-hover":a("bg-selected-hover"),"bg-selected-strong":a("bg-selected-strong"),"bg-selected-stronger":a("bg-selected-stronger"),"bg-selected-strongest":a("bg-selected-strongest"),"bg-selected-strongest-hover":a("bg-selected-strongest-hover"),"bg-disabled":a("bg-disabled"),"bg-selected-disabled":a("bg-selected-disabled"),"bg-selected-stronger-disabled":a("bg-selected-stronger-disabled"),"bg-success":a("bg-success"),"bg-success-hover":a("bg-success-hover"),"bg-success-strong":a("bg-success-strong"),"bg-success-strong-hover":a("bg-success-strong-hover"),"bg-warning":a("bg-warning"),"bg-warning-hover":a("bg-warning-hover"),"bg-warning-strong":a("bg-warning-strong"),"bg-warning-strong-hover":a("bg-warning-strong-hover"),"bg-info":a("bg-info"),"bg-info-hover":a("bg-info-hover"),"bg-info-strong":a("bg-info-strong"),"bg-info-strong-hover":a("bg-info-strong-hover"),"bg-error":a("bg-error"),"bg-error-hover":a("bg-error-hover"),"bg-error-strong":a("bg-error-strong"),"bg-error-strong-hover":a("bg-error-strong-hover"),"bg-inverse":a("bg-inverse"),"bg-inverse-subtle":a("bg-inverse-subtle"),"bg-inverse-subtler":a("bg-inverse-subtler"),"bg-inverse-subtlest":a("bg-inverse-subtlest"),"bg-inverse-hover":a("bg-inverse-hover"),"bg-primary":a("bg-primary"),"bg-primary-strong":a("bg-primary-strong"),"bg-primary-subtle":a("bg-primary-subtle"),"bg-primary-subtler":a("bg-primary-subtler"),"bg-primary-subtlest":a("bg-primary-subtlest"),"bg-secondary":a("bg-secondary"),"bg-secondary-subtle":a("bg-secondary-subtle"),"bg-secondary-subtler":a("bg-secondary-subtler"),"bg-secondary-subtlest":a("bg-secondary-subtlest"),"bg-available":a("bg-available"),"bg-primary-hover":a("bg-primary-hover"),"bg-primary-strong-hover":a("bg-primary-strong-hover"),"bg-primary-subtlest-hover":a("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":a("bg-primary-subtlest-selected"),"overlay-strong":a("overlay-strong"),"overlay-subtle":a("overlay-subtle"),hyperlink:a("hyperlink"),"hyperlink-hover":a("hyperlink-hover"),"hyperlink-visited":a("hyperlink-visited"),"hyperlink-inverse":a("hyperlink-inverse"),"focus-ring":a("focus-ring"),"focus-ring-inverse":a("focus-ring-inverse")};export{u as ColourSemantic,d as ColourSpec,c as DarkColourSpec,a as getSemanticColour};
+import{getCollection as e,getValue as r}from"../helpers.js";import{A11yPlaygroundDarkColourSet as s,A11yPlaygroundColourSet as o}from"./specs/a11yplayground-semantic-tokens.js";import{LifeSGDarkColourSet as t,LifeSGColourSet as b}from"./specs/lifesg-semantic-tokens.js";import{PAColourSet as n}from"./specs/pa-semantic-tokens.js";import{SGWDigitalLobbyDarkColourSet as g,SGWDigitalLobbyColourSet as i}from"./specs/sgwdigitallobby-tokens.js";import{SPFColourSet as d}from"./specs/spf-semantic-tokens.js";const l={collections:{lifesg:b,bookingsg:b,rbs:b,mylegacy:b,ccube:b,oneservice:b,pa:n,a11yplayground:o,supportgowhere:b,sgwdigitallobby:i,imda:b,spf:d,smgs:b,careercompass:b,toteboard:b},defaultValue:"lifesg"},c={collections:{lifesg:t,bookingsg:t,rbs:t,mylegacy:t,ccube:t,oneservice:t,pa:t,a11yplayground:s,supportgowhere:t,sgwdigitallobby:g,imda:t,spf:t,smgs:t,careercompass:t,toteboard:t},defaultValue:"lifesg"},a=s=>o=>{var t;const b=o.theme,n="dark"===(null==b?void 0:b.colourMode),g=e(n?c:l,null==b?void 0:b.colourScheme),i=n?"semanticColourDark":"semanticColour",d=null===(t=null==b?void 0:b.overrides)||void 0===t?void 0:t[i],a=d?r(g,s,d):g[s];return"function"==typeof a?a(o):a},u={text:a("text"),"text-subtle":a("text-subtle"),"text-subtler":a("text-subtler"),"text-subtlest":a("text-subtlest"),"text-primary":a("text-primary"),"text-primary-strong":a("text-primary-strong"),"text-primary-strongest":a("text-primary-strongest"),"text-brand":a("text-brand"),"text-secondary":a("text-secondary"),"text-secondary-subtle":a("text-secondary-subtle"),"text-hover":a("text-hover"),"text-selected":a("text-selected"),"text-selected-hover":a("text-selected-hover"),"text-disabled":a("text-disabled"),"text-disabled-subtle":a("text-disabled-subtle"),"text-disabled-subtlest":a("text-disabled-subtlest"),"text-selected-disabled":a("text-selected-disabled"),"text-success":a("text-success"),"text-warning":a("text-warning"),"text-error":a("text-error"),"text-info":a("text-info"),"text-inverse":a("text-inverse"),icon:a("icon"),"icon-subtle":a("icon-subtle"),"icon-strongest":a("icon-strongest"),"icon-primary":a("icon-primary"),"icon-primary-subtle":a("icon-primary-subtle"),"icon-primary-subtlest":a("icon-primary-subtlest"),"icon-brand":a("icon-brand"),"icon-secondary":a("icon-secondary"),"icon-secondary-subtle":a("icon-secondary-subtle"),"icon-hover":a("icon-hover"),"icon-selected":a("icon-selected"),"icon-selected-hover":a("icon-selected-hover"),"icon-disabled":a("icon-disabled"),"icon-disabled-subtle":a("icon-disabled-subtle"),"icon-selected-disabled":a("icon-selected-disabled"),"icon-success":a("icon-success"),"icon-warning":a("icon-warning"),"icon-error":a("icon-error"),"icon-error-strong":a("icon-error-strong"),"icon-info":a("icon-info"),"icon-inverse":a("icon-inverse"),"icon-primary-inverse":a("icon-primary-inverse"),border:a("border"),"border-strong":a("border-strong"),"border-stronger":a("border-stronger"),"border-primary":a("border-primary"),"border-primary-strong":a("border-primary-strong"),"border-primary-subtle":a("border-primary-subtle"),"border-hover":a("border-hover"),"border-hover-strong":a("border-hover-strong"),"border-selected":a("border-selected"),"border-selected-subtle":a("border-selected-subtle"),"border-selected-subtlest":a("border-selected-subtlest"),"border-selected-hover":a("border-selected-hover"),"border-focus":a("border-focus"),"border-focus-strong":a("border-focus-strong"),"border-disabled":a("border-disabled"),"border-selected-disabled":a("border-selected-disabled"),"border-success":a("border-success"),"border-warning":a("border-warning"),"border-error":a("border-error"),"border-error-focus":a("border-error-focus"),"border-error-focus-strong":a("border-error-focus-strong"),"border-error-strong":a("border-error-strong"),"border-info":a("border-info"),bg:a("bg"),"bg-strong":a("bg-strong"),"bg-stronger":a("bg-stronger"),"bg-strongest":a("bg-strongest"),"bg-hover":a("bg-hover"),"bg-hover-strong":a("bg-hover-strong"),"bg-hover-subtle":a("bg-hover-subtle"),"bg-hover-neutral":a("bg-hover-neutral"),"bg-hover-neutral-strong":a("bg-hover-neutral-strong"),"bg-selected":a("bg-selected"),"bg-selected-hover":a("bg-selected-hover"),"bg-selected-strong":a("bg-selected-strong"),"bg-selected-stronger":a("bg-selected-stronger"),"bg-selected-strongest":a("bg-selected-strongest"),"bg-selected-strongest-hover":a("bg-selected-strongest-hover"),"bg-disabled":a("bg-disabled"),"bg-selected-disabled":a("bg-selected-disabled"),"bg-selected-stronger-disabled":a("bg-selected-stronger-disabled"),"bg-success":a("bg-success"),"bg-success-hover":a("bg-success-hover"),"bg-success-strong":a("bg-success-strong"),"bg-success-strong-hover":a("bg-success-strong-hover"),"bg-warning":a("bg-warning"),"bg-warning-hover":a("bg-warning-hover"),"bg-warning-strong":a("bg-warning-strong"),"bg-warning-strong-hover":a("bg-warning-strong-hover"),"bg-info":a("bg-info"),"bg-info-hover":a("bg-info-hover"),"bg-info-strong":a("bg-info-strong"),"bg-info-strong-hover":a("bg-info-strong-hover"),"bg-error":a("bg-error"),"bg-error-hover":a("bg-error-hover"),"bg-error-strong":a("bg-error-strong"),"bg-error-strong-hover":a("bg-error-strong-hover"),"bg-inverse":a("bg-inverse"),"bg-inverse-subtle":a("bg-inverse-subtle"),"bg-inverse-subtler":a("bg-inverse-subtler"),"bg-inverse-subtlest":a("bg-inverse-subtlest"),"bg-inverse-hover":a("bg-inverse-hover"),"bg-primary":a("bg-primary"),"bg-primary-strong":a("bg-primary-strong"),"bg-primary-subtle":a("bg-primary-subtle"),"bg-primary-subtler":a("bg-primary-subtler"),"bg-primary-subtlest":a("bg-primary-subtlest"),"bg-secondary":a("bg-secondary"),"bg-secondary-subtle":a("bg-secondary-subtle"),"bg-secondary-subtler":a("bg-secondary-subtler"),"bg-secondary-subtlest":a("bg-secondary-subtlest"),"bg-available":a("bg-available"),"bg-primary-hover":a("bg-primary-hover"),"bg-primary-strong-hover":a("bg-primary-strong-hover"),"bg-primary-subtlest-hover":a("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":a("bg-primary-subtlest-selected"),"overlay-strong":a("overlay-strong"),"overlay-subtle":a("overlay-subtle"),hyperlink:a("hyperlink"),"hyperlink-hover":a("hyperlink-hover"),"hyperlink-visited":a("hyperlink-visited"),"hyperlink-inverse":a("hyperlink-inverse"),"focus-ring":a("focus-ring"),"focus-ring-inverse":a("focus-ring-inverse")};export{u as ColourSemantic,l as ColourSpec,c as DarkColourSpec,a as getSemanticColour};
 //# sourceMappingURL=theme-helper.js.map

package/theme/colour-semantic/theme-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/colour-semantic/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, SemanticColourSet } from \"../types\";\nimport {\n    A11yPlaygroundColourSet,\n    A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n    LifeSGColourSet,\n    LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n    SGWDigitalLobbyColourSet,\n    SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    SemanticColourCollectionMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSGColourSet,\n        bookingsg: LifeSGColourSet,\n        rbs: LifeSGColourSet,\n        mylegacy: LifeSGColourSet,\n        ccube: LifeSGColourSet,\n        oneservice: LifeSGColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: LifeSGColourSet,\n        sgwdigitallobby: SGWDigitalLobbyColourSet,\n        imda: LifeSGColourSet,\n        spf: SPFColourSet,\n        smgs: LifeSGColourSet,\n        careercompass: LifeSGColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n    SemanticColourCollectionMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSGDarkColourSet,\n        bookingsg: LifeSGDarkColourSet,\n        rbs: LifeSGDarkColourSet,\n        mylegacy: LifeSGDarkColourSet,\n        ccube: LifeSGDarkColourSet,\n        oneservice: LifeSGDarkColourSet,\n        pa: LifeSGDarkColourSet,\n        a11yplayground: A11yPlaygroundDarkColourSet,\n        supportgowhere: LifeSGDarkColourSet,\n        sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n        imda: LifeSGDarkColourSet,\n        spf: LifeSGDarkColourSet,\n        smgs: LifeSGDarkColourSet,\n        careercompass: LifeSGDarkColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate color spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colorSet: SemanticColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"semanticColourDark\"\n            : \"semanticColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        const colorValue = overrides\n            ? getValue(colorSet, key, overrides)\n            : colorSet[key];\n\n        // If function, resolve with props\n        if (typeof colorValue === \"function\") {\n            return (colorValue as (props: any) => string)(props);\n        }\n\n        return colorValue as string;\n    };\n};\n\nexport const ColourSemantic: {\n    [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n    // text\n    text: getSemanticColour(\"text\"),\n    \"text-subtle\": getSemanticColour(\"text-subtle\"),\n    \"text-subtler\": getSemanticColour(\"text-subtler\"),\n    \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n    \"text-primary\": getSemanticColour(\"text-primary\"),\n    \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n    \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n    \"text-brand\": getSemanticColour(\"text-brand\"),\n    \"text-secondary\": getSemanticColour(\"text-secondary\"),\n    \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n    \"text-hover\": getSemanticColour(\"text-hover\"),\n    \"text-selected\": getSemanticColour(\"text-selected\"),\n    \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n    \"text-disabled\": getSemanticColour(\"text-disabled\"),\n    \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n    \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n    \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n    \"text-success\": getSemanticColour(\"text-success\"),\n    \"text-warning\": getSemanticColour(\"text-warning\"),\n    \"text-error\": getSemanticColour(\"text-error\"),\n    \"text-info\": getSemanticColour(\"text-info\"),\n    \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n    // icon\n    icon: getSemanticColour(\"icon\"),\n    \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n    \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n    \"icon-primary\": getSemanticColour(\"icon-primary\"),\n    \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n    \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n    \"icon-brand\": getSemanticColour(\"icon-brand\"),\n    \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n    \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n    \"icon-hover\": getSemanticColour(\"icon-hover\"),\n    \"icon-selected\": getSemanticColour(\"icon-selected\"),\n    \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n    \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n    \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n    \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n    \"icon-success\": getSemanticColour(\"icon-success\"),\n    \"icon-warning\": getSemanticColour(\"icon-warning\"),\n    \"icon-error\": getSemanticColour(\"icon-error\"),\n    \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n    \"icon-info\": getSemanticColour(\"icon-info\"),\n    \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n    \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n    // border\n    border: getSemanticColour(\"border\"),\n    \"border-strong\": getSemanticColour(\"border-strong\"),\n    \"border-stronger\": getSemanticColour(\"border-stronger\"),\n    \"border-primary\": getSemanticColour(\"border-primary\"),\n    \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n    \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n    \"border-hover\": getSemanticColour(\"border-hover\"),\n    \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n    \"border-selected\": getSemanticColour(\"border-selected\"),\n    \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n    \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n    \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n    \"border-focus\": getSemanticColour(\"border-focus\"),\n    \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n    \"border-disabled\": getSemanticColour(\"border-disabled\"),\n    \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n    \"border-success\": getSemanticColour(\"border-success\"),\n    \"border-warning\": getSemanticColour(\"border-warning\"),\n    \"border-error\": getSemanticColour(\"border-error\"),\n    \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n    \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n    \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n    \"border-info\": getSemanticColour(\"border-info\"),\n\n    // background\n    bg: getSemanticColour(\"bg\"),\n    \"bg-strong\": getSemanticColour(\"bg-strong\"),\n    \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n    \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n    \"bg-hover\": getSemanticColour(\"bg-hover\"),\n    \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n    \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n    \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n    \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n    \"bg-selected\": getSemanticColour(\"bg-selected\"),\n    \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n    \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n    \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n    \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n    \"bg-selected-strongest-hover\": getSemanticColour(\n        \"bg-selected-strongest-hover\"\n    ),\n\n    \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n    \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n    \"bg-selected-stronger-disabled\": getSemanticColour(\n        \"bg-selected-stronger-disabled\"\n    ),\n\n    \"bg-success\": getSemanticColour(\"bg-success\"),\n    \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n    \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n    \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n    \"bg-warning\": getSemanticColour(\"bg-warning\"),\n    \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n    \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n    \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n    \"bg-info\": getSemanticColour(\"bg-info\"),\n    \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n    \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n    \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n    \"bg-error\": getSemanticColour(\"bg-error\"),\n    \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n    \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n    \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n    \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n    \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n    \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n    \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n    \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n    \"bg-primary\": getSemanticColour(\"bg-primary\"),\n    \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n    \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n    \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n    \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n    \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n    \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n    \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n    \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n    \"bg-available\": getSemanticColour(\"bg-available\"),\n\n    \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n    \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n    \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n    \"bg-primary-subtlest-selected\": getSemanticColour(\n        \"bg-primary-subtlest-selected\"\n    ),\n\n    // overlay\n    \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n    \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n    // hyperlink\n    hyperlink: getSemanticColour(\"hyperlink\"),\n    \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n    \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n    \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n    // focus ring\n    \"focus-ring\": getSemanticColour(\"focus-ring\"),\n    \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"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"}
+{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/colour-semantic/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, SemanticColourSet } from \"../types\";\nimport {\n    A11yPlaygroundColourSet,\n    A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n    LifeSGColourSet,\n    LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n    SGWDigitalLobbyColourSet,\n    SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    SemanticColourCollectionMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSGColourSet,\n        bookingsg: LifeSGColourSet,\n        rbs: LifeSGColourSet,\n        mylegacy: LifeSGColourSet,\n        ccube: LifeSGColourSet,\n        oneservice: LifeSGColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: LifeSGColourSet,\n        sgwdigitallobby: SGWDigitalLobbyColourSet,\n        imda: LifeSGColourSet,\n        spf: SPFColourSet,\n        smgs: LifeSGColourSet,\n        careercompass: LifeSGColourSet,\n        toteboard: LifeSGColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n    SemanticColourCollectionMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSGDarkColourSet,\n        bookingsg: LifeSGDarkColourSet,\n        rbs: LifeSGDarkColourSet,\n        mylegacy: LifeSGDarkColourSet,\n        ccube: LifeSGDarkColourSet,\n        oneservice: LifeSGDarkColourSet,\n        pa: LifeSGDarkColourSet,\n        a11yplayground: A11yPlaygroundDarkColourSet,\n        supportgowhere: LifeSGDarkColourSet,\n        sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n        imda: LifeSGDarkColourSet,\n        spf: LifeSGDarkColourSet,\n        smgs: LifeSGDarkColourSet,\n        careercompass: LifeSGDarkColourSet,\n        toteboard: LifeSGDarkColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate color spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colorSet: SemanticColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"semanticColourDark\"\n            : \"semanticColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        const colorValue = overrides\n            ? getValue(colorSet, key, overrides)\n            : colorSet[key];\n\n        // If function, resolve with props\n        if (typeof colorValue === \"function\") {\n            return (colorValue as (props: any) => string)(props);\n        }\n\n        return colorValue as string;\n    };\n};\n\nexport const ColourSemantic: {\n    [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n    // text\n    text: getSemanticColour(\"text\"),\n    \"text-subtle\": getSemanticColour(\"text-subtle\"),\n    \"text-subtler\": getSemanticColour(\"text-subtler\"),\n    \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n    \"text-primary\": getSemanticColour(\"text-primary\"),\n    \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n    \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n    \"text-brand\": getSemanticColour(\"text-brand\"),\n    \"text-secondary\": getSemanticColour(\"text-secondary\"),\n    \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n    \"text-hover\": getSemanticColour(\"text-hover\"),\n    \"text-selected\": getSemanticColour(\"text-selected\"),\n    \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n    \"text-disabled\": getSemanticColour(\"text-disabled\"),\n    \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n    \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n    \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n    \"text-success\": getSemanticColour(\"text-success\"),\n    \"text-warning\": getSemanticColour(\"text-warning\"),\n    \"text-error\": getSemanticColour(\"text-error\"),\n    \"text-info\": getSemanticColour(\"text-info\"),\n    \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n    // icon\n    icon: getSemanticColour(\"icon\"),\n    \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n    \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n    \"icon-primary\": getSemanticColour(\"icon-primary\"),\n    \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n    \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n    \"icon-brand\": getSemanticColour(\"icon-brand\"),\n    \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n    \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n    \"icon-hover\": getSemanticColour(\"icon-hover\"),\n    \"icon-selected\": getSemanticColour(\"icon-selected\"),\n    \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n    \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n    \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n    \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n    \"icon-success\": getSemanticColour(\"icon-success\"),\n    \"icon-warning\": getSemanticColour(\"icon-warning\"),\n    \"icon-error\": getSemanticColour(\"icon-error\"),\n    \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n    \"icon-info\": getSemanticColour(\"icon-info\"),\n    \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n    \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n    // border\n    border: getSemanticColour(\"border\"),\n    \"border-strong\": getSemanticColour(\"border-strong\"),\n    \"border-stronger\": getSemanticColour(\"border-stronger\"),\n    \"border-primary\": getSemanticColour(\"border-primary\"),\n    \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n    \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n    \"border-hover\": getSemanticColour(\"border-hover\"),\n    \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n    \"border-selected\": getSemanticColour(\"border-selected\"),\n    \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n    \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n    \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n    \"border-focus\": getSemanticColour(\"border-focus\"),\n    \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n    \"border-disabled\": getSemanticColour(\"border-disabled\"),\n    \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n    \"border-success\": getSemanticColour(\"border-success\"),\n    \"border-warning\": getSemanticColour(\"border-warning\"),\n    \"border-error\": getSemanticColour(\"border-error\"),\n    \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n    \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n    \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n    \"border-info\": getSemanticColour(\"border-info\"),\n\n    // background\n    bg: getSemanticColour(\"bg\"),\n    \"bg-strong\": getSemanticColour(\"bg-strong\"),\n    \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n    \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n    \"bg-hover\": getSemanticColour(\"bg-hover\"),\n    \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n    \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n    \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n    \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n    \"bg-selected\": getSemanticColour(\"bg-selected\"),\n    \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n    \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n    \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n    \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n    \"bg-selected-strongest-hover\": getSemanticColour(\n        \"bg-selected-strongest-hover\"\n    ),\n\n    \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n    \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n    \"bg-selected-stronger-disabled\": getSemanticColour(\n        \"bg-selected-stronger-disabled\"\n    ),\n\n    \"bg-success\": getSemanticColour(\"bg-success\"),\n    \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n    \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n    \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n    \"bg-warning\": getSemanticColour(\"bg-warning\"),\n    \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n    \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n    \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n    \"bg-info\": getSemanticColour(\"bg-info\"),\n    \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n    \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n    \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n    \"bg-error\": getSemanticColour(\"bg-error\"),\n    \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n    \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n    \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n    \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n    \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n    \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n    \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n    \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n    \"bg-primary\": getSemanticColour(\"bg-primary\"),\n    \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n    \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n    \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n    \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n    \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n    \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n    \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n    \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n    \"bg-available\": getSemanticColour(\"bg-available\"),\n\n    \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n    \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n    \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n    \"bg-primary-subtlest-selected\": getSemanticColour(\n        \"bg-primary-subtlest-selected\"\n    ),\n\n    // overlay\n    \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n    \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n    // hyperlink\n    hyperlink: getSemanticColour(\"hyperlink\"),\n    \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n    \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n    \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n    // focus ring\n    \"focus-ring\": getSemanticColour(\"focus-ring\"),\n    \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","toteboard","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"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"}

package/theme/font/specs/toteboard-font-set.d.ts

@@ -0,0 +1,2 @@
+import { FontSet } from "../types";
+export declare const ToteBoardFontSet: FontSet;

package/theme/font/specs/toteboard-font-set.js

@@ -0,0 +1,2 @@
+import{getFontSet as s}from"../utils.js";const t=s({disableLigatures:!0});export{t as ToteBoardFontSet};
+//# sourceMappingURL=toteboard-font-set.js.map

package/theme/font/specs/toteboard-font-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toteboard-font-set.js","sources":["../../../../src/theme/font/specs/toteboard-font-set.ts"],"sourcesContent":["import { FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const ToteBoardFontSet: FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["ToteBoardFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAA4BC,EAAW,CAChDC,kBAAkB"}

package/theme/font/theme-helper.js

@@ -1,2 +1,2 @@
-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};
+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{ToteBoardFontSet as b}from"./specs/toteboard-font-set.js";import{SPFFontSet as n}from"./specs/spf-font-set.js";import{OneServiceFontSet as r}from"./specs/oneservice-font-set.js";const m={collections:{default:l,bookingsg:o,mylegacy:l,pa:i,a11yplayground:s,supportgowhere:g,sgwdigitallobby:g,imda:a,spf:n,oneservice:r,toteboard:b},defaultValue:"default"},h=o=>l=>{var i;const s=l.theme,g=e(m,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};
 //# 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\";\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"}
+{"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 { ToteBoardFontSet } from \"./specs/toteboard-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        toteboard: ToteBoardFontSet,\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","toteboard","ToteBoardFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","FontValues"],"mappings":"mnBAeA,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,UAAWC,GAEfC,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"}

package/theme/font-spec/specs/toteboard-font-spec-set.d.ts

@@ -0,0 +1,2 @@
+import { FontSpecSet } from "../types";
+export declare const ToteBoardFontSpecSet: FontSpecSet;