@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.10

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

@@ -1,123 +0,0 @@
-import type { V3_ColourScheme } from "../types";
-export type V3_SemanticColourCollectionMap = {
-    [key in V3_ColourScheme]: V3_SemanticColourSet;
-};
-export type V3_SemanticColourSetOptions = Partial<V3_SemanticColourSet>;
-type V3_SemanticColourValue = string | ((props: any) => string);
-export type V3_SemanticColourSet = {
-    text: V3_SemanticColourValue;
-    "text-subtle": V3_SemanticColourValue;
-    "text-subtler": V3_SemanticColourValue;
-    "text-subtlest": V3_SemanticColourValue;
-    "text-primary": V3_SemanticColourValue;
-    "text-primary-strongest": V3_SemanticColourValue;
-    "text-hover": V3_SemanticColourValue;
-    "text-selected": V3_SemanticColourValue;
-    "text-selected-hover": V3_SemanticColourValue;
-    "text-disabled": V3_SemanticColourValue;
-    "text-disabled-subtle": V3_SemanticColourValue;
-    "text-disabled-subtlest": V3_SemanticColourValue;
-    "text-selected-disabled": V3_SemanticColourValue;
-    "text-success": V3_SemanticColourValue;
-    "text-warning": V3_SemanticColourValue;
-    "text-error": V3_SemanticColourValue;
-    "text-info": V3_SemanticColourValue;
-    "text-inverse": V3_SemanticColourValue;
-    icon: V3_SemanticColourValue;
-    "icon-subtle": V3_SemanticColourValue;
-    "icon-strongest": V3_SemanticColourValue;
-    "icon-primary": V3_SemanticColourValue;
-    "icon-primary-subtle": V3_SemanticColourValue;
-    "icon-primary-subtlest": V3_SemanticColourValue;
-    "icon-hover": V3_SemanticColourValue;
-    "icon-selected": V3_SemanticColourValue;
-    "icon-selected-hover": V3_SemanticColourValue;
-    "icon-disabled": V3_SemanticColourValue;
-    "icon-disabled-subtle": V3_SemanticColourValue;
-    "icon-selected-disabled": V3_SemanticColourValue;
-    "icon-success": V3_SemanticColourValue;
-    "icon-warning": V3_SemanticColourValue;
-    "icon-error": V3_SemanticColourValue;
-    "icon-error-strong": V3_SemanticColourValue;
-    "icon-info": V3_SemanticColourValue;
-    "icon-inverse": V3_SemanticColourValue;
-    "icon-primary-inverse": V3_SemanticColourValue;
-    border: V3_SemanticColourValue;
-    "border-strong": V3_SemanticColourValue;
-    "border-stronger": V3_SemanticColourValue;
-    "border-primary": V3_SemanticColourValue;
-    "border-primary-subtle": V3_SemanticColourValue;
-    "border-hover": V3_SemanticColourValue;
-    "border-hover-strong": V3_SemanticColourValue;
-    "border-selected": V3_SemanticColourValue;
-    "border-selected-subtle": V3_SemanticColourValue;
-    "border-selected-subtlest": V3_SemanticColourValue;
-    "border-selected-hover": V3_SemanticColourValue;
-    "border-focus": V3_SemanticColourValue;
-    "border-focus-strong": V3_SemanticColourValue;
-    "border-disabled": V3_SemanticColourValue;
-    "border-selected-disabled": V3_SemanticColourValue;
-    "border-success": V3_SemanticColourValue;
-    "border-warning": V3_SemanticColourValue;
-    "border-error": V3_SemanticColourValue;
-    "border-error-focus": V3_SemanticColourValue;
-    "border-error-focus-strong": V3_SemanticColourValue;
-    "border-error-strong": V3_SemanticColourValue;
-    "border-info": V3_SemanticColourValue;
-    bg: V3_SemanticColourValue;
-    "bg-strong": V3_SemanticColourValue;
-    "bg-stronger": V3_SemanticColourValue;
-    "bg-strongest": V3_SemanticColourValue;
-    "bg-hover": V3_SemanticColourValue;
-    "bg-hover-strong": V3_SemanticColourValue;
-    "bg-hover-subtle": V3_SemanticColourValue;
-    "bg-hover-neutral": V3_SemanticColourValue;
-    "bg-hover-neutral-strong": V3_SemanticColourValue;
-    "bg-selected": V3_SemanticColourValue;
-    "bg-selected-hover": V3_SemanticColourValue;
-    "bg-selected-strong": V3_SemanticColourValue;
-    "bg-selected-stronger": V3_SemanticColourValue;
-    "bg-selected-strongest": V3_SemanticColourValue;
-    "bg-selected-strongest-hover": V3_SemanticColourValue;
-    "bg-disabled": V3_SemanticColourValue;
-    "bg-selected-disabled": V3_SemanticColourValue;
-    "bg-selected-stronger-disabled": V3_SemanticColourValue;
-    "bg-success": V3_SemanticColourValue;
-    "bg-success-hover": V3_SemanticColourValue;
-    "bg-success-strong": V3_SemanticColourValue;
-    "bg-success-strong-hover": V3_SemanticColourValue;
-    "bg-warning": V3_SemanticColourValue;
-    "bg-warning-hover": V3_SemanticColourValue;
-    "bg-warning-strong": V3_SemanticColourValue;
-    "bg-warning-strong-hover": V3_SemanticColourValue;
-    "bg-info": V3_SemanticColourValue;
-    "bg-info-hover": V3_SemanticColourValue;
-    "bg-info-strong": V3_SemanticColourValue;
-    "bg-info-strong-hover": V3_SemanticColourValue;
-    "bg-error": V3_SemanticColourValue;
-    "bg-error-hover": V3_SemanticColourValue;
-    "bg-error-strong": V3_SemanticColourValue;
-    "bg-error-strong-hover": V3_SemanticColourValue;
-    "bg-inverse": V3_SemanticColourValue;
-    "bg-inverse-subtle": V3_SemanticColourValue;
-    "bg-inverse-subtler": V3_SemanticColourValue;
-    "bg-inverse-subtlest": V3_SemanticColourValue;
-    "bg-inverse-hover": V3_SemanticColourValue;
-    "bg-primary": V3_SemanticColourValue;
-    "bg-primary-subtle": V3_SemanticColourValue;
-    "bg-primary-subtler": V3_SemanticColourValue;
-    "bg-primary-subtlest": V3_SemanticColourValue;
-    "bg-available": V3_SemanticColourValue;
-    "bg-primary-hover": V3_SemanticColourValue;
-    "bg-primary-subtlest-hover": V3_SemanticColourValue;
-    "bg-primary-subtlest-selected": V3_SemanticColourValue;
-    "overlay-strong": V3_SemanticColourValue;
-    "overlay-subtle": V3_SemanticColourValue;
-    hyperlink: V3_SemanticColourValue;
-    "hyperlink-hover": V3_SemanticColourValue;
-    "hyperlink-visited": V3_SemanticColourValue;
-    "hyperlink-inverse": V3_SemanticColourValue;
-    "focus-ring": V3_SemanticColourValue;
-    "focus-ring-inverse": V3_SemanticColourValue;
-};
-export {};

package/v3_theme/components/specs/a11yplayground-component-token-set.d.ts

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

package/v3_theme/components/specs/a11yplayground-component-token-set.js

@@ -1,2 +0,0 @@
-import{V3_ColourSemantic as o}from"../../colour-semantic/theme-helper.js";import{V3_RadiusValues as t}from"../../radius/theme-helper.js";const r={Button:{"button-radius":t.md,"button-default-colour-bg":o["bg-primary"],"button-default-colour-bg-hover":o["bg-primary-hover"],"button-default-colour-text":o["text-inverse"],"button-secondary-colour-border":o["border-primary"],"button-secondary-colour-text":o["text-primary"],"button-light-colour-text":o["text-primary"],"button-link-colour-text":o["text-primary"]},Animation:{"loading-dots-spinner-colour":o["icon-primary"]},Navbar:{"navbar-full-height":"6rem","navbar-full-logo-height":"2rem","navbar-compressed-height":"4rem","navbar-compressed-logo-height":"1.5rem","navbar-mobile-height":"3.5rem","navbar-mobile-logo-height":"1.5rem","navbar-colour-bg":o.bg,"navbar-colour-icon":o.icon,"navbar-link-colour-text":o.text,"navbar-link-colour-text-hover":o["text-hover"],"navbar-link-colour-text-selected-hover":o["text-selected-hover"]},Footer:{"footer-colour-bg":o["bg-strong"],"footer-colour-text":o.text,"footer-link-colour-text":o.text,"footer-link-colour-text-hover":o["text-hover"],"footer-disclaimer-link-colour-text":o.text,"footer-disclaimer-link-colour-text-hover":o["text-subtler"]}};export{r as V3_A11yPlaygroundComponentTokenSet};
-//# sourceMappingURL=a11yplayground-component-token-set.js.map

