@lifesg/react-design-system 3.4.0-canary.6 → 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/calendar/calendar.js +1 -1
- package/calendar/calendar.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/filter/filter-modal.styles.js +17 -16
- package/cjs/filter/filter-modal.styles.js.map +1 -1
- package/cjs/filter/filter-sidebar.styles.js +1 -0
- 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/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/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-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/data-table/data-table.js +1 -1
- package/data-table/data-table.js.map +1 -1
- package/filter/filter-modal.styles.js +8 -7
- package/filter/filter-modal.styles.js.map +1 -1
- package/filter/filter-sidebar.styles.js +11 -10
- package/filter/filter-sidebar.styles.js.map +1 -1
- package/filter/filter.styles.js +10 -9
- package/filter/filter.styles.js.map +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/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-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 +7 -1
- 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 +7 -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 \"text-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"text-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-40\"),\n \"text-selected\": getPrimitiveColour(\"primary-50\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-80\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n\n \"text-success\": getPrimitiveColour(\"success-40\"),\n \"text-warning\": getPrimitiveColour(\"warning-40\"),\n \"text-error\": getPrimitiveColour(\"error-40\"),\n \"text-info\": getPrimitiveColour(\"info-40\"),\n \"text-inverse\": getPrimitiveColour(\"white\"),\n\n // icon\n icon: getPrimitiveColour(\"neutral-50\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-20\"),\n \"icon-primary\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-70\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n \"icon-selected\": getPrimitiveColour(\"primary-50\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-50\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-60\"),\n\n \"icon-success\": getPrimitiveColour(\"success-50\"),\n \"icon-warning\": getPrimitiveColour(\"warning-60\"),\n \"icon-error\": getPrimitiveColour(\"error-50\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n \"icon-info\": getPrimitiveColour(\"info-50\"),\n \"icon-inverse\": getPrimitiveColour(\"white\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n \"border-primary\": getPrimitiveColour(\"primary-50\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-90\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-50\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-70\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-90\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-60\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-90\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"border-success\": getPrimitiveColour(\"success-60\"),\n \"border-warning\": getPrimitiveColour(\"warning-60\"),\n \"border-error\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus\": getPrimitiveColour(\"error-60\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n \"border-error-strong\": getPrimitiveColour(\"error-40\"),\n \"border-info\": getPrimitiveColour(\"info-60\"),\n\n // background\n bg: getPrimitiveColour(\"white\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-100\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-95\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-95\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-100\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-100\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-90\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-95\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-90\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-70\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-50\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-40\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-95\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-success\": getPrimitiveColour(\"success-100\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-95\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-50\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-40\"),\n \"bg-warning\": getPrimitiveColour(\"warning-100\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-95\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-50\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-40\"),\n \"bg-info\": getPrimitiveColour(\"info-100\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-95\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-50\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-40\"),\n \"bg-error\": getPrimitiveColour(\"error-100\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-95\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-50\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-40\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-20\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-30\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\n \"bg-available\": \"#6DD0A1\",\n\n \"bg-secondary\": getPrimitiveColour(\"secondary-50\"),\n \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-95\"),\n \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-100\"),\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-90\"),\n\n // overlay\n \"overlay-strong\": \"rgba(40, 40, 40, 0.85)\",\n \"overlay-subtle\": \"rgba(40, 40, 40, 0.20)\",\n\n // hyperlink\n hyperlink: getPrimitiveColour(\"primary-50\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-40\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring\n \"focus-ring\": getPrimitiveColour(\"primary-50\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"white\"),\n};\n\n// ============================================================================\n// DARK MODE COLOURS\n// ============================================================================\n\n// currently used for testing and fallback for dark mode\nexport const SGWDigitalLobbyDarkColourSet: SemanticColourSet = {\n // text\n text: getPrimitiveColour(\"neutral-100\"),\n \"text-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"text-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"text-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"text-primary\": getPrimitiveColour(\"primary-60\"),\n \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n \"text-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"text-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"text-hover\": getPrimitiveColour(\"primary-70\"),\n \"text-selected\": getPrimitiveColour(\"primary-60\"),\n \"text-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"text-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-30\"),\n \"text-selected-disabled\": getPrimitiveColour(\"neutral-90\"),\n\n \"text-success\": getPrimitiveColour(\"success-70\"),\n \"text-warning\": getPrimitiveColour(\"warning-70\"),\n \"text-error\": getPrimitiveColour(\"error-70\"),\n \"text-info\": getPrimitiveColour(\"info-70\"),\n \"text-inverse\": getPrimitiveColour(\"black\"),\n\n // icon - adjusted for dark mode\n icon: getPrimitiveColour(\"neutral-60\"),\n \"icon-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-strongest\": getPrimitiveColour(\"neutral-90\"),\n \"icon-primary\": getPrimitiveColour(\"primary-60\"),\n \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"icon-primary-subtlest\": getPrimitiveColour(\"primary-40\"),\n \"icon-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n \"icon-selected\": getPrimitiveColour(\"primary-60\"),\n \"icon-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"icon-disabled\": getPrimitiveColour(\"neutral-60\"),\n \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n \"icon-selected-disabled\": getPrimitiveColour(\"neutral-50\"),\n\n \"icon-success\": getPrimitiveColour(\"success-60\"),\n \"icon-warning\": getPrimitiveColour(\"warning-50\"),\n \"icon-error\": getPrimitiveColour(\"error-60\"),\n \"icon-error-strong\": getPrimitiveColour(\"error-70\"),\n \"icon-info\": getPrimitiveColour(\"info-60\"),\n \"icon-inverse\": getPrimitiveColour(\"black\"),\n \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // border - adjusted for dark mode\n border: getPrimitiveColour(\"neutral-50\"),\n \"border-strong\": getPrimitiveColour(\"neutral-40\"),\n \"border-stronger\": getPrimitiveColour(\"neutral-60\"),\n \"border-primary\": getPrimitiveColour(\"primary-60\"),\n \"border-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n\n \"border-hover\": getPrimitiveColour(\"primary-20\"),\n \"border-hover-strong\": getPrimitiveColour(\"primary-50\"),\n\n \"border-selected\": getPrimitiveColour(\"primary-60\"),\n \"border-selected-subtle\": getPrimitiveColour(\"primary-40\"),\n \"border-selected-subtlest\": getPrimitiveColour(\"primary-20\"),\n \"border-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"border-focus\": getPrimitiveColour(\"primary-50\"),\n \"border-focus-strong\": getPrimitiveColour(\"primary-60\"),\n\n \"border-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"border-selected-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"border-success\": getPrimitiveColour(\"success-50\"),\n \"border-warning\": getPrimitiveColour(\"warning-50\"),\n \"border-error\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus\": getPrimitiveColour(\"error-50\"),\n \"border-error-focus-strong\": getPrimitiveColour(\"error-70\"),\n \"border-error-strong\": getPrimitiveColour(\"error-70\"),\n \"border-info\": getPrimitiveColour(\"info-50\"),\n\n // background - dark backgrounds\n bg: getPrimitiveColour(\"black\"),\n \"bg-strong\": getPrimitiveColour(\"neutral-10\"),\n \"bg-stronger\": getPrimitiveColour(\"neutral-20\"),\n \"bg-strongest\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-hover-subtle\": getPrimitiveColour(\"primary-10\"),\n \"bg-hover-neutral\": getPrimitiveColour(\"neutral-10\"),\n \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-20\"),\n\n \"bg-selected\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-strong\": getPrimitiveColour(\"primary-20\"),\n \"bg-selected-stronger\": getPrimitiveColour(\"primary-40\"),\n \"bg-selected-strongest\": getPrimitiveColour(\"primary-60\"),\n \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-70\"),\n\n \"bg-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n \"bg-success\": getPrimitiveColour(\"success-10\"),\n \"bg-success-hover\": getPrimitiveColour(\"success-20\"),\n \"bg-success-strong\": getPrimitiveColour(\"success-60\"),\n \"bg-success-strong-hover\": getPrimitiveColour(\"success-70\"),\n \"bg-warning\": getPrimitiveColour(\"warning-10\"),\n \"bg-warning-hover\": getPrimitiveColour(\"warning-20\"),\n \"bg-warning-strong\": getPrimitiveColour(\"warning-60\"),\n \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-70\"),\n \"bg-info\": getPrimitiveColour(\"info-10\"),\n \"bg-info-hover\": getPrimitiveColour(\"info-20\"),\n \"bg-info-strong\": getPrimitiveColour(\"info-60\"),\n \"bg-info-strong-hover\": getPrimitiveColour(\"info-70\"),\n \"bg-error\": getPrimitiveColour(\"error-10\"),\n \"bg-error-hover\": getPrimitiveColour(\"error-20\"),\n \"bg-error-strong\": getPrimitiveColour(\"error-60\"),\n \"bg-error-strong-hover\": getPrimitiveColour(\"error-70\"),\n\n \"bg-inverse\": getPrimitiveColour(\"neutral-90\"),\n \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-80\"),\n \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-60\"),\n \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-50\"),\n \"bg-inverse-hover\": getPrimitiveColour(\"neutral-70\"),\n\n \"bg-primary\": getPrimitiveColour(\"primary-60\"),\n \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\n \"bg-available\": \"#185339\", // Darker green for dark mode\n\n \"bg-secondary\": getPrimitiveColour(\"secondary-60\"),\n \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-20\"),\n \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-10\"),\n\n \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-20\"),\n\n // overlay - lighter overlays for dark backgrounds\n \"overlay-strong\": \"rgba(78, 78, 78, 0.80)\",\n \"overlay-subtle\": \"rgba(78, 78, 78, 0.50)\",\n\n // hyperlink - adjusted for dark mode\n hyperlink: getPrimitiveColour(\"primary-60\"),\n \"hyperlink-hover\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-visited\": getPrimitiveColour(\"primary-70\"),\n \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n // focus ring - adjusted for dark mode\n \"focus-ring\": getPrimitiveColour(\"primary-60\"),\n \"focus-ring-inverse\": getPrimitiveColour(\"black\"),\n};\n"],"names":["SGWDigitalLobbyColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink","SGWDigitalLobbyDarkColourSet"],"mappings":"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"}
|
|
1
|
+
{"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
|
+
import{getPrimitiveColour as r}from"../../colour-primitive/theme-helper.js";const e={text:r("neutral-10"),"text-subtle":r("neutral-20"),"text-subtler":r("neutral-50"),"text-subtlest":r("neutral-60"),"text-primary":r("primary-40"),"text-primary-strong":r("primary-30"),"text-primary-strongest":r("primary-20"),"text-brand":r("brand-10"),"text-secondary":r("secondary-60"),"text-secondary-subtle":r("secondary-50"),"text-hover":r("primary-30"),"text-selected":r("primary-40"),"text-selected-hover":r("primary-30"),"text-disabled":r("neutral-40"),"text-disabled-subtle":r("neutral-50"),"text-disabled-subtlest":r("neutral-70"),"text-selected-disabled":r("neutral-20"),"text-success":r("success-40"),"text-warning":r("warning-40"),"text-error":r("error-40"),"text-info":r("info-40"),"text-inverse":r("white"),icon:r("neutral-50"),"icon-subtle":r("neutral-60"),"icon-strongest":r("neutral-20"),"icon-primary":r("primary-40"),"icon-primary-subtle":r("primary-50"),"icon-primary-subtlest":r("primary-60"),"icon-brand":r("brand-10"),"icon-secondary":r("secondary-50"),"icon-secondary-subtle":r("secondary-60"),"icon-hover":r("primary-30"),"icon-selected":r("primary-40"),"icon-selected-hover":r("primary-30"),"icon-disabled":r("neutral-50"),"icon-disabled-subtle":r("neutral-60"),"icon-selected-disabled":r("neutral-60"),"icon-success":r("success-50"),"icon-warning":r("warning-50"),"icon-error":r("error-50"),"icon-error-strong":r("error-40"),"icon-info":r("info-50"),"icon-inverse":r("white"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-90"),"border-strong":r("neutral-70"),"border-stronger":r("neutral-50"),"border-primary":r("primary-40"),"border-primary-strong":r("primary-30"),"border-primary-subtle":r("primary-60"),"border-hover":r("primary-90"),"border-hover-strong":r("primary-70"),"border-selected":r("primary-50"),"border-selected-subtle":r("primary-80"),"border-selected-subtlest":r("primary-90"),"border-selected-hover":r("primary-40"),"border-focus":r("primary-60"),"border-focus-strong":r("primary-50"),"border-disabled":r("neutral-90"),"border-selected-disabled":r("neutral-70"),"border-success":r("success-60"),"border-warning":r("warning-60"),"border-error":r("error-60"),"border-error-focus":r("error-50"),"border-error-focus-strong":r("error-40"),"border-error-strong":r("error-30"),"border-info":r("info-50"),bg:r("white"),"bg-strong":r("neutral-100"),"bg-stronger":r("neutral-95"),"bg-strongest":r("neutral-90"),"bg-hover":r("primary-95"),"bg-hover-strong":r("primary-90"),"bg-hover-subtle":r("primary-100"),"bg-hover-neutral":r("neutral-100"),"bg-hover-neutral-strong":r("neutral-90"),"bg-selected":r("primary-95"),"bg-selected-hover":r("primary-90"),"bg-selected-strong":r("primary-90"),"bg-selected-stronger":r("primary-70"),"bg-selected-strongest":r("primary-50"),"bg-selected-strongest-hover":r("primary-40"),"bg-disabled":r("neutral-95"),"bg-selected-disabled":r("neutral-95"),"bg-selected-stronger-disabled":r("neutral-70"),"bg-success":r("success-100"),"bg-success-hover":r("success-95"),"bg-success-strong":r("success-50"),"bg-success-strong-hover":r("success-40"),"bg-warning":r("warning-100"),"bg-warning-hover":r("warning-95"),"bg-warning-strong":r("warning-50"),"bg-warning-strong-hover":r("warning-40"),"bg-info":r("info-100"),"bg-info-hover":r("info-95"),"bg-info-strong":r("info-50"),"bg-info-strong-hover":r("info-40"),"bg-error":r("error-100"),"bg-error-hover":r("error-95"),"bg-error-strong":r("error-50"),"bg-error-strong-hover":r("error-40"),"bg-inverse":r("neutral-10"),"bg-inverse-subtle":r("neutral-30"),"bg-inverse-subtler":r("neutral-50"),"bg-inverse-subtlest":r("neutral-60"),"bg-inverse-hover":r("neutral-40"),"bg-primary":r("primary-40"),"bg-primary-strong":r("primary-30"),"bg-primary-subtle":r("primary-60"),"bg-primary-subtler":r("primary-95"),"bg-primary-subtlest":r("primary-100"),"bg-secondary":r("secondary-50"),"bg-secondary-subtle":r("secondary-60"),"bg-secondary-subtler":r("secondary-95"),"bg-secondary-subtlest":r("secondary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r("primary-30"),"bg-primary-strong-hover":r("primary-20"),"bg-primary-subtlest-hover":r("primary-90"),"bg-primary-subtlest-selected":r("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r("primary-50"),"hyperlink-hover":r("primary-40"),"hyperlink-visited":r("primary-40"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-50"),"focus-ring-inverse":r("white")};export{e as SPFColourSet};
|
|
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
|
-
import{getCollection as e,getValue as r}from"../helpers.js";import{
|
|
1
|
+
import{getCollection as e,getValue as r}from"../helpers.js";import{A11yPlaygroundDarkColourSet as s,A11yPlaygroundColourSet as o}from"./specs/a11yplayground-semantic-tokens.js";import{LifeSGDarkColourSet as t,LifeSGColourSet as b}from"./specs/lifesg-semantic-tokens.js";import{PAColourSet as n}from"./specs/pa-semantic-tokens.js";import{SGWDigitalLobbyDarkColourSet as g,SGWDigitalLobbyColourSet as i}from"./specs/sgwdigitallobby-tokens.js";import{SPFColourSet as l}from"./specs/spf-semantic-tokens.js";const d={collections:{lifesg:b,bookingsg:b,rbs:b,mylegacy:b,ccube:b,oneservice:b,pa:n,a11yplayground:o,supportgowhere:b,sgwdigitallobby:i,imda:b,spf:l,smgs:b,careercompass:b},defaultValue:"lifesg"},c={collections:{lifesg:t,bookingsg:t,rbs:t,mylegacy:t,ccube:t,oneservice:t,pa:t,a11yplayground:s,supportgowhere:t,sgwdigitallobby:g,imda:t,spf:t,smgs:t,careercompass:t},defaultValue:"lifesg"},a=s=>o=>{var t;const b=o.theme,n="dark"===(null==b?void 0:b.colourMode),g=e(n?c:d,null==b?void 0:b.colourScheme),i=n?"semanticColourDark":"semanticColour",l=null===(t=null==b?void 0:b.overrides)||void 0===t?void 0:t[i],a=l?r(g,s,l):g[s];return"function"==typeof a?a(o):a},u={text:a("text"),"text-subtle":a("text-subtle"),"text-subtler":a("text-subtler"),"text-subtlest":a("text-subtlest"),"text-primary":a("text-primary"),"text-primary-strong":a("text-primary-strong"),"text-primary-strongest":a("text-primary-strongest"),"text-brand":a("text-brand"),"text-secondary":a("text-secondary"),"text-secondary-subtle":a("text-secondary-subtle"),"text-hover":a("text-hover"),"text-selected":a("text-selected"),"text-selected-hover":a("text-selected-hover"),"text-disabled":a("text-disabled"),"text-disabled-subtle":a("text-disabled-subtle"),"text-disabled-subtlest":a("text-disabled-subtlest"),"text-selected-disabled":a("text-selected-disabled"),"text-success":a("text-success"),"text-warning":a("text-warning"),"text-error":a("text-error"),"text-info":a("text-info"),"text-inverse":a("text-inverse"),icon:a("icon"),"icon-subtle":a("icon-subtle"),"icon-strongest":a("icon-strongest"),"icon-primary":a("icon-primary"),"icon-primary-subtle":a("icon-primary-subtle"),"icon-primary-subtlest":a("icon-primary-subtlest"),"icon-brand":a("icon-brand"),"icon-secondary":a("icon-secondary"),"icon-secondary-subtle":a("icon-secondary-subtle"),"icon-hover":a("icon-hover"),"icon-selected":a("icon-selected"),"icon-selected-hover":a("icon-selected-hover"),"icon-disabled":a("icon-disabled"),"icon-disabled-subtle":a("icon-disabled-subtle"),"icon-selected-disabled":a("icon-selected-disabled"),"icon-success":a("icon-success"),"icon-warning":a("icon-warning"),"icon-error":a("icon-error"),"icon-error-strong":a("icon-error-strong"),"icon-info":a("icon-info"),"icon-inverse":a("icon-inverse"),"icon-primary-inverse":a("icon-primary-inverse"),border:a("border"),"border-strong":a("border-strong"),"border-stronger":a("border-stronger"),"border-primary":a("border-primary"),"border-primary-strong":a("border-primary-strong"),"border-primary-subtle":a("border-primary-subtle"),"border-hover":a("border-hover"),"border-hover-strong":a("border-hover-strong"),"border-selected":a("border-selected"),"border-selected-subtle":a("border-selected-subtle"),"border-selected-subtlest":a("border-selected-subtlest"),"border-selected-hover":a("border-selected-hover"),"border-focus":a("border-focus"),"border-focus-strong":a("border-focus-strong"),"border-disabled":a("border-disabled"),"border-selected-disabled":a("border-selected-disabled"),"border-success":a("border-success"),"border-warning":a("border-warning"),"border-error":a("border-error"),"border-error-focus":a("border-error-focus"),"border-error-focus-strong":a("border-error-focus-strong"),"border-error-strong":a("border-error-strong"),"border-info":a("border-info"),bg:a("bg"),"bg-strong":a("bg-strong"),"bg-stronger":a("bg-stronger"),"bg-strongest":a("bg-strongest"),"bg-hover":a("bg-hover"),"bg-hover-strong":a("bg-hover-strong"),"bg-hover-subtle":a("bg-hover-subtle"),"bg-hover-neutral":a("bg-hover-neutral"),"bg-hover-neutral-strong":a("bg-hover-neutral-strong"),"bg-selected":a("bg-selected"),"bg-selected-hover":a("bg-selected-hover"),"bg-selected-strong":a("bg-selected-strong"),"bg-selected-stronger":a("bg-selected-stronger"),"bg-selected-strongest":a("bg-selected-strongest"),"bg-selected-strongest-hover":a("bg-selected-strongest-hover"),"bg-disabled":a("bg-disabled"),"bg-selected-disabled":a("bg-selected-disabled"),"bg-selected-stronger-disabled":a("bg-selected-stronger-disabled"),"bg-success":a("bg-success"),"bg-success-hover":a("bg-success-hover"),"bg-success-strong":a("bg-success-strong"),"bg-success-strong-hover":a("bg-success-strong-hover"),"bg-warning":a("bg-warning"),"bg-warning-hover":a("bg-warning-hover"),"bg-warning-strong":a("bg-warning-strong"),"bg-warning-strong-hover":a("bg-warning-strong-hover"),"bg-info":a("bg-info"),"bg-info-hover":a("bg-info-hover"),"bg-info-strong":a("bg-info-strong"),"bg-info-strong-hover":a("bg-info-strong-hover"),"bg-error":a("bg-error"),"bg-error-hover":a("bg-error-hover"),"bg-error-strong":a("bg-error-strong"),"bg-error-strong-hover":a("bg-error-strong-hover"),"bg-inverse":a("bg-inverse"),"bg-inverse-subtle":a("bg-inverse-subtle"),"bg-inverse-subtler":a("bg-inverse-subtler"),"bg-inverse-subtlest":a("bg-inverse-subtlest"),"bg-inverse-hover":a("bg-inverse-hover"),"bg-primary":a("bg-primary"),"bg-primary-strong":a("bg-primary-strong"),"bg-primary-subtle":a("bg-primary-subtle"),"bg-primary-subtler":a("bg-primary-subtler"),"bg-primary-subtlest":a("bg-primary-subtlest"),"bg-secondary":a("bg-secondary"),"bg-secondary-subtle":a("bg-secondary-subtle"),"bg-secondary-subtler":a("bg-secondary-subtler"),"bg-secondary-subtlest":a("bg-secondary-subtlest"),"bg-available":a("bg-available"),"bg-primary-hover":a("bg-primary-hover"),"bg-primary-strong-hover":a("bg-primary-strong-hover"),"bg-primary-subtlest-hover":a("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":a("bg-primary-subtlest-selected"),"overlay-strong":a("overlay-strong"),"overlay-subtle":a("overlay-subtle"),hyperlink:a("hyperlink"),"hyperlink-hover":a("hyperlink-hover"),"hyperlink-visited":a("hyperlink-visited"),"hyperlink-inverse":a("hyperlink-inverse"),"focus-ring":a("focus-ring"),"focus-ring-inverse":a("focus-ring-inverse")};export{u as ColourSemantic,d as ColourSpec,c as DarkColourSpec,a as getSemanticColour};
|
|
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 careercompass: LifeSGColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGDarkColourSet,\n bookingsg: LifeSGDarkColourSet,\n rbs: LifeSGDarkColourSet,\n mylegacy: LifeSGDarkColourSet,\n ccube: LifeSGDarkColourSet,\n oneservice: LifeSGDarkColourSet,\n pa: LifeSGDarkColourSet,\n a11yplayground: A11yPlaygroundDarkColourSet,\n supportgowhere: LifeSGDarkColourSet,\n sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n imda: LifeSGDarkColourSet,\n spf: LifeSGDarkColourSet,\n smgs: LifeSGDarkColourSet,\n careercompass: LifeSGDarkColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate color spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colorSet: SemanticColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"semanticColourDark\"\n : \"semanticColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n const colorValue = overrides\n ? getValue(colorSet, key, overrides)\n : colorSet[key];\n\n // If function, resolve with props\n if (typeof colorValue === \"function\") {\n return (colorValue as (props: any) => string)(props);\n }\n\n return colorValue as string;\n };\n};\n\nexport const ColourSemantic: {\n [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n // text\n text: getSemanticColour(\"text\"),\n \"text-subtle\": getSemanticColour(\"text-subtle\"),\n \"text-subtler\": getSemanticColour(\"text-subtler\"),\n \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n \"text-primary\": getSemanticColour(\"text-primary\"),\n \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n \"text-secondary\": getSemanticColour(\"text-secondary\"),\n \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n \"text-hover\": getSemanticColour(\"text-hover\"),\n \"text-selected\": getSemanticColour(\"text-selected\"),\n \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n \"text-disabled\": getSemanticColour(\"text-disabled\"),\n \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n \"text-success\": getSemanticColour(\"text-success\"),\n \"text-warning\": getSemanticColour(\"text-warning\"),\n \"text-error\": getSemanticColour(\"text-error\"),\n \"text-info\": getSemanticColour(\"text-info\"),\n \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n // icon\n icon: getSemanticColour(\"icon\"),\n \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n \"icon-primary\": getSemanticColour(\"icon-primary\"),\n \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n \"icon-hover\": getSemanticColour(\"icon-hover\"),\n \"icon-selected\": getSemanticColour(\"icon-selected\"),\n \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n \"icon-success\": getSemanticColour(\"icon-success\"),\n \"icon-warning\": getSemanticColour(\"icon-warning\"),\n \"icon-error\": getSemanticColour(\"icon-error\"),\n \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n \"icon-info\": getSemanticColour(\"icon-info\"),\n \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n // border\n border: getSemanticColour(\"border\"),\n \"border-strong\": getSemanticColour(\"border-strong\"),\n \"border-stronger\": getSemanticColour(\"border-stronger\"),\n \"border-primary\": getSemanticColour(\"border-primary\"),\n \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n \"border-hover\": getSemanticColour(\"border-hover\"),\n \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n \"border-selected\": getSemanticColour(\"border-selected\"),\n \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n \"border-focus\": getSemanticColour(\"border-focus\"),\n \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n \"border-disabled\": getSemanticColour(\"border-disabled\"),\n \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n \"border-success\": getSemanticColour(\"border-success\"),\n \"border-warning\": getSemanticColour(\"border-warning\"),\n \"border-error\": getSemanticColour(\"border-error\"),\n \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n \"border-info\": getSemanticColour(\"border-info\"),\n\n // background\n bg: getSemanticColour(\"bg\"),\n \"bg-strong\": getSemanticColour(\"bg-strong\"),\n \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n \"bg-hover\": getSemanticColour(\"bg-hover\"),\n \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n \"bg-selected\": getSemanticColour(\"bg-selected\"),\n \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n \"bg-selected-strongest-hover\": getSemanticColour(\n \"bg-selected-strongest-hover\"\n ),\n\n \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n \"bg-selected-stronger-disabled\": getSemanticColour(\n \"bg-selected-stronger-disabled\"\n ),\n\n \"bg-success\": getSemanticColour(\"bg-success\"),\n \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n \"bg-warning\": getSemanticColour(\"bg-warning\"),\n \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n \"bg-info\": getSemanticColour(\"bg-info\"),\n \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n \"bg-error\": getSemanticColour(\"bg-error\"),\n \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n \"bg-primary\": getSemanticColour(\"bg-primary\"),\n \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n \"bg-available\": getSemanticColour(\"bg-available\"),\n\n \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n\n \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n \"bg-primary-subtlest-selected\": getSemanticColour(\n \"bg-primary-subtlest-selected\"\n ),\n\n // overlay\n \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n // hyperlink\n hyperlink: getSemanticColour(\"hyperlink\"),\n \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n // focus ring\n \"focus-ring\": getSemanticColour(\"focus-ring\"),\n \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","smgs","careercompass","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"ybAkBO,MAAMA,EAGT,CACAC,YAAa,CACTC,OAAQC,EACRC,UAAWD,EACXE,IAAKF,EACLG,SAAUH,EACVI,MAAOJ,EACPK,WAAYL,EACZM,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBV,EAChBW,gBAAiBC,EACjBC,KAAMb,EACNc,IAAKd,EACLe,KAAMf,EACNgB,cAAehB,GAEnBiB,aAAc,UAGLC,EAGT,CACApB,YAAa,CACTC,OAAQoB,EACRlB,UAAWkB,EACXjB,IAAKiB,EACLhB,SAAUgB,EACVf,MAAOe,EACPd,WAAYc,EACZb,GAAIa,EACJX,eAAgBY,EAChBV,eAAgBS,EAChBR,gBAAiBU,EACjBR,KAAMM,EACNL,IAAKK,EACLJ,KAAMI,EACNH,cAAeG,GAEnBF,aAAc,UAGLK,EAAqBC,GACtBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmC,UAAtBD,aAAK,EAALA,EAAOE,YAIpBC,EAA8BC,EADvBH,EAAaR,EAAiBrB,EAGvC4B,aAAK,EAALA,EAAOK,cAKLC,EAAcL,EACd,qBACA,iBACAM,EAA4B,QAAhBC,EAAAR,aAAK,EAALA,EAAOO,iBAAS,IAAAC,OAAA,EAAAA,EAAGF,GAE/BG,EAAaF,EACbG,EAASP,EAAUL,EAAKS,GACxBJ,EAASL,GAGf,MAA0B,mBAAfW,EACCA,EAAsCV,GAG3CU,CAAoB,EAItBE,EAET,CAEAC,KAAMf,EAAkB,QACxB,cAAeA,EAAkB,eACjC,eAAgBA,EAAkB,gBAClC,gBAAiBA,EAAkB,iBACnC,eAAgBA,EAAkB,gBAClC,yBAA0BA,EAAkB,0BAC5C,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,gBAAiBA,EAAkB,iBACnC,sBAAuBA,EAAkB,uBAEzC,gBAAiBA,EAAkB,iBACnC,uBAAwBA,EAAkB,wBAC1C,yBAA0BA,EAAkB,0BAC5C,yBAA0BA,EAAkB,0BAE5C,eAAgBA,EAAkB,gBAClC,eAAgBA,EAAkB,gBAClC,aAAcA,EAAkB,cAChC,YAAaA,EAAkB,aAC/B,eAAgBA,EAAkB,gBAGlCgB,KAAMhB,EAAkB,QACxB,cAAeA,EAAkB,eACjC,iBAAkBA,EAAkB,kBACpC,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBACzC,wBAAyBA,EAAkB,yBAC3C,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,gBAAiBA,EAAkB,iBACnC,sBAAuBA,EAAkB,uBAEzC,gBAAiBA,EAAkB,iBACnC,uBAAwBA,EAAkB,wBAC1C,yBAA0BA,EAAkB,0BAE5C,eAAgBA,EAAkB,gBAClC,eAAgBA,EAAkB,gBAClC,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,YAAaA,EAAkB,aAC/B,eAAgBA,EAAkB,gBAClC,uBAAwBA,EAAkB,wBAG1CiB,OAAQjB,EAAkB,UAC1B,gBAAiBA,EAAkB,iBACnC,kBAAmBA,EAAkB,mBACrC,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAE3C,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBAEzC,kBAAmBA,EAAkB,mBACrC,yBAA0BA,EAAkB,0BAC5C,2BAA4BA,EAAkB,4BAC9C,wBAAyBA,EAAkB,yBAE3C,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBAEzC,kBAAmBA,EAAkB,mBACrC,2BAA4BA,EAAkB,4BAE9C,iBAAkBA,EAAkB,kBACpC,iBAAkBA,EAAkB,kBACpC,eAAgBA,EAAkB,gBAClC,qBAAsBA,EAAkB,sBACxC,4BAA6BA,EAAkB,6BAC/C,sBAAuBA,EAAkB,uBACzC,cAAeA,EAAkB,eAGjCkB,GAAIlB,EAAkB,MACtB,YAAaA,EAAkB,aAC/B,cAAeA,EAAkB,eACjC,eAAgBA,EAAkB,gBAElC,WAAYA,EAAkB,YAC9B,kBAAmBA,EAAkB,mBACrC,kBAAmBA,EAAkB,mBACrC,mBAAoBA,EAAkB,oBACtC,0BAA2BA,EAAkB,2BAE7C,cAAeA,EAAkB,eACjC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,uBAAwBA,EAAkB,wBAC1C,wBAAyBA,EAAkB,yBAC3C,8BAA+BA,EAC3B,+BAGJ,cAAeA,EAAkB,eACjC,uBAAwBA,EAAkB,wBAC1C,gCAAiCA,EAC7B,iCAGJ,aAAcA,EAAkB,cAChC,mBAAoBA,EAAkB,oBACtC,oBAAqBA,EAAkB,qBACvC,0BAA2BA,EAAkB,2BAC7C,aAAcA,EAAkB,cAChC,mBAAoBA,EAAkB,oBACtC,oBAAqBA,EAAkB,qBACvC,0BAA2BA,EAAkB,2BAC7C,UAAWA,EAAkB,WAC7B,gBAAiBA,EAAkB,iBACnC,iBAAkBA,EAAkB,kBACpC,uBAAwBA,EAAkB,wBAC1C,WAAYA,EAAkB,YAC9B,iBAAkBA,EAAkB,kBACpC,kBAAmBA,EAAkB,mBACrC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,sBAAuBA,EAAkB,uBACzC,mBAAoBA,EAAkB,oBAEtC,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,sBAAuBA,EAAkB,uBACzC,eAAgBA,EAAkB,gBAElC,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBACzC,uBAAwBA,EAAkB,wBAC1C,wBAAyBA,EAAkB,yBAE3C,mBAAoBA,EAAkB,oBACtC,4BAA6BA,EAAkB,6BAC/C,+BAAgCA,EAC5B,gCAIJ,iBAAkBA,EAAkB,kBACpC,iBAAkBA,EAAkB,kBAGpCmB,UAAWnB,EAAkB,aAC7B,kBAAmBA,EAAkB,mBACrC,oBAAqBA,EAAkB,qBACvC,oBAAqBA,EAAkB,qBAGvC,aAAcA,EAAkB,cAChC,qBAAsBA,EAAkB"}
|
|
1
|
+
{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/colour-semantic/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, SemanticColourSet } from \"../types\";\nimport {\n A11yPlaygroundColourSet,\n A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n LifeSGColourSet,\n LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n SGWDigitalLobbyColourSet,\n SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGColourSet,\n bookingsg: LifeSGColourSet,\n rbs: LifeSGColourSet,\n mylegacy: LifeSGColourSet,\n ccube: LifeSGColourSet,\n oneservice: LifeSGColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: LifeSGColourSet,\n sgwdigitallobby: SGWDigitalLobbyColourSet,\n imda: LifeSGColourSet,\n spf: SPFColourSet,\n smgs: LifeSGColourSet,\n careercompass: LifeSGColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGDarkColourSet,\n bookingsg: LifeSGDarkColourSet,\n rbs: LifeSGDarkColourSet,\n mylegacy: LifeSGDarkColourSet,\n ccube: LifeSGDarkColourSet,\n oneservice: LifeSGDarkColourSet,\n pa: LifeSGDarkColourSet,\n a11yplayground: A11yPlaygroundDarkColourSet,\n supportgowhere: LifeSGDarkColourSet,\n sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n imda: LifeSGDarkColourSet,\n spf: LifeSGDarkColourSet,\n smgs: LifeSGDarkColourSet,\n careercompass: LifeSGDarkColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate color spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colorSet: SemanticColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"semanticColourDark\"\n : \"semanticColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n const colorValue = overrides\n ? getValue(colorSet, key, overrides)\n : colorSet[key];\n\n // If function, resolve with props\n if (typeof colorValue === \"function\") {\n return (colorValue as (props: any) => string)(props);\n }\n\n return colorValue as string;\n };\n};\n\nexport const ColourSemantic: {\n [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n // text\n text: getSemanticColour(\"text\"),\n \"text-subtle\": getSemanticColour(\"text-subtle\"),\n \"text-subtler\": getSemanticColour(\"text-subtler\"),\n \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n \"text-primary\": getSemanticColour(\"text-primary\"),\n \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n \"text-brand\": getSemanticColour(\"text-brand\"),\n \"text-secondary\": getSemanticColour(\"text-secondary\"),\n \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n \"text-hover\": getSemanticColour(\"text-hover\"),\n \"text-selected\": getSemanticColour(\"text-selected\"),\n \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n \"text-disabled\": getSemanticColour(\"text-disabled\"),\n \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n \"text-success\": getSemanticColour(\"text-success\"),\n \"text-warning\": getSemanticColour(\"text-warning\"),\n \"text-error\": getSemanticColour(\"text-error\"),\n \"text-info\": getSemanticColour(\"text-info\"),\n \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n // icon\n icon: getSemanticColour(\"icon\"),\n \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n \"icon-primary\": getSemanticColour(\"icon-primary\"),\n \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n \"icon-brand\": getSemanticColour(\"icon-brand\"),\n \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n \"icon-hover\": getSemanticColour(\"icon-hover\"),\n \"icon-selected\": getSemanticColour(\"icon-selected\"),\n \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n \"icon-success\": getSemanticColour(\"icon-success\"),\n \"icon-warning\": getSemanticColour(\"icon-warning\"),\n \"icon-error\": getSemanticColour(\"icon-error\"),\n \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n \"icon-info\": getSemanticColour(\"icon-info\"),\n \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n // border\n border: getSemanticColour(\"border\"),\n \"border-strong\": getSemanticColour(\"border-strong\"),\n \"border-stronger\": getSemanticColour(\"border-stronger\"),\n \"border-primary\": getSemanticColour(\"border-primary\"),\n \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n \"border-hover\": getSemanticColour(\"border-hover\"),\n \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n \"border-selected\": getSemanticColour(\"border-selected\"),\n \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n \"border-focus\": getSemanticColour(\"border-focus\"),\n \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n \"border-disabled\": getSemanticColour(\"border-disabled\"),\n \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n \"border-success\": getSemanticColour(\"border-success\"),\n \"border-warning\": getSemanticColour(\"border-warning\"),\n \"border-error\": getSemanticColour(\"border-error\"),\n \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n \"border-info\": getSemanticColour(\"border-info\"),\n\n // background\n bg: getSemanticColour(\"bg\"),\n \"bg-strong\": getSemanticColour(\"bg-strong\"),\n \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n \"bg-hover\": getSemanticColour(\"bg-hover\"),\n \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n \"bg-selected\": getSemanticColour(\"bg-selected\"),\n \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n \"bg-selected-strongest-hover\": getSemanticColour(\n \"bg-selected-strongest-hover\"\n ),\n\n \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n \"bg-selected-stronger-disabled\": getSemanticColour(\n \"bg-selected-stronger-disabled\"\n ),\n\n \"bg-success\": getSemanticColour(\"bg-success\"),\n \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n \"bg-warning\": getSemanticColour(\"bg-warning\"),\n \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n \"bg-info\": getSemanticColour(\"bg-info\"),\n \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n \"bg-error\": getSemanticColour(\"bg-error\"),\n \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n \"bg-primary\": getSemanticColour(\"bg-primary\"),\n \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n \"bg-available\": getSemanticColour(\"bg-available\"),\n\n \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n \"bg-primary-subtlest-selected\": getSemanticColour(\n \"bg-primary-subtlest-selected\"\n ),\n\n // overlay\n \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n // hyperlink\n hyperlink: getSemanticColour(\"hyperlink\"),\n \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n // focus ring\n \"focus-ring\": getSemanticColour(\"focus-ring\"),\n \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"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"}
|
|
@@ -10,7 +10,9 @@ export type SemanticColourSet = {
|
|
|
10
10
|
"text-subtler": SemanticColourValue;
|
|
11
11
|
"text-subtlest": SemanticColourValue;
|
|
12
12
|
"text-primary": SemanticColourValue;
|
|
13
|
+
"text-primary-strong": SemanticColourValue;
|
|
13
14
|
"text-primary-strongest": SemanticColourValue;
|
|
15
|
+
"text-brand": SemanticColourValue;
|
|
14
16
|
"text-secondary": SemanticColourValue;
|
|
15
17
|
"text-secondary-subtle": SemanticColourValue;
|
|
16
18
|
"text-hover": SemanticColourValue;
|
|
@@ -31,6 +33,7 @@ export type SemanticColourSet = {
|
|
|
31
33
|
"icon-primary": SemanticColourValue;
|
|
32
34
|
"icon-primary-subtle": SemanticColourValue;
|
|
33
35
|
"icon-primary-subtlest": SemanticColourValue;
|
|
36
|
+
"icon-brand": SemanticColourValue;
|
|
34
37
|
"icon-secondary": SemanticColourValue;
|
|
35
38
|
"icon-secondary-subtle": SemanticColourValue;
|
|
36
39
|
"icon-hover": SemanticColourValue;
|
|
@@ -50,6 +53,7 @@ export type SemanticColourSet = {
|
|
|
50
53
|
"border-strong": SemanticColourValue;
|
|
51
54
|
"border-stronger": SemanticColourValue;
|
|
52
55
|
"border-primary": SemanticColourValue;
|
|
56
|
+
"border-primary-strong": SemanticColourValue;
|
|
53
57
|
"border-primary-subtle": SemanticColourValue;
|
|
54
58
|
"border-hover": SemanticColourValue;
|
|
55
59
|
"border-hover-strong": SemanticColourValue;
|
|
@@ -108,15 +112,17 @@ export type SemanticColourSet = {
|
|
|
108
112
|
"bg-inverse-subtlest": SemanticColourValue;
|
|
109
113
|
"bg-inverse-hover": SemanticColourValue;
|
|
110
114
|
"bg-primary": SemanticColourValue;
|
|
115
|
+
"bg-primary-strong": SemanticColourValue;
|
|
111
116
|
"bg-primary-subtle": SemanticColourValue;
|
|
112
117
|
"bg-primary-subtler": SemanticColourValue;
|
|
113
118
|
"bg-primary-subtlest": SemanticColourValue;
|
|
114
|
-
"bg-available": SemanticColourValue;
|
|
115
119
|
"bg-secondary": SemanticColourValue;
|
|
116
120
|
"bg-secondary-subtle": SemanticColourValue;
|
|
117
121
|
"bg-secondary-subtler": SemanticColourValue;
|
|
118
122
|
"bg-secondary-subtlest": SemanticColourValue;
|
|
123
|
+
"bg-available": SemanticColourValue;
|
|
119
124
|
"bg-primary-hover": SemanticColourValue;
|
|
125
|
+
"bg-primary-strong-hover": SemanticColourValue;
|
|
120
126
|
"bg-primary-subtlest-hover": SemanticColourValue;
|
|
121
127
|
"bg-primary-subtlest-selected": SemanticColourValue;
|
|
122
128
|
"overlay-strong": SemanticColourValue;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.
|
|
1
|
+
const e={"heading-size-xxl":"3.75rem","heading-size-xl":"3rem","heading-size-lg":"2.5rem","heading-size-md":"2rem","heading-size-sm":"1.625rem","heading-size-xs":"1.375rem","heading-lh-xxl":"4.5rem","heading-lh-xl":"3.5rem","heading-lh-lg":"3rem","heading-lh-md":"2.5rem","heading-lh-sm":"2.25rem","heading-lh-xs":"1.75rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.035em","heading-ls-lg":"-0.02rem","heading-ls-md":"-0.02rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.375rem","body-size-md":"1.25rem","body-size-sm":"1.125rem","body-size-xs":"1rem","body-lh-baseline":"1.75rem","body-lh-md":"1.625rem","body-lh-sm":"1.625rem","body-lh-xs":"1.5rem","body-ls-baseline":"0rem","body-ls-md":"0rem","body-ls-sm":"0rem","body-ls-xs":"0.009rem","form-label-size":"1.25rem","form-description-size":"1.125rem","form-label-lh":"1.625rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0rem"};export{e as SGWDigitalLobbyFontSpecSet};
|
|
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":["SGWDigitalLobbyFontSpecSet"],"mappings":"AAEO,MAAMA,EAA0C,CACnD,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,iBACvB,mBAAoB,iBAEpB,qBAAsB,WACtB,eAAgB,UAChB,eAAgB,WAChB,eAAgB,OAEhB,mBAAoB,UACpB,aAAc,WACd,aAAc,WACd,aAAc,SAEd,mBAAoB,OACpB,aAAc,OACd,aAAc,OACd,aAAc,WAEd,kBAAmB,UACnB,wBAAyB,WAEzB,gBAAiB,WACjB,sBAAuB,WAEvB,gBAAiB,OACjB,sBAAuB"}
|
package/theme/index.d.ts
CHANGED
|
@@ -101,7 +101,9 @@ export declare const Colour: {
|
|
|
101
101
|
"text-subtler": (props: import("./helpers").StyledComponentProps) => string;
|
|
102
102
|
"text-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
103
103
|
"text-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
104
|
+
"text-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
|
|
104
105
|
"text-primary-strongest": (props: import("./helpers").StyledComponentProps) => string;
|
|
106
|
+
"text-brand": (props: import("./helpers").StyledComponentProps) => string;
|
|
105
107
|
"text-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
106
108
|
"text-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
107
109
|
"text-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -122,6 +124,7 @@ export declare const Colour: {
|
|
|
122
124
|
"icon-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
123
125
|
"icon-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
124
126
|
"icon-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
127
|
+
"icon-brand": (props: import("./helpers").StyledComponentProps) => string;
|
|
125
128
|
"icon-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
126
129
|
"icon-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
127
130
|
"icon-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -141,6 +144,7 @@ export declare const Colour: {
|
|
|
141
144
|
"border-strong": (props: import("./helpers").StyledComponentProps) => string;
|
|
142
145
|
"border-stronger": (props: import("./helpers").StyledComponentProps) => string;
|
|
143
146
|
"border-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
147
|
+
"border-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
|
|
144
148
|
"border-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
145
149
|
"border-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
146
150
|
"border-hover-strong": (props: import("./helpers").StyledComponentProps) => string;
|
|
@@ -199,15 +203,17 @@ export declare const Colour: {
|
|
|
199
203
|
"bg-inverse-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
200
204
|
"bg-inverse-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
201
205
|
"bg-primary": (props: import("./helpers").StyledComponentProps) => string;
|
|
206
|
+
"bg-primary-strong": (props: import("./helpers").StyledComponentProps) => string;
|
|
202
207
|
"bg-primary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
203
208
|
"bg-primary-subtler": (props: import("./helpers").StyledComponentProps) => string;
|
|
204
209
|
"bg-primary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
205
|
-
"bg-available": (props: import("./helpers").StyledComponentProps) => string;
|
|
206
210
|
"bg-secondary": (props: import("./helpers").StyledComponentProps) => string;
|
|
207
211
|
"bg-secondary-subtle": (props: import("./helpers").StyledComponentProps) => string;
|
|
208
212
|
"bg-secondary-subtler": (props: import("./helpers").StyledComponentProps) => string;
|
|
209
213
|
"bg-secondary-subtlest": (props: import("./helpers").StyledComponentProps) => string;
|
|
214
|
+
"bg-available": (props: import("./helpers").StyledComponentProps) => string;
|
|
210
215
|
"bg-primary-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
216
|
+
"bg-primary-strong-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
211
217
|
"bg-primary-subtlest-hover": (props: import("./helpers").StyledComponentProps) => string;
|
|
212
218
|
"bg-primary-subtlest-selected": (props: import("./helpers").StyledComponentProps) => string;
|
|
213
219
|
"overlay-strong": (props: import("./helpers").StyledComponentProps) => string;
|