@lifesg/react-design-system 3.4.0-canary.4 → 3.4.0-canary.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/badge/badge.style.d.ts +3 -3
- package/badge/badge.style.js +8 -8
- package/badge/badge.style.js.map +1 -1
- package/badge/types.d.ts +1 -1
- package/cjs/badge/badge.style.js +11 -11
- package/cjs/badge/badge.style.js.map +1 -1
- package/cjs/date-input/date-input.js +1 -1
- package/cjs/date-input/date-input.js.map +1 -1
- package/cjs/error-display/error-display-data.js +1 -1
- package/cjs/error-display/error-display-data.js.map +1 -1
- package/cjs/filter/filter-badge.js +2 -0
- package/cjs/filter/filter-badge.js.map +1 -0
- package/cjs/filter/filter-modal.js +1 -1
- package/cjs/filter/filter-modal.js.map +1 -1
- package/cjs/filter/filter-modal.styles.js +20 -12
- package/cjs/filter/filter-modal.styles.js.map +1 -1
- package/cjs/filter/filter-sidebar.js +1 -1
- package/cjs/filter/filter-sidebar.js.map +1 -1
- package/cjs/filter/filter-sidebar.styles.js +19 -14
- package/cjs/filter/filter-sidebar.styles.js.map +1 -1
- package/cjs/form/form-wrapper.js +1 -1
- package/cjs/form/form-wrapper.js.map +1 -1
- package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js +1 -1
- package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/modal/modal.js +1 -1
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/modal/modal.styles.js +4 -5
- package/cjs/modal/modal.styles.js.map +1 -1
- package/cjs/modal-v2/modal-v2.js +1 -1
- package/cjs/modal-v2/modal-v2.js.map +1 -1
- package/cjs/modal-v2/modal-v2.styles.js +10 -10
- package/cjs/modal-v2/modal-v2.styles.js.map +1 -1
- package/cjs/shared/hooks/useViewport.js +1 -1
- package/cjs/shared/hooks/useViewport.js.map +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.js +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.js.map +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.style.js +19 -16
- package/cjs/shared/standalone-date-input/standalone-date-input.style.js.map +1 -1
- package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js +2 -0
- package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js.map +1 -0
- package/cjs/theme/colour-primitive/theme-helper.js +1 -1
- package/cjs/theme/colour-primitive/theme-helper.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/theme-helper.js +1 -1
- package/cjs/theme/colour-semantic/theme-helper.js.map +1 -1
- package/cjs/theme/font/theme-helper.js +1 -1
- package/cjs/theme/font/theme-helper.js.map +1 -1
- package/cjs/theme/font-spec/theme-helper.js +1 -1
- package/cjs/theme/font-spec/theme-helper.js.map +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/index.js.map +1 -1
- package/cjs/timepicker/timepicker.js +1 -1
- package/cjs/timepicker/timepicker.js.map +1 -1
- package/cjs/timepicker/timepicker.styles.js +4 -3
- package/cjs/timepicker/timepicker.styles.js.map +1 -1
- package/date-input/date-input.js +1 -1
- package/date-input/date-input.js.map +1 -1
- package/error-display/error-display-data.js +1 -1
- package/error-display/error-display-data.js.map +1 -1
- package/filter/filter-badge.d.ts +5 -0
- package/filter/filter-badge.js +2 -0
- package/filter/filter-badge.js.map +1 -0
- package/filter/filter-modal.d.ts +1 -1
- package/filter/filter-modal.js +1 -1
- package/filter/filter-modal.js.map +1 -1
- package/filter/filter-modal.styles.d.ts +2 -0
- package/filter/filter-modal.styles.js +24 -16
- package/filter/filter-modal.styles.js.map +1 -1
- package/filter/filter-sidebar.d.ts +1 -1
- package/filter/filter-sidebar.js +1 -1
- package/filter/filter-sidebar.js.map +1 -1
- package/filter/filter-sidebar.styles.d.ts +1 -0
- package/filter/filter-sidebar.styles.js +19 -14
- package/filter/filter-sidebar.styles.js.map +1 -1
- package/filter/filter.d.ts +2 -2
- package/filter/types.d.ts +1 -0
- package/form/form-wrapper.js +1 -1
- package/form/form-wrapper.js.map +1 -1
- package/fullscreen-image-carousel/fullscreen-image-carousel.js +1 -1
- package/fullscreen-image-carousel/fullscreen-image-carousel.js.map +1 -1
- package/index.js +1 -1
- package/modal/modal.js +1 -1
- package/modal/modal.js.map +1 -1
- package/modal/modal.styles.d.ts +1 -1
- package/modal/modal.styles.js +4 -5
- package/modal/modal.styles.js.map +1 -1
- package/modal-v2/modal-v2.js +1 -1
- package/modal-v2/modal-v2.js.map +1 -1
- package/modal-v2/modal-v2.styles.d.ts +0 -2
- package/modal-v2/modal-v2.styles.js +9 -9
- package/modal-v2/modal-v2.styles.js.map +1 -1
- package/package.json +1 -1
- package/shared/hooks/useViewport.d.ts +7 -2
- package/shared/hooks/useViewport.js +1 -1
- package/shared/hooks/useViewport.js.map +1 -1
- package/shared/standalone-date-input/standalone-date-input.js +1 -1
- package/shared/standalone-date-input/standalone-date-input.js.map +1 -1
- package/shared/standalone-date-input/standalone-date-input.style.d.ts +2 -1
- package/shared/standalone-date-input/standalone-date-input.style.js +20 -17
- package/shared/standalone-date-input/standalone-date-input.style.js.map +1 -1
- package/theme/colour-primitive/specs/careercompass-colour-set.d.ts +3 -0
- package/theme/colour-primitive/specs/careercompass-colour-set.js +2 -0
- package/theme/colour-primitive/specs/careercompass-colour-set.js.map +1 -0
- package/theme/colour-primitive/theme-helper.js +1 -1
- package/theme/colour-primitive/theme-helper.js.map +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/theme/colour-semantic/theme-helper.js +1 -1
- package/theme/colour-semantic/theme-helper.js.map +1 -1
- package/theme/colour-semantic/types.d.ts +8 -0
- package/theme/font/theme-helper.js +1 -1
- package/theme/font/theme-helper.js.map +1 -1
- package/theme/font-spec/theme-helper.js +1 -1
- package/theme/font-spec/theme-helper.js.map +1 -1
- package/theme/index.d.ts +27 -0
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/types.d.ts +3 -3
- package/timepicker/timepicker.js +1 -1
- package/timepicker/timepicker.js.map +1 -1
- package/timepicker/timepicker.styles.d.ts +6 -2
- package/timepicker/timepicker.styles.js +3 -2
- package/timepicker/timepicker.styles.js.map +1 -1
- package/cjs/theme/font/specs/smgs-font-set.js +0 -2
- package/cjs/theme/font/specs/smgs-font-set.js.map +0 -1
- package/cjs/theme/font-spec/specs/smgs-font-spec-set.js +0 -2
- package/cjs/theme/font-spec/specs/smgs-font-spec-set.js.map +0 -1
- package/theme/font/specs/smgs-font-set.d.ts +0 -2
- package/theme/font/specs/smgs-font-set.js +0 -2
- package/theme/font/specs/smgs-font-set.js.map +0 -1
- package/theme/font-spec/specs/smgs-font-spec-set.d.ts +0 -2
- package/theme/font-spec/specs/smgs-font-spec-set.js +0 -2
- package/theme/font-spec/specs/smgs-font-spec-set.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{getPrimitiveColour as r}from"../../colour-primitive/theme-helper.js";const e={text:r("neutral-20"),"text-subtle":r("neutral-30"),"text-subtler":r("neutral-50"),"text-subtlest":r("neutral-60"),"text-primary":r("primary-50"),"text-primary-strongest":r("primary-20"),"text-hover":r("primary-40"),"text-selected":r("primary-50"),"text-selected-hover":r("primary-40"),"text-disabled":r("neutral-50"),"text-disabled-subtle":r("neutral-60"),"text-disabled-subtlest":r("neutral-80"),"text-selected-disabled":r("neutral-20"),"text-success":r("success-40"),"text-warning":r("warning-40"),"text-error":r("error-40"),"text-info":r("info-40"),"text-inverse":r("white"),icon:r("neutral-50"),"icon-subtle":r("neutral-60"),"icon-strongest":r("neutral-20"),"icon-primary":r("primary-50"),"icon-primary-subtle":r("primary-60"),"icon-primary-subtlest":r("primary-70"),"icon-hover":r("primary-40"),"icon-selected":r("primary-50"),"icon-selected-hover":r("primary-40"),"icon-disabled":r("neutral-50"),"icon-disabled-subtle":r("neutral-60"),"icon-selected-disabled":r("neutral-60"),"icon-success":r("success-50"),"icon-warning":r("warning-60"),"icon-error":r("error-50"),"icon-error-strong":r("error-40"),"icon-info":r("info-50"),"icon-inverse":r("white"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-50"),"border-strong":r("neutral-70"),"border-stronger":r("neutral-50"),"border-primary":r("primary-50"),"border-primary-subtle":r("primary-60"),"border-hover":r("primary-90"),"border-hover-strong":r("primary-60"),"border-selected":r("primary-50"),"border-selected-subtle":r("primary-70"),"border-selected-subtlest":r("primary-90"),"border-selected-hover":r("primary-40"),"border-focus":r("primary-60"),"border-focus-strong":r("primary-50"),"border-disabled":r("neutral-90"),"border-selected-disabled":r("neutral-70"),"border-success":r("success-60"),"border-warning":r("warning-60"),"border-error":r("error-60"),"border-error-focus":r("error-60"),"border-error-focus-strong":r("error-40"),"border-error-strong":r("error-40"),"border-info":r("info-60"),bg:r("white"),"bg-strong":r("neutral-100"),"bg-stronger":r("neutral-95"),"bg-strongest":r("neutral-90"),"bg-hover":r("primary-95"),"bg-hover-strong":r("primary-90"),"bg-hover-subtle":r("primary-100"),"bg-hover-neutral":r("neutral-100"),"bg-hover-neutral-strong":r("neutral-90"),"bg-selected":r("primary-95"),"bg-selected-hover":r("primary-90"),"bg-selected-strong":r("primary-90"),"bg-selected-stronger":r("primary-70"),"bg-selected-strongest":r("primary-50"),"bg-selected-strongest-hover":r("primary-40"),"bg-disabled":r("neutral-95"),"bg-selected-disabled":r("neutral-95"),"bg-selected-stronger-disabled":r("neutral-70"),"bg-success":r("success-100"),"bg-success-hover":r("success-95"),"bg-success-strong":r("success-50"),"bg-success-strong-hover":r("success-40"),"bg-warning":r("warning-100"),"bg-warning-hover":r("warning-95"),"bg-warning-strong":r("warning-50"),"bg-warning-strong-hover":r("warning-40"),"bg-info":r("info-100"),"bg-info-hover":r("info-95"),"bg-info-strong":r("info-50"),"bg-info-strong-hover":r("info-40"),"bg-error":r("error-100"),"bg-error-hover":r("error-95"),"bg-error-strong":r("error-50"),"bg-error-strong-hover":r("error-40"),"bg-inverse":r("neutral-20"),"bg-inverse-subtle":r("neutral-30"),"bg-inverse-subtler":r("neutral-50"),"bg-inverse-subtlest":r("neutral-60"),"bg-inverse-hover":r("neutral-40"),"bg-primary":r("primary-50"),"bg-primary-subtle":r("primary-60"),"bg-primary-subtler":r("primary-95"),"bg-primary-subtlest":r("primary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r("primary-40"),"bg-primary-subtlest-hover":r("primary-90"),"bg-primary-subtlest-selected":r("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r("primary-50"),"hyperlink-hover":r("primary-40"),"hyperlink-visited":r("primary-40"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-50"),"focus-ring-inverse":r("white")},
|
|
1
|
+
import{getPrimitiveColour as r}from"../../colour-primitive/theme-helper.js";const e={text:r("neutral-20"),"text-subtle":r("neutral-30"),"text-subtler":r("neutral-50"),"text-subtlest":r("neutral-60"),"text-primary":r("primary-50"),"text-primary-strongest":r("primary-20"),"text-secondary":r("secondary-50"),"text-secondary-subtle":r("secondary-60"),"text-hover":r("primary-40"),"text-selected":r("primary-50"),"text-selected-hover":r("primary-40"),"text-disabled":r("neutral-50"),"text-disabled-subtle":r("neutral-60"),"text-disabled-subtlest":r("neutral-80"),"text-selected-disabled":r("neutral-20"),"text-success":r("success-40"),"text-warning":r("warning-40"),"text-error":r("error-40"),"text-info":r("info-40"),"text-inverse":r("white"),icon:r("neutral-50"),"icon-subtle":r("neutral-60"),"icon-strongest":r("neutral-20"),"icon-primary":r("primary-50"),"icon-primary-subtle":r("primary-60"),"icon-primary-subtlest":r("primary-70"),"icon-secondary":r("secondary-50"),"icon-secondary-subtle":r("secondary-60"),"icon-hover":r("primary-40"),"icon-selected":r("primary-50"),"icon-selected-hover":r("primary-40"),"icon-disabled":r("neutral-50"),"icon-disabled-subtle":r("neutral-60"),"icon-selected-disabled":r("neutral-60"),"icon-success":r("success-50"),"icon-warning":r("warning-60"),"icon-error":r("error-50"),"icon-error-strong":r("error-40"),"icon-info":r("info-50"),"icon-inverse":r("white"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-50"),"border-strong":r("neutral-70"),"border-stronger":r("neutral-50"),"border-primary":r("primary-50"),"border-primary-subtle":r("primary-60"),"border-hover":r("primary-90"),"border-hover-strong":r("primary-60"),"border-selected":r("primary-50"),"border-selected-subtle":r("primary-70"),"border-selected-subtlest":r("primary-90"),"border-selected-hover":r("primary-40"),"border-focus":r("primary-60"),"border-focus-strong":r("primary-50"),"border-disabled":r("neutral-90"),"border-selected-disabled":r("neutral-70"),"border-success":r("success-60"),"border-warning":r("warning-60"),"border-error":r("error-60"),"border-error-focus":r("error-60"),"border-error-focus-strong":r("error-40"),"border-error-strong":r("error-40"),"border-info":r("info-60"),bg:r("white"),"bg-strong":r("neutral-100"),"bg-stronger":r("neutral-95"),"bg-strongest":r("neutral-90"),"bg-hover":r("primary-95"),"bg-hover-strong":r("primary-90"),"bg-hover-subtle":r("primary-100"),"bg-hover-neutral":r("neutral-100"),"bg-hover-neutral-strong":r("neutral-90"),"bg-selected":r("primary-95"),"bg-selected-hover":r("primary-90"),"bg-selected-strong":r("primary-90"),"bg-selected-stronger":r("primary-70"),"bg-selected-strongest":r("primary-50"),"bg-selected-strongest-hover":r("primary-40"),"bg-disabled":r("neutral-95"),"bg-selected-disabled":r("neutral-95"),"bg-selected-stronger-disabled":r("neutral-70"),"bg-success":r("success-100"),"bg-success-hover":r("success-95"),"bg-success-strong":r("success-50"),"bg-success-strong-hover":r("success-40"),"bg-warning":r("warning-100"),"bg-warning-hover":r("warning-95"),"bg-warning-strong":r("warning-50"),"bg-warning-strong-hover":r("warning-40"),"bg-info":r("info-100"),"bg-info-hover":r("info-95"),"bg-info-strong":r("info-50"),"bg-info-strong-hover":r("info-40"),"bg-error":r("error-100"),"bg-error-hover":r("error-95"),"bg-error-strong":r("error-50"),"bg-error-strong-hover":r("error-40"),"bg-inverse":r("neutral-20"),"bg-inverse-subtle":r("neutral-30"),"bg-inverse-subtler":r("neutral-50"),"bg-inverse-subtlest":r("neutral-60"),"bg-inverse-hover":r("neutral-40"),"bg-primary":r("primary-50"),"bg-primary-subtle":r("primary-60"),"bg-primary-subtler":r("primary-95"),"bg-primary-subtlest":r("primary-100"),"bg-available":"#6DD0A1","bg-secondary":r("secondary-50"),"bg-secondary-subtle":r("secondary-60"),"bg-secondary-subtler":r("secondary-95"),"bg-secondary-subtlest":r("secondary-100"),"bg-primary-hover":r("primary-40"),"bg-primary-subtlest-hover":r("primary-90"),"bg-primary-subtlest-selected":r("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r("primary-50"),"hyperlink-hover":r("primary-40"),"hyperlink-visited":r("primary-40"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-50"),"focus-ring-inverse":r("white")},s={text:r("neutral-100"),"text-subtle":r("neutral-80"),"text-subtler":r("neutral-60"),"text-subtlest":r("neutral-50"),"text-primary":r("primary-60"),"text-primary-strongest":r("primary-90"),"text-secondary":r("secondary-60"),"text-secondary-subtle":r("secondary-50"),"text-hover":r("primary-70"),"text-selected":r("primary-60"),"text-selected-hover":r("primary-70"),"text-disabled":r("neutral-60"),"text-disabled-subtle":r("neutral-50"),"text-disabled-subtlest":r("neutral-30"),"text-selected-disabled":r("neutral-90"),"text-success":r("success-70"),"text-warning":r("warning-70"),"text-error":r("error-70"),"text-info":r("info-70"),"text-inverse":r("black"),icon:r("neutral-60"),"icon-subtle":r("neutral-50"),"icon-strongest":r("neutral-90"),"icon-primary":r("primary-60"),"icon-primary-subtle":r("primary-50"),"icon-primary-subtlest":r("primary-40"),"icon-secondary":r("secondary-60"),"icon-secondary-subtle":r("secondary-50"),"icon-hover":r("primary-70"),"icon-selected":r("primary-60"),"icon-selected-hover":r("primary-70"),"icon-disabled":r("neutral-60"),"icon-disabled-subtle":r("neutral-50"),"icon-selected-disabled":r("neutral-50"),"icon-success":r("success-60"),"icon-warning":r("warning-50"),"icon-error":r("error-60"),"icon-error-strong":r("error-70"),"icon-info":r("info-60"),"icon-inverse":r("black"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-50"),"border-strong":r("neutral-40"),"border-stronger":r("neutral-60"),"border-primary":r("primary-60"),"border-primary-subtle":r("primary-50"),"border-hover":r("primary-20"),"border-hover-strong":r("primary-50"),"border-selected":r("primary-60"),"border-selected-subtle":r("primary-40"),"border-selected-subtlest":r("primary-20"),"border-selected-hover":r("primary-70"),"border-focus":r("primary-50"),"border-focus-strong":r("primary-60"),"border-disabled":r("neutral-20"),"border-selected-disabled":r("neutral-40"),"border-success":r("success-50"),"border-warning":r("warning-50"),"border-error":r("error-50"),"border-error-focus":r("error-50"),"border-error-focus-strong":r("error-70"),"border-error-strong":r("error-70"),"border-info":r("info-50"),bg:r("black"),"bg-strong":r("neutral-10"),"bg-stronger":r("neutral-20"),"bg-strongest":r("neutral-20"),"bg-hover":r("primary-20"),"bg-hover-strong":r("primary-20"),"bg-hover-subtle":r("primary-10"),"bg-hover-neutral":r("neutral-10"),"bg-hover-neutral-strong":r("neutral-20"),"bg-selected":r("primary-20"),"bg-selected-hover":r("primary-20"),"bg-selected-strong":r("primary-20"),"bg-selected-stronger":r("primary-40"),"bg-selected-strongest":r("primary-60"),"bg-selected-strongest-hover":r("primary-70"),"bg-disabled":r("neutral-20"),"bg-selected-disabled":r("neutral-20"),"bg-selected-stronger-disabled":r("neutral-40"),"bg-success":r("success-10"),"bg-success-hover":r("success-20"),"bg-success-strong":r("success-60"),"bg-success-strong-hover":r("success-70"),"bg-warning":r("warning-10"),"bg-warning-hover":r("warning-20"),"bg-warning-strong":r("warning-60"),"bg-warning-strong-hover":r("warning-70"),"bg-info":r("info-10"),"bg-info-hover":r("info-20"),"bg-info-strong":r("info-60"),"bg-info-strong-hover":r("info-70"),"bg-error":r("error-10"),"bg-error-hover":r("error-20"),"bg-error-strong":r("error-60"),"bg-error-strong-hover":r("error-70"),"bg-inverse":r("neutral-90"),"bg-inverse-subtle":r("neutral-80"),"bg-inverse-subtler":r("neutral-60"),"bg-inverse-subtlest":r("neutral-50"),"bg-inverse-hover":r("neutral-70"),"bg-primary":r("primary-60"),"bg-primary-subtle":r("primary-50"),"bg-primary-subtler":r("primary-20"),"bg-primary-subtlest":r("primary-10"),"bg-available":"#185339","bg-secondary":r("secondary-60"),"bg-secondary-subtle":r("secondary-50"),"bg-secondary-subtler":r("secondary-20"),"bg-secondary-subtlest":r("secondary-10"),"bg-primary-hover":r("primary-70"),"bg-primary-subtlest-hover":r("primary-20"),"bg-primary-subtlest-selected":r("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r("primary-60"),"hyperlink-hover":r("primary-70"),"hyperlink-visited":r("primary-70"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-60"),"focus-ring-inverse":r("black")};export{e as SGWDigitalLobbyColourSet,s as SGWDigitalLobbyDarkColourSet};
|
|
2
2
|
//# sourceMappingURL=sgwdigitallobby-tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sgwdigitallobby-tokens.js","sources":["../../../../src/theme/colour-semantic/specs/sgwdigitallobby-tokens.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { SemanticColourSet } from \"../../types\";\n\n// ============================================================================\n// LIGHT MODE COLOURS\n// ============================================================================\n\nexport const SGWDigitalLobbyColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-20\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-30\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"text-primary\": getPrimitiveColour(\"primary-50\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-40\"),\n \"text-selected\": getPrimitiveColour(\"primary-50\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-80\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n\n \"text-success\": getPrimitiveColour(\"success-40\"),\n \"text-warning\": getPrimitiveColour(\"warning-40\"),\n \"text-error\": getPrimitiveColour(\"error-40\"),\n \"text-info\": getPrimitiveColour(\"info-40\"),\n \"text-inverse\": getPrimitiveColour(\"white\"),\n\n // icon\n icon: getPrimitiveColour(\"neutral-50\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-20\"),\n \"icon-primary\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-70\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n \"icon-selected\": getPrimitiveColour(\"primary-50\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-60\"),\n\n \"icon-success\": getPrimitiveColour(\"success-50\"),\n \"icon-warning\": getPrimitiveColour(\"warning-60\"),\n \"icon-error\": getPrimitiveColour(\"error-50\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n \"icon-info\": getPrimitiveColour(\"info-50\"),\n \"icon-inverse\": getPrimitiveColour(\"white\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n \"border-primary\": getPrimitiveColour(\"primary-50\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-90\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-50\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-70\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-90\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-60\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-90\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"border-success\": getPrimitiveColour(\"success-60\"),\n \"border-warning\": getPrimitiveColour(\"warning-60\"),\n \"border-error\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n \"border-error-strong\": getPrimitiveColour(\"error-40\"),\n \"border-info\": getPrimitiveColour(\"info-60\"),\n\n // background\n bg: getPrimitiveColour(\"white\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-100\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-95\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-95\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-100\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-100\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-95\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-70\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-50\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-success\": getPrimitiveColour(\"success-100\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-95\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-50\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-40\"),\n \"bg-warning\": getPrimitiveColour(\"warning-100\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-95\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-50\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-40\"),\n \"bg-info\": getPrimitiveColour(\"info-100\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-95\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-50\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-40\"),\n \"bg-error\": getPrimitiveColour(\"error-100\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-95\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-50\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-40\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-20\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-30\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\n \"bg-available\": \"#6DD0A1\",\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-90\"),\n\n // overlay\n \"overlay-strong\": \"rgba(40, 40, 40, 0.85)\",\n \"overlay-subtle\": \"rgba(40, 40, 40, 0.20)\",\n\n // hyperlink\n hyperlink: getPrimitiveColour(\"primary-50\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring\n \"focus-ring\": getPrimitiveColour(\"primary-50\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"white\"),\n};\n\n// ============================================================================\n// DARK MODE COLOURS\n// ============================================================================\n\n// currently used for testing and fallback for dark mode\nexport const SGWDigitalLobbyDarkColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-100\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"text-primary\": getPrimitiveColour(\"primary-60\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-70\"),\n \"text-selected\": getPrimitiveColour(\"primary-60\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-30\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-90\"),\n\n \"text-success\": getPrimitiveColour(\"success-70\"),\n \"text-warning\": getPrimitiveColour(\"warning-70\"),\n \"text-error\": getPrimitiveColour(\"error-70\"),\n \"text-info\": getPrimitiveColour(\"info-70\"),\n \"text-inverse\": getPrimitiveColour(\"black\"),\n\n // icon - adjusted for dark mode\n icon: getPrimitiveColour(\"neutral-60\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-90\"),\n \"icon-primary\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-40\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n \"icon-selected\": getPrimitiveColour(\"primary-60\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-50\"),\n\n \"icon-success\": getPrimitiveColour(\"success-60\"),\n \"icon-warning\": getPrimitiveColour(\"warning-50\"),\n \"icon-error\": getPrimitiveColour(\"error-60\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-70\"),\n \"icon-info\": getPrimitiveColour(\"info-60\"),\n \"icon-inverse\": getPrimitiveColour(\"black\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border - adjusted for dark mode\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-40\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-60\"),\n \"border-primary\": getPrimitiveColour(\"primary-60\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-20\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-60\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-40\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-20\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-50\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"border-success\": getPrimitiveColour(\"success-50\"),\n \"border-warning\": getPrimitiveColour(\"warning-50\"),\n \"border-error\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-70\"),\n \"border-error-strong\": getPrimitiveColour(\"error-70\"),\n \"border-info\": getPrimitiveColour(\"info-50\"),\n\n // background - dark backgrounds\n bg: getPrimitiveColour(\"black\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-10\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-20\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-10\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-10\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-40\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-60\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-success\": getPrimitiveColour(\"success-10\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-20\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-60\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-70\"),\n \"bg-warning\": getPrimitiveColour(\"warning-10\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-20\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-60\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-70\"),\n \"bg-info\": getPrimitiveColour(\"info-10\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-20\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-60\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-70\"),\n \"bg-error\": getPrimitiveColour(\"error-10\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-20\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-60\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-70\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-90\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\n \"bg-available\": \"#185339\", // Darker green for dark mode\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-20\"),\n\n // overlay - lighter overlays for dark backgrounds\n \"overlay-strong\": \"rgba(78, 78, 78, 0.80)\",\n \"overlay-subtle\": \"rgba(78, 78, 78, 0.50)\",\n\n // hyperlink - adjusted for dark mode\n hyperlink: getPrimitiveColour(\"primary-60\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring - adjusted for dark mode\n \"focus-ring\": getPrimitiveColour(\"primary-60\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"black\"),\n};\n"],"names":["SGWDigitalLobbyColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink","SGWDigitalLobbyDarkColourSet"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sgwdigitallobby-tokens.js","sources":["../../../../src/theme/colour-semantic/specs/sgwdigitallobby-tokens.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { SemanticColourSet } from \"../../types\";\n\n// ============================================================================\n// LIGHT MODE COLOURS\n// ============================================================================\n\nexport const SGWDigitalLobbyColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-20\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-30\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"text-primary\": getPrimitiveColour(\"primary-50\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n \"text-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"text-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-40\"),\n \"text-selected\": getPrimitiveColour(\"primary-50\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-80\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n\n \"text-success\": getPrimitiveColour(\"success-40\"),\n \"text-warning\": getPrimitiveColour(\"warning-40\"),\n \"text-error\": getPrimitiveColour(\"error-40\"),\n \"text-info\": getPrimitiveColour(\"info-40\"),\n \"text-inverse\": getPrimitiveColour(\"white\"),\n\n // icon\n icon: getPrimitiveColour(\"neutral-50\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-20\"),\n \"icon-primary\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-70\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n \"icon-selected\": getPrimitiveColour(\"primary-50\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-60\"),\n\n \"icon-success\": getPrimitiveColour(\"success-50\"),\n \"icon-warning\": getPrimitiveColour(\"warning-60\"),\n \"icon-error\": getPrimitiveColour(\"error-50\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n \"icon-info\": getPrimitiveColour(\"info-50\"),\n \"icon-inverse\": getPrimitiveColour(\"white\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n \"border-primary\": getPrimitiveColour(\"primary-50\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-90\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-50\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-70\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-90\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-60\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-90\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"border-success\": getPrimitiveColour(\"success-60\"),\n \"border-warning\": getPrimitiveColour(\"warning-60\"),\n \"border-error\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n \"border-error-strong\": getPrimitiveColour(\"error-40\"),\n \"border-info\": getPrimitiveColour(\"info-60\"),\n\n // background\n bg: getPrimitiveColour(\"white\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-100\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-95\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-95\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-100\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-100\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-95\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-70\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-50\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-success\": getPrimitiveColour(\"success-100\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-95\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-50\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-40\"),\n \"bg-warning\": getPrimitiveColour(\"warning-100\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-95\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-50\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-40\"),\n \"bg-info\": getPrimitiveColour(\"info-100\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-95\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-50\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-40\"),\n \"bg-error\": getPrimitiveColour(\"error-100\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-95\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-50\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-40\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-20\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-30\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\n \"bg-available\": \"#6DD0A1\",\n\n \"bg-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-95\"),\n \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-100\"),\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-90\"),\n\n // overlay\n \"overlay-strong\": \"rgba(40, 40, 40, 0.85)\",\n \"overlay-subtle\": \"rgba(40, 40, 40, 0.20)\",\n\n // hyperlink\n hyperlink: getPrimitiveColour(\"primary-50\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring\n \"focus-ring\": getPrimitiveColour(\"primary-50\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"white\"),\n};\n\n// ============================================================================\n// DARK MODE COLOURS\n// ============================================================================\n\n// currently used for testing and fallback for dark mode\nexport const SGWDigitalLobbyDarkColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-100\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"text-primary\": getPrimitiveColour(\"primary-60\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n \"text-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"text-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-70\"),\n \"text-selected\": getPrimitiveColour(\"primary-60\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-30\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-90\"),\n\n \"text-success\": getPrimitiveColour(\"success-70\"),\n \"text-warning\": getPrimitiveColour(\"warning-70\"),\n \"text-error\": getPrimitiveColour(\"error-70\"),\n \"text-info\": getPrimitiveColour(\"info-70\"),\n \"text-inverse\": getPrimitiveColour(\"black\"),\n\n // icon - adjusted for dark mode\n icon: getPrimitiveColour(\"neutral-60\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-90\"),\n \"icon-primary\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-40\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n \"icon-selected\": getPrimitiveColour(\"primary-60\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-50\"),\n\n \"icon-success\": getPrimitiveColour(\"success-60\"),\n \"icon-warning\": getPrimitiveColour(\"warning-50\"),\n \"icon-error\": getPrimitiveColour(\"error-60\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-70\"),\n \"icon-info\": getPrimitiveColour(\"info-60\"),\n \"icon-inverse\": getPrimitiveColour(\"black\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border - adjusted for dark mode\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-40\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-60\"),\n \"border-primary\": getPrimitiveColour(\"primary-60\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-20\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-60\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-40\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-20\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-50\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"border-success\": getPrimitiveColour(\"success-50\"),\n \"border-warning\": getPrimitiveColour(\"warning-50\"),\n \"border-error\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-70\"),\n \"border-error-strong\": getPrimitiveColour(\"error-70\"),\n \"border-info\": getPrimitiveColour(\"info-50\"),\n\n // background - dark backgrounds\n bg: getPrimitiveColour(\"black\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-10\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-20\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-10\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-10\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-40\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-60\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-success\": getPrimitiveColour(\"success-10\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-20\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-60\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-70\"),\n \"bg-warning\": getPrimitiveColour(\"warning-10\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-20\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-60\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-70\"),\n \"bg-info\": getPrimitiveColour(\"info-10\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-20\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-60\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-70\"),\n \"bg-error\": getPrimitiveColour(\"error-10\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-20\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-60\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-70\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-90\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\n \"bg-available\": \"#185339\", // Darker green for dark mode\n\n \"bg-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-20\"),\n \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-10\"),\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-20\"),\n\n // overlay - lighter overlays for dark backgrounds\n \"overlay-strong\": \"rgba(78, 78, 78, 0.80)\",\n \"overlay-subtle\": \"rgba(78, 78, 78, 0.50)\",\n\n // hyperlink - adjusted for dark mode\n hyperlink: getPrimitiveColour(\"primary-60\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring - adjusted for dark mode\n \"focus-ring\": getPrimitiveColour(\"primary-60\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"black\"),\n};\n"],"names":["SGWDigitalLobbyColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink","SGWDigitalLobbyDarkColourSet"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +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 },\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 },\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\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\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-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","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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"}
|
|
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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"}
|
|
@@ -11,6 +11,8 @@ export type SemanticColourSet = {
|
|
|
11
11
|
"text-subtlest": SemanticColourValue;
|
|
12
12
|
"text-primary": SemanticColourValue;
|
|
13
13
|
"text-primary-strongest": SemanticColourValue;
|
|
14
|
+
"text-secondary": SemanticColourValue;
|
|
15
|
+
"text-secondary-subtle": SemanticColourValue;
|
|
14
16
|
"text-hover": SemanticColourValue;
|
|
15
17
|
"text-selected": SemanticColourValue;
|
|
16
18
|
"text-selected-hover": SemanticColourValue;
|
|
@@ -29,6 +31,8 @@ export type SemanticColourSet = {
|
|
|
29
31
|
"icon-primary": SemanticColourValue;
|
|
30
32
|
"icon-primary-subtle": SemanticColourValue;
|
|
31
33
|
"icon-primary-subtlest": SemanticColourValue;
|
|
34
|
+
"icon-secondary": SemanticColourValue;
|
|
35
|
+
"icon-secondary-subtle": SemanticColourValue;
|
|
32
36
|
"icon-hover": SemanticColourValue;
|
|
33
37
|
"icon-selected": SemanticColourValue;
|
|
34
38
|
"icon-selected-hover": SemanticColourValue;
|
|
@@ -108,6 +112,10 @@ export type SemanticColourSet = {
|
|
|
108
112
|
"bg-primary-subtler": SemanticColourValue;
|
|
109
113
|
"bg-primary-subtlest": SemanticColourValue;
|
|
110
114
|
"bg-available": SemanticColourValue;
|
|
115
|
+
"bg-secondary": SemanticColourValue;
|
|
116
|
+
"bg-secondary-subtle": SemanticColourValue;
|
|
117
|
+
"bg-secondary-subtler": SemanticColourValue;
|
|
118
|
+
"bg-secondary-subtlest": SemanticColourValue;
|
|
111
119
|
"bg-primary-hover": SemanticColourValue;
|
|
112
120
|
"bg-primary-subtlest-hover": SemanticColourValue;
|
|
113
121
|
"bg-primary-subtlest-selected": SemanticColourValue;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{getCollection as e,getValue as d}from"../helpers.js";import{BookingSgFontSet as
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +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\";\
|
|
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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{getCollection as e,getValue as s}from"../helpers.js";import{A11yPlaygroundFontSpecSet as i}from"./specs/a11yplayground-font-spec-set.js";import{BookingSgFontSpecSet as l}from"./specs/bookingsg-font-spec-set.js";import{DefaultFontSpecSet as o}from"./specs/default-font-spec-set.js";import{IMDAFontSpecSet as d}from"./specs/imda-font-spec-set.js";import{MyLegacyFontSpecSet as n}from"./specs/mylegacy-font-spec-set.js";import{OneServiceFontSpecSet as h}from"./specs/oneservice-font-spec-set.js";import{PAFontSpecSet as a}from"./specs/pa-font-spec-set.js";import{SGWDigitalLobbyFontSpecSet as m}from"./specs/sgw-digital-lobby-font-spec-set.js";import{SPFFontSpecSet as
|
|
1
|
+
import{getCollection as e,getValue as s}from"../helpers.js";import{A11yPlaygroundFontSpecSet as i}from"./specs/a11yplayground-font-spec-set.js";import{BookingSgFontSpecSet as l}from"./specs/bookingsg-font-spec-set.js";import{DefaultFontSpecSet as o}from"./specs/default-font-spec-set.js";import{IMDAFontSpecSet as d}from"./specs/imda-font-spec-set.js";import{MyLegacyFontSpecSet as n}from"./specs/mylegacy-font-spec-set.js";import{OneServiceFontSpecSet as h}from"./specs/oneservice-font-spec-set.js";import{PAFontSpecSet as a}from"./specs/pa-font-spec-set.js";import{SGWDigitalLobbyFontSpecSet as m}from"./specs/sgw-digital-lobby-font-spec-set.js";import{SPFFontSpecSet as g}from"./specs/spf-font-spec-set.js";import{SupportGoWhereFontSpecSet as t}from"./specs/supportgowhere-font-spec-set.js";const r={collections:{default:o,bookingsg:l,mylegacy:n,pa:a,a11yplayground:i,supportgowhere:t,sgwdigitallobby:m,imda:d,spf:g,oneservice:h},defaultValue:"default"},f=i=>l=>{var o;const d=l.theme,n=e(r,null==d?void 0:d.fontScheme);return(null===(o=null==d?void 0:d.overrides)||void 0===o?void 0:o.fontSpec)?s(n,i,d.overrides.fontSpec):n[i]},p={"heading-size-xxl":f("heading-size-xxl"),"heading-size-xl":f("heading-size-xl"),"heading-size-lg":f("heading-size-lg"),"heading-size-md":f("heading-size-md"),"heading-size-sm":f("heading-size-sm"),"heading-size-xs":f("heading-size-xs"),"heading-lh-xxl":f("heading-lh-xxl"),"heading-lh-xl":f("heading-lh-xl"),"heading-lh-lg":f("heading-lh-lg"),"heading-lh-md":f("heading-lh-md"),"heading-lh-sm":f("heading-lh-sm"),"heading-lh-xs":f("heading-lh-xs"),"heading-ls-xxl":f("heading-ls-xxl"),"heading-ls-xl":f("heading-ls-xl"),"heading-ls-lg":f("heading-ls-lg"),"heading-ls-md":f("heading-ls-md"),"heading-ls-sm":f("heading-ls-sm"),"heading-ls-xs":f("heading-ls-xs"),"weight-light":f("weight-light"),"weight-regular":f("weight-regular"),"weight-semibold":f("weight-semibold"),"weight-bold":f("weight-bold"),"font-family":f("font-family"),"heading-font-family":f("heading-font-family"),"body-font-family":f("body-font-family"),"body-size-baseline":f("body-size-baseline"),"body-size-md":f("body-size-md"),"body-size-sm":f("body-size-sm"),"body-size-xs":f("body-size-xs"),"body-lh-baseline":f("body-lh-baseline"),"body-lh-md":f("body-lh-md"),"body-lh-sm":f("body-lh-sm"),"body-lh-xs":f("body-lh-xs"),"body-ls-baseline":f("body-ls-baseline"),"body-ls-md":f("body-ls-md"),"body-ls-sm":f("body-ls-sm"),"body-ls-xs":f("body-ls-xs"),"form-label-size":f("form-label-size"),"form-description-size":f("form-description-size"),"form-label-lh":f("form-label-lh"),"form-description-lh":f("form-description-lh"),"form-label-ls":f("form-label-ls"),"form-description-ls":f("form-description-ls")};export{p as FontSpecValues,f as getFontSpec};
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font-spec/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport { FontSpecCollectionMap, FontSpecSet } from \"./types\";\
|
|
1
|
+
{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/font-spec/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport { FontSpecCollectionMap, FontSpecSet } from \"./types\";\n\nconst FontSpec: ThemeCollectionSpec<FontSpecCollectionMap, FontScheme> = {\n collections: {\n default: DefaultFontSpecSet,\n bookingsg: BookingSgFontSpecSet,\n mylegacy: MyLegacyFontSpecSet,\n pa: PAFontSpecSet,\n a11yplayground: A11yPlaygroundFontSpecSet,\n supportgowhere: SupportGoWhereFontSpecSet,\n sgwdigitallobby: SGWDigitalLobbyFontSpecSet,\n imda: IMDAFontSpecSet,\n spf: SPFFontSpecSet,\n oneservice: OneServiceFontSpecSet,\n },\n defaultValue: \"default\",\n};\n\nexport const getFontSpec = (key: keyof FontSpecSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const fontSpecSet: FontSpecSet = getCollection(\n FontSpec,\n theme?.fontScheme\n );\n\n if (theme?.overrides?.fontSpec) {\n return getValue(fontSpecSet, key, theme.overrides.fontSpec);\n } else {\n return fontSpecSet[key];\n }\n };\n};\n\nexport const FontSpecValues: {\n [key in keyof FontSpecSet]: (props: StyledComponentProps) => string;\n} = {\n \"heading-size-xxl\": getFontSpec(\"heading-size-xxl\"),\n \"heading-size-xl\": getFontSpec(\"heading-size-xl\"),\n \"heading-size-lg\": getFontSpec(\"heading-size-lg\"),\n \"heading-size-md\": getFontSpec(\"heading-size-md\"),\n \"heading-size-sm\": getFontSpec(\"heading-size-sm\"),\n \"heading-size-xs\": getFontSpec(\"heading-size-xs\"),\n\n \"heading-lh-xxl\": getFontSpec(\"heading-lh-xxl\"),\n \"heading-lh-xl\": getFontSpec(\"heading-lh-xl\"),\n \"heading-lh-lg\": getFontSpec(\"heading-lh-lg\"),\n \"heading-lh-md\": getFontSpec(\"heading-lh-md\"),\n \"heading-lh-sm\": getFontSpec(\"heading-lh-sm\"),\n \"heading-lh-xs\": getFontSpec(\"heading-lh-xs\"),\n\n \"heading-ls-xxl\": getFontSpec(\"heading-ls-xxl\"),\n \"heading-ls-xl\": getFontSpec(\"heading-ls-xl\"),\n \"heading-ls-lg\": getFontSpec(\"heading-ls-lg\"),\n \"heading-ls-md\": getFontSpec(\"heading-ls-md\"),\n \"heading-ls-sm\": getFontSpec(\"heading-ls-sm\"),\n \"heading-ls-xs\": getFontSpec(\"heading-ls-xs\"),\n\n \"weight-light\": getFontSpec(\"weight-light\"),\n \"weight-regular\": getFontSpec(\"weight-regular\"),\n \"weight-semibold\": getFontSpec(\"weight-semibold\"),\n \"weight-bold\": getFontSpec(\"weight-bold\"),\n \"font-family\": getFontSpec(\"font-family\"),\n \"heading-font-family\": getFontSpec(\"heading-font-family\"),\n \"body-font-family\": getFontSpec(\"body-font-family\"),\n\n \"body-size-baseline\": getFontSpec(\"body-size-baseline\"),\n \"body-size-md\": getFontSpec(\"body-size-md\"),\n \"body-size-sm\": getFontSpec(\"body-size-sm\"),\n \"body-size-xs\": getFontSpec(\"body-size-xs\"),\n\n \"body-lh-baseline\": getFontSpec(\"body-lh-baseline\"),\n \"body-lh-md\": getFontSpec(\"body-lh-md\"),\n \"body-lh-sm\": getFontSpec(\"body-lh-sm\"),\n \"body-lh-xs\": getFontSpec(\"body-lh-xs\"),\n\n \"body-ls-baseline\": getFontSpec(\"body-ls-baseline\"),\n \"body-ls-md\": getFontSpec(\"body-ls-md\"),\n \"body-ls-sm\": getFontSpec(\"body-ls-sm\"),\n \"body-ls-xs\": getFontSpec(\"body-ls-xs\"),\n\n \"form-label-size\": getFontSpec(\"form-label-size\"),\n \"form-description-size\": getFontSpec(\"form-description-size\"),\n\n \"form-label-lh\": getFontSpec(\"form-label-lh\"),\n \"form-description-lh\": getFontSpec(\"form-description-lh\"),\n\n \"form-label-ls\": getFontSpec(\"form-label-ls\"),\n \"form-description-ls\": getFontSpec(\"form-description-ls\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSpecSet","bookingsg","BookingSgFontSpecSet","mylegacy","MyLegacyFontSpecSet","pa","PAFontSpecSet","a11yplayground","A11yPlaygroundFontSpecSet","supportgowhere","SupportGoWhereFontSpecSet","sgwdigitallobby","SGWDigitalLobbyFontSpecSet","imda","IMDAFontSpecSet","spf","SPFFontSpecSet","oneservice","OneServiceFontSpecSet","defaultValue","getFontSpec","key","props","theme","fontSpecSet","getCollection","fontScheme","_a","overrides","fontSpec","getValue","FontSpecValues"],"mappings":"0xBAeA,MAAMA,EAAmE,CACrEC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUC,EACVC,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBC,EACjBC,KAAMC,EACNC,IAAKC,EACLC,WAAYC,GAEhBC,aAAc,WAGLC,EAAeC,GAChBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA2BC,EAC7B5B,EACA0B,aAAK,EAALA,EAAOG,YAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,UACXC,EAASN,EAAaH,EAAKE,EAAMK,UAAUC,UAE3CL,EAAYH,EACvB,EAIKU,EAET,CACA,mBAAoBX,EAAY,oBAChC,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAE/B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,eAAgBA,EAAY,gBAC5B,iBAAkBA,EAAY,kBAC9B,kBAAmBA,EAAY,mBAC/B,cAAeA,EAAY,eAC3B,cAAeA,EAAY,eAC3B,sBAAuBA,EAAY,uBACnC,mBAAoBA,EAAY,oBAEhC,qBAAsBA,EAAY,sBAClC,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAE5B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,kBAAmBA,EAAY,mBAC/B,wBAAyBA,EAAY,yBAErC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY,uBAEnC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY"}
|
package/theme/index.d.ts
CHANGED
|
@@ -102,6 +102,8 @@ export declare const Colour: {
|
|
|
102
102
|
"text-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
103
103
|
"text-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
104
104
|
"text-primary-strongest": (props: import("./helpers").StyledComponentProps) => string;
|
|
105
|
+
"text-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
106
|
+
"text-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
105
107
|
"text-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
106
108
|
"text-selected": (props: import("./helpers").StyledComponentProps) => string;
|
|
107
109
|
"text-selected-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -120,6 +122,8 @@ export declare const Colour: {
|
|
|
120
122
|
"icon-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
121
123
|
"icon-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
122
124
|
"icon-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
125
|
+
"icon-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
126
|
+
"icon-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
123
127
|
"icon-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
124
128
|
"icon-selected": (props: import("./helpers").StyledComponentProps) => string;
|
|
125
129
|
"icon-selected-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -199,6 +203,10 @@ export declare const Colour: {
|
|
|
199
203
|
"bg-primary-subtler": (props: import("./helpers").StyledComponentProps) => string;
|
|
200
204
|
"bg-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
201
205
|
"bg-available": (props: import("./helpers").StyledComponentProps) => string;
|
|
206
|
+
"bg-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
207
|
+
"bg-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
208
|
+
"bg-secondary-subtler": (props: import("./helpers").StyledComponentProps) => string;
|
|
209
|
+
"bg-secondary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
202
210
|
"bg-primary-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
203
211
|
"bg-primary-subtlest-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
204
212
|
"bg-primary-subtlest-selected": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -503,6 +511,25 @@ export declare const CCubeTheme: {
|
|
|
503
511
|
maxColumns?: any;
|
|
504
512
|
_v2?: import("..").V2_ThemeSpec;
|
|
505
513
|
};
|
|
514
|
+
export declare const CareerCompassTheme: {
|
|
515
|
+
light: ThemeSpec;
|
|
516
|
+
dark: ThemeSpec;
|
|
517
|
+
colourScheme: import("./types").ColourScheme;
|
|
518
|
+
colourMode?: import("./types").ColourMode | undefined;
|
|
519
|
+
fontScheme: import("./types").FontScheme;
|
|
520
|
+
motionScheme: import("./types").MotionScheme;
|
|
521
|
+
borderScheme: import("./types").BorderScheme;
|
|
522
|
+
spacingScheme: import("./types").SpacingScheme;
|
|
523
|
+
radiusScheme: import("./types").RadiusScheme;
|
|
524
|
+
shadowScheme: import("./types").ShadowScheme;
|
|
525
|
+
breakpointScheme: import("./types").BreakpointScheme;
|
|
526
|
+
resourceScheme: import("./types").ResourceScheme;
|
|
527
|
+
componentScheme?: import("./types").ComponentScheme | undefined;
|
|
528
|
+
componentOverrides?: import("./components/types").ComponentOverrideOptions | undefined;
|
|
529
|
+
overrides?: import("./types").ThemeSpecOptions | undefined;
|
|
530
|
+
maxColumns?: any;
|
|
531
|
+
_v2?: import("..").V2_ThemeSpec;
|
|
532
|
+
};
|
|
506
533
|
export declare const MyLegacyTheme: {
|
|
507
534
|
light: ThemeSpec;
|
|
508
535
|
dark: ThemeSpec;
|
package/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{BorderUtilValues as e}from"./border-util/theme-helper.js";import{BorderValues as c}from"./border/theme-helper.js";import{MediaQuery as t}from"./breakpoint/media-query-helper.js";import{BreakpointValues as a}from"./breakpoint/theme-helper.js";import{PrimitiveColour as o}from"./colour-primitive/theme-helper.js";import{ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{ThemeNavbar as h,ThemeButton as r}from"./components/theme-helper.js";import{FontSpecValues as s}from"./font-spec/theme-helper.js";import{FontValues as d}from"./font/theme-helper.js";import{MotionValues as l}from"./motion/theme-helper.js";import{RadiusValues as i}from"./radius/theme-helper.js";import{ShadowValues as S}from"./shadow/theme-helper.js";import{SpacingValues as u}from"./spacing/theme-helper.js";import{createThemeWithColourMode as n}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{DSThemeProvider}from"./ds-theme-provider.js";const f=Object.assign(Object.assign({},m),{Primitive:o}),g=Object.assign(Object.assign({},d),{Spec:s}),
|
|
1
|
+
import{BorderUtilValues as e}from"./border-util/theme-helper.js";import{BorderValues as c}from"./border/theme-helper.js";import{MediaQuery as t}from"./breakpoint/media-query-helper.js";import{BreakpointValues as a}from"./breakpoint/theme-helper.js";import{PrimitiveColour as o}from"./colour-primitive/theme-helper.js";import{ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{ThemeNavbar as h,ThemeButton as r}from"./components/theme-helper.js";import{FontSpecValues as s}from"./font-spec/theme-helper.js";import{FontValues as d}from"./font/theme-helper.js";import{MotionValues as l}from"./motion/theme-helper.js";import{RadiusValues as i}from"./radius/theme-helper.js";import{ShadowValues as S}from"./shadow/theme-helper.js";import{SpacingValues as u}from"./spacing/theme-helper.js";import{createThemeWithColourMode as n}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{DSThemeProvider}from"./ds-theme-provider.js";const f=Object.assign(Object.assign({},m),{Primitive:o}),g=Object.assign(Object.assign({},d),{Spec:s}),b=l,p=Object.assign(Object.assign({},c),{Util:e}),k=u,j=i,O=S,y=a,w=t,v={Button:r,Navbar:h},x={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},T={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},_={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},D={colourScheme:"careercompass",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"careercompass",componentScheme:"default"},M={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},P={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},q={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},B={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},C={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},N={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},Q={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},U={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},z={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},A={colourScheme:"smgs",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},E=Object.assign(Object.assign({},x),{light:n(x,"light"),dark:n(x,"dark")}),F=Object.assign(Object.assign({},T),{light:n(T,"light"),dark:n(T,"dark")}),G=Object.assign(Object.assign({},_),{light:n(_,"light"),dark:n(_,"dark")}),H=Object.assign(Object.assign({},D),{light:n(D,"light"),dark:n(D,"dark")}),I=Object.assign(Object.assign({},M),{light:n(M,"light"),dark:n(M,"dark")}),J=Object.assign(Object.assign({},P),{light:n(P,"light"),dark:n(P,"dark")}),K=Object.assign(Object.assign({},q),{light:n(q,"light"),dark:n(q,"dark")}),L=Object.assign(Object.assign({},B),{light:n(B,"light"),dark:n(B,"dark")}),R=Object.assign(Object.assign({},C),{light:n(C,"light"),dark:n(C,"dark")}),V=Object.assign(Object.assign({},N),{light:n(N,"light"),dark:n(N,"dark")}),W=Object.assign(Object.assign({},Q),{light:n(Q,"light"),dark:n(Q,"dark")}),X=Object.assign(Object.assign({},U),{light:n(U,"light"),dark:n(U,"dark")}),Y=Object.assign(Object.assign({},z),{light:n(z,"light"),dark:n(z,"dark")}),Z=Object.assign(Object.assign({},A),{light:n(A,"light"),dark:n(A,"dark")});export{R as A11yPlaygroundTheme,F as BookingSGTheme,p as Border,y as Breakpoint,G as CCubeTheme,H as CareerCompassTheme,f as Colour,g as Font,X as IMDATheme,E as LifeSGTheme,w as MediaQuery,b as Motion,I as MyLegacyTheme,K as OneServiceTheme,L as PATheme,J as RBSTheme,j as Radius,W as SGWDigitalLobbyTheme,Q as SGWDigitalLobbyThemeBase,Z as SMGSTheme,Y as SPFTheme,O as Shadow,k as Spacing,V as SupportGoWhereTheme,N as SupportGoWhereThemeBase,v as ThemeComponent,n as createThemeWithColourMode};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|