package/v3_theme/components/specs/a11yplayground-component-token-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11yplayground-component-token-set.js","sources":["../../../../src/v3_theme/components/specs/a11yplayground-component-token-set.ts"],"sourcesContent":["import { V3_ColourSemantic } from \"../../colour-semantic/theme-helper\";\nimport { V3_RadiusValues } from \"../../radius/theme-helper\";\nimport type { V3_ComponentTokenSet } from \"../types\";\n\nexport const V3_A11yPlaygroundComponentTokenSet: V3_ComponentTokenSet = {\n    Button: {\n        \"button-radius\": V3_RadiusValues.md,\n        \"button-default-colour-bg\": V3_ColourSemantic[\"bg-primary\"],\n        \"button-default-colour-bg-hover\": V3_ColourSemantic[\"bg-primary-hover\"],\n        \"button-default-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"button-secondary-colour-border\": V3_ColourSemantic[\"border-primary\"],\n        \"button-secondary-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-light-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-link-colour-text\": V3_ColourSemantic[\"text-primary\"],\n    },\n    Animation: {\n        \"loading-dots-spinner-colour\": V3_ColourSemantic[\"icon-primary\"],\n    },\n    Navbar: {\n        \"navbar-full-height\": \"6rem\",\n        \"navbar-full-logo-height\": \"2rem\",\n        \"navbar-compressed-height\": \"4rem\",\n        \"navbar-compressed-logo-height\": \"1.5rem\",\n        \"navbar-mobile-height\": \"3.5rem\",\n        \"navbar-mobile-logo-height\": \"1.5rem\",\n        \"navbar-colour-bg\": V3_ColourSemantic[\"bg\"],\n        \"navbar-colour-icon\": V3_ColourSemantic[\"icon\"],\n        \"navbar-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"navbar-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"navbar-link-colour-text-selected-hover\":\n            V3_ColourSemantic[\"text-selected-hover\"],\n    },\n    Footer: {\n        \"footer-colour-bg\": V3_ColourSemantic[\"bg-strong\"],\n        \"footer-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"footer-disclaimer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-disclaimer-link-colour-text-hover\":\n            V3_ColourSemantic[\"text-subtler\"],\n    },\n};\n"],"names":["V3_A11yPlaygroundComponentTokenSet","Button","V3_RadiusValues","md","V3_ColourSemantic","Animation","Navbar","Footer"],"mappings":"yIAIO,MAAMA,EAA2D,CACpEC,OAAQ,CACJ,gBAAiBC,EAAgBC,GACjC,2BAA4BC,EAAkB,cAC9C,iCAAkCA,EAAkB,oBACpD,6BAA8BA,EAAkB,gBAChD,iCAAkCA,EAAkB,kBACpD,+BAAgCA,EAAkB,gBAClD,2BAA4BA,EAAkB,gBAC9C,0BAA2BA,EAAkB,iBAEjDC,UAAW,CACP,8BAA+BD,EAAkB,iBAErDE,OAAQ,CACJ,qBAAsB,OACtB,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,SACjC,uBAAwB,SACxB,4BAA6B,SAC7B,mBAAoBF,EAAsB,GAC1C,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,yCACIA,EAAkB,wBAE1BG,OAAQ,CACJ,mBAAoBH,EAAkB,aACtC,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,qCAAsCA,EAAwB,KAC9D,2CACIA,EAAkB"}

package/v3_theme/components/specs/default-component-token-set.d.ts

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

package/v3_theme/components/specs/default-component-token-set.js

@@ -1,2 +0,0 @@
-import{V3_ColourSemantic as o}from"../../colour-semantic/theme-helper.js";import{V3_RadiusValues as t}from"../../radius/theme-helper.js";const r={Button:{"button-radius":t.sm,"button-default-colour-bg":o["bg-primary"],"button-default-colour-bg-hover":o["bg-primary-hover"],"button-default-colour-text":o["text-inverse"],"button-secondary-colour-border":o["border-primary"],"button-secondary-colour-text":o["text-primary"],"button-light-colour-text":o["text-primary"],"button-link-colour-text":o["text-primary"]},Animation:{"loading-dots-spinner-colour":o["icon-primary"]},Navbar:{"navbar-full-height":"6rem","navbar-full-logo-height":"2rem","navbar-compressed-height":"4rem","navbar-compressed-logo-height":"1.5rem","navbar-mobile-height":"3.5rem","navbar-mobile-logo-height":"1.5rem","navbar-colour-bg":o.bg,"navbar-colour-icon":o.icon,"navbar-link-colour-text":o.text,"navbar-link-colour-text-hover":o["text-hover"],"navbar-link-colour-text-selected-hover":o["text-selected-hover"]},Footer:{"footer-colour-bg":o["bg-strong"],"footer-colour-text":o.text,"footer-link-colour-text":o.text,"footer-link-colour-text-hover":o["text-hover"],"footer-disclaimer-link-colour-text":o.text,"footer-disclaimer-link-colour-text-hover":o["text-subtler"]}};export{r as V3_DefaultComponentTokenSet};
-//# sourceMappingURL=default-component-token-set.js.map

package/v3_theme/components/specs/default-component-token-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-component-token-set.js","sources":["../../../../src/v3_theme/components/specs/default-component-token-set.ts"],"sourcesContent":["import { V3_ColourSemantic } from \"../../colour-semantic/theme-helper\";\nimport { V3_RadiusValues } from \"../../radius/theme-helper\";\nimport type { V3_ComponentTokenSet } from \"../types\";\n\nexport const V3_DefaultComponentTokenSet: V3_ComponentTokenSet = {\n    Button: {\n        \"button-radius\": V3_RadiusValues.sm,\n        \"button-default-colour-bg\": V3_ColourSemantic[\"bg-primary\"],\n        \"button-default-colour-bg-hover\": V3_ColourSemantic[\"bg-primary-hover\"],\n        \"button-default-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"button-secondary-colour-border\": V3_ColourSemantic[\"border-primary\"],\n        \"button-secondary-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-light-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-link-colour-text\": V3_ColourSemantic[\"text-primary\"],\n    },\n    Animation: {\n        \"loading-dots-spinner-colour\": V3_ColourSemantic[\"icon-primary\"],\n    },\n    Navbar: {\n        \"navbar-full-height\": \"6rem\",\n        \"navbar-full-logo-height\": \"2rem\",\n        \"navbar-compressed-height\": \"4rem\",\n        \"navbar-compressed-logo-height\": \"1.5rem\",\n        \"navbar-mobile-height\": \"3.5rem\",\n        \"navbar-mobile-logo-height\": \"1.5rem\",\n        \"navbar-colour-bg\": V3_ColourSemantic[\"bg\"],\n        \"navbar-colour-icon\": V3_ColourSemantic[\"icon\"],\n        \"navbar-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"navbar-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"navbar-link-colour-text-selected-hover\":\n            V3_ColourSemantic[\"text-selected-hover\"],\n    },\n    Footer: {\n        \"footer-colour-bg\": V3_ColourSemantic[\"bg-strong\"],\n        \"footer-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"footer-disclaimer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-disclaimer-link-colour-text-hover\":\n            V3_ColourSemantic[\"text-subtler\"],\n    },\n};\n"],"names":["V3_DefaultComponentTokenSet","Button","V3_RadiusValues","sm","V3_ColourSemantic","Animation","Navbar","Footer"],"mappings":"yIAIO,MAAMA,EAAoD,CAC7DC,OAAQ,CACJ,gBAAiBC,EAAgBC,GACjC,2BAA4BC,EAAkB,cAC9C,iCAAkCA,EAAkB,oBACpD,6BAA8BA,EAAkB,gBAChD,iCAAkCA,EAAkB,kBACpD,+BAAgCA,EAAkB,gBAClD,2BAA4BA,EAAkB,gBAC9C,0BAA2BA,EAAkB,iBAEjDC,UAAW,CACP,8BAA+BD,EAAkB,iBAErDE,OAAQ,CACJ,qBAAsB,OACtB,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,SACjC,uBAAwB,SACxB,4BAA6B,SAC7B,mBAAoBF,EAAsB,GAC1C,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,yCACIA,EAAkB,wBAE1BG,OAAQ,CACJ,mBAAoBH,EAAkB,aACtC,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,qCAAsCA,EAAwB,KAC9D,2CACIA,EAAkB"}

package/v3_theme/components/specs/lifesg-component-token-set.d.ts

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

package/v3_theme/components/specs/lifesg-component-token-set.js

@@ -1,2 +0,0 @@
-import{V3_Colour as o}from"../../index.js";import{V3_ColourSemantic as t}from"../../colour-semantic/theme-helper.js";import{V3_RadiusValues as r}from"../../radius/theme-helper.js";const e={Button:{"button-radius":r.sm,"button-default-colour-bg":t["bg-primary"],"button-default-colour-bg-hover":t["bg-primary-hover"],"button-default-colour-text":t["text-inverse"],"button-secondary-colour-border":t["border-primary"],"button-secondary-colour-text":t["text-primary"],"button-light-colour-text":t["text-primary"],"button-link-colour-text":t["text-primary"]},Animation:{"loading-dots-spinner-colour":o.Primitive["brand-50"]},Navbar:{"navbar-full-height":"6rem","navbar-full-logo-height":"2rem","navbar-compressed-height":"4rem","navbar-compressed-logo-height":"1.5rem","navbar-mobile-height":"3.5rem","navbar-mobile-logo-height":"1.5rem","navbar-colour-bg":t.bg,"navbar-colour-icon":t.icon,"navbar-link-colour-text":t.text,"navbar-link-colour-text-hover":t["text-hover"],"navbar-link-colour-text-selected-hover":t["text-selected-hover"]},Footer:{"footer-colour-bg":t["bg-strong"],"footer-colour-text":t.text,"footer-link-colour-text":t.text,"footer-link-colour-text-hover":t["text-hover"],"footer-disclaimer-link-colour-text":t.text,"footer-disclaimer-link-colour-text-hover":t["text-subtler"]}};export{e as V3_LifeSGComponentTokenSet};
-//# sourceMappingURL=lifesg-component-token-set.js.map

