@lifesg/react-design-system 3.4.0-canary.5 → 3.4.0-canary.7
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/calendar/calendar.js +1 -1
- package/calendar/calendar.js.map +1 -1
- package/cjs/badge/badge.style.js +11 -11
- package/cjs/badge/badge.style.js.map +1 -1
- package/cjs/calendar/calendar.js +7 -7
- package/cjs/calendar/calendar.js.map +1 -1
- package/cjs/data-table/data-table.js +1 -1
- package/cjs/data-table/data-table.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/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 +24 -15
- 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 +20 -14
- package/cjs/filter/filter-sidebar.styles.js.map +1 -1
- package/cjs/filter/filter.styles.js +6 -5
- package/cjs/filter/filter.styles.js.map +1 -1
- package/cjs/form/form-wrapper.js +1 -1
- package/cjs/form/form-wrapper.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/shared/dropdown-wrapper/dropdown-wrapper.styles.js +6 -5
- package/cjs/shared/dropdown-wrapper/dropdown-wrapper.styles.js.map +1 -1
- package/cjs/shared/internal-calendar/single/single-cell.js +1 -1
- package/cjs/shared/internal-calendar/single/single-cell.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/specs/spf-colour-set.js +1 -1
- package/cjs/theme/colour-primitive/specs/spf-colour-set.js.map +1 -1
- 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/specs/spf-semantic-tokens.js +2 -0
- package/cjs/theme/colour-semantic/specs/spf-semantic-tokens.js.map +1 -0
- 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-spec/specs/sgw-digital-lobby-font-spec-set.js +1 -1
- package/cjs/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.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/data-table/data-table.js +1 -1
- package/data-table/data-table.js.map +1 -1
- package/date-input/date-input.js +1 -1
- package/date-input/date-input.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 +25 -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 +20 -14
- package/filter/filter-sidebar.styles.js.map +1 -1
- package/filter/filter.d.ts +2 -2
- package/filter/filter.styles.js +10 -9
- package/filter/filter.styles.js.map +1 -1
- package/filter/types.d.ts +1 -0
- package/form/form-wrapper.js +1 -1
- package/form/form-wrapper.js.map +1 -1
- package/index.js +1 -1
- package/package.json +17 -1
- package/shared/dropdown-wrapper/dropdown-wrapper.styles.js +8 -7
- package/shared/dropdown-wrapper/dropdown-wrapper.styles.js.map +1 -1
- package/shared/internal-calendar/single/single-cell.js +1 -1
- package/shared/internal-calendar/single/single-cell.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/specs/spf-colour-set.js +1 -1
- package/theme/colour-primitive/specs/spf-colour-set.js.map +1 -1
- 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/specs/spf-semantic-tokens.d.ts +2 -0
- package/theme/colour-semantic/specs/spf-semantic-tokens.js +2 -0
- package/theme/colour-semantic/specs/spf-semantic-tokens.js.map +1 -0
- 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 +14 -0
- package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js +1 -1
- package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js.map +1 -1
- package/theme/index.d.ts +33 -0
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/types.d.ts +2 -2
- 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
|
@@ -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-strong\": getPrimitiveColour(\"primary-40\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n \"text-brand\": getPrimitiveColour(\"brand-50\"),\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-brand\": getPrimitiveColour(\"brand-50\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n\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\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-strong\": getPrimitiveColour(\"primary-40\"),\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-strong\": getPrimitiveColour(\"primary-40\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\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 \"bg-available\": \"#6DD0A1\",\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n \"bg-primary-strong-hover\": getPrimitiveColour(\"primary-30\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n\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\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-strong\": getPrimitiveColour(\"primary-70\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n \"text-brand\": getPrimitiveColour(\"brand-50\"),\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-brand\": getPrimitiveColour(\"brand-50\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n\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\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-strong\": getPrimitiveColour(\"primary-70\"),\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-strong\": getPrimitiveColour(\"primary-70\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\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 \"bg-available\": \"#185339\", // Darker green for dark mode\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n \"bg-primary-strong-hover\": getPrimitiveColour(\"primary-80\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n\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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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-10"),"text-subtle":r.getPrimitiveColour("neutral-20"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-40"),"text-primary-strong":r.getPrimitiveColour("primary-30"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-brand":r.getPrimitiveColour("brand-10"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-30"),"text-selected":r.getPrimitiveColour("primary-40"),"text-selected-hover":r.getPrimitiveColour("primary-30"),"text-disabled":r.getPrimitiveColour("neutral-40"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-70"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-40"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-60"),"icon-brand":r.getPrimitiveColour("brand-10"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-30"),"icon-selected":r.getPrimitiveColour("primary-40"),"icon-selected-hover":r.getPrimitiveColour("primary-30"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-40"),"border-primary-strong":r.getPrimitiveColour("primary-30"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-70"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-80"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-30"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-10"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-40"),"bg-primary-strong":r.getPrimitiveColour("primary-30"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r.getPrimitiveColour("primary-30"),"bg-primary-strong-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")};exports.SPFColourSet=e;
|
|
2
|
+
//# sourceMappingURL=spf-semantic-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spf-semantic-tokens.js","sources":["../../../../../src/theme/colour-semantic/specs/spf-semantic-tokens.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { SemanticColourSet } from \"../../types\";\n\n// ============================================================================\n// LIGHT MODE COLOURS\n// ============================================================================\n\nexport const SPFColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-10\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-20\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"text-primary\": getPrimitiveColour(\"primary-40\"),\n \"text-primary-strong\": getPrimitiveColour(\"primary-30\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n \"text-brand\": getPrimitiveColour(\"brand-10\"),\n \"text-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"text-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-30\"),\n \"text-selected\": getPrimitiveColour(\"primary-40\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-30\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-40\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-70\"),\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-40\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-60\"),\n \"icon-brand\": getPrimitiveColour(\"brand-10\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-30\"),\n\n \"icon-selected\": getPrimitiveColour(\"primary-40\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-30\"),\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-50\"),\n \"icon-error\": getPrimitiveColour(\"error-50\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n \"icon-info\": getPrimitiveColour(\"info-50\"),\n\n \"icon-inverse\": getPrimitiveColour(\"white\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border\n border: getPrimitiveColour(\"neutral-90\"),\n \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n \"border-primary\": getPrimitiveColour(\"primary-40\"),\n \"border-primary-strong\": getPrimitiveColour(\"primary-30\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-90\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-70\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-50\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-80\"),\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-50\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n \"border-error-strong\": getPrimitiveColour(\"error-30\"),\n \"border-info\": getPrimitiveColour(\"info-50\"),\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-10\"),\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-40\"),\n \"bg-primary-strong\": getPrimitiveColour(\"primary-30\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\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 \"bg-available\": \"#6DD0A1\",\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-30\"),\n \"bg-primary-strong-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n\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"],"names":["SPFColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../helpers.js"),r=require("./specs/
|
|
1
|
+
"use strict";var e=require("../helpers.js"),r=require("./specs/a11yplayground-semantic-tokens.js"),o=require("./specs/lifesg-semantic-tokens.js"),s=require("./specs/pa-semantic-tokens.js"),t=require("./specs/sgwdigitallobby-tokens.js"),b=require("./specs/spf-semantic-tokens.js");const i={collections:{lifesg:o.LifeSGColourSet,bookingsg:o.LifeSGColourSet,rbs:o.LifeSGColourSet,mylegacy:o.LifeSGColourSet,ccube:o.LifeSGColourSet,oneservice:o.LifeSGColourSet,pa:s.PAColourSet,a11yplayground:r.A11yPlaygroundColourSet,supportgowhere:o.LifeSGColourSet,sgwdigitallobby:t.SGWDigitalLobbyColourSet,imda:o.LifeSGColourSet,spf:b.SPFColourSet,smgs:o.LifeSGColourSet,careercompass:o.LifeSGColourSet},defaultValue:"lifesg"},n={collections:{lifesg:o.LifeSGDarkColourSet,bookingsg:o.LifeSGDarkColourSet,rbs:o.LifeSGDarkColourSet,mylegacy:o.LifeSGDarkColourSet,ccube:o.LifeSGDarkColourSet,oneservice:o.LifeSGDarkColourSet,pa:o.LifeSGDarkColourSet,a11yplayground:r.A11yPlaygroundDarkColourSet,supportgowhere:o.LifeSGDarkColourSet,sgwdigitallobby:t.SGWDigitalLobbyDarkColourSet,imda:o.LifeSGDarkColourSet,spf:o.LifeSGDarkColourSet,smgs:o.LifeSGDarkColourSet,careercompass:o.LifeSGDarkColourSet},defaultValue:"lifesg"},g=r=>o=>{var s;const t=o.theme,b="dark"===(null==t?void 0:t.colourMode),g=b?n:i,l=e.getCollection(g,null==t?void 0:t.colourScheme),c=b?"semanticColourDark":"semanticColour",d=null===(s=null==t?void 0:t.overrides)||void 0===s?void 0:s[c],a=d?e.getValue(l,r,d):l[r];return"function"==typeof a?a(o):a},l={text:g("text"),"text-subtle":g("text-subtle"),"text-subtler":g("text-subtler"),"text-subtlest":g("text-subtlest"),"text-primary":g("text-primary"),"text-primary-strong":g("text-primary-strong"),"text-primary-strongest":g("text-primary-strongest"),"text-brand":g("text-brand"),"text-secondary":g("text-secondary"),"text-secondary-subtle":g("text-secondary-subtle"),"text-hover":g("text-hover"),"text-selected":g("text-selected"),"text-selected-hover":g("text-selected-hover"),"text-disabled":g("text-disabled"),"text-disabled-subtle":g("text-disabled-subtle"),"text-disabled-subtlest":g("text-disabled-subtlest"),"text-selected-disabled":g("text-selected-disabled"),"text-success":g("text-success"),"text-warning":g("text-warning"),"text-error":g("text-error"),"text-info":g("text-info"),"text-inverse":g("text-inverse"),icon:g("icon"),"icon-subtle":g("icon-subtle"),"icon-strongest":g("icon-strongest"),"icon-primary":g("icon-primary"),"icon-primary-subtle":g("icon-primary-subtle"),"icon-primary-subtlest":g("icon-primary-subtlest"),"icon-brand":g("icon-brand"),"icon-secondary":g("icon-secondary"),"icon-secondary-subtle":g("icon-secondary-subtle"),"icon-hover":g("icon-hover"),"icon-selected":g("icon-selected"),"icon-selected-hover":g("icon-selected-hover"),"icon-disabled":g("icon-disabled"),"icon-disabled-subtle":g("icon-disabled-subtle"),"icon-selected-disabled":g("icon-selected-disabled"),"icon-success":g("icon-success"),"icon-warning":g("icon-warning"),"icon-error":g("icon-error"),"icon-error-strong":g("icon-error-strong"),"icon-info":g("icon-info"),"icon-inverse":g("icon-inverse"),"icon-primary-inverse":g("icon-primary-inverse"),border:g("border"),"border-strong":g("border-strong"),"border-stronger":g("border-stronger"),"border-primary":g("border-primary"),"border-primary-strong":g("border-primary-strong"),"border-primary-subtle":g("border-primary-subtle"),"border-hover":g("border-hover"),"border-hover-strong":g("border-hover-strong"),"border-selected":g("border-selected"),"border-selected-subtle":g("border-selected-subtle"),"border-selected-subtlest":g("border-selected-subtlest"),"border-selected-hover":g("border-selected-hover"),"border-focus":g("border-focus"),"border-focus-strong":g("border-focus-strong"),"border-disabled":g("border-disabled"),"border-selected-disabled":g("border-selected-disabled"),"border-success":g("border-success"),"border-warning":g("border-warning"),"border-error":g("border-error"),"border-error-focus":g("border-error-focus"),"border-error-focus-strong":g("border-error-focus-strong"),"border-error-strong":g("border-error-strong"),"border-info":g("border-info"),bg:g("bg"),"bg-strong":g("bg-strong"),"bg-stronger":g("bg-stronger"),"bg-strongest":g("bg-strongest"),"bg-hover":g("bg-hover"),"bg-hover-strong":g("bg-hover-strong"),"bg-hover-subtle":g("bg-hover-subtle"),"bg-hover-neutral":g("bg-hover-neutral"),"bg-hover-neutral-strong":g("bg-hover-neutral-strong"),"bg-selected":g("bg-selected"),"bg-selected-hover":g("bg-selected-hover"),"bg-selected-strong":g("bg-selected-strong"),"bg-selected-stronger":g("bg-selected-stronger"),"bg-selected-strongest":g("bg-selected-strongest"),"bg-selected-strongest-hover":g("bg-selected-strongest-hover"),"bg-disabled":g("bg-disabled"),"bg-selected-disabled":g("bg-selected-disabled"),"bg-selected-stronger-disabled":g("bg-selected-stronger-disabled"),"bg-success":g("bg-success"),"bg-success-hover":g("bg-success-hover"),"bg-success-strong":g("bg-success-strong"),"bg-success-strong-hover":g("bg-success-strong-hover"),"bg-warning":g("bg-warning"),"bg-warning-hover":g("bg-warning-hover"),"bg-warning-strong":g("bg-warning-strong"),"bg-warning-strong-hover":g("bg-warning-strong-hover"),"bg-info":g("bg-info"),"bg-info-hover":g("bg-info-hover"),"bg-info-strong":g("bg-info-strong"),"bg-info-strong-hover":g("bg-info-strong-hover"),"bg-error":g("bg-error"),"bg-error-hover":g("bg-error-hover"),"bg-error-strong":g("bg-error-strong"),"bg-error-strong-hover":g("bg-error-strong-hover"),"bg-inverse":g("bg-inverse"),"bg-inverse-subtle":g("bg-inverse-subtle"),"bg-inverse-subtler":g("bg-inverse-subtler"),"bg-inverse-subtlest":g("bg-inverse-subtlest"),"bg-inverse-hover":g("bg-inverse-hover"),"bg-primary":g("bg-primary"),"bg-primary-strong":g("bg-primary-strong"),"bg-primary-subtle":g("bg-primary-subtle"),"bg-primary-subtler":g("bg-primary-subtler"),"bg-primary-subtlest":g("bg-primary-subtlest"),"bg-secondary":g("bg-secondary"),"bg-secondary-subtle":g("bg-secondary-subtle"),"bg-secondary-subtler":g("bg-secondary-subtler"),"bg-secondary-subtlest":g("bg-secondary-subtlest"),"bg-available":g("bg-available"),"bg-primary-hover":g("bg-primary-hover"),"bg-primary-strong-hover":g("bg-primary-strong-hover"),"bg-primary-subtlest-hover":g("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":g("bg-primary-subtlest-selected"),"overlay-strong":g("overlay-strong"),"overlay-subtle":g("overlay-subtle"),hyperlink:g("hyperlink"),"hyperlink-hover":g("hyperlink-hover"),"hyperlink-visited":g("hyperlink-visited"),"hyperlink-inverse":g("hyperlink-inverse"),"focus-ring":g("focus-ring"),"focus-ring-inverse":g("focus-ring-inverse")};exports.ColourSemantic=l,exports.ColourSpec=i,exports.DarkColourSpec=n,exports.getSemanticColour=g;
|
|
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","spec","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 A11yPlaygroundColourSet,\n A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n LifeSGColourSet,\n LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n SGWDigitalLobbyColourSet,\n SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGColourSet,\n bookingsg: LifeSGColourSet,\n rbs: LifeSGColourSet,\n mylegacy: LifeSGColourSet,\n ccube: LifeSGColourSet,\n oneservice: LifeSGColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: LifeSGColourSet,\n sgwdigitallobby: SGWDigitalLobbyColourSet,\n imda: LifeSGColourSet,\n spf: SPFColourSet,\n smgs: LifeSGColourSet,\n careercompass: LifeSGColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGDarkColourSet,\n bookingsg: LifeSGDarkColourSet,\n rbs: LifeSGDarkColourSet,\n mylegacy: LifeSGDarkColourSet,\n ccube: LifeSGDarkColourSet,\n oneservice: LifeSGDarkColourSet,\n pa: LifeSGDarkColourSet,\n a11yplayground: A11yPlaygroundDarkColourSet,\n supportgowhere: LifeSGDarkColourSet,\n sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n imda: LifeSGDarkColourSet,\n spf: LifeSGDarkColourSet,\n smgs: LifeSGDarkColourSet,\n careercompass: LifeSGDarkColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate color spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colorSet: SemanticColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"semanticColourDark\"\n : \"semanticColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n const colorValue = overrides\n ? getValue(colorSet, key, overrides)\n : colorSet[key];\n\n // If function, resolve with props\n if (typeof colorValue === \"function\") {\n return (colorValue as (props: any) => string)(props);\n }\n\n return colorValue as string;\n };\n};\n\nexport const ColourSemantic: {\n [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n // text\n text: getSemanticColour(\"text\"),\n \"text-subtle\": getSemanticColour(\"text-subtle\"),\n \"text-subtler\": getSemanticColour(\"text-subtler\"),\n \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n \"text-primary\": getSemanticColour(\"text-primary\"),\n \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n \"text-brand\": getSemanticColour(\"text-brand\"),\n \"text-secondary\": getSemanticColour(\"text-secondary\"),\n \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n \"text-hover\": getSemanticColour(\"text-hover\"),\n \"text-selected\": getSemanticColour(\"text-selected\"),\n \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n \"text-disabled\": getSemanticColour(\"text-disabled\"),\n \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n \"text-success\": getSemanticColour(\"text-success\"),\n \"text-warning\": getSemanticColour(\"text-warning\"),\n \"text-error\": getSemanticColour(\"text-error\"),\n \"text-info\": getSemanticColour(\"text-info\"),\n \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n // icon\n icon: getSemanticColour(\"icon\"),\n \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n \"icon-primary\": getSemanticColour(\"icon-primary\"),\n \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n \"icon-brand\": getSemanticColour(\"icon-brand\"),\n \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n \"icon-hover\": getSemanticColour(\"icon-hover\"),\n \"icon-selected\": getSemanticColour(\"icon-selected\"),\n \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n \"icon-success\": getSemanticColour(\"icon-success\"),\n \"icon-warning\": getSemanticColour(\"icon-warning\"),\n \"icon-error\": getSemanticColour(\"icon-error\"),\n \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n \"icon-info\": getSemanticColour(\"icon-info\"),\n \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n // border\n border: getSemanticColour(\"border\"),\n \"border-strong\": getSemanticColour(\"border-strong\"),\n \"border-stronger\": getSemanticColour(\"border-stronger\"),\n \"border-primary\": getSemanticColour(\"border-primary\"),\n \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n \"border-hover\": getSemanticColour(\"border-hover\"),\n \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n \"border-selected\": getSemanticColour(\"border-selected\"),\n \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n \"border-focus\": getSemanticColour(\"border-focus\"),\n \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n \"border-disabled\": getSemanticColour(\"border-disabled\"),\n \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n \"border-success\": getSemanticColour(\"border-success\"),\n \"border-warning\": getSemanticColour(\"border-warning\"),\n \"border-error\": getSemanticColour(\"border-error\"),\n \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n \"border-info\": getSemanticColour(\"border-info\"),\n\n // background\n bg: getSemanticColour(\"bg\"),\n \"bg-strong\": getSemanticColour(\"bg-strong\"),\n \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n \"bg-hover\": getSemanticColour(\"bg-hover\"),\n \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n \"bg-selected\": getSemanticColour(\"bg-selected\"),\n \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n \"bg-selected-strongest-hover\": getSemanticColour(\n \"bg-selected-strongest-hover\"\n ),\n\n \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n \"bg-selected-stronger-disabled\": getSemanticColour(\n \"bg-selected-stronger-disabled\"\n ),\n\n \"bg-success\": getSemanticColour(\"bg-success\"),\n \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n \"bg-warning\": getSemanticColour(\"bg-warning\"),\n \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n \"bg-info\": getSemanticColour(\"bg-info\"),\n \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n \"bg-error\": getSemanticColour(\"bg-error\"),\n \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n \"bg-primary\": getSemanticColour(\"bg-primary\"),\n \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n \"bg-available\": getSemanticColour(\"bg-available\"),\n\n \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n \"bg-primary-subtlest-selected\": getSemanticColour(\n \"bg-primary-subtlest-selected\"\n ),\n\n // overlay\n \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n // hyperlink\n hyperlink: getSemanticColour(\"hyperlink\"),\n \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n // focus ring\n \"focus-ring\": getSemanticColour(\"focus-ring\"),\n \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","spec","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.SGWDigitalLobbyFontSpecSet={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.
|
|
1
|
+
"use strict";exports.SGWDigitalLobbyFontSpecSet={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.25rem","body-size-sm":"1.125rem","body-size-xs":"1rem","body-lh-baseline":"1.75rem","body-lh-md":"1.625rem","body-lh-sm":"1.625rem","body-lh-xs":"1.5rem","body-ls-baseline":"0rem","body-ls-md":"0rem","body-ls-sm":"0rem","body-ls-xs":"0.009rem","form-label-size":"1.25rem","form-description-size":"1.125rem","form-label-lh":"1.625rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0rem"};
|
|
2
2
|
//# sourceMappingURL=sgw-digital-lobby-font-spec-set.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sgw-digital-lobby-font-spec-set.js","sources":["../../../../../src/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SGWDigitalLobbyFontSpecSet: FontSpecSet = {\n \"heading-size-xxl\": \"3.75rem\",\n \"heading-size-xl\": \"3rem\",\n \"heading-size-lg\": \"2.5rem\",\n \"heading-size-md\": \"2rem\",\n \"heading-size-sm\": \"1.625rem\",\n \"heading-size-xs\": \"1.375rem\",\n\n \"heading-lh-xxl\": \"4.5rem\",\n \"heading-lh-xl\": \"3.5rem\",\n \"heading-lh-lg\": \"3rem\",\n \"heading-lh-md\": \"2.5rem\",\n \"heading-lh-sm\": \"2.25rem\",\n \"heading-lh-xs\": \"1.75rem\",\n\n \"heading-ls-xxl\": \"-0.035rem\",\n \"heading-ls-xl\": \"-0.035em\",\n \"heading-ls-lg\": \"-0.02rem\",\n \"heading-ls-md\": \"-0.02rem\",\n \"heading-ls-sm\": \"0rem\",\n \"heading-ls-xs\": \"0rem\",\n\n \"weight-light\": \"300\",\n \"weight-regular\": \"400\",\n \"weight-semibold\": \"600\",\n \"weight-bold\": \"700\",\n \"font-family\": \"Libre Franklin\",\n \"heading-font-family\": \"Libre Franklin\",\n \"body-font-family\": \"Libre Franklin\",\n\n \"body-size-baseline\": \"1.375rem\",\n \"body-size-md\": \"1.
|
|
1
|
+
{"version":3,"file":"sgw-digital-lobby-font-spec-set.js","sources":["../../../../../src/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SGWDigitalLobbyFontSpecSet: FontSpecSet = {\n \"heading-size-xxl\": \"3.75rem\",\n \"heading-size-xl\": \"3rem\",\n \"heading-size-lg\": \"2.5rem\",\n \"heading-size-md\": \"2rem\",\n \"heading-size-sm\": \"1.625rem\",\n \"heading-size-xs\": \"1.375rem\",\n\n \"heading-lh-xxl\": \"4.5rem\",\n \"heading-lh-xl\": \"3.5rem\",\n \"heading-lh-lg\": \"3rem\",\n \"heading-lh-md\": \"2.5rem\",\n \"heading-lh-sm\": \"2.25rem\",\n \"heading-lh-xs\": \"1.75rem\",\n\n \"heading-ls-xxl\": \"-0.035rem\",\n \"heading-ls-xl\": \"-0.035em\",\n \"heading-ls-lg\": \"-0.02rem\",\n \"heading-ls-md\": \"-0.02rem\",\n \"heading-ls-sm\": \"0rem\",\n \"heading-ls-xs\": \"0rem\",\n\n \"weight-light\": \"300\",\n \"weight-regular\": \"400\",\n \"weight-semibold\": \"600\",\n \"weight-bold\": \"700\",\n \"font-family\": \"Libre Franklin\",\n \"heading-font-family\": \"Libre Franklin\",\n \"body-font-family\": \"Libre Franklin\",\n\n \"body-size-baseline\": \"1.375rem\",\n \"body-size-md\": \"1.25rem\",\n \"body-size-sm\": \"1.125rem\",\n \"body-size-xs\": \"1rem\",\n\n \"body-lh-baseline\": \"1.75rem\",\n \"body-lh-md\": \"1.625rem\",\n \"body-lh-sm\": \"1.625rem\",\n \"body-lh-xs\": \"1.5rem\",\n\n \"body-ls-baseline\": \"0rem\",\n \"body-ls-md\": \"0rem\",\n \"body-ls-sm\": \"0rem\",\n \"body-ls-xs\": \"0.009rem\",\n\n \"form-label-size\": \"1.25rem\",\n \"form-description-size\": \"1.125rem\",\n\n \"form-label-lh\": \"1.625rem\",\n \"form-description-lh\": \"1.625rem\",\n\n \"form-label-ls\": \"0rem\",\n \"form-description-ls\": \"0rem\",\n};\n"],"names":[],"mappings":"gDAEuD,CACnD,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,iBACvB,mBAAoB,iBAEpB,qBAAsB,WACtB,eAAgB,UAChB,eAAgB,WAChB,eAAgB,OAEhB,mBAAoB,UACpB,aAAc,WACd,aAAc,WACd,aAAc,SAEd,mBAAoB,OACpB,aAAc,OACd,aAAc,OACd,aAAc,WAEd,kBAAmB,UACnB,wBAAyB,WAEzB,gBAAiB,WACjB,sBAAuB,WAEvB,gBAAiB,OACjB,sBAAuB"}
|
package/cjs/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./border-util/theme-helper.js"),o=require("./border/theme-helper.js"),t=require("./breakpoint/media-query-helper.js"),r=require("./breakpoint/theme-helper.js"),h=require("./colour-primitive/theme-helper.js"),
|
|
1
|
+
"use strict";var e=require("./border-util/theme-helper.js"),o=require("./border/theme-helper.js"),t=require("./breakpoint/media-query-helper.js"),r=require("./breakpoint/theme-helper.js"),h=require("./colour-primitive/theme-helper.js"),a=require("./colour-semantic/theme-helper.js"),c=require("./components/theme-helper.js"),m=require("./font-spec/theme-helper.js"),s=require("./font/theme-helper.js"),i=require("./motion/theme-helper.js"),u=require("./radius/theme-helper.js"),d=require("./shadow/theme-helper.js"),l=require("./spacing/theme-helper.js"),S=require("./use-theme-mode.js"),n=require("./ds-theme-provider.js");const g=Object.assign(Object.assign({},a.ColourSemantic),{Primitive:h.PrimitiveColour}),p=Object.assign(Object.assign({},s.FontValues),{Spec:m.FontSpecValues}),f=i.MotionValues,b=Object.assign(Object.assign({},o.BorderValues),{Util:e.BorderUtilValues}),k=l.SpacingValues,T=u.RadiusValues,j=d.ShadowValues,C=r.BreakpointValues,M=t.MediaQuery,y={Button:c.ThemeButton,Navbar:c.ThemeNavbar},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"}},O={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"}},W={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"}},w={colourScheme:"careercompass",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"careercompass",componentScheme:"default"},v={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"}},q={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"}},B={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},V={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},D={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},G={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},P={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},_={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},F={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},L={colourScheme:"smgs",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},A=Object.assign(Object.assign({},x),{light:S.createThemeWithColourMode(x,"light"),dark:S.createThemeWithColourMode(x,"dark")}),R=Object.assign(Object.assign({},O),{light:S.createThemeWithColourMode(O,"light"),dark:S.createThemeWithColourMode(O,"dark")}),N=Object.assign(Object.assign({},W),{light:S.createThemeWithColourMode(W,"light"),dark:S.createThemeWithColourMode(W,"dark")}),Q=Object.assign(Object.assign({},w),{light:S.createThemeWithColourMode(w,"light"),dark:S.createThemeWithColourMode(w,"dark")}),U=Object.assign(Object.assign({},v),{light:S.createThemeWithColourMode(v,"light"),dark:S.createThemeWithColourMode(v,"dark")}),I=Object.assign(Object.assign({},q),{light:S.createThemeWithColourMode(q,"light"),dark:S.createThemeWithColourMode(q,"dark")}),z=Object.assign(Object.assign({},B),{light:S.createThemeWithColourMode(B,"light"),dark:S.createThemeWithColourMode(B,"dark")}),E=Object.assign(Object.assign({},V),{light:S.createThemeWithColourMode(V,"light"),dark:S.createThemeWithColourMode(V,"dark")}),H=Object.assign(Object.assign({},D),{light:S.createThemeWithColourMode(D,"light"),dark:S.createThemeWithColourMode(D,"dark")}),J=Object.assign(Object.assign({},G),{light:S.createThemeWithColourMode(G,"light"),dark:S.createThemeWithColourMode(G,"dark")}),K=Object.assign(Object.assign({},P),{light:S.createThemeWithColourMode(P,"light"),dark:S.createThemeWithColourMode(P,"dark")}),X=Object.assign(Object.assign({},_),{light:S.createThemeWithColourMode(_,"light"),dark:S.createThemeWithColourMode(_,"dark")}),Y=Object.assign(Object.assign({},F),{light:S.createThemeWithColourMode(F,"light"),dark:S.createThemeWithColourMode(F,"dark")}),Z=Object.assign(Object.assign({},L),{light:S.createThemeWithColourMode(L,"light"),dark:S.createThemeWithColourMode(L,"dark")});exports.createThemeWithColourMode=S.createThemeWithColourMode,exports.getSystemColourMode=S.getSystemColourMode,exports.useDSTheme=S.useDSTheme,exports.DSThemeProvider=n.DSThemeProvider,exports.A11yPlaygroundTheme=H,exports.BookingSGTheme=R,exports.Border=b,exports.Breakpoint=C,exports.CCubeTheme=N,exports.CareerCompassTheme=Q,exports.Colour=g,exports.Font=p,exports.IMDATheme=X,exports.LifeSGTheme=A,exports.MediaQuery=M,exports.Motion=f,exports.MyLegacyTheme=U,exports.OneServiceTheme=z,exports.PATheme=E,exports.RBSTheme=I,exports.Radius=T,exports.SGWDigitalLobbyTheme=K,exports.SGWDigitalLobbyThemeBase=P,exports.SMGSTheme=Z,exports.SPFTheme=Y,exports.Shadow=j,exports.Spacing=k,exports.SupportGoWhereTheme=J,exports.SupportGoWhereThemeBase=G,exports.ThemeComponent=y;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/cjs/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n ...ColourSemantic,\n Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n ...FontValues,\n Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n ...BorderValues,\n Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n Button: ThemeButton,\n Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n colourScheme: \"sgwdigitallobby\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n colourScheme: \"smgs\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"smgs\",\n componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n ...LifeSGThemeBase,\n light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n ...BookingSGThemeBase,\n light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n ...CCubeThemeBase,\n light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n ...MyLegacyThemeBase,\n light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n ...RBSThemeBase,\n light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n ...OneServiceThemeBase,\n light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n ...PAThemeBase,\n light: createThemeWithColourMode(PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n ...A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n ...SupportGoWhereThemeBase,\n light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n ...SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n ...IMDAThemeBase,\n light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n ...SPFThemeBase,\n light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n ...SMGSThemeBase,\n light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n ...ColourSemantic,\n Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n ...FontValues,\n Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n ...BorderValues,\n Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n Button: ThemeButton,\n Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst CareerCompassThemeBase: ThemeSpec = {\n colourScheme: \"careercompass\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"careercompass\",\n componentScheme: \"default\",\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n colourScheme: \"sgwdigitallobby\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n colourScheme: \"smgs\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"smgs\",\n componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n ...LifeSGThemeBase,\n light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n ...BookingSGThemeBase,\n light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n ...CCubeThemeBase,\n light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const CareerCompassTheme = {\n ...CareerCompassThemeBase,\n light: createThemeWithColourMode(CareerCompassThemeBase, \"light\"),\n dark: createThemeWithColourMode(CareerCompassThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n ...MyLegacyThemeBase,\n light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n ...RBSThemeBase,\n light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n ...OneServiceThemeBase,\n light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n ...PAThemeBase,\n light: createThemeWithColourMode(PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n ...A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n ...SupportGoWhereThemeBase,\n light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n ...SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n ...IMDAThemeBase,\n light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n ...SPFThemeBase,\n light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n ...SMGSThemeBase,\n light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","CareerCompassThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","CareerCompassTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"gnBAwBO,MAAMA,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZC,mBACHC,UAAWC,oBAGFC,EAAIL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVK,eACHC,KAAMC,mBAGGC,EAASC,EAAAA,aAETC,EAAMX,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZW,iBACHC,KAAMC,qBAGGC,EAAUC,EAAAA,cAEVC,EAASC,EAAAA,aAETC,EAASC,EAAAA,aAETC,EAAaC,EAAAA,iBAEbC,EAAaC,EAAAA,WAEbC,EAAiB,CAC1BC,OAAQC,EAAAA,YACRC,OAAQC,EAAAA,aAQNC,EAA6B,CAC/BC,aAAc,SACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,SAChBC,gBAAiB,SACjBC,IAAK,CACDC,YAAa,OACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,SAIlBM,EAAgC,CAClCd,aAAc,YACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,YAChBE,IAAK,CACDC,YAAa,YACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,cAIlBO,EAA4B,CAC9Bf,aAAc,QACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,QAChBE,IAAK,CACDC,YAAa,QACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,UAIlBQ,EAAoC,CACtChB,aAAc,gBACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,gBAChBC,gBAAiB,WAGfQ,EAA+B,CACjCjB,aAAc,WACdC,WAAY,WACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,WAChBE,IAAK,CACDC,YAAa,WACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,aAIlBU,EAA0B,CAC5BlB,aAAc,MACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBE,IAAK,CACDC,YAAa,MACbC,gBAAiB,OACjBC,kBAAmB,MACnBL,eAAgB,QAIlBW,EAAiC,CACnCnB,aAAc,aACdC,WAAY,aACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,cAGdY,EAAyB,CAC3BpB,aAAc,KACdC,WAAY,KACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,KAChBC,gBAAiB,MAGfY,EAAqC,CACvCrB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,kBAGRa,EAAqC,CAC9CtB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGRc,EAAsC,CAC/CvB,aAAc,kBACdC,WAAY,kBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGfe,EAA2B,CAC7BxB,aAAc,OACdC,WAAY,OACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,WAGfgB,EAA0B,CAC5BzB,aAAc,MACdC,WAAY,MACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,MACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBC,gBAAiB,OAGfiB,EAA2B,CAC7B1B,aAAc,OACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QAQRkB,EAAW1D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjB6B,IACH6B,MAAOC,EAAAA,0BAA0B9B,EAAiB,SAClD+B,KAAMD,4BAA0B9B,EAAiB,UAGxCgC,EAAc9D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpB4C,IACHc,MAAOC,EAAAA,0BAA0Bf,EAAoB,SACrDgB,KAAMD,4BAA0Bf,EAAoB,UAG3CkB,EAAU/D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChB6C,IACHa,MAAOC,EAAAA,0BAA0Bd,EAAgB,SACjDe,KAAMD,4BAA0Bd,EAAgB,UAGvCkB,EAAkBhE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACxB8C,IACHY,MAAOC,EAAAA,0BAA0Bb,EAAwB,SACzDc,KAAMD,4BAA0Bb,EAAwB,UAG/CkB,EAAajE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnB+C,IACHW,MAAOC,EAAAA,0BAA0BZ,EAAmB,SACpDa,KAAMD,4BAA0BZ,EAAmB,UAG1CkB,EAAQlE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACdgD,IACHU,MAAOC,EAAAA,0BAA0BX,EAAc,SAC/CY,KAAMD,4BAA0BX,EAAc,UAGrCkB,EAAenE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBiD,IACHS,MAAOC,EAAAA,0BAA0BV,EAAqB,SACtDW,KAAMD,4BAA0BV,EAAqB,UAG5CkB,EAAOpE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbkD,IACHQ,MAAOC,EAAAA,0BAA0BT,EAAa,SAC9CU,KAAMD,4BAA0BT,EAAa,UAGpCkB,EAAmBrE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBmD,IACHO,MAAOC,EAAAA,0BAA0BR,EAAyB,SAC1DS,KAAMD,4BAA0BR,EAAyB,UAGhDkB,EAAmBtE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBoD,IACHM,MAAOC,EAAAA,0BAA0BP,EAAyB,SAC1DQ,KAAMD,4BAA0BP,EAAyB,UAGhDkB,EAAoBvE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BqD,IACHK,MAAOC,EAAAA,0BAA0BN,EAA0B,SAC3DO,KAAMD,4BAA0BN,EAA0B,UAGjDkB,EAASxE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfsD,IACHI,MAAOC,EAAAA,0BAA0BL,EAAe,SAChDM,KAAMD,4BAA0BL,EAAe,UAGtCkB,EAAQzE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACduD,IACHG,MAAOC,EAAAA,0BAA0BJ,EAAc,SAC/CK,KAAMD,4BAA0BJ,EAAc,UAGrCkB,EAAS1E,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfwD,IACHE,MAAOC,EAAAA,0BAA0BH,EAAe,SAChDI,KAAMD,4BAA0BH,EAAe"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),l=require("../shared/dropdown-wrapper/element-with-dropdown.js"),a=require("../shared/input-wrapper/input-wrapper.js"),n=require("../shared/timepicker-dropdown/timepicker-dropdown.js"),i=require("../util/time-helper.js"),d=require("./timepicker.styles.js");exports.Timepicker=t=>{var{id:s,disabled:u=!1,readOnly:p=!1,error:c,value:m,placeholder:b,format:v="24hr",onChange:w,onFocus:y,onBlur:h,alignment:f,dropdownZIndex:g,dropdownRootNode:j,"aria-labelledby":k,"aria-describedby":x}=t,q=e.__rest(t,["id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","aria-labelledby","aria-describedby"]);const[D,O]=o.useState(!1),C=o.useRef(null)
|
|
1
|
+
"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),l=require("../shared/dropdown-wrapper/element-with-dropdown.js"),a=require("../shared/input-wrapper/input-wrapper.js"),n=require("../shared/timepicker-dropdown/timepicker-dropdown.js"),i=require("../util/time-helper.js"),d=require("./timepicker.styles.js");exports.Timepicker=t=>{var{id:s,disabled:u=!1,readOnly:p=!1,error:c,value:m,placeholder:b,format:v="24hr",onChange:w,onFocus:y,onBlur:h,alignment:f,dropdownZIndex:g,dropdownRootNode:j,"aria-labelledby":k,"aria-describedby":x}=t,q=e.__rest(t,["id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","aria-labelledby","aria-describedby"]);const[D,O]=o.useState(!1),C=o.useRef(null),$=o.useRef(null),F=o.useCallback((()=>"12hr"===v?"HH:MMam":"HH:MM"),[v]),H=()=>{var e;null===(e=$.current)||void 0===e||e.focus({preventScroll:!0})},I=()=>{u||p||O(!0)},R=()=>{O(!1),H()},T=e=>{null==w||w(e),O(!1),H()},E=()=>{u||null==y||y()},M=e=>{var r;if(D||u)return;const o=e.relatedTarget;o&&(null===(r=C.current)||void 0===r?void 0:r.contains(o))||null==h||h()},_=e=>{u||p||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),I())};return r.jsx(l.ElementWithDropdown,{enabled:!p&&!u,isOpen:D,renderElement:()=>r.jsx(a.InputWrapper,Object.assign({ref:C,role:"group",$readOnly:p,$disabled:u,$focused:D,$error:c},q,{children:r.jsx(d.InputSelectorElement,{$disabled:u,ref:$,readOnly:!0,placeholder:b||F(),value:i.TimeHelper.formatDisplayValue(m,v),role:"combobox","aria-invalid":c||void 0,"aria-disabled":u||void 0,"aria-readonly":p||void 0,"aria-labelledby":k,"aria-describedby":x,"aria-expanded":!u&&!p&&D,"data-testid":s?`${s}-timepicker-selector`:"timepicker-selector",onFocus:E,onClick:I,onKeyDown:_,onBlur:M})})),renderDropdown:({styles:e,setFloatingRef:o,getFloatingProps:l})=>r.jsx("div",Object.assign({ref:o,style:e,role:"dialog","aria-label":"Time picker"},l(),{children:r.jsx(n.TimepickerDropdown,{id:s,show:D,value:m,format:v,onCancel:R,onChange:T})})),onOpen:I,onClose:()=>{O(!1),null==h||h()},onDismiss:R,offset:8,alignment:f,customZIndex:g,rootNode:j})};
|
|
2
2
|
//# sourceMappingURL=timepicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timepicker.js","sources":["../../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport {\n DropdownRenderProps,\n ElementWithDropdown,\n} from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { TimepickerDropdown } from \"../shared/timepicker-dropdown/timepicker-dropdown\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { InputSelectorElement } from \"./timepicker.styles\";\nimport { TimepickerProps } from \"./types\";\n\nexport const Timepicker = ({\n id,\n disabled = false,\n readOnly = false,\n error,\n value,\n placeholder,\n format = \"24hr\",\n onChange,\n onFocus,\n onBlur,\n alignment,\n dropdownZIndex,\n dropdownRootNode,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...otherProps\n}: TimepickerProps) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const [isOpen, setIsOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const selectorRef = useRef<HTMLInputElement>(null);\n\n // =============================================================================\n // HELPER FUNCTIONS\n // =============================================================================\n const getPlaceholderValue = useCallback(() => {\n switch (format) {\n case \"12hr\":\n return \"HH:MMam\";\n case \"24hr\":\n default:\n return \"HH:MM\";\n }\n }, [format]);\n\n const restoreFocusToSelector = () => {\n selectorRef.current?.focus({ preventScroll: true });\n };\n\n // =============================================================================\n // EVENT LISTENERS\n // =============================================================================\n const handleOpen = () => {\n if (disabled || readOnly) return;\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n onBlur?.();\n };\n\n const handleDismiss = () => {\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleChange = (v: string) => {\n onChange?.(v);\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleFocus = () => {\n onFocus?.();\n };\n\n const handleSelectorBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n if (isOpen) return;\n\n const next = e.relatedTarget as Node | null;\n if (next && wrapperRef.current?.contains(next)) return;\n\n onBlur?.();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n e.preventDefault();\n handleOpen();\n }\n };\n\n // =============================================================================\n // RENDER\n // =============================================================================\n const renderElement = () => (\n <InputWrapper\n ref={wrapperRef}\n role=\"group\"\n $readOnly={readOnly}\n $disabled={disabled}\n $focused={isOpen}\n $error={error}\n {...otherProps}\n >\n <InputSelectorElement\n ref={selectorRef}\n readOnly\n placeholder={placeholder || getPlaceholderValue()}\n value={TimeHelper.formatDisplayValue(value, format)}\n role=\"combobox\"\n aria-invalid={error || undefined}\n aria-disabled={disabled || undefined}\n aria-readonly={readOnly || undefined}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={!disabled && !readOnly ? isOpen : false}\n data-testid={\n id ? `${id}-timepicker-selector` : \"timepicker-selector\"\n }\n onFocus={handleFocus}\n onClick={handleOpen}\n onKeyDown={handleKeyDown}\n onBlur={handleSelectorBlur}\n />\n </InputWrapper>\n );\n\n const renderDropdown = ({\n styles,\n setFloatingRef,\n getFloatingProps,\n }: DropdownRenderProps) => (\n <div\n ref={setFloatingRef}\n style={styles}\n role=\"dialog\"\n aria-label=\"Time picker\"\n {...getFloatingProps()}\n >\n <TimepickerDropdown\n id={id}\n show={isOpen}\n value={value}\n format={format}\n onCancel={handleDismiss}\n onChange={handleChange}\n />\n </div>\n );\n\n return (\n <ElementWithDropdown\n enabled={!readOnly && !disabled}\n isOpen={isOpen}\n renderElement={renderElement}\n renderDropdown={renderDropdown}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n offset={8}\n alignment={alignment}\n customZIndex={dropdownZIndex}\n rootNode={dropdownRootNode}\n />\n );\n};\n"],"names":["_a","id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","otherProps","__rest","isOpen","setIsOpen","useState","wrapperRef","useRef","selectorRef","getPlaceholderValue","useCallback","restoreFocusToSelector","current","focus","preventScroll","handleOpen","handleDismiss","handleChange","v","handleFocus","handleSelectorBlur","e","next","relatedTarget","contains","handleKeyDown","key","preventDefault","_jsx","ElementWithDropdown","enabled","renderElement","InputWrapper","Object","assign","ref","role","$readOnly","$disabled","$focused","$error","children","InputSelectorElement","TimeHelper","formatDisplayValue","undefined","onClick","onKeyDown","renderDropdown","styles","setFloatingRef","getFloatingProps","style","TimepickerDropdown","show","onCancel","onOpen","onClose","onDismiss","offset","customZIndex","rootNode"],"mappings":"0XAW2BA,QAAAC,GACvBA,EAAEC,SACFA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,MAChBA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,OACXA,EAAS,OAAMC,SACfA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,UACNA,EAASC,eACTA,EAAcC,iBACdA,EACA,kBAAmBC,EACnB,mBAAoBC,GAAef,EAChCgB,EAAUC,EAAAA,OAAAjB,EAhBU,wLAqBvB,MAAOkB,EAAQC,GAAaC,EAAAA,UAAS,GAC/BC,EAAaC,EAAAA,OAAuB,MACpCC,EAAcD,EAAAA,OAAyB,MAKvCE,EAAsBC,EAAAA,aAAY,IAE3B,SADDlB,EAEO,UAGA,SAEhB,CAACA,IAEEmB,EAAyB,WACR,QAAnB1B,EAAAuB,EAAYI,eAAO,IAAA3B,GAAAA,EAAE4B,MAAM,CAAEC,eAAe,GAAO,EAMjDC,EAAa,KACX5B,GAAYC,GAChBgB,GAAU,EAAK,EAQbY,EAAgB,KAClBZ,GAAU,GACVO,GAAwB,EAGtBM,EAAgBC,IAClBzB,SAAAA,EAAWyB,GACXd,GAAU,GACVO,GAAwB,EAGtBQ,EAAc,
|
|
1
|
+
{"version":3,"file":"timepicker.js","sources":["../../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport {\n DropdownRenderProps,\n ElementWithDropdown,\n} from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { TimepickerDropdown } from \"../shared/timepicker-dropdown/timepicker-dropdown\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { InputSelectorElement } from \"./timepicker.styles\";\nimport { TimepickerProps } from \"./types\";\n\nexport const Timepicker = ({\n id,\n disabled = false,\n readOnly = false,\n error,\n value,\n placeholder,\n format = \"24hr\",\n onChange,\n onFocus,\n onBlur,\n alignment,\n dropdownZIndex,\n dropdownRootNode,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...otherProps\n}: TimepickerProps) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const [isOpen, setIsOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const selectorRef = useRef<HTMLInputElement>(null);\n\n // =============================================================================\n // HELPER FUNCTIONS\n // =============================================================================\n const getPlaceholderValue = useCallback(() => {\n switch (format) {\n case \"12hr\":\n return \"HH:MMam\";\n case \"24hr\":\n default:\n return \"HH:MM\";\n }\n }, [format]);\n\n const restoreFocusToSelector = () => {\n selectorRef.current?.focus({ preventScroll: true });\n };\n\n // =============================================================================\n // EVENT LISTENERS\n // =============================================================================\n const handleOpen = () => {\n if (disabled || readOnly) return;\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n onBlur?.();\n };\n\n const handleDismiss = () => {\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleChange = (v: string) => {\n onChange?.(v);\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleFocus = () => {\n if (disabled) return;\n onFocus?.();\n };\n\n const handleSelectorBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n if (isOpen || disabled) return;\n\n const next = e.relatedTarget as Node | null;\n if (next && wrapperRef.current?.contains(next)) return;\n\n onBlur?.();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n e.preventDefault();\n handleOpen();\n }\n };\n\n // =============================================================================\n // RENDER\n // =============================================================================\n const renderElement = () => (\n <InputWrapper\n ref={wrapperRef}\n role=\"group\"\n $readOnly={readOnly}\n $disabled={disabled}\n $focused={isOpen}\n $error={error}\n {...otherProps}\n >\n <InputSelectorElement\n $disabled={disabled}\n ref={selectorRef}\n readOnly\n placeholder={placeholder || getPlaceholderValue()}\n value={TimeHelper.formatDisplayValue(value, format)}\n role=\"combobox\"\n aria-invalid={error || undefined}\n aria-disabled={disabled || undefined}\n aria-readonly={readOnly || undefined}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={!disabled && !readOnly ? isOpen : false}\n data-testid={\n id ? `${id}-timepicker-selector` : \"timepicker-selector\"\n }\n onFocus={handleFocus}\n onClick={handleOpen}\n onKeyDown={handleKeyDown}\n onBlur={handleSelectorBlur}\n />\n </InputWrapper>\n );\n\n const renderDropdown = ({\n styles,\n setFloatingRef,\n getFloatingProps,\n }: DropdownRenderProps) => (\n <div\n ref={setFloatingRef}\n style={styles}\n role=\"dialog\"\n aria-label=\"Time picker\"\n {...getFloatingProps()}\n >\n <TimepickerDropdown\n id={id}\n show={isOpen}\n value={value}\n format={format}\n onCancel={handleDismiss}\n onChange={handleChange}\n />\n </div>\n );\n\n return (\n <ElementWithDropdown\n enabled={!readOnly && !disabled}\n isOpen={isOpen}\n renderElement={renderElement}\n renderDropdown={renderDropdown}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n offset={8}\n alignment={alignment}\n customZIndex={dropdownZIndex}\n rootNode={dropdownRootNode}\n />\n );\n};\n"],"names":["_a","id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","otherProps","__rest","isOpen","setIsOpen","useState","wrapperRef","useRef","selectorRef","getPlaceholderValue","useCallback","restoreFocusToSelector","current","focus","preventScroll","handleOpen","handleDismiss","handleChange","v","handleFocus","handleSelectorBlur","e","next","relatedTarget","contains","handleKeyDown","key","preventDefault","_jsx","ElementWithDropdown","enabled","renderElement","InputWrapper","Object","assign","ref","role","$readOnly","$disabled","$focused","$error","children","InputSelectorElement","TimeHelper","formatDisplayValue","undefined","onClick","onKeyDown","renderDropdown","styles","setFloatingRef","getFloatingProps","style","TimepickerDropdown","show","onCancel","onOpen","onClose","onDismiss","offset","customZIndex","rootNode"],"mappings":"0XAW2BA,QAAAC,GACvBA,EAAEC,SACFA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,MAChBA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,OACXA,EAAS,OAAMC,SACfA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,UACNA,EAASC,eACTA,EAAcC,iBACdA,EACA,kBAAmBC,EACnB,mBAAoBC,GAAef,EAChCgB,EAAUC,EAAAA,OAAAjB,EAhBU,wLAqBvB,MAAOkB,EAAQC,GAAaC,EAAAA,UAAS,GAC/BC,EAAaC,EAAAA,OAAuB,MACpCC,EAAcD,EAAAA,OAAyB,MAKvCE,EAAsBC,EAAAA,aAAY,IAE3B,SADDlB,EAEO,UAGA,SAEhB,CAACA,IAEEmB,EAAyB,WACR,QAAnB1B,EAAAuB,EAAYI,eAAO,IAAA3B,GAAAA,EAAE4B,MAAM,CAAEC,eAAe,GAAO,EAMjDC,EAAa,KACX5B,GAAYC,GAChBgB,GAAU,EAAK,EAQbY,EAAgB,KAClBZ,GAAU,GACVO,GAAwB,EAGtBM,EAAgBC,IAClBzB,SAAAA,EAAWyB,GACXd,GAAU,GACVO,GAAwB,EAGtBQ,EAAc,KACZhC,GACJO,SAAAA,GAAW,EAGT0B,EAAsBC,UACxB,GAAIlB,GAAUhB,EAAU,OAExB,MAAMmC,EAAOD,EAAEE,cACXD,IAA0B,QAAlBrC,EAAAqB,EAAWM,eAAO,IAAA3B,OAAA,EAAAA,EAAEuC,SAASF,KAEzC3B,SAAAA,GAAU,EAGR8B,EAAiBJ,IACflC,GAAYC,GAIF,UAAViC,EAAEK,KAA6B,MAAVL,EAAEK,KAAyB,cAAVL,EAAEK,MACxCL,EAAEM,iBACFZ,IACJ,EA+DJ,OACIa,EAAAA,IAACC,EAAAA,oBAAmB,CAChBC,SAAU1C,IAAaD,EACvBgB,OAAQA,EACR4B,cA7Dc,IAClBH,MAACI,EAAAA,aAAYC,OAAAC,OAAA,CACTC,IAAK7B,EACL8B,KAAK,QAAOC,UACDjD,EAAQkD,UACRnD,EAAQoD,SACTpC,EAAMqC,OACRnD,GACJY,EAAU,CAAAwC,SAEdb,MAACc,EAAAA,gCACcvD,EACXgD,IAAK3B,EACLpB,UAAQ,EACRG,YAAaA,GAAekB,IAC5BnB,MAAOqD,EAAAA,WAAWC,mBAAmBtD,EAAOE,GAC5C4C,KAAK,WAAU,eACD/C,QAASwD,EAAS,gBACjB1D,QAAY0D,EAAS,gBACrBzD,QAAYyD,EAAS,kBACnB9C,EAAc,mBACbC,EAAe,iBACjBb,IAAaC,GAAWe,EAAc,cAElDjB,EAAK,GAAGA,wBAA2B,sBAEvCQ,QAASyB,EACT2B,QAAS/B,EACTgC,UAAWtB,EACX9B,OAAQyB,OAiCZ4B,eA5Be,EACnBC,SACAC,iBACAC,sBAEAvB,EAAAA,IAAA,MAAAK,OAAAC,OAAA,CACIC,IAAKe,EACLE,MAAOH,EACPb,KAAK,SAAQ,aACF,eACPe,IAAkB,CAAAV,SAEtBb,EAAAA,IAACyB,EAAAA,mBAAkB,CACfnE,GAAIA,EACJoE,KAAMnD,EACNb,MAAOA,EACPE,OAAQA,EACR+D,SAAUvC,EACVvB,SAAUwB,OAWduC,OAAQzC,EACR0C,QA5GY,KAChBrD,GAAU,GACVT,SAAAA,GAAU,EA2GN+D,UAAW1C,EACX2C,OAAQ,EACR/D,UAAWA,EACXgE,aAAc/D,EACdgE,SAAU/D,GACZ"}
|