@lifesg/react-design-system 3.4.0-canary.6 → 3.4.0-canary.8

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

@@ -1,2 +1,2 @@
-import{getCollection as e,getValue as r}from"../helpers.js";import{LifeSGDarkColourSet as s,LifeSGColourSet as o}from"./specs/lifesg-semantic-tokens.js";import{PAColourSet as t}from"./specs/pa-semantic-tokens.js";import{A11yPlaygroundDarkColourSet as b,A11yPlaygroundColourSet as n}from"./specs/a11yplayground-semantic-tokens.js";import{SGWDigitalLobbyDarkColourSet as g,SGWDigitalLobbyColourSet as i}from"./specs/sgwdigitallobby-tokens.js";const l={collections:{lifesg:o,bookingsg:o,rbs:o,mylegacy:o,ccube:o,oneservice:o,pa:t,a11yplayground:n,supportgowhere:o,sgwdigitallobby:i,imda:o,spf:o,smgs:o,careercompass:o},defaultValue:"lifesg"},c={collections:{lifesg:s,bookingsg:s,rbs:s,mylegacy:s,ccube:s,oneservice:s,pa:s,a11yplayground:b,supportgowhere:s,sgwdigitallobby:g,imda:s,spf:s,smgs:s,careercompass:s},defaultValue:"lifesg"},d=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},a={text:d("text"),"text-subtle":d("text-subtle"),"text-subtler":d("text-subtler"),"text-subtlest":d("text-subtlest"),"text-primary":d("text-primary"),"text-primary-strongest":d("text-primary-strongest"),"text-secondary":d("text-secondary"),"text-secondary-subtle":d("text-secondary-subtle"),"text-hover":d("text-hover"),"text-selected":d("text-selected"),"text-selected-hover":d("text-selected-hover"),"text-disabled":d("text-disabled"),"text-disabled-subtle":d("text-disabled-subtle"),"text-disabled-subtlest":d("text-disabled-subtlest"),"text-selected-disabled":d("text-selected-disabled"),"text-success":d("text-success"),"text-warning":d("text-warning"),"text-error":d("text-error"),"text-info":d("text-info"),"text-inverse":d("text-inverse"),icon:d("icon"),"icon-subtle":d("icon-subtle"),"icon-strongest":d("icon-strongest"),"icon-primary":d("icon-primary"),"icon-primary-subtle":d("icon-primary-subtle"),"icon-primary-subtlest":d("icon-primary-subtlest"),"icon-secondary":d("icon-secondary"),"icon-secondary-subtle":d("icon-secondary-subtle"),"icon-hover":d("icon-hover"),"icon-selected":d("icon-selected"),"icon-selected-hover":d("icon-selected-hover"),"icon-disabled":d("icon-disabled"),"icon-disabled-subtle":d("icon-disabled-subtle"),"icon-selected-disabled":d("icon-selected-disabled"),"icon-success":d("icon-success"),"icon-warning":d("icon-warning"),"icon-error":d("icon-error"),"icon-error-strong":d("icon-error-strong"),"icon-info":d("icon-info"),"icon-inverse":d("icon-inverse"),"icon-primary-inverse":d("icon-primary-inverse"),border:d("border"),"border-strong":d("border-strong"),"border-stronger":d("border-stronger"),"border-primary":d("border-primary"),"border-primary-subtle":d("border-primary-subtle"),"border-hover":d("border-hover"),"border-hover-strong":d("border-hover-strong"),"border-selected":d("border-selected"),"border-selected-subtle":d("border-selected-subtle"),"border-selected-subtlest":d("border-selected-subtlest"),"border-selected-hover":d("border-selected-hover"),"border-focus":d("border-focus"),"border-focus-strong":d("border-focus-strong"),"border-disabled":d("border-disabled"),"border-selected-disabled":d("border-selected-disabled"),"border-success":d("border-success"),"border-warning":d("border-warning"),"border-error":d("border-error"),"border-error-focus":d("border-error-focus"),"border-error-focus-strong":d("border-error-focus-strong"),"border-error-strong":d("border-error-strong"),"border-info":d("border-info"),bg:d("bg"),"bg-strong":d("bg-strong"),"bg-stronger":d("bg-stronger"),"bg-strongest":d("bg-strongest"),"bg-hover":d("bg-hover"),"bg-hover-strong":d("bg-hover-strong"),"bg-hover-subtle":d("bg-hover-subtle"),"bg-hover-neutral":d("bg-hover-neutral"),"bg-hover-neutral-strong":d("bg-hover-neutral-strong"),"bg-selected":d("bg-selected"),"bg-selected-hover":d("bg-selected-hover"),"bg-selected-strong":d("bg-selected-strong"),"bg-selected-stronger":d("bg-selected-stronger"),"bg-selected-strongest":d("bg-selected-strongest"),"bg-selected-strongest-hover":d("bg-selected-strongest-hover"),"bg-disabled":d("bg-disabled"),"bg-selected-disabled":d("bg-selected-disabled"),"bg-selected-stronger-disabled":d("bg-selected-stronger-disabled"),"bg-success":d("bg-success"),"bg-success-hover":d("bg-success-hover"),"bg-success-strong":d("bg-success-strong"),"bg-success-strong-hover":d("bg-success-strong-hover"),"bg-warning":d("bg-warning"),"bg-warning-hover":d("bg-warning-hover"),"bg-warning-strong":d("bg-warning-strong"),"bg-warning-strong-hover":d("bg-warning-strong-hover"),"bg-info":d("bg-info"),"bg-info-hover":d("bg-info-hover"),"bg-info-strong":d("bg-info-strong"),"bg-info-strong-hover":d("bg-info-strong-hover"),"bg-error":d("bg-error"),"bg-error-hover":d("bg-error-hover"),"bg-error-strong":d("bg-error-strong"),"bg-error-strong-hover":d("bg-error-strong-hover"),"bg-inverse":d("bg-inverse"),"bg-inverse-subtle":d("bg-inverse-subtle"),"bg-inverse-subtler":d("bg-inverse-subtler"),"bg-inverse-subtlest":d("bg-inverse-subtlest"),"bg-inverse-hover":d("bg-inverse-hover"),"bg-primary":d("bg-primary"),"bg-primary-subtle":d("bg-primary-subtle"),"bg-primary-subtler":d("bg-primary-subtler"),"bg-primary-subtlest":d("bg-primary-subtlest"),"bg-available":d("bg-available"),"bg-secondary":d("bg-secondary"),"bg-secondary-subtle":d("bg-secondary-subtle"),"bg-secondary-subtler":d("bg-secondary-subtler"),"bg-secondary-subtlest":d("bg-secondary-subtlest"),"bg-primary-hover":d("bg-primary-hover"),"bg-primary-subtlest-hover":d("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":d("bg-primary-subtlest-selected"),"overlay-strong":d("overlay-strong"),"overlay-subtle":d("overlay-subtle"),hyperlink:d("hyperlink"),"hyperlink-hover":d("hyperlink-hover"),"hyperlink-visited":d("hyperlink-visited"),"hyperlink-inverse":d("hyperlink-inverse"),"focus-ring":d("focus-ring"),"focus-ring-inverse":d("focus-ring-inverse")};export{a as ColourSemantic,l as ColourSpec,c as DarkColourSpec,d 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 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};
 //# 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    LifeSGColourSet,\n    LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n    A11yPlaygroundColourSet,\n    A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\nimport {\n    SGWDigitalLobbyColourSet,\n    SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\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: LifeSGColourSet,\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-strongest\": getSemanticColour(\"text-primary-strongest\"),\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-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-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-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n    \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n    \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n    \"bg-available\": getSemanticColour(\"bg-available\"),\n\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\n    \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n    \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\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","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    },\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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"}

package/theme/colour-semantic/types.d.ts

@@ -10,7 +10,9 @@ export type SemanticColourSet = {
     "text-subtler": SemanticColourValue;
     "text-subtlest": SemanticColourValue;
     "text-primary": SemanticColourValue;
+    "text-primary-strong": SemanticColourValue;
     "text-primary-strongest": SemanticColourValue;
+    "text-brand": SemanticColourValue;
     "text-secondary": SemanticColourValue;
     "text-secondary-subtle": SemanticColourValue;
     "text-hover": SemanticColourValue;
@@ -31,6 +33,7 @@ export type SemanticColourSet = {
     "icon-primary": SemanticColourValue;
     "icon-primary-subtle": SemanticColourValue;
     "icon-primary-subtlest": SemanticColourValue;
+    "icon-brand": SemanticColourValue;
     "icon-secondary": SemanticColourValue;
     "icon-secondary-subtle": SemanticColourValue;
     "icon-hover": SemanticColourValue;
@@ -50,6 +53,7 @@ export type SemanticColourSet = {
     "border-strong": SemanticColourValue;
     "border-stronger": SemanticColourValue;
     "border-primary": SemanticColourValue;
+    "border-primary-strong": SemanticColourValue;
     "border-primary-subtle": SemanticColourValue;
     "border-hover": SemanticColourValue;
     "border-hover-strong": SemanticColourValue;
@@ -108,15 +112,17 @@ export type SemanticColourSet = {
     "bg-inverse-subtlest": SemanticColourValue;
     "bg-inverse-hover": SemanticColourValue;
     "bg-primary": SemanticColourValue;
+    "bg-primary-strong": SemanticColourValue;
     "bg-primary-subtle": SemanticColourValue;
     "bg-primary-subtler": SemanticColourValue;
     "bg-primary-subtlest": SemanticColourValue;
-    "bg-available": SemanticColourValue;
     "bg-secondary": SemanticColourValue;
     "bg-secondary-subtle": SemanticColourValue;
     "bg-secondary-subtler": SemanticColourValue;
     "bg-secondary-subtlest": SemanticColourValue;
+    "bg-available": SemanticColourValue;
     "bg-primary-hover": SemanticColourValue;
+    "bg-primary-strong-hover": SemanticColourValue;
     "bg-primary-subtlest-hover": SemanticColourValue;
     "bg-primary-subtlest-selected": SemanticColourValue;
     "overlay-strong": SemanticColourValue;

package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js

@@ -1,2 +1,2 @@
-const e={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.2rem","body-size-sm":"1.125rem","body-size-xs":"1rem","body-lh-baseline":"1.75rem","body-lh-md":"1.625rem","body-lh-sm":"1.625rem","body-lh-xs":"1.5rem","body-ls-baseline":"0rem","body-ls-md":"0rem","body-ls-sm":"0rem","body-ls-xs":"0.009rem","form-label-size":"1.25rem","form-description-size":"1.125rem","form-label-lh":"1.625rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0rem"};export{e as SGWDigitalLobbyFontSpecSet};
+const e={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.25rem","body-size-sm":"1.125rem","body-size-xs":"1rem","body-lh-baseline":"1.75rem","body-lh-md":"1.625rem","body-lh-sm":"1.625rem","body-lh-xs":"1.5rem","body-ls-baseline":"0rem","body-ls-md":"0rem","body-ls-sm":"0rem","body-ls-xs":"0.009rem","form-label-size":"1.25rem","form-description-size":"1.125rem","form-label-lh":"1.625rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0rem"};export{e as SGWDigitalLobbyFontSpecSet};
 //# sourceMappingURL=sgw-digital-lobby-font-spec-set.js.map

package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgw-digital-lobby-font-spec-set.js","sources":["../../../../src/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SGWDigitalLobbyFontSpecSet: FontSpecSet = {\n    \"heading-size-xxl\": \"3.75rem\",\n    \"heading-size-xl\": \"3rem\",\n    \"heading-size-lg\": \"2.5rem\",\n    \"heading-size-md\": \"2rem\",\n    \"heading-size-sm\": \"1.625rem\",\n    \"heading-size-xs\": \"1.375rem\",\n\n    \"heading-lh-xxl\": \"4.5rem\",\n    \"heading-lh-xl\": \"3.5rem\",\n    \"heading-lh-lg\": \"3rem\",\n    \"heading-lh-md\": \"2.5rem\",\n    \"heading-lh-sm\": \"2.25rem\",\n    \"heading-lh-xs\": \"1.75rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.035em\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"-0.02rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Libre Franklin\",\n    \"heading-font-family\": \"Libre Franklin\",\n    \"body-font-family\": \"Libre Franklin\",\n\n    \"body-size-baseline\": \"1.375rem\",\n    \"body-size-md\": \"1.2rem\",\n    \"body-size-sm\": \"1.125rem\",\n    \"body-size-xs\": \"1rem\",\n\n    \"body-lh-baseline\": \"1.75rem\",\n    \"body-lh-md\": \"1.625rem\",\n    \"body-lh-sm\": \"1.625rem\",\n    \"body-lh-xs\": \"1.5rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0rem\",\n    \"body-ls-sm\": \"0rem\",\n    \"body-ls-xs\": \"0.009rem\",\n\n    \"form-label-size\": \"1.25rem\",\n    \"form-description-size\": \"1.125rem\",\n\n    \"form-label-lh\": \"1.625rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0rem\",\n    \"form-description-ls\": \"0rem\",\n};\n"],"names":["SGWDigitalLobbyFontSpecSet"],"mappings":"AAEO,MAAMA,EAA0C,CACnD,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,iBACvB,mBAAoB,iBAEpB,qBAAsB,WACtB,eAAgB,SAChB,eAAgB,WAChB,eAAgB,OAEhB,mBAAoB,UACpB,aAAc,WACd,aAAc,WACd,aAAc,SAEd,mBAAoB,OACpB,aAAc,OACd,aAAc,OACd,aAAc,WAEd,kBAAmB,UACnB,wBAAyB,WAEzB,gBAAiB,WACjB,sBAAuB,WAEvB,gBAAiB,OACjB,sBAAuB"}
+{"version":3,"file":"sgw-digital-lobby-font-spec-set.js","sources":["../../../../src/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SGWDigitalLobbyFontSpecSet: FontSpecSet = {\n    \"heading-size-xxl\": \"3.75rem\",\n    \"heading-size-xl\": \"3rem\",\n    \"heading-size-lg\": \"2.5rem\",\n    \"heading-size-md\": \"2rem\",\n    \"heading-size-sm\": \"1.625rem\",\n    \"heading-size-xs\": \"1.375rem\",\n\n    \"heading-lh-xxl\": \"4.5rem\",\n    \"heading-lh-xl\": \"3.5rem\",\n    \"heading-lh-lg\": \"3rem\",\n    \"heading-lh-md\": \"2.5rem\",\n    \"heading-lh-sm\": \"2.25rem\",\n    \"heading-lh-xs\": \"1.75rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.035em\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"-0.02rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Libre Franklin\",\n    \"heading-font-family\": \"Libre Franklin\",\n    \"body-font-family\": \"Libre Franklin\",\n\n    \"body-size-baseline\": \"1.375rem\",\n    \"body-size-md\": \"1.25rem\",\n    \"body-size-sm\": \"1.125rem\",\n    \"body-size-xs\": \"1rem\",\n\n    \"body-lh-baseline\": \"1.75rem\",\n    \"body-lh-md\": \"1.625rem\",\n    \"body-lh-sm\": \"1.625rem\",\n    \"body-lh-xs\": \"1.5rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0rem\",\n    \"body-ls-sm\": \"0rem\",\n    \"body-ls-xs\": \"0.009rem\",\n\n    \"form-label-size\": \"1.25rem\",\n    \"form-description-size\": \"1.125rem\",\n\n    \"form-label-lh\": \"1.625rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0rem\",\n    \"form-description-ls\": \"0rem\",\n};\n"],"names":["SGWDigitalLobbyFontSpecSet"],"mappings":"AAEO,MAAMA,EAA0C,CACnD,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,iBACvB,mBAAoB,iBAEpB,qBAAsB,WACtB,eAAgB,UAChB,eAAgB,WAChB,eAAgB,OAEhB,mBAAoB,UACpB,aAAc,WACd,aAAc,WACd,aAAc,SAEd,mBAAoB,OACpB,aAAc,OACd,aAAc,OACd,aAAc,WAEd,kBAAmB,UACnB,wBAAyB,WAEzB,gBAAiB,WACjB,sBAAuB,WAEvB,gBAAiB,OACjB,sBAAuB"}

package/theme/index.d.ts

@@ -101,7 +101,9 @@ export declare const Colour: {
     "text-subtler": (props: import("./helpers").StyledComponentProps) => string;
     "text-subtlest": (props: import("./helpers").StyledComponentProps) => string;
     "text-primary": (props: import("./helpers").StyledComponentProps) => string;
+    "text-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
     "text-primary-strongest": (props: import("./helpers").StyledComponentProps) => string;
+    "text-brand": (props: import("./helpers").StyledComponentProps) => string;
     "text-secondary": (props: import("./helpers").StyledComponentProps) => string;
     "text-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "text-hover": (props: import("./helpers").StyledComponentProps) => string;
@@ -122,6 +124,7 @@ export declare const Colour: {
     "icon-primary": (props: import("./helpers").StyledComponentProps) => string;
     "icon-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "icon-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
+    "icon-brand": (props: import("./helpers").StyledComponentProps) => string;
     "icon-secondary": (props: import("./helpers").StyledComponentProps) => string;
     "icon-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "icon-hover": (props: import("./helpers").StyledComponentProps) => string;
@@ -141,6 +144,7 @@ export declare const Colour: {
     "border-strong": (props: import("./helpers").StyledComponentProps) => string;
     "border-stronger": (props: import("./helpers").StyledComponentProps) => string;
     "border-primary": (props: import("./helpers").StyledComponentProps) => string;
+    "border-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
     "border-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "border-hover": (props: import("./helpers").StyledComponentProps) => string;
     "border-hover-strong": (props: import("./helpers").StyledComponentProps) => string;
@@ -199,15 +203,17 @@ export declare const Colour: {
     "bg-inverse-subtlest": (props: import("./helpers").StyledComponentProps) => string;
     "bg-inverse-hover": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary": (props: import("./helpers").StyledComponentProps) => string;
+    "bg-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-subtler": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
-    "bg-available": (props: import("./helpers").StyledComponentProps) => string;
     "bg-secondary": (props: import("./helpers").StyledComponentProps) => string;
     "bg-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
     "bg-secondary-subtler": (props: import("./helpers").StyledComponentProps) => string;
     "bg-secondary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
+    "bg-available": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-hover": (props: import("./helpers").StyledComponentProps) => string;
+    "bg-primary-strong-hover": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-subtlest-hover": (props: import("./helpers").StyledComponentProps) => string;
     "bg-primary-subtlest-selected": (props: import("./helpers").StyledComponentProps) => string;
     "overlay-strong": (props: import("./helpers").StyledComponentProps) => string;

package/timetable/timetable-header/timetable-header.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as r,Fragment as l}from"react/jsx-runtime";import{RefreshIcon as o}from"@lifesg/react-icons";import{NavigationHeaderWrapper as a,StyledDateNavigator as i,NavigationHeaderSubtitleWrapper as n,StyledResultText as s,StyledRefreshButton as c}from"./timetable-header.style.js";const d=d=>{var{selectedDate:m,loading:f,tableContainerRef:b,totalRecords:h,onPreviousDayClick:C,onNextDayClick:u,onRefresh:D,onCalendarDateSelect:g}=d,p=e(d,["selectedDate","loading","tableContainerRef","totalRecords","onPreviousDayClick","onNextDayClick","onRefresh","onCalendarDateSelect"]);const y=()=>{b.current&&(b.current.scrollTop=0)},R=()=>{D&&(y(),D())};return t(a,{children:[r(i,Object.assign({selectedDate:m,loading:f},p,{onRightArrowClick:e=>{y(),u(e)},onLeftArrowClick:e=>{y(),C(e)},onCalendarDateSelect:g})),void 0===h?r(l,{}):t(n,{children:[t(s,{"data-testid":"timetable-records-results",weight:"semibold",children:[h," results found"]}),D&&r(c,{"data-testid":"timetable-records-refresh-btn","aria-label":"Refresh timetable records",styleType:"light",sizeType:"small",disabled:f,onClick:R,$loading:f,children:r(o,{})})]})]})};export{d as TimeTableHeader};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as r,Fragment as l}from"react/jsx-runtime";import{RefreshIcon as o}from"@lifesg/react-icons";import{NavigationHeaderWrapper as a,StyledDateNavigator as i,NavigationHeaderSubtitleWrapper as n,StyledResultText as s,StyledRefreshButton as c}from"./timetable-header.style.js";const d=d=>{var{selectedDate:m,loading:f,tableContainerRef:b,totalRecords:h,onPreviousDayClick:C,onNextDayClick:u,onRefresh:D,onCalendarDateSelect:g}=d,p=e(d,["selectedDate","loading","tableContainerRef","totalRecords","onPreviousDayClick","onNextDayClick","onRefresh","onCalendarDateSelect"]);const y=()=>{b.current&&(b.current.scrollTop=0)},R=()=>{D&&(y(),D())};return t(a,{children:[r(i,Object.assign({selectedDate:m,loading:f},p,{onRightArrowClick:e=>{y(),u(e)},onLeftArrowClick:e=>{y(),C(e)},onCalendarDateSelect:g})),void 0===h?r(l,{}):t(n,{children:[t(s,{"data-testid":"timetable-records-results",weight:"semibold",children:[h," result",1!==h?"s":""," found"]}),D&&r(c,{"data-testid":"timetable-records-refresh-btn","aria-label":"Refresh timetable records",styleType:"light",sizeType:"small",disabled:f,onClick:R,$loading:f,children:r(o,{})})]})]})};export{d as TimeTableHeader};
 //# sourceMappingURL=timetable-header.js.map

package/timetable/timetable-header/timetable-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"timetable-header.js","sources":["../../../src/timetable/timetable-header/timetable-header.tsx"],"sourcesContent":["import { RefreshIcon } from \"@lifesg/react-icons\";\nimport { RefObject } from \"react\";\nimport {\n    NavigationHeaderSubtitleWrapper,\n    NavigationHeaderWrapper,\n    StyledDateNavigator,\n    StyledRefreshButton,\n    StyledResultText,\n} from \"./timetable-header.style\";\n\ninterface TimeTableHeaderProps {\n    selectedDate: string;\n    loading: boolean;\n    tableContainerRef: RefObject<HTMLDivElement>;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    totalRecords?: number | undefined;\n    showDateAsShortForm?: boolean | undefined;\n    showCurrentDateAsToday?: boolean | undefined;\n    onPreviousDayClick: (currentDate: string) => void | undefined;\n    onNextDayClick: (currentDate: string) => void | undefined;\n    onRefresh?: (() => void) | undefined;\n    onCalendarDateSelect?: ((currentDate: string) => void) | undefined;\n}\n\nexport const TimeTableHeader = ({\n    selectedDate,\n    loading,\n    tableContainerRef,\n    totalRecords,\n    onPreviousDayClick,\n    onNextDayClick,\n    onRefresh,\n    onCalendarDateSelect,\n    ...otherProps\n}: TimeTableHeaderProps) => {\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n\n    const scrollToTop = () => {\n        if (tableContainerRef.current) {\n            tableContainerRef.current.scrollTop = 0;\n        }\n    };\n\n    const handleRefresh = () => {\n        if (!onRefresh) return;\n        scrollToTop();\n        onRefresh();\n    };\n\n    const handleRightArrowClick = (date: string) => {\n        scrollToTop();\n        onNextDayClick(date);\n    };\n\n    const handleLeftArrowClick = (date: string) => {\n        scrollToTop();\n        onPreviousDayClick(date);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderRecordsSection = () => {\n        if (totalRecords === undefined) return <></>;\n        return (\n            <NavigationHeaderSubtitleWrapper>\n                <StyledResultText\n                    data-testid=\"timetable-records-results\"\n                    weight={\"semibold\"}\n                >\n                    {totalRecords} results found\n                </StyledResultText>\n                {onRefresh && (\n                    <StyledRefreshButton\n                        data-testid=\"timetable-records-refresh-btn\"\n                        aria-label=\"Refresh timetable records\"\n                        styleType=\"light\"\n                        sizeType=\"small\"\n                        disabled={loading}\n                        onClick={handleRefresh}\n                        $loading={loading}\n                    >\n                        <RefreshIcon />\n                    </StyledRefreshButton>\n                )}\n            </NavigationHeaderSubtitleWrapper>\n        );\n    };\n\n    return (\n        <NavigationHeaderWrapper>\n            <StyledDateNavigator\n                selectedDate={selectedDate}\n                loading={loading}\n                {...otherProps}\n                onRightArrowClick={handleRightArrowClick}\n                onLeftArrowClick={handleLeftArrowClick}\n                onCalendarDateSelect={onCalendarDateSelect}\n            />\n            {renderRecordsSection()}\n        </NavigationHeaderWrapper>\n    );\n};\n"],"names":["TimeTableHeader","_a","selectedDate","loading","tableContainerRef","totalRecords","onPreviousDayClick","onNextDayClick","onRefresh","onCalendarDateSelect","otherProps","__rest","scrollToTop","current","scrollTop","handleRefresh","_jsxs","NavigationHeaderWrapper","children","_jsx","StyledDateNavigator","Object","assign","onRightArrowClick","date","onLeftArrowClick","undefined","NavigationHeaderSubtitleWrapper","StyledResultText","weight","StyledRefreshButton","styleType","sizeType","disabled","onClick","$loading","RefreshIcon"],"mappings":"uVAyBO,MAAMA,EAAmBC,QAAAC,aAC5BA,EAAYC,QACZA,EAAOC,kBACPA,EAAiBC,aACjBA,EAAYC,mBACZA,EAAkBC,eAClBA,EAAcC,UACdA,EAASC,qBACTA,GAAoBR,EACjBS,EAAUC,EAAAV,EATe,wIAe5B,MAAMW,EAAc,KACZR,EAAkBS,UAClBT,EAAkBS,QAAQC,UAAY,EAC1C,EAGEC,EAAgB,KACbP,IACLI,IACAJ,IAAW,EA2Cf,OACIQ,EAACC,EAAuB,CAAAC,SAAA,CACpBC,EAACC,EAAmBC,OAAAC,OAAA,CAChBpB,aAAcA,EACdC,QAASA,GACLO,EAAU,CACda,kBA9CmBC,IAC3BZ,IACAL,EAAeiB,EAAK,EA6CZC,iBA1CkBD,IAC1BZ,IACAN,EAAmBkB,EAAK,EAyChBf,qBAAsBA,UAlCTiB,IAAjBrB,EAAmCc,QAEnCH,EAACW,EAA+B,CAAAT,SAAA,CAC5BF,EAACY,EAAgB,CAAA,cACD,4BACZC,OAAQ,WAAUX,SAAA,CAEjBb,EAAY,oBAEhBG,GACGW,EAACW,EAAmB,CAAA,cACJ,gCAA+B,aAChC,4BACXC,UAAU,QACVC,SAAS,QACTC,SAAU9B,EACV+B,QAASnB,EAAaoB,SACZhC,EAAOe,SAEjBC,EAACiB,aAkBS"}
+{"version":3,"file":"timetable-header.js","sources":["../../../src/timetable/timetable-header/timetable-header.tsx"],"sourcesContent":["import { RefreshIcon } from \"@lifesg/react-icons\";\nimport { RefObject } from \"react\";\nimport {\n    NavigationHeaderSubtitleWrapper,\n    NavigationHeaderWrapper,\n    StyledDateNavigator,\n    StyledRefreshButton,\n    StyledResultText,\n} from \"./timetable-header.style\";\n\ninterface TimeTableHeaderProps {\n    selectedDate: string;\n    loading: boolean;\n    tableContainerRef: RefObject<HTMLDivElement>;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    totalRecords?: number | undefined;\n    showDateAsShortForm?: boolean | undefined;\n    showCurrentDateAsToday?: boolean | undefined;\n    onPreviousDayClick: (currentDate: string) => void | undefined;\n    onNextDayClick: (currentDate: string) => void | undefined;\n    onRefresh?: (() => void) | undefined;\n    onCalendarDateSelect?: ((currentDate: string) => void) | undefined;\n}\n\nexport const TimeTableHeader = ({\n    selectedDate,\n    loading,\n    tableContainerRef,\n    totalRecords,\n    onPreviousDayClick,\n    onNextDayClick,\n    onRefresh,\n    onCalendarDateSelect,\n    ...otherProps\n}: TimeTableHeaderProps) => {\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n\n    const scrollToTop = () => {\n        if (tableContainerRef.current) {\n            tableContainerRef.current.scrollTop = 0;\n        }\n    };\n\n    const handleRefresh = () => {\n        if (!onRefresh) return;\n        scrollToTop();\n        onRefresh();\n    };\n\n    const handleRightArrowClick = (date: string) => {\n        scrollToTop();\n        onNextDayClick(date);\n    };\n\n    const handleLeftArrowClick = (date: string) => {\n        scrollToTop();\n        onPreviousDayClick(date);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderRecordsSection = () => {\n        if (totalRecords === undefined) return <></>;\n        return (\n            <NavigationHeaderSubtitleWrapper>\n                <StyledResultText\n                    data-testid=\"timetable-records-results\"\n                    weight={\"semibold\"}\n                >\n                    {totalRecords} result{totalRecords !== 1 ? \"s\" : \"\"} found\n                </StyledResultText>\n                {onRefresh && (\n                    <StyledRefreshButton\n                        data-testid=\"timetable-records-refresh-btn\"\n                        aria-label=\"Refresh timetable records\"\n                        styleType=\"light\"\n                        sizeType=\"small\"\n                        disabled={loading}\n                        onClick={handleRefresh}\n                        $loading={loading}\n                    >\n                        <RefreshIcon />\n                    </StyledRefreshButton>\n                )}\n            </NavigationHeaderSubtitleWrapper>\n        );\n    };\n\n    return (\n        <NavigationHeaderWrapper>\n            <StyledDateNavigator\n                selectedDate={selectedDate}\n                loading={loading}\n                {...otherProps}\n                onRightArrowClick={handleRightArrowClick}\n                onLeftArrowClick={handleLeftArrowClick}\n                onCalendarDateSelect={onCalendarDateSelect}\n            />\n            {renderRecordsSection()}\n        </NavigationHeaderWrapper>\n    );\n};\n"],"names":["TimeTableHeader","_a","selectedDate","loading","tableContainerRef","totalRecords","onPreviousDayClick","onNextDayClick","onRefresh","onCalendarDateSelect","otherProps","__rest","scrollToTop","current","scrollTop","handleRefresh","_jsxs","NavigationHeaderWrapper","children","_jsx","StyledDateNavigator","Object","assign","onRightArrowClick","date","onLeftArrowClick","undefined","NavigationHeaderSubtitleWrapper","StyledResultText","weight","StyledRefreshButton","styleType","sizeType","disabled","onClick","$loading","RefreshIcon"],"mappings":"uVAyBO,MAAMA,EAAmBC,QAAAC,aAC5BA,EAAYC,QACZA,EAAOC,kBACPA,EAAiBC,aACjBA,EAAYC,mBACZA,EAAkBC,eAClBA,EAAcC,UACdA,EAASC,qBACTA,GAAoBR,EACjBS,EAAUC,EAAAV,EATe,wIAe5B,MAAMW,EAAc,KACZR,EAAkBS,UAClBT,EAAkBS,QAAQC,UAAY,EAC1C,EAGEC,EAAgB,KACbP,IACLI,IACAJ,IAAW,EA2Cf,OACIQ,EAACC,EAAuB,CAAAC,SAAA,CACpBC,EAACC,EAAmBC,OAAAC,OAAA,CAChBpB,aAAcA,EACdC,QAASA,GACLO,EAAU,CACda,kBA9CmBC,IAC3BZ,IACAL,EAAeiB,EAAK,EA6CZC,iBA1CkBD,IAC1BZ,IACAN,EAAmBkB,EAAK,EAyChBf,qBAAsBA,UAlCTiB,IAAjBrB,EAAmCc,QAEnCH,EAACW,EAA+B,CAAAT,SAAA,CAC5BF,EAACY,EAAgB,CAAA,cACD,4BACZC,OAAQ,WAAUX,SAAA,CAEjBb,EAAY,UAA0B,IAAjBA,EAAqB,IAAM,GAAE,YAEtDG,GACGW,EAACW,EAAmB,CAAA,cACJ,gCAA+B,aAChC,4BACXC,UAAU,QACVC,SAAS,QACTC,SAAU9B,EACV+B,QAASnB,EAAaoB,SACZhC,EAAOe,SAEjBC,EAACiB,EAAW,WAkBF"}