package/v3_theme/components/specs/lifesg-component-token-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lifesg-component-token-set.js","sources":["../../../../src/v3_theme/components/specs/lifesg-component-token-set.ts"],"sourcesContent":["import { V3_Colour } from \"../..\";\nimport { V3_ColourSemantic } from \"../../colour-semantic/theme-helper\";\nimport { V3_RadiusValues } from \"../../radius/theme-helper\";\nimport type { V3_ComponentTokenSet } from \"../types\";\n\nexport const V3_LifeSGComponentTokenSet: V3_ComponentTokenSet = {\n    Button: {\n        \"button-radius\": V3_RadiusValues.sm,\n        \"button-default-colour-bg\": V3_ColourSemantic[\"bg-primary\"],\n        \"button-default-colour-bg-hover\": V3_ColourSemantic[\"bg-primary-hover\"],\n        \"button-default-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"button-secondary-colour-border\": V3_ColourSemantic[\"border-primary\"],\n        \"button-secondary-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-light-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-link-colour-text\": V3_ColourSemantic[\"text-primary\"],\n    },\n    Animation: {\n        \"loading-dots-spinner-colour\": V3_Colour.Primitive[\"brand-50\"],\n    },\n    Navbar: {\n        \"navbar-full-height\": \"6rem\",\n        \"navbar-full-logo-height\": \"2rem\",\n        \"navbar-compressed-height\": \"4rem\",\n        \"navbar-compressed-logo-height\": \"1.5rem\",\n        \"navbar-mobile-height\": \"3.5rem\",\n        \"navbar-mobile-logo-height\": \"1.5rem\",\n        \"navbar-colour-bg\": V3_ColourSemantic[\"bg\"],\n        \"navbar-colour-icon\": V3_ColourSemantic[\"icon\"],\n        \"navbar-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"navbar-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"navbar-link-colour-text-selected-hover\":\n            V3_ColourSemantic[\"text-selected-hover\"],\n    },\n    Footer: {\n        \"footer-colour-bg\": V3_ColourSemantic[\"bg-strong\"],\n        \"footer-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"footer-disclaimer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-disclaimer-link-colour-text-hover\":\n            V3_ColourSemantic[\"text-subtler\"],\n    },\n};\n"],"names":["V3_LifeSGComponentTokenSet","Button","V3_RadiusValues","sm","V3_ColourSemantic","Animation","V3_Colour","Primitive","Navbar","Footer"],"mappings":"oLAKO,MAAMA,EAAmD,CAC5DC,OAAQ,CACJ,gBAAiBC,EAAgBC,GACjC,2BAA4BC,EAAkB,cAC9C,iCAAkCA,EAAkB,oBACpD,6BAA8BA,EAAkB,gBAChD,iCAAkCA,EAAkB,kBACpD,+BAAgCA,EAAkB,gBAClD,2BAA4BA,EAAkB,gBAC9C,0BAA2BA,EAAkB,iBAEjDC,UAAW,CACP,8BAA+BC,EAAUC,UAAU,aAEvDC,OAAQ,CACJ,qBAAsB,OACtB,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,SACjC,uBAAwB,SACxB,4BAA6B,SAC7B,mBAAoBJ,EAAsB,GAC1C,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,yCACIA,EAAkB,wBAE1BK,OAAQ,CACJ,mBAAoBL,EAAkB,aACtC,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,qCAAsCA,EAAwB,KAC9D,2CACIA,EAAkB"}

package/v3_theme/components/specs/pa-component-token-set.d.ts

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

package/v3_theme/components/specs/pa-component-token-set.js

@@ -1,2 +0,0 @@
-import{V3_ColourSemantic as o}from"../../colour-semantic/theme-helper.js";import{V3_RadiusValues as t}from"../../radius/theme-helper.js";const r={Button:{"button-radius":t.full,"button-default-colour-bg":o["bg-primary"],"button-default-colour-bg-hover":o["bg-primary-hover"],"button-default-colour-text":o["text-inverse"],"button-secondary-colour-border":o["border-primary"],"button-secondary-colour-text":o["text-primary"],"button-light-colour-text":o["text-primary"],"button-link-colour-text":o["text-primary"]},Animation:{"loading-dots-spinner-colour":o["icon-primary"]},Navbar:{"navbar-full-height":"6rem","navbar-full-logo-height":"2rem","navbar-compressed-height":"4rem","navbar-compressed-logo-height":"1.5rem","navbar-mobile-height":"3.5rem","navbar-mobile-logo-height":"1.5rem","navbar-colour-bg":o.bg,"navbar-colour-icon":o.icon,"navbar-link-colour-text":o.text,"navbar-link-colour-text-hover":o["text-hover"],"navbar-link-colour-text-selected-hover":o["text-selected-hover"]},Footer:{"footer-colour-bg":o["bg-strong"],"footer-colour-text":o.text,"footer-link-colour-text":o.text,"footer-link-colour-text-hover":o["text-hover"],"footer-disclaimer-link-colour-text":o.text,"footer-disclaimer-link-colour-text-hover":o["text-subtler"]}};export{r as V3_PAComponentTokenSet};
-//# sourceMappingURL=pa-component-token-set.js.map

package/v3_theme/components/specs/pa-component-token-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pa-component-token-set.js","sources":["../../../../src/v3_theme/components/specs/pa-component-token-set.ts"],"sourcesContent":["import { V3_ColourSemantic } from \"../../colour-semantic/theme-helper\";\nimport { V3_RadiusValues } from \"../../radius/theme-helper\";\nimport type { V3_ComponentTokenSet } from \"../types\";\n\nexport const V3_PAComponentTokenSet: V3_ComponentTokenSet = {\n    Button: {\n        \"button-radius\": V3_RadiusValues.full,\n        \"button-default-colour-bg\": V3_ColourSemantic[\"bg-primary\"],\n        \"button-default-colour-bg-hover\": V3_ColourSemantic[\"bg-primary-hover\"],\n        \"button-default-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"button-secondary-colour-border\": V3_ColourSemantic[\"border-primary\"],\n        \"button-secondary-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-light-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-link-colour-text\": V3_ColourSemantic[\"text-primary\"],\n    },\n    Animation: {\n        \"loading-dots-spinner-colour\": V3_ColourSemantic[\"icon-primary\"],\n    },\n    Navbar: {\n        \"navbar-full-height\": \"6rem\",\n        \"navbar-full-logo-height\": \"2rem\",\n        \"navbar-compressed-height\": \"4rem\",\n        \"navbar-compressed-logo-height\": \"1.5rem\",\n        \"navbar-mobile-height\": \"3.5rem\",\n        \"navbar-mobile-logo-height\": \"1.5rem\",\n        \"navbar-colour-bg\": V3_ColourSemantic[\"bg\"],\n        \"navbar-colour-icon\": V3_ColourSemantic[\"icon\"],\n        \"navbar-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"navbar-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"navbar-link-colour-text-selected-hover\":\n            V3_ColourSemantic[\"text-selected-hover\"],\n    },\n    Footer: {\n        \"footer-colour-bg\": V3_ColourSemantic[\"bg-strong\"],\n        \"footer-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-link-colour-text-hover\": V3_ColourSemantic[\"text-hover\"],\n        \"footer-disclaimer-link-colour-text\": V3_ColourSemantic[\"text\"],\n        \"footer-disclaimer-link-colour-text-hover\":\n            V3_ColourSemantic[\"text-subtler\"],\n    },\n};\n"],"names":["V3_PAComponentTokenSet","Button","V3_RadiusValues","full","V3_ColourSemantic","Animation","Navbar","Footer"],"mappings":"yIAIO,MAAMA,EAA+C,CACxDC,OAAQ,CACJ,gBAAiBC,EAAgBC,KACjC,2BAA4BC,EAAkB,cAC9C,iCAAkCA,EAAkB,oBACpD,6BAA8BA,EAAkB,gBAChD,iCAAkCA,EAAkB,kBACpD,+BAAgCA,EAAkB,gBAClD,2BAA4BA,EAAkB,gBAC9C,0BAA2BA,EAAkB,iBAEjDC,UAAW,CACP,8BAA+BD,EAAkB,iBAErDE,OAAQ,CACJ,qBAAsB,OACtB,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,SACjC,uBAAwB,SACxB,4BAA6B,SAC7B,mBAAoBF,EAAsB,GAC1C,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,yCACIA,EAAkB,wBAE1BG,OAAQ,CACJ,mBAAoBH,EAAkB,aACtC,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAwB,KACnD,gCAAiCA,EAAkB,cACnD,qCAAsCA,EAAwB,KAC9D,2CACIA,EAAkB"}

package/v3_theme/components/specs/spf-component-token-set.d.ts

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

package/v3_theme/components/specs/spf-component-token-set.js

@@ -1,2 +0,0 @@
-import{V3_ColourSemantic as r}from"../../colour-semantic/theme-helper.js";import{V3_RadiusValues as t}from"../../radius/theme-helper.js";const o={Button:{"button-radius":t.md,"button-default-colour-bg":r["bg-primary"],"button-default-colour-bg-hover":r["bg-primary-hover"],"button-default-colour-text":r["text-inverse"],"button-secondary-colour-border":r["border-primary"],"button-secondary-colour-text":r["text-primary"],"button-light-colour-text":r["text-primary"],"button-link-colour-text":r["text-primary"]},Animation:{"loading-dots-spinner-colour":r["icon-primary"]},Navbar:{"navbar-full-height":"6rem","navbar-full-logo-height":"3rem","navbar-compressed-height":"5rem","navbar-compressed-logo-height":"2rem","navbar-mobile-height":"4rem","navbar-mobile-logo-height":"2rem","navbar-colour-bg":r.bg,"navbar-colour-icon":r.icon,"navbar-link-colour-text":r["text-primary-strongest"],"navbar-link-colour-text-hover":r["text-subtler"],"navbar-link-colour-text-selected-hover":r["text-subtler"]},Footer:{"footer-colour-bg":r["bg-inverse"],"footer-colour-text":r["text-inverse"],"footer-link-colour-text":r["text-inverse"],"footer-link-colour-text-hover":r["text-inverse"],"footer-disclaimer-link-colour-text":r["text-inverse"],"footer-disclaimer-link-colour-text-hover":r["text-inverse"]}};export{o as V3_SPFComponentTokenSet};
-//# sourceMappingURL=spf-component-token-set.js.map

package/v3_theme/components/specs/spf-component-token-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spf-component-token-set.js","sources":["../../../../src/v3_theme/components/specs/spf-component-token-set.ts"],"sourcesContent":["import { V3_ColourSemantic } from \"../../colour-semantic/theme-helper\";\nimport { V3_RadiusValues } from \"../../radius/theme-helper\";\nimport type { V3_ComponentTokenSet } from \"../types\";\n\nexport const V3_SPFComponentTokenSet: V3_ComponentTokenSet = {\n    Button: {\n        \"button-radius\": V3_RadiusValues.md,\n        \"button-default-colour-bg\": V3_ColourSemantic[\"bg-primary\"],\n        \"button-default-colour-bg-hover\": V3_ColourSemantic[\"bg-primary-hover\"],\n        \"button-default-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"button-secondary-colour-border\": V3_ColourSemantic[\"border-primary\"],\n        \"button-secondary-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-light-colour-text\": V3_ColourSemantic[\"text-primary\"],\n        \"button-link-colour-text\": V3_ColourSemantic[\"text-primary\"],\n    },\n    Animation: {\n        \"loading-dots-spinner-colour\": V3_ColourSemantic[\"icon-primary\"],\n    },\n    Navbar: {\n        \"navbar-full-height\": \"6rem\",\n        \"navbar-full-logo-height\": \"3rem\",\n        \"navbar-compressed-height\": \"5rem\",\n        \"navbar-compressed-logo-height\": \"2rem\",\n        \"navbar-mobile-height\": \"4rem\",\n        \"navbar-mobile-logo-height\": \"2rem\",\n        \"navbar-colour-bg\": V3_ColourSemantic[\"bg\"],\n        \"navbar-colour-icon\": V3_ColourSemantic[\"icon\"],\n        \"navbar-link-colour-text\": V3_ColourSemantic[\"text-primary-strongest\"],\n        \"navbar-link-colour-text-hover\": V3_ColourSemantic[\"text-subtler\"],\n        \"navbar-link-colour-text-selected-hover\":\n            V3_ColourSemantic[\"text-subtler\"],\n    },\n    Footer: {\n        \"footer-colour-bg\": V3_ColourSemantic[\"bg-inverse\"],\n        \"footer-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"footer-link-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"footer-link-colour-text-hover\": V3_ColourSemantic[\"text-inverse\"],\n        \"footer-disclaimer-link-colour-text\": V3_ColourSemantic[\"text-inverse\"],\n        \"footer-disclaimer-link-colour-text-hover\":\n            V3_ColourSemantic[\"text-inverse\"],\n    },\n};\n"],"names":["V3_SPFComponentTokenSet","Button","V3_RadiusValues","md","V3_ColourSemantic","Animation","Navbar","Footer"],"mappings":"yIAIO,MAAMA,EAAgD,CACzDC,OAAQ,CACJ,gBAAiBC,EAAgBC,GACjC,2BAA4BC,EAAkB,cAC9C,iCAAkCA,EAAkB,oBACpD,6BAA8BA,EAAkB,gBAChD,iCAAkCA,EAAkB,kBACpD,+BAAgCA,EAAkB,gBAClD,2BAA4BA,EAAkB,gBAC9C,0BAA2BA,EAAkB,iBAEjDC,UAAW,CACP,8BAA+BD,EAAkB,iBAErDE,OAAQ,CACJ,qBAAsB,OACtB,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,OACjC,uBAAwB,OACxB,4BAA6B,OAC7B,mBAAoBF,EAAsB,GAC1C,qBAAsBA,EAAwB,KAC9C,0BAA2BA,EAAkB,0BAC7C,gCAAiCA,EAAkB,gBACnD,yCACIA,EAAkB,iBAE1BG,OAAQ,CACJ,mBAAoBH,EAAkB,cACtC,qBAAsBA,EAAkB,gBACxC,0BAA2BA,EAAkB,gBAC7C,gCAAiCA,EAAkB,gBACnD,qCAAsCA,EAAkB,gBACxD,2CACIA,EAAkB"}

package/v3_theme/components/theme-helper.d.ts

@@ -1,17 +0,0 @@
-import type { V3_StyledComponentProps } from "../helpers";
-import type { V3_ThemeStyleProps } from "../types";
-import type { V3_AnimationTokens, V3_ButtonTokens, V3_ComponentTokenSet, V3_FooterTokens, V3_NavbarTokens } from "./types";
-export declare const getComponentTokenValue: <Component extends keyof V3_ComponentTokenSet, Token extends keyof V3_ComponentTokenSet[Component]>(component: Component, token: Token) => (props: V3_StyledComponentProps) => string;
-export declare const getTokenValue: <Component extends keyof V3_ComponentTokenSet, Token extends keyof V3_ComponentTokenSet[Component]>(token: V3_ComponentTokenSet[Component][Token], props: V3_ThemeStyleProps) => any;
-export declare const V3_ThemeButton: {
-    [key in keyof V3_ButtonTokens]: (props: V3_StyledComponentProps) => string;
-};
-export declare const V3_ThemeAnimation: {
-    [key in keyof V3_AnimationTokens]: (props: V3_StyledComponentProps) => string;
-};
-export declare const V3_ThemeNavbar: {
-    [key in keyof V3_NavbarTokens]: (props: V3_StyledComponentProps) => string;
-};
-export declare const V3_ThemeFooter: {
-    [key in keyof V3_FooterTokens]: (props: V3_StyledComponentProps) => string;
-};

package/v3_theme/components/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as o}from"../helpers.js";import{V3_A11yPlaygroundComponentTokenSet as t}from"./specs/a11yplayground-component-token-set.js";import{V3_DefaultComponentTokenSet as e}from"./specs/default-component-token-set.js";import{V3_LifeSGComponentTokenSet as r}from"./specs/lifesg-component-token-set.js";import{V3_PAComponentTokenSet as n}from"./specs/pa-component-token-set.js";import{V3_SPFComponentTokenSet as l}from"./specs/spf-component-token-set.js";const a={collections:{default:e,pa:n,a11yplayground:t,lifesg:r,spf:l},defaultValue:"default"},u=(t,e)=>r=>{var n,l;const u=r.theme,i=o(a,null==u?void 0:u.componentScheme),b=(null===(l=null===(n=null==u?void 0:u.componentOverrides)||void 0===n?void 0:n[t])||void 0===l?void 0:l[e])||i[t][e];return c(b,r)},c=(o,t)=>{switch(typeof o){case"function":return o(t);case"number":return o+"px";case"string":return o}},i={"button-radius":u("Button","button-radius"),"button-default-colour-bg":u("Button","button-default-colour-bg"),"button-default-colour-bg-hover":u("Button","button-default-colour-bg-hover"),"button-default-colour-text":u("Button","button-default-colour-text"),"button-secondary-colour-border":u("Button","button-secondary-colour-border"),"button-secondary-colour-text":u("Button","button-secondary-colour-text"),"button-light-colour-text":u("Button","button-light-colour-text"),"button-link-colour-text":u("Button","button-link-colour-text")},b={"loading-dots-spinner-colour":u("Animation","loading-dots-spinner-colour")},s={"navbar-full-height":u("Navbar","navbar-full-height"),"navbar-full-logo-height":u("Navbar","navbar-full-logo-height"),"navbar-compressed-height":u("Navbar","navbar-compressed-height"),"navbar-compressed-logo-height":u("Navbar","navbar-compressed-logo-height"),"navbar-mobile-height":u("Navbar","navbar-mobile-height"),"navbar-mobile-logo-height":u("Navbar","navbar-mobile-logo-height"),"navbar-colour-bg":u("Navbar","navbar-colour-bg"),"navbar-colour-icon":u("Navbar","navbar-colour-icon"),"navbar-link-colour-text":u("Navbar","navbar-link-colour-text"),"navbar-link-colour-text-hover":u("Navbar","navbar-link-colour-text-hover"),"navbar-link-colour-text-selected-hover":u("Navbar","navbar-link-colour-text-selected-hover")},v={"footer-colour-bg":u("Footer","footer-colour-bg"),"footer-colour-text":u("Footer","footer-colour-text"),"footer-link-colour-text":u("Footer","footer-link-colour-text"),"footer-link-colour-text-hover":u("Footer","footer-link-colour-text-hover"),"footer-disclaimer-link-colour-text":u("Footer","footer-disclaimer-link-colour-text"),"footer-disclaimer-link-colour-text-hover":u("Footer","footer-disclaimer-link-colour-text-hover")};export{b as V3_ThemeAnimation,i as V3_ThemeButton,v as V3_ThemeFooter,s as V3_ThemeNavbar,u as getComponentTokenValue,c as getTokenValue};
-//# sourceMappingURL=theme-helper.js.map

package/v3_theme/components/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/v3_theme/components/theme-helper.ts"],"sourcesContent":["import type { V3_StyledComponentProps } from \"../helpers\";\nimport { getCollection } from \"../helpers\";\nimport type { V3_ThemeStyleProps } from \"../types\";\nimport { V3_A11yPlaygroundComponentTokenSet } from \"./specs/a11yplayground-component-token-set\";\nimport { V3_DefaultComponentTokenSet } from \"./specs/default-component-token-set\";\nimport { V3_LifeSGComponentTokenSet } from \"./specs/lifesg-component-token-set\";\nimport { V3_PAComponentTokenSet } from \"./specs/pa-component-token-set\";\nimport { V3_SPFComponentTokenSet } from \"./specs/spf-component-token-set\";\nimport type {\n    V3_AnimationTokens,\n    V3_ButtonTokens,\n    V3_ComponentTokenSet,\n    V3_FooterTokens,\n    V3_NavbarTokens,\n} from \"./types\";\n\nconst V3_ComponentTokenSpec = {\n    collections: {\n        default: V3_DefaultComponentTokenSet,\n        pa: V3_PAComponentTokenSet,\n        a11yplayground: V3_A11yPlaygroundComponentTokenSet,\n        lifesg: V3_LifeSGComponentTokenSet,\n        spf: V3_SPFComponentTokenSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getComponentTokenValue = <\n    Component extends keyof V3_ComponentTokenSet,\n    Token extends keyof V3_ComponentTokenSet[Component]\n>(\n    component: Component,\n    token: Token\n) => {\n    return (props: V3_StyledComponentProps): string => {\n        const theme = props.theme;\n        const components: V3_ComponentTokenSet = getCollection(\n            V3_ComponentTokenSpec,\n            theme?.componentScheme\n        );\n\n        const componentToken: V3_ComponentTokenSet[Component][Token] =\n            theme?.componentOverrides?.[component]?.[token] ||\n            components[component][token];\n        return getTokenValue(componentToken, props);\n    };\n};\n\nexport const getTokenValue = <\n    Component extends keyof V3_ComponentTokenSet,\n    Token extends keyof V3_ComponentTokenSet[Component]\n>(\n    token: V3_ComponentTokenSet[Component][Token],\n    props: V3_ThemeStyleProps\n) => {\n    switch (typeof token) {\n        case \"function\":\n            return token(props);\n        case \"number\":\n            return token + \"px\";\n        case \"string\":\n            return token;\n    }\n};\n\nexport const V3_ThemeButton: {\n    [key in keyof V3_ButtonTokens]: (props: V3_StyledComponentProps) => string;\n} = {\n    \"button-radius\": getComponentTokenValue(\"Button\", \"button-radius\"),\n    \"button-default-colour-bg\": getComponentTokenValue(\n        \"Button\",\n        \"button-default-colour-bg\"\n    ),\n    \"button-default-colour-bg-hover\": getComponentTokenValue(\n        \"Button\",\n        \"button-default-colour-bg-hover\"\n    ),\n    \"button-default-colour-text\": getComponentTokenValue(\n        \"Button\",\n        \"button-default-colour-text\"\n    ),\n    \"button-secondary-colour-border\": getComponentTokenValue(\n        \"Button\",\n        \"button-secondary-colour-border\"\n    ),\n    \"button-secondary-colour-text\": getComponentTokenValue(\n        \"Button\",\n        \"button-secondary-colour-text\"\n    ),\n    \"button-light-colour-text\": getComponentTokenValue(\n        \"Button\",\n        \"button-light-colour-text\"\n    ),\n    \"button-link-colour-text\": getComponentTokenValue(\n        \"Button\",\n        \"button-link-colour-text\"\n    ),\n};\n\nexport const V3_ThemeAnimation: {\n    [key in keyof V3_AnimationTokens]: (\n        props: V3_StyledComponentProps\n    ) => string;\n} = {\n    \"loading-dots-spinner-colour\": getComponentTokenValue(\n        \"Animation\",\n        \"loading-dots-spinner-colour\"\n    ),\n};\n\nexport const V3_ThemeNavbar: {\n    [key in keyof V3_NavbarTokens]: (props: V3_StyledComponentProps) => string;\n} = {\n    \"navbar-full-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-full-height\"\n    ),\n    \"navbar-full-logo-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-full-logo-height\"\n    ),\n    \"navbar-compressed-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-compressed-height\"\n    ),\n    \"navbar-compressed-logo-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-compressed-logo-height\"\n    ),\n    \"navbar-mobile-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-mobile-height\"\n    ),\n    \"navbar-mobile-logo-height\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-mobile-logo-height\"\n    ),\n    \"navbar-colour-bg\": getComponentTokenValue(\"Navbar\", \"navbar-colour-bg\"),\n    \"navbar-colour-icon\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-colour-icon\"\n    ),\n    \"navbar-link-colour-text\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-link-colour-text\"\n    ),\n    \"navbar-link-colour-text-hover\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-link-colour-text-hover\"\n    ),\n    \"navbar-link-colour-text-selected-hover\": getComponentTokenValue(\n        \"Navbar\",\n        \"navbar-link-colour-text-selected-hover\"\n    ),\n};\n\nexport const V3_ThemeFooter: {\n    [key in keyof V3_FooterTokens]: (props: V3_StyledComponentProps) => string;\n} = {\n    \"footer-colour-bg\": getComponentTokenValue(\"Footer\", \"footer-colour-bg\"),\n    \"footer-colour-text\": getComponentTokenValue(\n        \"Footer\",\n        \"footer-colour-text\"\n    ),\n    \"footer-link-colour-text\": getComponentTokenValue(\n        \"Footer\",\n        \"footer-link-colour-text\"\n    ),\n    \"footer-link-colour-text-hover\": getComponentTokenValue(\n        \"Footer\",\n        \"footer-link-colour-text-hover\"\n    ),\n    \"footer-disclaimer-link-colour-text\": getComponentTokenValue(\n        \"Footer\",\n        \"footer-disclaimer-link-colour-text\"\n    ),\n    \"footer-disclaimer-link-colour-text-hover\": getComponentTokenValue(\n        \"Footer\",\n        \"footer-disclaimer-link-colour-text-hover\"\n    ),\n};\n"],"names":["V3_ComponentTokenSpec","collections","default","V3_DefaultComponentTokenSet","pa","V3_PAComponentTokenSet","a11yplayground","V3_A11yPlaygroundComponentTokenSet","lifesg","V3_LifeSGComponentTokenSet","spf","V3_SPFComponentTokenSet","defaultValue","getComponentTokenValue","component","token","props","theme","components","getCollection","componentScheme","componentToken","_b","_a","componentOverrides","getTokenValue","V3_ThemeButton","V3_ThemeAnimation","V3_ThemeNavbar","V3_ThemeFooter"],"mappings":"idAgBA,MAAMA,EAAwB,CAC1BC,YAAa,CACTC,QAASC,EACTC,GAAIC,EACJC,eAAgBC,EAChBC,OAAQC,EACRC,IAAKC,GAETC,aAAc,WAGLC,EAAyB,CAIlCC,EACAC,IAEQC,YACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmCC,EACrCnB,EACAiB,aAAK,EAALA,EAAOG,iBAGLC,GACoC,QAAtCC,EAAyB,QAAzBC,EAAAN,aAAK,EAALA,EAAOO,0BAAkB,IAAAD,OAAA,EAAAA,EAAGT,UAAU,IAAAQ,OAAA,EAAAA,EAAGP,KACzCG,EAAWJ,GAAWC,GAC1B,OAAOU,EAAcJ,EAAgBL,EAAM,EAItCS,EAAgB,CAIzBV,EACAC,KAEA,cAAeD,GACX,IAAK,WACD,OAAOA,EAAMC,GACjB,IAAK,SACD,OAAOD,EAAQ,KACnB,IAAK,SACD,OAAOA,IAINW,EAET,CACA,gBAAiBb,EAAuB,SAAU,iBAClD,2BAA4BA,EACxB,SACA,4BAEJ,iCAAkCA,EAC9B,SACA,kCAEJ,6BAA8BA,EAC1B,SACA,8BAEJ,iCAAkCA,EAC9B,SACA,kCAEJ,+BAAgCA,EAC5B,SACA,gCAEJ,2BAA4BA,EACxB,SACA,4BAEJ,0BAA2BA,EACvB,SACA,4BAIKc,EAIT,CACA,8BAA+Bd,EAC3B,YACA,gCAIKe,EAET,CACA,qBAAsBf,EAClB,SACA,sBAEJ,0BAA2BA,EACvB,SACA,2BAEJ,2BAA4BA,EACxB,SACA,4BAEJ,gCAAiCA,EAC7B,SACA,iCAEJ,uBAAwBA,EACpB,SACA,wBAEJ,4BAA6BA,EACzB,SACA,6BAEJ,mBAAoBA,EAAuB,SAAU,oBACrD,qBAAsBA,EAClB,SACA,sBAEJ,0BAA2BA,EACvB,SACA,2BAEJ,gCAAiCA,EAC7B,SACA,iCAEJ,yCAA0CA,EACtC,SACA,2CAIKgB,EAET,CACA,mBAAoBhB,EAAuB,SAAU,oBACrD,qBAAsBA,EAClB,SACA,sBAEJ,0BAA2BA,EACvB,SACA,2BAEJ,gCAAiCA,EAC7B,SACA,iCAEJ,qCAAsCA,EAClC,SACA,sCAEJ,2CAA4CA,EACxC,SACA"}

package/v3_theme/components/types.d.ts

@@ -1,44 +0,0 @@
-import type { V3_StyledComponentProps } from "../helpers";
-export type V3_ComponentTokenSet = {
-    Button: V3_ButtonTokens;
-    Animation: V3_AnimationTokens;
-    Navbar: V3_NavbarTokens;
-    Footer: V3_FooterTokens;
-};
-export type V3_ComponentOverrideOptions = {
-    [Component in keyof V3_ComponentTokenSet]?: Partial<V3_ComponentTokenSet[Component]> | undefined;
-};
-export type V3_ButtonTokens = {
-    "button-radius": number | ((props: V3_StyledComponentProps) => string);
-    "button-default-colour-bg": string | ((props: V3_StyledComponentProps) => string);
-    "button-default-colour-bg-hover": string | ((props: V3_StyledComponentProps) => string);
-    "button-default-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "button-secondary-colour-border": string | ((props: V3_StyledComponentProps) => string);
-    "button-secondary-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "button-light-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "button-link-colour-text": string | ((props: V3_StyledComponentProps) => string);
-};
-export type V3_AnimationTokens = {
-    "loading-dots-spinner-colour": string | ((props: V3_StyledComponentProps) => string);
-};
-export type V3_NavbarTokens = {
-    "navbar-full-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-full-logo-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-compressed-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-compressed-logo-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-mobile-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-mobile-logo-height": number | string | ((props: V3_StyledComponentProps) => string);
-    "navbar-colour-bg": string | ((props: V3_StyledComponentProps) => string);
-    "navbar-colour-icon": string | ((props: V3_StyledComponentProps) => string);
-    "navbar-link-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "navbar-link-colour-text-hover": string | ((props: V3_StyledComponentProps) => string);
-    "navbar-link-colour-text-selected-hover": string | ((props: V3_StyledComponentProps) => string);
-};
-export type V3_FooterTokens = {
-    "footer-colour-bg": string | ((props: V3_StyledComponentProps) => string);
-    "footer-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "footer-link-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "footer-link-colour-text-hover": string | ((props: V3_StyledComponentProps) => string);
-    "footer-disclaimer-link-colour-text": string | ((props: V3_StyledComponentProps) => string);
-    "footer-disclaimer-link-colour-text-hover": string | ((props: V3_StyledComponentProps) => string);
-};

package/v3_theme/ds-theme-provider.d.ts

@@ -1,2 +0,0 @@
-import type { V3_DSThemeProviderProps } from "./types";
-export declare const V3_DSThemeProvider: ({ theme, children, }: V3_DSThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/v3_theme/ds-theme-provider.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{ThemeProvider as t}from"styled-components";import{getSystemColourMode as n}from"./use-theme-mode.js";const i=({theme:i,children:d})=>{const[c,s]=o(null==i?void 0:i.colourMode);r((()=>{if(!i)return void s("light");if(i.colourMode)return void s(i.colourMode);const e=n();if(s(e),"undefined"!=typeof window&&window.matchMedia){const e=window.matchMedia("(prefers-color-scheme: dark)"),o=e=>{i.colourMode||s(e.matches?"dark":"light")};return e.addEventListener?(e.addEventListener("change",o),()=>e.removeEventListener("change",o)):(e.addListener(o),()=>e.removeListener(o))}}),[null==i?void 0:i.colourMode]);const m=Object.assign(Object.assign({},i),{colourMode:c||"light"});return e(t,{theme:m,children:d})};export{i as V3_DSThemeProvider};
-//# sourceMappingURL=ds-theme-provider.js.map

package/v3_theme/ds-theme-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-theme-provider.js","sources":["../../src/v3_theme/ds-theme-provider.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport type {\n    V3_ColourMode,\n    V3_DSThemeProviderProps,\n    V3_ThemeSpec,\n} from \"./types\";\nimport { getSystemColourMode } from \"./use-theme-mode\";\n\n// Wraps styled-components ThemeProvider and automatically handles colourMode\n// detection based on system preferences when not explicitly set in theme\nexport const V3_DSThemeProvider = ({\n    theme,\n    children,\n}: V3_DSThemeProviderProps) => {\n    const [computedColourMode, setComputedColourMode] = useState<\n        V3_ColourMode | undefined\n    >(theme?.colourMode);\n\n    useEffect(() => {\n        // If theme is not provided, default to light mode\n        if (!theme) {\n            setComputedColourMode(\"light\");\n            return;\n        }\n\n        // If colourMode is explicitly set in theme, use that\n        if (theme.colourMode) {\n            setComputedColourMode(theme.colourMode);\n            return;\n        }\n\n        // Otherwise, detect system preference\n        const initialMode = getSystemColourMode();\n        setComputedColourMode(initialMode);\n\n        // Listen for system preference changes\n        if (typeof window !== \"undefined\" && window.matchMedia) {\n            const mediaQuery = window.matchMedia(\n                \"(prefers-color-scheme: dark)\"\n            );\n\n            const handleChange = (e: MediaQueryListEvent) => {\n                // Only update if theme doesn't have explicit colourMode\n                if (!theme.colourMode) {\n                    setComputedColourMode(e.matches ? \"dark\" : \"light\");\n                }\n            };\n\n            // Use the newer addEventListener if available, fallback to addListener\n            if (mediaQuery.addEventListener) {\n                mediaQuery.addEventListener(\"change\", handleChange);\n                return () =>\n                    mediaQuery.removeEventListener(\"change\", handleChange);\n            } else {\n                // Fallback for older browsers\n                mediaQuery.addListener(handleChange);\n                return () => mediaQuery.removeListener(handleChange);\n            }\n        }\n    }, [theme?.colourMode]);\n\n    // Ensure that every theme object has a definitive colourMode\n    const enhancedTheme: V3_ThemeSpec = {\n        ...theme,\n        colourMode: computedColourMode || \"light\",\n    };\n\n    return <ThemeProvider theme={enhancedTheme}>{children}</ThemeProvider>;\n};\n"],"names":["V3_DSThemeProvider","theme","children","computedColourMode","setComputedColourMode","useState","colourMode","useEffect","initialMode","getSystemColourMode","window","matchMedia","mediaQuery","handleChange","e","matches","addEventListener","removeEventListener","addListener","removeListener","enhancedTheme","Object","assign","_jsx","ThemeProvider"],"mappings":"oMAYO,MAAMA,EAAqB,EAC9BC,QACAC,eAEA,MAAOC,EAAoBC,GAAyBC,EAElDJ,aAAK,EAALA,EAAOK,YAETC,GAAU,KAEN,IAAKN,EAED,YADAG,EAAsB,SAK1B,GAAIH,EAAMK,WAEN,YADAF,EAAsBH,EAAMK,YAKhC,MAAME,EAAcC,IAIpB,GAHAL,EAAsBI,GAGA,oBAAXE,QAA0BA,OAAOC,WAAY,CACpD,MAAMC,EAAaF,OAAOC,WACtB,gCAGEE,EAAgBC,IAEbb,EAAMK,YACPF,EAAsBU,EAAEC,QAAU,OAAS,QAC/C,EAIJ,OAAIH,EAAWI,kBACXJ,EAAWI,iBAAiB,SAAUH,GAC/B,IACHD,EAAWK,oBAAoB,SAAUJ,KAG7CD,EAAWM,YAAYL,GAChB,IAAMD,EAAWO,eAAeN,GAE/C,IACD,CAACZ,aAAK,EAALA,EAAOK,aAGX,MAAMc,EAAaC,OAAAC,OAAAD,OAAAC,OAAA,GACZrB,GAAK,CACRK,WAAYH,GAAsB,UAGtC,OAAOoB,EAACC,EAAa,CAACvB,MAAOmB,EAAalB,SAAGA,GAAyB"}

package/v3_theme/font/specs/a11yplayground-font-set.d.ts

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

package/v3_theme/font/specs/a11yplayground-font-set.js

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

package/v3_theme/font/specs/a11yplayground-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11yplayground-font-set.js","sources":["../../../../src/v3_theme/font/specs/a11yplayground-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_A11yPlaygroundFontSet: V3_FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["V3_A11yPlaygroundFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAAuCC,EAAW,CAC3DC,kBAAkB"}

package/v3_theme/font/specs/bookingsg-font-set.d.ts

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

package/v3_theme/font/specs/bookingsg-font-set.js

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

package/v3_theme/font/specs/bookingsg-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bookingsg-font-set.js","sources":["../../../../src/v3_theme/font/specs/bookingsg-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_BookingSgFontSet: V3_FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["V3_BookingSgFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAAkCC,EAAW,CACtDC,kBAAkB"}

package/v3_theme/font/specs/default-font-set.d.ts

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

package/v3_theme/font/specs/default-font-set.js

@@ -1,2 +0,0 @@
-import{getFontSet as o}from"../utils.js";const t=o();export{t as V3_DefaultFontSet};
-//# sourceMappingURL=default-font-set.js.map

package/v3_theme/font/specs/default-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-font-set.js","sources":["../../../../src/v3_theme/font/specs/default-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_DefaultFontSet: V3_FontSet = getFontSet();\n"],"names":["V3_DefaultFontSet","getFontSet"],"mappings":"yCAGO,MAAMA,EAAgCC"}

package/v3_theme/font/specs/imda-font-set.d.ts

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

package/v3_theme/font/specs/imda-font-set.js

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

package/v3_theme/font/specs/imda-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imda-font-set.js","sources":["../../../../src/v3_theme/font/specs/imda-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_IMDAFontSet: V3_FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["V3_IMDAFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAA6BC,EAAW,CACjDC,kBAAkB"}

package/v3_theme/font/specs/oneservice-font-set.d.ts

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

package/v3_theme/font/specs/oneservice-font-set.js

@@ -1,2 +0,0 @@
-import{getFontSet as o}from"../utils.js";const t=o();export{t as V3_OneServiceFontSet};
-//# sourceMappingURL=oneservice-font-set.js.map

package/v3_theme/font/specs/oneservice-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"oneservice-font-set.js","sources":["../../../../src/v3_theme/font/specs/oneservice-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_OneServiceFontSet: V3_FontSet = getFontSet();\n"],"names":["V3_OneServiceFontSet","getFontSet"],"mappings":"yCAGO,MAAMA,EAAmCC"}

package/v3_theme/font/specs/pa-font-set.d.ts

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

package/v3_theme/font/specs/pa-font-set.js

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

package/v3_theme/font/specs/pa-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pa-font-set.js","sources":["../../../../src/v3_theme/font/specs/pa-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_PAFontSet: V3_FontSet = getFontSet({ disableLigatures: true });\n"],"names":["V3_PAFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAA2BC,EAAW,CAAEC,kBAAkB"}

package/v3_theme/font/specs/spf-font-set.d.ts

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

package/v3_theme/font/specs/spf-font-set.js

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

package/v3_theme/font/specs/spf-font-set.js.map

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

package/v3_theme/font/specs/supportgowhere-font-set.d.ts

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

package/v3_theme/font/specs/supportgowhere-font-set.js

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

package/v3_theme/font/specs/supportgowhere-font-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"supportgowhere-font-set.js","sources":["../../../../src/v3_theme/font/specs/supportgowhere-font-set.ts"],"sourcesContent":["import type { V3_FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const V3_SupportGoWhereFontSet: V3_FontSet = getFontSet({\n    disableLigatures: true,\n});\n"],"names":["V3_SupportGoWhereFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAAuCC,EAAW,CAC3DC,kBAAkB"}

package/v3_theme/font/theme-helper.d.ts

@@ -1,7 +0,0 @@
-import type { CSSProp } from "styled-components";
-import type { V3_StyledComponentProps } from "../helpers";
-import type { V3_FontSet } from "./types";
-export declare const getFont: (key: keyof V3_FontSet) => (props: V3_StyledComponentProps) => CSSProp | string;
-export declare const V3_FontValues: {
-    [key in keyof V3_FontSet]: (props: V3_StyledComponentProps) => CSSProp;
-};

package/v3_theme/font/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as e,getValue as d}from"../helpers.js";import{V3_A11yPlaygroundFontSet as l}from"./specs/a11yplayground-font-set.js";import{V3_BookingSgFontSet as o}from"./specs/bookingsg-font-set.js";import{V3_DefaultFontSet as i}from"./specs/default-font-set.js";import{V3_IMDAFontSet as s}from"./specs/imda-font-set.js";import{V3_OneServiceFontSet as g}from"./specs/oneservice-font-set.js";import{V3_PAFontSet as a}from"./specs/pa-font-set.js";import{V3_SPFFontSet as b}from"./specs/spf-font-set.js";import{V3_SupportGoWhereFontSet as n}from"./specs/supportgowhere-font-set.js";const r={collections:{default:i,bookingsg:o,mylegacy:i,pa:a,a11yplayground:l,supportgowhere:n,sgwdigitallobby:n,imda:s,spf:b,oneservice:g},defaultValue:"default"},m=l=>o=>{var i;const s=o.theme,g=e(r,null==s?void 0:s.fontScheme),a=(null===(i=null==s?void 0:s.overrides)||void 0===i?void 0:i.font)?d(g,l,s.overrides.font):g[l];return"function"==typeof a?a(o):a},h={"heading-xxl-light":m("heading-xxl-light"),"heading-xxl-regular":m("heading-xxl-regular"),"heading-xxl-semibold":m("heading-xxl-semibold"),"heading-xxl-bold":m("heading-xxl-bold"),"heading-xl-light":m("heading-xl-light"),"heading-xl-regular":m("heading-xl-regular"),"heading-xl-semibold":m("heading-xl-semibold"),"heading-xl-bold":m("heading-xl-bold"),"heading-lg-light":m("heading-lg-light"),"heading-lg-regular":m("heading-lg-regular"),"heading-lg-semibold":m("heading-lg-semibold"),"heading-lg-bold":m("heading-lg-bold"),"heading-md-light":m("heading-md-light"),"heading-md-regular":m("heading-md-regular"),"heading-md-semibold":m("heading-md-semibold"),"heading-md-bold":m("heading-md-bold"),"heading-sm-light":m("heading-sm-light"),"heading-sm-regular":m("heading-sm-regular"),"heading-sm-semibold":m("heading-sm-semibold"),"heading-sm-bold":m("heading-sm-bold"),"heading-xs-light":m("heading-xs-light"),"heading-xs-regular":m("heading-xs-regular"),"heading-xs-semibold":m("heading-xs-semibold"),"heading-xs-bold":m("heading-xs-bold"),"body-baseline-light":m("body-baseline-light"),"body-baseline-regular":m("body-baseline-regular"),"body-baseline-semibold":m("body-baseline-semibold"),"body-baseline-bold":m("body-baseline-bold"),"body-md-light":m("body-md-light"),"body-md-regular":m("body-md-regular"),"body-md-semibold":m("body-md-semibold"),"body-md-bold":m("body-md-bold"),"body-sm-light":m("body-sm-light"),"body-sm-regular":m("body-sm-regular"),"body-sm-semibold":m("body-sm-semibold"),"body-sm-bold":m("body-sm-bold"),"body-xs-light":m("body-xs-light"),"body-xs-regular":m("body-xs-regular"),"body-xs-semibold":m("body-xs-semibold"),"body-xs-bold":m("body-xs-bold"),"form-label":m("form-label"),"form-description":m("form-description")};export{h as V3_FontValues,m as getFont};
-//# sourceMappingURL=theme-helper.js.map

package/v3_theme/font/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/v3_theme/font/theme-helper.ts"],"sourcesContent":["import type { CSSProp } from \"styled-components\";\n\nimport type { V3_StyledComponentProps } from \"../helpers\";\nimport { getCollection, getValue } from \"../helpers\";\nimport type { V3_ThemeCollectionSpec } from \"../internal-types\";\nimport type { V3_FontScheme } from \"../types\";\nimport { V3_A11yPlaygroundFontSet } from \"./specs/a11yplayground-font-set\";\nimport { V3_BookingSgFontSet } from \"./specs/bookingsg-font-set\";\nimport { V3_DefaultFontSet } from \"./specs/default-font-set\";\nimport { V3_IMDAFontSet } from \"./specs/imda-font-set\";\nimport { V3_OneServiceFontSet } from \"./specs/oneservice-font-set\";\nimport { V3_PAFontSet } from \"./specs/pa-font-set\";\nimport { V3_SPFFontSet } from \"./specs/spf-font-set\";\nimport { V3_SupportGoWhereFontSet } from \"./specs/supportgowhere-font-set\";\nimport type { V3_FontCollectionMap, V3_FontSet } from \"./types\";\n\nconst FontSpec: V3_ThemeCollectionSpec<V3_FontCollectionMap, V3_FontScheme> = {\n    collections: {\n        default: V3_DefaultFontSet,\n        bookingsg: V3_BookingSgFontSet,\n        mylegacy: V3_DefaultFontSet,\n        pa: V3_PAFontSet,\n        a11yplayground: V3_A11yPlaygroundFontSet,\n        supportgowhere: V3_SupportGoWhereFontSet,\n        sgwdigitallobby: V3_SupportGoWhereFontSet,\n        imda: V3_IMDAFontSet,\n        spf: V3_SPFFontSet,\n        oneservice: V3_OneServiceFontSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getFont = (key: keyof V3_FontSet) => {\n    return (props: V3_StyledComponentProps): CSSProp | string => {\n        const theme = props.theme;\n        const fontSet: V3_FontSet = getCollection(FontSpec, theme?.fontScheme);\n\n        // Check for an override\n        const fontValue = theme?.overrides?.font\n            ? getValue(fontSet, key, theme.overrides.font)\n            : fontSet[key];\n\n        // If function, resolve with props\n        return typeof fontValue === \"function\"\n            ? (fontValue as (props: any) => string)(props)\n            : fontValue;\n    };\n};\n\nexport const V3_FontValues: {\n    [key in keyof V3_FontSet]: (props: V3_StyledComponentProps) => CSSProp;\n} = {\n    \"heading-xxl-light\": getFont(\"heading-xxl-light\"),\n    \"heading-xxl-regular\": getFont(\"heading-xxl-regular\"),\n    \"heading-xxl-semibold\": getFont(\"heading-xxl-semibold\"),\n    \"heading-xxl-bold\": getFont(\"heading-xxl-bold\"),\n\n    \"heading-xl-light\": getFont(\"heading-xl-light\"),\n    \"heading-xl-regular\": getFont(\"heading-xl-regular\"),\n    \"heading-xl-semibold\": getFont(\"heading-xl-semibold\"),\n    \"heading-xl-bold\": getFont(\"heading-xl-bold\"),\n\n    \"heading-lg-light\": getFont(\"heading-lg-light\"),\n    \"heading-lg-regular\": getFont(\"heading-lg-regular\"),\n    \"heading-lg-semibold\": getFont(\"heading-lg-semibold\"),\n    \"heading-lg-bold\": getFont(\"heading-lg-bold\"),\n\n    \"heading-md-light\": getFont(\"heading-md-light\"),\n    \"heading-md-regular\": getFont(\"heading-md-regular\"),\n    \"heading-md-semibold\": getFont(\"heading-md-semibold\"),\n    \"heading-md-bold\": getFont(\"heading-md-bold\"),\n\n    \"heading-sm-light\": getFont(\"heading-sm-light\"),\n    \"heading-sm-regular\": getFont(\"heading-sm-regular\"),\n    \"heading-sm-semibold\": getFont(\"heading-sm-semibold\"),\n    \"heading-sm-bold\": getFont(\"heading-sm-bold\"),\n\n    \"heading-xs-light\": getFont(\"heading-xs-light\"),\n    \"heading-xs-regular\": getFont(\"heading-xs-regular\"),\n    \"heading-xs-semibold\": getFont(\"heading-xs-semibold\"),\n    \"heading-xs-bold\": getFont(\"heading-xs-bold\"),\n\n    \"body-baseline-light\": getFont(\"body-baseline-light\"),\n    \"body-baseline-regular\": getFont(\"body-baseline-regular\"),\n    \"body-baseline-semibold\": getFont(\"body-baseline-semibold\"),\n    \"body-baseline-bold\": getFont(\"body-baseline-bold\"),\n\n    \"body-md-light\": getFont(\"body-md-light\"),\n    \"body-md-regular\": getFont(\"body-md-regular\"),\n    \"body-md-semibold\": getFont(\"body-md-semibold\"),\n    \"body-md-bold\": getFont(\"body-md-bold\"),\n\n    \"body-sm-light\": getFont(\"body-sm-light\"),\n    \"body-sm-regular\": getFont(\"body-sm-regular\"),\n    \"body-sm-semibold\": getFont(\"body-sm-semibold\"),\n    \"body-sm-bold\": getFont(\"body-sm-bold\"),\n\n    \"body-xs-light\": getFont(\"body-xs-light\"),\n    \"body-xs-regular\": getFont(\"body-xs-regular\"),\n    \"body-xs-semibold\": getFont(\"body-xs-semibold\"),\n    \"body-xs-bold\": getFont(\"body-xs-bold\"),\n\n    \"form-label\": getFont(\"form-label\"),\n    \"form-description\": getFont(\"form-description\"),\n};\n"],"names":["FontSpec","collections","default","V3_DefaultFontSet","bookingsg","V3_BookingSgFontSet","mylegacy","pa","V3_PAFontSet","a11yplayground","V3_A11yPlaygroundFontSet","supportgowhere","V3_SupportGoWhereFontSet","sgwdigitallobby","imda","V3_IMDAFontSet","spf","V3_SPFFontSet","oneservice","V3_OneServiceFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","V3_FontValues"],"mappings":"0kBAgBA,MAAMA,EAAwE,CAC1EC,YAAa,CACTC,QAASC,EACTC,UAAWC,EACXC,SAAUH,EACVI,GAAIC,EACJC,eAAgBC,EAChBC,eAAgBC,EAChBC,gBAAiBD,EACjBE,KAAMC,EACNC,IAAKC,EACLC,WAAYC,GAEhBC,aAAc,WAGLC,EAAWC,GACZC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAsBC,EAAc1B,EAAUwB,aAAK,EAALA,EAAOG,YAGrDC,GAA4B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,MAC9BC,EAASP,EAASH,EAAKE,EAAMM,UAAUC,MACvCN,EAAQH,GAGd,MAA4B,mBAAdM,EACPA,EAAqCL,GACtCK,CAAS,EAIVK,EAET,CACA,oBAAqBZ,EAAQ,qBAC7B,sBAAuBA,EAAQ,uBAC/B,uBAAwBA,EAAQ,wBAChC,mBAAoBA,EAAQ,oBAE5B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,sBAAuBA,EAAQ,uBAC/B,wBAAyBA,EAAQ,yBACjC,yBAA0BA,EAAQ,0BAClC,qBAAsBA,EAAQ,sBAE9B,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,aAAcA,EAAQ,cACtB,mBAAoBA,EAAQ"}

package/v3_theme/font/types.d.ts

@@ -1,54 +0,0 @@
-import type { CSSProp } from "styled-components";
-import type { V3_FontScheme } from "../types";
-export type V3_FontCollectionMap = {
-    [key in V3_FontScheme]: V3_FontSet;
-};
-export type V3_FontSetOptions = Partial<V3_FontSet>;
-export type V3_TypographySizeType = "heading-xxl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-baseline" | "body-md" | "body-sm" | "body-xs";
-export type V3_FontSet = {
-    "heading-xxl-light": CSSProp | string;
-    "heading-xxl-regular": CSSProp | string;
-    "heading-xxl-semibold": CSSProp | string;
-    "heading-xxl-bold": CSSProp | string;
-    "heading-xl-light": CSSProp | string;
-    "heading-xl-regular": CSSProp | string;
-    "heading-xl-semibold": CSSProp | string;
-    "heading-xl-bold": CSSProp | string;
-    "heading-lg-light": CSSProp | string;
-    "heading-lg-regular": CSSProp | string;
-    "heading-lg-semibold": CSSProp | string;
-    "heading-lg-bold": CSSProp | string;
-    "heading-md-light": CSSProp | string;
-    "heading-md-regular": CSSProp | string;
-    "heading-md-semibold": CSSProp | string;
-    "heading-md-bold": CSSProp | string;
-    "heading-sm-light": CSSProp | string;
-    "heading-sm-regular": CSSProp | string;
-    "heading-sm-semibold": CSSProp | string;
-    "heading-sm-bold": CSSProp | string;
-    "heading-xs-light": CSSProp | string;
-    "heading-xs-regular": CSSProp | string;
-    "heading-xs-semibold": CSSProp | string;
-    "heading-xs-bold": CSSProp | string;
-    "body-baseline-light": CSSProp | string;
-    "body-baseline-regular": CSSProp | string;
-    "body-baseline-semibold": CSSProp | string;
-    "body-baseline-bold": CSSProp | string;
-    "body-md-light": CSSProp | string;
-    "body-md-regular": CSSProp | string;
-    "body-md-semibold": CSSProp | string;
-    "body-md-bold": CSSProp | string;
-    "body-sm-light": CSSProp | string;
-    "body-sm-regular": CSSProp | string;
-    "body-sm-semibold": CSSProp | string;
-    "body-sm-bold": CSSProp | string;
-    "body-xs-light": CSSProp | string;
-    "body-xs-regular": CSSProp | string;
-    "body-xs-semibold": CSSProp | string;
-    "body-xs-bold": CSSProp | string;
-    "form-label": CSSProp | string;
-    "form-description": CSSProp | string;
-};
-export type V3_FontSetAdditionalOptions = {
-    disableLigatures?: boolean;
-};

package/v3_theme/font/utils.d.ts

@@ -1,4 +0,0 @@
-import type { V3_FontSet, V3_FontSpecSet } from "../types";
-import type { V3_FontSetAdditionalOptions } from "./types";
-export declare const generateFontCSS: (fontSizeKey: keyof V3_FontSpecSet, fontWeightKey: keyof V3_FontSpecSet, lineHeightKey: keyof V3_FontSpecSet, letterSpacingKey: keyof V3_FontSpecSet, options?: V3_FontSetAdditionalOptions) => import("styled-components").RuleSet<object>;
-export declare const getFontSet: (options?: V3_FontSetAdditionalOptions) => V3_FontSet;

package/v3_theme/font/utils.js

@@ -1,10 +0,0 @@
-import{css as e}from"styled-components";import{getFontSpec as i}from"../font-spec/theme-helper.js";const l=(l,d,h,g,s)=>{const{disableLigatures:a}=s||{};return e`
-        font-family: ${i("font-family")};
-        font-size: ${i(l)};
-        font-weight: ${i(d)};
-        line-height: ${i(h)};
-        letter-spacing: ${i(g)};
-
-        font-variant: ${a?"no-common-ligatures":"normal"};
-    `},d=(e={})=>({"heading-xxl-light":l("heading-size-xxl","weight-light","heading-lh-xxl","heading-ls-xxl",e),"heading-xxl-regular":l("heading-size-xxl","weight-regular","heading-lh-xxl","heading-ls-xxl",e),"heading-xxl-semibold":l("heading-size-xxl","weight-semibold","heading-lh-xxl","heading-ls-xxl",e),"heading-xxl-bold":l("heading-size-xxl","weight-bold","heading-lh-xxl","heading-ls-xxl",e),"heading-xl-light":l("heading-size-xl","weight-light","heading-lh-xl","heading-ls-xl",e),"heading-xl-regular":l("heading-size-xl","weight-regular","heading-lh-xl","heading-ls-xl",e),"heading-xl-semibold":l("heading-size-xl","weight-semibold","heading-lh-xl","heading-ls-xl",e),"heading-xl-bold":l("heading-size-xl","weight-bold","heading-lh-xl","heading-ls-xl",e),"heading-lg-light":l("heading-size-lg","weight-light","heading-lh-lg","heading-ls-lg",e),"heading-lg-regular":l("heading-size-lg","weight-regular","heading-lh-lg","heading-ls-lg",e),"heading-lg-semibold":l("heading-size-lg","weight-semibold","heading-lh-lg","heading-ls-lg",e),"heading-lg-bold":l("heading-size-lg","weight-bold","heading-lh-lg","heading-ls-lg",e),"heading-md-light":l("heading-size-md","weight-light","heading-lh-md","heading-ls-md",e),"heading-md-regular":l("heading-size-md","weight-regular","heading-lh-md","heading-ls-md",e),"heading-md-semibold":l("heading-size-md","weight-semibold","heading-lh-md","heading-ls-md",e),"heading-md-bold":l("heading-size-md","weight-bold","heading-lh-md","heading-ls-md",e),"heading-sm-light":l("heading-size-sm","weight-light","heading-lh-sm","heading-ls-sm",e),"heading-sm-regular":l("heading-size-sm","weight-regular","heading-lh-sm","heading-ls-sm",e),"heading-sm-semibold":l("heading-size-sm","weight-semibold","heading-lh-sm","heading-ls-sm",e),"heading-sm-bold":l("heading-size-sm","weight-bold","heading-lh-sm","heading-ls-sm",e),"heading-xs-light":l("heading-size-xs","weight-light","heading-lh-xs","heading-ls-xs",e),"heading-xs-regular":l("heading-size-xs","weight-regular","heading-lh-xs","heading-ls-xs",e),"heading-xs-semibold":l("heading-size-xs","weight-semibold","heading-lh-xs","heading-ls-xs",e),"heading-xs-bold":l("heading-size-xs","weight-bold","heading-lh-xs","heading-ls-xs",e),"body-baseline-light":l("body-size-baseline","weight-light","body-lh-baseline","body-ls-baseline",e),"body-baseline-regular":l("body-size-baseline","weight-regular","body-lh-baseline","body-ls-baseline",e),"body-baseline-semibold":l("body-size-baseline","weight-semibold","body-lh-baseline","body-ls-baseline",e),"body-baseline-bold":l("body-size-baseline","weight-bold","body-lh-baseline","body-ls-baseline",e),"body-md-light":l("body-size-md","weight-light","body-lh-md","body-ls-md",e),"body-md-regular":l("body-size-md","weight-regular","body-lh-md","body-ls-md",e),"body-md-semibold":l("body-size-md","weight-semibold","body-lh-md","body-ls-md",e),"body-md-bold":l("body-size-md","weight-bold","body-lh-md","body-ls-md",e),"body-sm-light":l("body-size-sm","weight-light","body-lh-sm","body-ls-sm",e),"body-sm-regular":l("body-size-sm","weight-regular","body-lh-sm","body-ls-sm",e),"body-sm-semibold":l("body-size-sm","weight-semibold","body-lh-sm","body-ls-sm",e),"body-sm-bold":l("body-size-sm","weight-bold","body-lh-sm","body-ls-sm",e),"body-xs-light":l("body-size-xs","weight-light","body-lh-xs","body-ls-xs",e),"body-xs-regular":l("body-size-xs","weight-regular","body-lh-xs","body-ls-xs",e),"body-xs-semibold":l("body-size-xs","weight-semibold","body-lh-xs","body-ls-xs",e),"body-xs-bold":l("body-size-xs","weight-bold","body-lh-xs","body-ls-xs",e),"form-label":l("form-label-size","weight-semibold","form-label-lh","form-label-ls",e),"form-description":l("form-description-size","weight-regular","form-description-lh","form-description-ls",e)});export{l as generateFontCSS,d as getFontSet};
-//# sourceMappingURL=utils.js.map