npm - @lifesg/react-design-system - Versions diffs - 4.0.0-alpha.1 → 4.0.0-alpha.2 - Mend

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

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.

Files changed (2348) hide show

package/v3_theme/font-spec/theme-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-helper.js","sources":["../../../src/v3_theme/font-spec/theme-helper.ts"],"sourcesContent":["import 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_A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { V3_BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { V3_DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { V3_IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { V3_MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { V3_OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { V3_PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { V3_SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { V3_SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { V3_SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport type { V3_FontSpecCollectionMap, V3_FontSpecSet } from \"./types\";\n\nconst V3_FontSpec: V3_ThemeCollectionSpec<\n V3_FontSpecCollectionMap,\n V3_FontScheme\n> = {\n collections: {\n a11yplayground: V3_A11yPlaygroundFontSpecSet,\n bookingsg: V3_BookingSgFontSpecSet,\n default: V3_DefaultFontSpecSet,\n imda: V3_IMDAFontSpecSet,\n mylegacy: V3_MyLegacyFontSpecSet,\n oneservice: V3_OneServiceFontSpecSet,\n pa: V3_PAFontSpecSet,\n sgwdigitallobby: V3_SGWDigitalLobbyFontSpecSet,\n spf: V3_SPFFontSpecSet,\n supportgowhere: V3_SupportGoWhereFontSpecSet,\n },\n defaultValue: \"default\",\n};\n\nexport const getFontSpec = (key: keyof V3_FontSpecSet) => {\n return (props: V3_StyledComponentProps): string => {\n const theme = props.theme;\n const fontSpecSet: V3_FontSpecSet = getCollection(\n V3_FontSpec,\n theme?.fontScheme\n );\n\n if (theme?.overrides?.fontSpec) {\n return getValue(fontSpecSet, key, theme.overrides.fontSpec);\n } else {\n return fontSpecSet[key];\n }\n };\n};\n\nexport const V3_FontSpecValues: {\n [key in keyof V3_FontSpecSet]: (props: V3_StyledComponentProps) => string;\n} = {\n \"heading-size-xxl\": getFontSpec(\"heading-size-xxl\"),\n \"heading-size-xl\": getFontSpec(\"heading-size-xl\"),\n \"heading-size-lg\": getFontSpec(\"heading-size-lg\"),\n \"heading-size-md\": getFontSpec(\"heading-size-md\"),\n \"heading-size-sm\": getFontSpec(\"heading-size-sm\"),\n \"heading-size-xs\": getFontSpec(\"heading-size-xs\"),\n\n \"heading-lh-xxl\": getFontSpec(\"heading-lh-xxl\"),\n \"heading-lh-xl\": getFontSpec(\"heading-lh-xl\"),\n \"heading-lh-lg\": getFontSpec(\"heading-lh-lg\"),\n \"heading-lh-md\": getFontSpec(\"heading-lh-md\"),\n \"heading-lh-sm\": getFontSpec(\"heading-lh-sm\"),\n \"heading-lh-xs\": getFontSpec(\"heading-lh-xs\"),\n\n \"heading-ls-xxl\": getFontSpec(\"heading-ls-xxl\"),\n \"heading-ls-xl\": getFontSpec(\"heading-ls-xl\"),\n \"heading-ls-lg\": getFontSpec(\"heading-ls-lg\"),\n \"heading-ls-md\": getFontSpec(\"heading-ls-md\"),\n \"heading-ls-sm\": getFontSpec(\"heading-ls-sm\"),\n \"heading-ls-xs\": getFontSpec(\"heading-ls-xs\"),\n\n \"weight-light\": getFontSpec(\"weight-light\"),\n \"weight-regular\": getFontSpec(\"weight-regular\"),\n \"weight-semibold\": getFontSpec(\"weight-semibold\"),\n \"weight-bold\": getFontSpec(\"weight-bold\"),\n \"font-family\": getFontSpec(\"font-family\"),\n\n \"body-size-baseline\": getFontSpec(\"body-size-baseline\"),\n \"body-size-md\": getFontSpec(\"body-size-md\"),\n \"body-size-sm\": getFontSpec(\"body-size-sm\"),\n \"body-size-xs\": getFontSpec(\"body-size-xs\"),\n\n \"body-lh-baseline\": getFontSpec(\"body-lh-baseline\"),\n \"body-lh-md\": getFontSpec(\"body-lh-md\"),\n \"body-lh-sm\": getFontSpec(\"body-lh-sm\"),\n \"body-lh-xs\": getFontSpec(\"body-lh-xs\"),\n\n \"body-ls-baseline\": getFontSpec(\"body-ls-baseline\"),\n \"body-ls-md\": getFontSpec(\"body-ls-md\"),\n \"body-ls-sm\": getFontSpec(\"body-ls-sm\"),\n \"body-ls-xs\": getFontSpec(\"body-ls-xs\"),\n\n \"form-label-size\": getFontSpec(\"form-label-size\"),\n \"form-description-size\": getFontSpec(\"form-description-size\"),\n\n \"form-label-lh\": getFontSpec(\"form-label-lh\"),\n \"form-description-lh\": getFontSpec(\"form-description-lh\"),\n\n \"form-label-ls\": getFontSpec(\"form-label-ls\"),\n \"form-description-ls\": getFontSpec(\"form-description-ls\"),\n};\n"],"names":["V3_FontSpec","collections","a11yplayground","V3_A11yPlaygroundFontSpecSet","bookingsg","V3_BookingSgFontSpecSet","default","V3_DefaultFontSpecSet","imda","V3_IMDAFontSpecSet","mylegacy","V3_MyLegacyFontSpecSet","oneservice","V3_OneServiceFontSpecSet","pa","V3_PAFontSpecSet","sgwdigitallobby","V3_SGWDigitalLobbyFontSpecSet","spf","V3_SPFFontSpecSet","supportgowhere","V3_SupportGoWhereFontSpecSet","defaultValue","getFontSpec","key","props","theme","fontSpecSet","getCollection","fontScheme","_a","overrides","fontSpec","getValue","V3_FontSpecValues"],"mappings":"~~wzBAgBA~~,MAAMA,EAGF,CACAC,YAAa,CACTC,eAAgBC,EAChBC,UAAWC,EACXC,QAASC,EACTC,KAAMC,EACNC,SAAUC,EACVC,WAAYC,EACZC,GAAIC,EACJC,gBAAiBC,EACjBC,IAAKC,EACLC,eAAgBC,~~GAEpBC~~,aAAc,WAGLC,EAAeC,GAChBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA8BC,~~EAChC5B~~,~~EACA0B~~,aAAK,EAALA,EAAOG,YAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,UACXC,EAASN,EAAaH,EAAKE,EAAMK,UAAUC,UAE3CL,EAAYH,EACvB,EAIKU,EAET,CACA,mBAAoBX,EAAY,oBAChC,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAE/B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,eAAgBA,EAAY,gBAC5B,iBAAkBA,EAAY,kBAC9B,kBAAmBA,EAAY,mBAC/B,cAAeA,EAAY,eAC3B,cAAeA,EAAY,~~eAE3B~~,qBAAsBA,EAAY,sBAClC,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAE5B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,kBAAmBA,EAAY,mBAC/B,wBAAyBA,EAAY,yBAErC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY,uBAEnC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY"}
1	+ {"version":3,"file":"theme-helper.js","sources":["../../../src/v3_theme/font-spec/theme-helper.ts"],"sourcesContent":["import 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_A11yPlaygroundFontSpecSet } from \"./specs/a11yplayground-font-spec-set\";\nimport { V3_BookingSgFontSpecSet } from \"./specs/bookingsg-font-spec-set\";\nimport { V3_DefaultFontSpecSet } from \"./specs/default-font-spec-set\";\nimport { V3_IMDAFontSpecSet } from \"./specs/imda-font-spec-set\";\nimport { V3_MyLegacyFontSpecSet } from \"./specs/mylegacy-font-spec-set\";\nimport { V3_OneServiceFontSpecSet } from \"./specs/oneservice-font-spec-set\";\nimport { V3_PAFontSpecSet } from \"./specs/pa-font-spec-set\";\nimport { V3_SGWDigitalLobbyFontSpecSet } from \"./specs/sgw-digital-lobby-font-spec-set\";\nimport { V3_SMGSFontSpecSet } from \"./specs/smgs-font-spec-set\";\nimport { V3_SPFFontSpecSet } from \"./specs/spf-font-spec-set\";\nimport { V3_SupportGoWhereFontSpecSet } from \"./specs/supportgowhere-font-spec-set\";\nimport type { V3_FontSpecCollectionMap, V3_FontSpecSet } from \"./types\";\n\nconst V3_FontSpec: V3_ThemeCollectionSpec<\n V3_FontSpecCollectionMap,\n V3_FontScheme\n> = {\n collections: {\n a11yplayground: V3_A11yPlaygroundFontSpecSet,\n bookingsg: V3_BookingSgFontSpecSet,\n default: V3_DefaultFontSpecSet,\n imda: V3_IMDAFontSpecSet,\n mylegacy: V3_MyLegacyFontSpecSet,\n oneservice: V3_OneServiceFontSpecSet,\n pa: V3_PAFontSpecSet,\n sgwdigitallobby: V3_SGWDigitalLobbyFontSpecSet,\n spf: V3_SPFFontSpecSet,\n supportgowhere: V3_SupportGoWhereFontSpecSet,\n smgs: V3_SMGSFontSpecSet,\n },\n defaultValue: \"default\",\n};\n\nexport const getFontSpec = (key: keyof V3_FontSpecSet) => {\n return (props: V3_StyledComponentProps): string => {\n const theme = props.theme;\n const fontSpecSet: V3_FontSpecSet = getCollection(\n V3_FontSpec,\n theme?.fontScheme\n );\n\n if (theme?.overrides?.fontSpec) {\n return getValue(fontSpecSet, key, theme.overrides.fontSpec);\n } else {\n return fontSpecSet[key];\n }\n };\n};\n\nexport const V3_FontSpecValues: {\n [key in keyof V3_FontSpecSet]: (props: V3_StyledComponentProps) => string;\n} = {\n \"heading-size-xxl\": getFontSpec(\"heading-size-xxl\"),\n \"heading-size-xl\": getFontSpec(\"heading-size-xl\"),\n \"heading-size-lg\": getFontSpec(\"heading-size-lg\"),\n \"heading-size-md\": getFontSpec(\"heading-size-md\"),\n \"heading-size-sm\": getFontSpec(\"heading-size-sm\"),\n \"heading-size-xs\": getFontSpec(\"heading-size-xs\"),\n\n \"heading-lh-xxl\": getFontSpec(\"heading-lh-xxl\"),\n \"heading-lh-xl\": getFontSpec(\"heading-lh-xl\"),\n \"heading-lh-lg\": getFontSpec(\"heading-lh-lg\"),\n \"heading-lh-md\": getFontSpec(\"heading-lh-md\"),\n \"heading-lh-sm\": getFontSpec(\"heading-lh-sm\"),\n \"heading-lh-xs\": getFontSpec(\"heading-lh-xs\"),\n\n \"heading-ls-xxl\": getFontSpec(\"heading-ls-xxl\"),\n \"heading-ls-xl\": getFontSpec(\"heading-ls-xl\"),\n \"heading-ls-lg\": getFontSpec(\"heading-ls-lg\"),\n \"heading-ls-md\": getFontSpec(\"heading-ls-md\"),\n \"heading-ls-sm\": getFontSpec(\"heading-ls-sm\"),\n \"heading-ls-xs\": getFontSpec(\"heading-ls-xs\"),\n\n \"weight-light\": getFontSpec(\"weight-light\"),\n \"weight-regular\": getFontSpec(\"weight-regular\"),\n \"weight-semibold\": getFontSpec(\"weight-semibold\"),\n \"weight-bold\": getFontSpec(\"weight-bold\"),\n \"font-family\": getFontSpec(\"font-family\"),\n \"heading-font-family\": getFontSpec(\"heading-font-family\"),\n \"body-font-family\": getFontSpec(\"body-font-family\"),\n\n \"body-size-baseline\": getFontSpec(\"body-size-baseline\"),\n \"body-size-md\": getFontSpec(\"body-size-md\"),\n \"body-size-sm\": getFontSpec(\"body-size-sm\"),\n \"body-size-xs\": getFontSpec(\"body-size-xs\"),\n\n \"body-lh-baseline\": getFontSpec(\"body-lh-baseline\"),\n \"body-lh-md\": getFontSpec(\"body-lh-md\"),\n \"body-lh-sm\": getFontSpec(\"body-lh-sm\"),\n \"body-lh-xs\": getFontSpec(\"body-lh-xs\"),\n\n \"body-ls-baseline\": getFontSpec(\"body-ls-baseline\"),\n \"body-ls-md\": getFontSpec(\"body-ls-md\"),\n \"body-ls-sm\": getFontSpec(\"body-ls-sm\"),\n \"body-ls-xs\": getFontSpec(\"body-ls-xs\"),\n\n \"form-label-size\": getFontSpec(\"form-label-size\"),\n \"form-description-size\": getFontSpec(\"form-description-size\"),\n\n \"form-label-lh\": getFontSpec(\"form-label-lh\"),\n \"form-description-lh\": getFontSpec(\"form-description-lh\"),\n\n \"form-label-ls\": getFontSpec(\"form-label-ls\"),\n \"form-description-ls\": getFontSpec(\"form-description-ls\"),\n};\n"],"names":["V3_FontSpec","collections","a11yplayground","V3_A11yPlaygroundFontSpecSet","bookingsg","V3_BookingSgFontSpecSet","default","V3_DefaultFontSpecSet","imda","V3_IMDAFontSpecSet","mylegacy","V3_MyLegacyFontSpecSet","oneservice","V3_OneServiceFontSpecSet","pa","V3_PAFontSpecSet","sgwdigitallobby","V3_SGWDigitalLobbyFontSpecSet","spf","V3_SPFFontSpecSet","supportgowhere","V3_SupportGoWhereFontSpecSet","smgs","V3_SMGSFontSpecSet","defaultValue","getFontSpec","key","props","theme","fontSpecSet","getCollection","fontScheme","_a","overrides","fontSpec","getValue","V3_FontSpecValues"],"mappings":"23BAiBA,MAAMA,EAGF,CACAC,YAAa,CACTC,eAAgBC,EAChBC,UAAWC,EACXC,QAASC,EACTC,KAAMC,EACNC,SAAUC,EACVC,WAAYC,EACZC,GAAIC,EACJC,gBAAiBC,EACjBC,IAAKC,EACLC,eAAgBC,EAChBC,KAAMC,GAEVC,aAAc,WAGLC,EAAeC,GAChBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA8BC,EAChC9B,EACA4B,aAAK,EAALA,EAAOG,YAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,UACXC,EAASN,EAAaH,EAAKE,EAAMK,UAAUC,UAE3CL,EAAYH,EACvB,EAIKU,EAET,CACA,mBAAoBX,EAAY,oBAChC,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAC/B,kBAAmBA,EAAY,mBAE/B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,iBAAkBA,EAAY,kBAC9B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAC7B,gBAAiBA,EAAY,iBAE7B,eAAgBA,EAAY,gBAC5B,iBAAkBA,EAAY,kBAC9B,kBAAmBA,EAAY,mBAC/B,cAAeA,EAAY,eAC3B,cAAeA,EAAY,eAC3B,sBAAuBA,EAAY,uBACnC,mBAAoBA,EAAY,oBAEhC,qBAAsBA,EAAY,sBAClC,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAC5B,eAAgBA,EAAY,gBAE5B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,mBAAoBA,EAAY,oBAChC,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAC1B,aAAcA,EAAY,cAE1B,kBAAmBA,EAAY,mBAC/B,wBAAyBA,EAAY,yBAErC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY,uBAEnC,gBAAiBA,EAAY,iBAC7B,sBAAuBA,EAAY"}

package/v3_theme/font-spec/types.d.ts CHANGED Viewed

@@ -26,7 +26,12 @@ export type V3_FontSpecSet = {
     "weight-regular": string;
     "weight-semibold": string;
     "weight-bold": string;
+    /**
+     * @deprecated Use `heading-font-family` and `body-font-family` instead. This key will be removed in v4.
+     */
     "font-family": string;
+    "heading-font-family": string;
+    "body-font-family": string;
     "body-size-baseline": string;
     "body-size-md": string;
     "body-size-sm": string;

package/v3_theme/index.d.ts CHANGED Viewed

@@ -236,6 +236,8 @@ export declare const V3_Font: {
         "weight-semibold": (props: import("./helpers").V3_StyledComponentProps) => string;
         "weight-bold": (props: import("./helpers").V3_StyledComponentProps) => string;
         "font-family": (props: import("./helpers").V3_StyledComponentProps) => string;
+        "heading-font-family": (props: import("./helpers").V3_StyledComponentProps) => string;
+        "body-font-family": (props: import("./helpers").V3_StyledComponentProps) => string;
         "body-size-baseline": (props: import("./helpers").V3_StyledComponentProps) => string;
         "body-size-md": (props: import("./helpers").V3_StyledComponentProps) => string;
         "body-size-sm": (props: import("./helpers").V3_StyledComponentProps) => string;
@@ -647,3 +649,22 @@ export declare const V3_SPFTheme: {
     maxColumns?: any;
     _v2?: import("..").V2_ThemeSpec;
 };
+export declare const V3_SMGSTheme: {
+    light: V3_ThemeSpec;
+    dark: V3_ThemeSpec;
+    colourScheme: import("./types").V3_ColourScheme;
+    colourMode?: import("./types").V3_ColourMode | undefined;
+    fontScheme: import("./types").V3_FontScheme;
+    motionScheme: import("./types").V3_MotionScheme;
+    borderScheme: import("./types").V3_BorderScheme;
+    spacingScheme: import("./types").V3_SpacingScheme;
+    radiusScheme: import("./types").V3_RadiusScheme;
+    shadowScheme: import("./types").V3_ShadowScheme;
+    breakpointScheme: import("./types").V3_BreakpointScheme;
+    resourceScheme: import("./types").V3_ResourceScheme;
+    componentScheme?: import("./types").V3_ComponentScheme | undefined;
+    componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
+    overrides?: import("./types").V3_ThemeSpecOptions | undefined;
+    maxColumns?: any;
+    _v2?: import("..").V2_ThemeSpec;
+};

package/v3_theme/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{V3_BorderValues as e}from"./border/theme-helper.js";import{V3_BorderUtilValues as c}from"./border-util/theme-helper.js";import{V3_MediaQuery as t}from"./breakpoint/media-query-helper.js";import{V3_BreakpointValues as o}from"./breakpoint/theme-helper.js";import{V3_PrimitiveColour as a}from"./colour-primitive/theme-helper.js";import{V3_ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{V3_FontValues as r}from"./font/theme-helper.js";import{V3_FontSpecValues as h}from"./font-spec/theme-helper.js";import{V3_MotionValues as s}from"./motion/theme-helper.js";import{V3_RadiusValues as d}from"./radius/theme-helper.js";import{V3_ShadowValues as i}from"./shadow/theme-helper.js";import{V3_SpacingValues as l}from"./spacing/theme-helper.js";import{createThemeWithColourMode as S}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{V3_DSThemeProvider}from"./ds-theme-provider.js";const u=Object.assign(Object.assign({},m),{Primitive:a}),n=Object.assign(Object.assign({},r),{Spec:h}),f=s,g=Object.assign(Object.assign({},e),{Util:c}),p=l,b=d,k=i,j=o,O=t,y={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},w={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},v={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},x={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},T={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},_={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},D={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},M={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},P={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},V={colourScheme:"supportgowhere",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},q={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},C={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},Q=Object.assign(Object.assign({},y),{light:S(y,"light"),dark:S(y,"dark")}),U=Object.assign(Object.assign({},w),{light:S(w,"light"),dark:S(w,"dark")}),z=Object.assign(Object.assign({},v),{light:S(v,"light"),dark:S(v,"dark")}),A=Object.assign(Object.assign({},x),{light:S(x,"light"),dark:S(x,"dark")}),B=Object.assign(Object.assign({},T),{light:S(T,"light"),dark:S(T,"dark")}),E=Object.assign(Object.assign({},_),{light:S(_,"light"),dark:S(_,"dark")}),F=Object.assign(Object.assign({},D),{light:S(D,"light"),dark:S(D,"dark")}),G=Object.assign(Object.assign({},M),{light:S(M,"light"),dark:S(M,"dark")}),H=Object.assign(Object.assign({},P),{light:S(P,"light"),dark:S(P,"dark")}),I=Object.assign(Object.assign({},V),{light:S(V,"light"),dark:S(V,"dark")}),J=Object.assign(Object.assign({},q),{light:S(q,"light"),dark:S(q,"dark")}),K=Object.assign(Object.assign({},C),{light:S(C,"light"),dark:S(C,"dark")});export{G as V3_A11yPlaygroundTheme,U as V3_BookingSGTheme,g as V3_Border,j as V3_Breakpoint,z as V3_CCubeTheme,u as V3_Colour,n as V3_Font,J as V3_IMDATheme,Q as V3_LifeSGTheme,O as V3_MediaQuery,f as V3_Motion,A as V3_MyLegacyTheme,E as V3_OneServiceTheme,F as V3_PATheme,B as V3_RBSTheme,b as V3_Radius,I as V3_SGWDigitalLobbyTheme,V as V3_SGWDigitalLobbyThemeBase,K as V3_SPFTheme,k as V3_Shadow,p as V3_Spacing,H as V3_SupportGoWhereTheme,P as V3_SupportGoWhereThemeBase,S as createThemeWithColourMode};
+import{V3_BorderValues as e}from"./border/theme-helper.js";import{V3_BorderUtilValues as c}from"./border-util/theme-helper.js";import{V3_MediaQuery as t}from"./breakpoint/media-query-helper.js";import{V3_BreakpointValues as a}from"./breakpoint/theme-helper.js";import{V3_PrimitiveColour as o}from"./colour-primitive/theme-helper.js";import{V3_ColourSemantic as m}from"./colour-semantic/theme-helper.js";import{V3_FontValues as h}from"./font/theme-helper.js";import{V3_FontSpecValues as r}from"./font-spec/theme-helper.js";import{V3_MotionValues as s}from"./motion/theme-helper.js";import{V3_RadiusValues as d}from"./radius/theme-helper.js";import{V3_ShadowValues as l}from"./shadow/theme-helper.js";import{V3_SpacingValues as i}from"./spacing/theme-helper.js";import{createThemeWithColourMode as S}from"./use-theme-mode.js";export{getSystemColourMode,useDSTheme}from"./use-theme-mode.js";export{V3_DSThemeProvider}from"./ds-theme-provider.js";const u=Object.assign(Object.assign({},m),{Primitive:o}),n=Object.assign(Object.assign({},h),{Spec:r}),f=s,g=Object.assign(Object.assign({},e),{Util:c}),b=i,p=d,k=l,j=a,O=t,y={colourScheme:"lifesg",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"lifesg",componentScheme:"lifesg",_v2:{colorScheme:"base",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"base"}},w={colourScheme:"bookingsg",fontScheme:"bookingsg",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"bookingsg",_v2:{colorScheme:"bookingsg",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"bookingsg"}},v={colourScheme:"ccube",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"ccube",_v2:{colorScheme:"ccube",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"ccube"}},x={colourScheme:"mylegacy",fontScheme:"mylegacy",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"mylegacy",_v2:{colorScheme:"mylegacy",textStyleScheme:"base",designTokenScheme:"base",resourceScheme:"mylegacy"}},T={colourScheme:"rbs",fontScheme:"default",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"rbs",_v2:{colorScheme:"rbs",textStyleScheme:"base",designTokenScheme:"rbs",resourceScheme:"rbs"}},_={colourScheme:"oneservice",fontScheme:"oneservice",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"oneservice"},D={colourScheme:"pa",fontScheme:"pa",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"pa",componentScheme:"pa"},M={colourScheme:"a11yplayground",fontScheme:"a11yplayground",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"a11yplayground",componentScheme:"a11yplayground"},P={colourScheme:"supportgowhere",fontScheme:"supportgowhere",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},V={colourScheme:"sgwdigitallobby",fontScheme:"sgwdigitallobby",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"supportgowhere",componentScheme:"default"},q={colourScheme:"imda",fontScheme:"imda",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"imda",componentScheme:"default"},C={colourScheme:"spf",fontScheme:"spf",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"spf",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"spf",componentScheme:"spf"},Q={colourScheme:"smgs",fontScheme:"smgs",motionScheme:"default",borderScheme:"default",spacingScheme:"default",radiusScheme:"default",shadowScheme:"default",breakpointScheme:"default",resourceScheme:"smgs",componentScheme:"smgs"},U=Object.assign(Object.assign({},y),{light:S(y,"light"),dark:S(y,"dark")}),z=Object.assign(Object.assign({},w),{light:S(w,"light"),dark:S(w,"dark")}),A=Object.assign(Object.assign({},v),{light:S(v,"light"),dark:S(v,"dark")}),B=Object.assign(Object.assign({},x),{light:S(x,"light"),dark:S(x,"dark")}),E=Object.assign(Object.assign({},T),{light:S(T,"light"),dark:S(T,"dark")}),F=Object.assign(Object.assign({},_),{light:S(_,"light"),dark:S(_,"dark")}),G=Object.assign(Object.assign({},D),{light:S(D,"light"),dark:S(D,"dark")}),H=Object.assign(Object.assign({},M),{light:S(M,"light"),dark:S(M,"dark")}),I=Object.assign(Object.assign({},P),{light:S(P,"light"),dark:S(P,"dark")}),J=Object.assign(Object.assign({},V),{light:S(V,"light"),dark:S(V,"dark")}),K=Object.assign(Object.assign({},q),{light:S(q,"light"),dark:S(q,"dark")}),L=Object.assign(Object.assign({},C),{light:S(C,"light"),dark:S(C,"dark")}),N=Object.assign(Object.assign({},Q),{light:S(Q,"light"),dark:S(Q,"dark")});export{H as V3_A11yPlaygroundTheme,z as V3_BookingSGTheme,g as V3_Border,j as V3_Breakpoint,A as V3_CCubeTheme,u as V3_Colour,n as V3_Font,K as V3_IMDATheme,U as V3_LifeSGTheme,O as V3_MediaQuery,f as V3_Motion,B as V3_MyLegacyTheme,F as V3_OneServiceTheme,G as V3_PATheme,E as V3_RBSTheme,p as V3_Radius,J as V3_SGWDigitalLobbyTheme,V as V3_SGWDigitalLobbyThemeBase,N as V3_SMGSTheme,L as V3_SPFTheme,k as V3_Shadow,b as V3_Spacing,I as V3_SupportGoWhereTheme,P as V3_SupportGoWhereThemeBase,S as createThemeWithColourMode};
 //# sourceMappingURL=index.js.map

package/v3_theme/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/v3_theme/index.ts"],"sourcesContent":["import { V3_BorderValues } from \"./border/theme-helper\";\nimport { V3_BorderUtilValues } from \"./border-util/theme-helper\";\nimport { V3_MediaQuery as V3_MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { V3_BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { V3_PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { V3_ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { V3_FontValues } from \"./font/theme-helper\";\nimport { V3_FontSpecValues } from \"./font-spec/theme-helper\";\nimport { V3_MotionValues } from \"./motion/theme-helper\";\nimport { V3_RadiusValues } from \"./radius/theme-helper\";\nimport { V3_ShadowValues } from \"./shadow/theme-helper\";\nimport { V3_SpacingValues } from \"./spacing/theme-helper\";\nimport type { V3_ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./ds-theme-provider\";\nexport * from \"./types\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const V3_Colour = {\n ...V3_ColourSemantic,\n Primitive: V3_PrimitiveColour,\n};\n\nexport const V3_Font = {\n ...V3_FontValues,\n Spec: V3_FontSpecValues,\n};\n\nexport const V3_Motion = V3_MotionValues;\n\nexport const V3_Border = {\n ...V3_BorderValues,\n Util: V3_BorderUtilValues,\n};\n\nexport const V3_Spacing = V3_SpacingValues;\n\nexport const V3_Radius = V3_RadiusValues;\n\nexport const V3_Shadow = V3_ShadowValues;\n\nexport const V3_Breakpoint = V3_BreakpointValues;\n\nexport const V3_MediaQuery = V3_MediaQueryValues;\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst V3_LifeSGThemeBase: V3_ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst V3_BookingSGThemeBase: V3_ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst V3_CCubeThemeBase: V3_ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst V3_MyLegacyThemeBase: V3_ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst V3_RBSThemeBase: V3_ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst V3_OneServiceThemeBase: V3_ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst V3_PAThemeBase: V3_ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst V3_A11yPlaygroundThemeBase: V3_ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const V3_SupportGoWhereThemeBase: V3_ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const V3_SGWDigitalLobbyThemeBase: V3_ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst V3_IMDAThemeBase: V3_ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst V3_SPFThemeBase: V3_ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const V3_LifeSGTheme = {\n ...V3_LifeSGThemeBase,\n light: createThemeWithColourMode(V3_LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_LifeSGThemeBase, \"dark\"),\n};\n\nexport const V3_BookingSGTheme = {\n ...V3_BookingSGThemeBase,\n light: createThemeWithColourMode(V3_BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_BookingSGThemeBase, \"dark\"),\n};\n\nexport const V3_CCubeTheme = {\n ...V3_CCubeThemeBase,\n light: createThemeWithColourMode(V3_CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_CCubeThemeBase, \"dark\"),\n};\n\nexport const V3_MyLegacyTheme = {\n ...V3_MyLegacyThemeBase,\n light: createThemeWithColourMode(V3_MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_MyLegacyThemeBase, \"dark\"),\n};\n\nexport const V3_RBSTheme = {\n ...V3_RBSThemeBase,\n light: createThemeWithColourMode(V3_RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_RBSThemeBase, \"dark\"),\n};\n\nexport const V3_OneServiceTheme = {\n ...V3_OneServiceThemeBase,\n light: createThemeWithColourMode(V3_OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_OneServiceThemeBase, \"dark\"),\n};\n\nexport const V3_PATheme = {\n ...V3_PAThemeBase,\n light: createThemeWithColourMode(V3_PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_PAThemeBase, \"dark\"),\n};\n\nexport const V3_A11yPlaygroundTheme = {\n ...V3_A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(V3_A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const V3_SupportGoWhereTheme = {\n ...V3_SupportGoWhereThemeBase,\n light: createThemeWithColourMode(V3_SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const V3_SGWDigitalLobbyTheme = {\n ...V3_SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(V3_SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const V3_IMDATheme = {\n ...V3_IMDAThemeBase,\n light: createThemeWithColourMode(V3_IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_IMDAThemeBase, \"dark\"),\n};\n\nexport const V3_SPFTheme = {\n ...V3_SPFThemeBase,\n light: createThemeWithColourMode(V3_SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SPFThemeBase, \"dark\"),\n};\n"],"names":["V3_Colour","Object","assign","V3_ColourSemantic","Primitive","V3_PrimitiveColour","V3_Font","V3_FontValues","Spec","V3_FontSpecValues","V3_Motion","V3_MotionValues","V3_Border","V3_BorderValues","Util","V3_BorderUtilValues","V3_Spacing","V3_SpacingValues","V3_Radius","V3_RadiusValues","V3_Shadow","V3_ShadowValues","V3_Breakpoint","V3_BreakpointValues","V3_MediaQuery","V3_MediaQueryValues","V3_LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","V3_BookingSGThemeBase","V3_CCubeThemeBase","V3_MyLegacyThemeBase","V3_RBSThemeBase","V3_OneServiceThemeBase","V3_PAThemeBase","V3_A11yPlaygroundThemeBase","V3_SupportGoWhereThemeBase","V3_SGWDigitalLobbyThemeBase","V3_IMDAThemeBase","V3_SPFThemeBase","V3_LifeSGTheme","light","createThemeWithColourMode","dark","V3_BookingSGTheme","V3_CCubeTheme","V3_MyLegacyTheme","V3_RBSTheme","V3_OneServiceTheme","V3_PATheme","V3_A11yPlaygroundTheme","V3_SupportGoWhereTheme","V3_SGWDigitalLobbyTheme","V3_IMDATheme","V3_SPFTheme"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../src/v3_theme/index.ts"],"sourcesContent":["import { V3_BorderValues } from \"./border/theme-helper\";\nimport { V3_BorderUtilValues } from \"./border-util/theme-helper\";\nimport { V3_MediaQuery as V3_MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { V3_BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { V3_PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { V3_ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { V3_FontValues } from \"./font/theme-helper\";\nimport { V3_FontSpecValues } from \"./font-spec/theme-helper\";\nimport { V3_MotionValues } from \"./motion/theme-helper\";\nimport { V3_RadiusValues } from \"./radius/theme-helper\";\nimport { V3_ShadowValues } from \"./shadow/theme-helper\";\nimport { V3_SpacingValues } from \"./spacing/theme-helper\";\nimport type { V3_ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./ds-theme-provider\";\nexport * from \"./types\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const V3_Colour = {\n ...V3_ColourSemantic,\n Primitive: V3_PrimitiveColour,\n};\n\nexport const V3_Font = {\n ...V3_FontValues,\n Spec: V3_FontSpecValues,\n};\n\nexport const V3_Motion = V3_MotionValues;\n\nexport const V3_Border = {\n ...V3_BorderValues,\n Util: V3_BorderUtilValues,\n};\n\nexport const V3_Spacing = V3_SpacingValues;\n\nexport const V3_Radius = V3_RadiusValues;\n\nexport const V3_Shadow = V3_ShadowValues;\n\nexport const V3_Breakpoint = V3_BreakpointValues;\n\nexport const V3_MediaQuery = V3_MediaQueryValues;\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst V3_LifeSGThemeBase: V3_ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst V3_BookingSGThemeBase: V3_ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst V3_CCubeThemeBase: V3_ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst V3_MyLegacyThemeBase: V3_ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst V3_RBSThemeBase: V3_ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst V3_OneServiceThemeBase: V3_ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst V3_PAThemeBase: V3_ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst V3_A11yPlaygroundThemeBase: V3_ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const V3_SupportGoWhereThemeBase: V3_ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const V3_SGWDigitalLobbyThemeBase: V3_ThemeSpec = {\n colourScheme: \"sgwdigitallobby\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst V3_IMDAThemeBase: V3_ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst V3_SPFThemeBase: V3_ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\nconst V3_SMGSThemeBase: V3_ThemeSpec = {\n colourScheme: \"smgs\",\n fontScheme: \"smgs\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"smgs\",\n componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const V3_LifeSGTheme = {\n ...V3_LifeSGThemeBase,\n light: createThemeWithColourMode(V3_LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_LifeSGThemeBase, \"dark\"),\n};\n\nexport const V3_BookingSGTheme = {\n ...V3_BookingSGThemeBase,\n light: createThemeWithColourMode(V3_BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_BookingSGThemeBase, \"dark\"),\n};\n\nexport const V3_CCubeTheme = {\n ...V3_CCubeThemeBase,\n light: createThemeWithColourMode(V3_CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_CCubeThemeBase, \"dark\"),\n};\n\nexport const V3_MyLegacyTheme = {\n ...V3_MyLegacyThemeBase,\n light: createThemeWithColourMode(V3_MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_MyLegacyThemeBase, \"dark\"),\n};\n\nexport const V3_RBSTheme = {\n ...V3_RBSThemeBase,\n light: createThemeWithColourMode(V3_RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_RBSThemeBase, \"dark\"),\n};\n\nexport const V3_OneServiceTheme = {\n ...V3_OneServiceThemeBase,\n light: createThemeWithColourMode(V3_OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_OneServiceThemeBase, \"dark\"),\n};\n\nexport const V3_PATheme = {\n ...V3_PAThemeBase,\n light: createThemeWithColourMode(V3_PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_PAThemeBase, \"dark\"),\n};\n\nexport const V3_A11yPlaygroundTheme = {\n ...V3_A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(V3_A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const V3_SupportGoWhereTheme = {\n ...V3_SupportGoWhereThemeBase,\n light: createThemeWithColourMode(V3_SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const V3_SGWDigitalLobbyTheme = {\n ...V3_SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(V3_SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const V3_IMDATheme = {\n ...V3_IMDAThemeBase,\n light: createThemeWithColourMode(V3_IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_IMDAThemeBase, \"dark\"),\n};\n\nexport const V3_SPFTheme = {\n ...V3_SPFThemeBase,\n light: createThemeWithColourMode(V3_SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SPFThemeBase, \"dark\"),\n};\n\nexport const V3_SMGSTheme = {\n ...V3_SMGSThemeBase,\n light: createThemeWithColourMode(V3_SMGSThemeBase, \"light\"),\n dark: createThemeWithColourMode(V3_SMGSThemeBase, \"dark\"),\n};\n"],"names":["V3_Colour","Object","assign","V3_ColourSemantic","Primitive","V3_PrimitiveColour","V3_Font","V3_FontValues","Spec","V3_FontSpecValues","V3_Motion","V3_MotionValues","V3_Border","V3_BorderValues","Util","V3_BorderUtilValues","V3_Spacing","V3_SpacingValues","V3_Radius","V3_RadiusValues","V3_Shadow","V3_ShadowValues","V3_Breakpoint","V3_BreakpointValues","V3_MediaQuery","V3_MediaQueryValues","V3_LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","V3_BookingSGThemeBase","V3_CCubeThemeBase","V3_MyLegacyThemeBase","V3_RBSThemeBase","V3_OneServiceThemeBase","V3_PAThemeBase","V3_A11yPlaygroundThemeBase","V3_SupportGoWhereThemeBase","V3_SGWDigitalLobbyThemeBase","V3_IMDAThemeBase","V3_SPFThemeBase","V3_SMGSThemeBase","V3_LifeSGTheme","light","createThemeWithColourMode","dark","V3_BookingSGTheme","V3_CCubeTheme","V3_MyLegacyTheme","V3_RBSTheme","V3_OneServiceTheme","V3_PATheme","V3_A11yPlaygroundTheme","V3_SupportGoWhereTheme","V3_SGWDigitalLobbyTheme","V3_IMDATheme","V3_SPFTheme","V3_SMGSTheme"],"mappings":"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"}

package/v3_theme/types.d.ts CHANGED Viewed

@@ -21,16 +21,16 @@ export type { V3_MotionSet, V3_MotionSetOptions } from "./motion/types";
 export type { V3_RadiusSet, V3_RadiusSetOptions } from "./radius/types";
 export type { V3_ShadowSet, V3_ShadowSetOptions } from "./shadow/types";
 export type { V3_SpacingSet, V3_SpacingSetOptions } from "./spacing/types";
-export type V3_ColourScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf";
-export type V3_FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice";
+export type V3_ColourScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "smgs";
+export type V3_FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice" | "smgs";
 export type V3_MotionScheme = "default";
 export type V3_BorderScheme = "default";
 export type V3_SpacingScheme = "default";
 export type V3_RadiusScheme = "default" | "spf";
 export type V3_ShadowScheme = "default";
 export type V3_BreakpointScheme = "default";
-export type V3_ComponentScheme = "default" | "pa" | "a11yplayground" | "lifesg" | "spf";
-export type V3_ResourceScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf";
+export type V3_ComponentScheme = "default" | "pa" | "a11yplayground" | "lifesg" | "spf" | "smgs";
+export type V3_ResourceScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf" | "smgs";
 export type V3_ColourMode = "light" | "dark";
 export interface V3_ThemeSpecOptions {
     primitiveColour?: V3_PrimitiveColourSetOptions | undefined;

package/accordion/accordion-item.style.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import type { AccordionItemType } from "./types";
-interface ContainerStyleProps {
-    $expanded?: boolean | undefined;
-}
-interface ExpandCollapseButtonProps {
-    $expanded: boolean;
-    $collapsible: boolean;
-}
-interface TitleProps {
-    $type: AccordionItemType;
-    $isCollapsed?: boolean | undefined;
-}
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyleProps>> & string;
-export declare const ExpandCollapseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ExpandCollapseButtonProps>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TitleProps>> & string;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ContainerStyleProps>> & string;
-export declare const ChevronIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const Expandable: import("@react-spring/web").AnimatedComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string>;
-export declare const ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

package/accordion/accordion-item.style.js DELETED Viewed

@@ -1,58 +0,0 @@
-import{ChevronUpIcon as e}from"@lifesg/react-icons/chevron-up";import{animated as o}from"@react-spring/web";import i,{css as t}from"styled-components";import{V3_Colour as n,V3_Border as r,V3_Spacing as d,V3_Radius as a,V3_Motion as s,V3_Font as l,V3_MediaQuery as p}from"../v3_theme/index.js";const $=i.div`
-    background-color: ${n.bg};
-    border-top: ${r["width-010"]} ${r.solid} ${n.border};
-    ${e=>e.$expanded&&t`
-            padding-bottom: ${d["spacing-16"]};
-        `}
-`,c=i.button`
-    background: transparent;
-    border: none;
-    border-radius: ${a.sm};
-    outline: none;
-    text-align: left;
-    user-select: text;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: ${d["spacing-48"]};
-    padding: ${d["spacing-16"]} 0;
-    ${e=>e.$expanded&&t`
-            padding-bottom: ${d["spacing-8"]};
-        `}
-    ${e=>e.$collapsible&&t`
-            cursor: pointer;
-        `}
-    &:focus-visible {
-        outline: 2px solid ${n["focus-ring"]};
-        outline-offset: 0;
-    }
-`,g=i.span`
-    flex: 1;
-    transition: all ${s["duration-250"]} ${s["ease-standard"]};
-    color: ${n.text};
-    ${e=>"small"===e.$type?l["heading-xs-bold"]:l["heading-sm-bold"]}
-`,m=i.span`
-    transform: rotate(${e=>e.$expanded?0:180}deg);
-    transition: transform ${s["duration-250"]}${s["ease-default"]};
-`,f=i(e)`
-    height: 1.25rem;
-    width: 1.25rem;
-    color: ${n["icon-primary"]};
-`,b=o(i.div`
-    overflow: hidden;
-`),u=i.div`
-    display: inline-block;
-    padding-right: ${d["spacing-64"]};
-    ${p.MaxWidth.lg} {
-        padding-right: 0;
-    }
-`;export{f as ChevronIcon,$ as Container,u as ContentContainer,c as ExpandCollapseButton,b as Expandable,m as IconContainer,g as Title};
-//# sourceMappingURL=accordion-item.style.js.map

package/accordion/accordion-item.style.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"accordion-item.style.js","sources":["../../src/accordion/accordion-item.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons/chevron-up\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\n\nimport {\n V3_Border,\n V3_Colour,\n V3_Font,\n V3_MediaQuery,\n V3_Motion,\n V3_Radius,\n V3_Spacing,\n} from \"../v3_theme\";\nimport type { AccordionItemType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface ContainerStyleProps {\n $expanded?: boolean | undefined;\n}\n\ninterface ExpandCollapseButtonProps {\n $expanded: boolean;\n $collapsible: boolean;\n}\n\ninterface TitleProps {\n $type: AccordionItemType;\n $isCollapsed?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled.div<ContainerStyleProps>`\n background-color: ${V3_Colour.bg};\n border-top: ${V3_Border[\"width-010\"]} ${V3_Border.solid} ${V3_Colour.border};\n ${(props) =>\n props.$expanded &&\n css`\n padding-bottom: ${V3_Spacing[\"spacing-16\"]};\n `}\n`;\n\nexport const ExpandCollapseButton = styled.button<ExpandCollapseButtonProps>`\n background: transparent;\n border: none;\n border-radius: ${V3_Radius[\"sm\"]};\n outline: none;\n text-align: left;\n user-select: text;\n\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: ${V3_Spacing[\"spacing-48\"]};\n padding: ${V3_Spacing[\"spacing-16\"]} 0;\n\n ${(props) =>\n props.$expanded &&\n css`\n padding-bottom: ${V3_Spacing[\"spacing-8\"]};\n `}\n\n ${(props) =>\n props.$collapsible &&\n css`\n cursor: pointer;\n `}\n\n &:focus-visible {\n outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n outline-offset: 0;\n }\n`;\n\nexport const Title = styled.span<TitleProps>`\n flex: 1;\n transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-standard\"]};\n color: ${V3_Colour[\"text\"]};\n\n ${(props) =>\n props.$type === \"small\"\n ? V3_Font[\"heading-xs-bold\"]\n : V3_Font[\"heading-sm-bold\"]}\n`;\n\nexport const IconContainer = styled.span<ContainerStyleProps>`\n transform: rotate(${(props) => (props.$expanded ? 0 : 180)}deg);\n transition: transform ${V3_Motion[\"duration-250\"]}${V3_Motion[\"ease-default\"]};\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)`\n height: 1.25rem;\n width: 1.25rem;\n color: ${V3_Colour[\"icon-primary\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n overflow: hidden;\n`);\n\nexport const ContentContainer = styled.div`\n display: inline-block;\n padding-right: ${V3_Spacing[\"spacing-64\"]};\n\n ${V3_MediaQuery.MaxWidth.lg} {\n padding-right: 0;\n }\n`;\n"],"names":["Container","styled","div","V3_Colour","bg","V3_Border","solid","border","props","$expanded","css","V3_Spacing","ExpandCollapseButton","button","V3_Radius","$collapsible","Title","span","V3_Motion","$type","V3_Font","IconContainer","ChevronIcon","ChevronUpIcon","Expandable","animated","ContentContainer","V3_MediaQuery","MaxWidth","lg"],"mappings":"qSAoCO,MAAMA,EAAYC,EAAOC,GAAwB;wBAChCC,EAAUC;kBAChBC,EAAU,gBAAgBA,EAAUC,SAASH,EAAUI;MAClEC,GACCA,EAAMC,WACNC,CAAG;8BACmBC,EAAW;;EAI5BC,EAAuBX,EAAOY,MAAiC;;;qBAGvDC,EAAc;;;;;;;;;;WAUxBH,EAAW;eACPA,EAAW;;MAEnBH,GACCA,EAAMC,WACNC,CAAG;8BACmBC,EAAW;;;MAGlCH,GACCA,EAAMO,cACNL,CAAG;;;;;6BAKkBP,EAAU;;;EAK1Ba,EAAQf,EAAOgB,IAAgB;;sBAEtBC,EAAU,mBAAmBA,EAAU;aAChDf,EAAgB;;MAEtBK,GACiB,UAAhBA,EAAMW,MACAC,EAAQ,mBACRA,EAAQ;EAGTC,EAAgBpB,EAAOgB,IAAyB;wBACpCT,GAAWA,EAAMC,UAAY,EAAI;4BAC9BS,EAAU,kBAAkBA,EAAU;EAGrDI,EAAcrB,EAAOsB,EAAc;;;aAGnCpB,EAAU;EAGVqB,EAAaC,EAASxB,EAAOC,GAAG;;GAIhCwB,EAAmBzB,EAAOC,GAAG;;qBAErBS,EAAW;;MAE1BgB,EAAcC,SAASC;;;"}

package/accordion/accordion.style.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import type { TitleStyleProps, TitleWrapperStyleProps } from "./types";
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleWrapperStyleProps>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TitleStyleProps>> & string;
-export declare const ExpandCollapseLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/accordion/accordion.style.js DELETED Viewed

@@ -1,44 +0,0 @@
-import e,{css as t}from"styled-components";import{Button as i}from"../button/button.js";import{V3_Border as o,V3_Colour as n,V3_MediaQuery as l,V3_Font as r}from"../v3_theme/index.js";const d=e.div`
-    width: 100%;
-    border-bottom: ${o["width-010"]} ${o.solid}
-        ${n.border};
-`,a=e.div`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-end;
-    padding-bottom: 1rem;
-    ${l.MaxWidth.sm} {
-        justify-content: flex-end;
-    }
-    ${e=>{if(!e.$showTitleInMobile&&!e.$hasExpandAll)return t`
-                ${l.MaxWidth.sm} {
-                    display: none;
-                }
-            `}}
-`,m=e.h2`
-    display: flex;
-    align-self: flex-start;
-    flex: 1;
-    ${r["heading-md-bold"]}
-    color: ${n.text};
-    ${l.MaxWidth.sm} {
-        text-align: left;
-    }
-    ${e=>{if(!e.$showInMobile)return t`
-                ${l.MaxWidth.sm} {
-                    display: none;
-                    visibility: hidden;
-                }
-            `}}
-`,s=e(i.Small)`
-    padding: 1.75rem 1rem; // larger clickable area
-    margin: -1rem -1rem -1rem 0px;
-    white-space: nowrap;
-`;export{d as Content,s as ExpandCollapseLink,m as Title,a as TitleWrapper};
-//# sourceMappingURL=accordion.style.js.map

package/accordion/accordion.style.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"accordion.style.js","sources":["../../src/accordion/accordion.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { V3_Border, V3_Colour, V3_Font, V3_MediaQuery } from \"../v3_theme\";\nimport type { TitleStyleProps, TitleWrapperStyleProps } from \"./types\";\n\n// ============================================================================\n// STYLING\n// =============================================================================\nexport const Content = styled.div`\n width: 100%;\n border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n ${V3_Colour.border};\n`;\n\nexport const TitleWrapper = styled.div<TitleWrapperStyleProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: 1rem;\n\n ${V3_MediaQuery.MaxWidth.sm} {\n justify-content: flex-end;\n }\n\n ${(props) => {\n if (!props.$showTitleInMobile && !props.$hasExpandAll) {\n return css`\n ${V3_MediaQuery.MaxWidth.sm} {\n display: none;\n }\n `;\n }\n }}\n`;\n\nexport const Title = styled.h2<TitleStyleProps>`\n display: flex;\n align-self: flex-start;\n flex: 1;\n\n ${V3_Font[\"heading-md-bold\"]}\n color: ${V3_Colour[\"text\"]};\n\n ${V3_MediaQuery.MaxWidth.sm} {\n text-align: left;\n }\n\n ${(props) => {\n if (!props.$showInMobile) {\n return css`\n ${V3_MediaQuery.MaxWidth.sm} {\n display: none;\n visibility: hidden;\n }\n `;\n }\n }}\n`;\n\nexport const ExpandCollapseLink = styled(Button.Small)`\n padding: 1.75rem 1rem; // larger clickable area\n margin: -1rem -1rem -1rem 0px;\n white-space: nowrap;\n`;\n"],"names":["Content","styled","div","V3_Border","solid","V3_Colour","border","TitleWrapper","V3_MediaQuery","MaxWidth","sm","props","$showTitleInMobile","$hasExpandAll","css","Title","h2","V3_Font","$showInMobile","ExpandCollapseLink","Button","Small"],"mappings":"wLASO,MAAMA,EAAUC,EAAOC,GAAG;;qBAEZC,EAAU,gBAAgBA,EAAUC;UAC/CC,EAAUC;EAGPC,EAAeN,EAAOC,GAA2B;;;;;;;MAOxDM,EAAcC,SAASC;;;;MAItBC,IACC,IAAKA,EAAMC,qBAAuBD,EAAME,cACpC,OAAOC,CAAG;kBACJN,EAAcC,SAASC;;;aAIjC;EAIKK,EAAQd,EAAOe,EAAmB;;;;;MAKzCC,EAAQ;aACDZ,EAAgB;;MAEvBG,EAAcC,SAASC;;;;MAItBC,IACC,IAAKA,EAAMO,cACP,OAAOJ,CAAG;kBACJN,EAAcC,SAASC;;;;aAKjC;EAIKS,EAAqBlB,EAAOmB,EAAOC,MAAM;;;;"}

package/alert/alert.style.d.ts DELETED Viewed

@@ -1,29 +0,0 @@
-import type { AlertSizeType, AlertType } from "./types";
-interface StyleProps {
-    $type: AlertType;
-    $sizeType: AlertSizeType;
-}
-export interface TextWrapperContainerStyleProps {
-    $showMore: boolean;
-    $hasActionLink: boolean;
-    $maxCollapsedHeight?: number;
-}
-export interface ShowMoreIconStyleProps {
-    $expanded: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const AlertIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const ActionLinkText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").TypographyLinkProps & {
-    ref?: import("react").RefObject<HTMLAnchorElement> | undefined;
-}, StyleProps>> & string;
-export declare const ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextWrapperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextWrapperContainerStyleProps>> & string;
-export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const ShowMoreButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyleProps>> & string;
-export declare const ChevronIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, ShowMoreIconStyleProps>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};

package/alert/alert.style.js DELETED Viewed

@@ -1,83 +0,0 @@
-import{ChevronDownIcon as e}from"@lifesg/react-icons";import r,{css as i}from"styled-components";import{applyHtmlContentStyle as t}from"../shared/html-content/html-content.js";import{Typography as o}from"../typography/index.js";import{V3_Spacing as s,V3_Colour as n,V3_Border as a,V3_Font as l,V3_Motion as c}from"../v3_theme/index.js";const d=r.div`
-    padding: ${s["spacing-8"]} ${s["spacing-16"]};
-    display: flex;
-    ${e=>{let r,t;switch(e.$type){case"error":r=n["bg-error"](e),t=n["border-error"](e);break;case"success":r=n["bg-success"](e),t=n["border-success"](e);break;case"warning":default:r=n["bg-warning"](e),t=n["border-warning"](e);break;case"info":r=n["bg-info"](e),t=n["border-info"](e);break;case"description":r=n["bg-strong"](e),t=n["border-strong"](e)}return i`
-            background: ${r};
-            border-left: ${a["width-020"]} ${a.solid}
-                ${t};
-        `}}
-`,m=r.div`
-    display: flex;
-    align-items: center;
-    height: 1lh;
-    margin-right: ${s["spacing-8"]};
-    ${e=>{let r;const t="small"===e.$sizeType?"1.25rem":"1.5rem";switch(e.$type){case"error":r=n["icon-error"](e);break;case"success":r=n["icon-success"](e);break;case"warning":default:r=n["icon-warning"](e);break;case"info":r=n["icon-info"](e);break;case"description":r=n["icon-subtle"](e)}return i`
-            svg {
-                color: ${r};
-                width: ${t};
-                height: ${t};
-            }
-        `}}
-`,g=r(o.LinkSM)`
-    ${e=>"small"===e.$sizeType?i`
-                ${l["body-sm-semibold"]}
-                margin-top: ${s["spacing-4"]};
-            `:i`
-                ${l["body-md-semibold"]}
-                margin-top: ${s["spacing-8"]};
-            `}
-    display: flex;
-    align-items: center;
-    align-self: flex-start;
-    svg {
-        height: 1rem;
-        width: 1rem;
-        margin-left: ${s["spacing-4"]};
-    }
-`,$=r.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    overflow-wrap: anywhere;
-`,p=r.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    order: 1;
-    ${e=>{if(e.$showMore&&e.$hasActionLink)return i`
-                margin-bottom: ${s["spacing-8"]};
-            `}}
-    ${e=>{const r="linear-gradient(to bottom, black 50%, transparent 100%)";if(!e.$showMore&&e.$maxCollapsedHeight)return`\n                max-height: ${e.$maxCollapsedHeight}px;\n\t\t\t\toverflow: hidden;\n                -webkit-mask-image: ${r};\n                mask-image: ${r};\n\t\t\t`}}
-`,b=r.div`
-    color: ${n.text};
-    ${e=>"small"===e.$sizeType?t({textSize:"body-sm"}):t({textSize:"body-md"})}
-`,f=r.button`
-    ${e=>"small"===e.$sizeType?i`
-                ${l["body-sm-semibold"]}
-            `:i`
-                ${l["body-md-semibold"]}
-            `}
-    display: flex;
-    align-items: center;
-    align-self: flex-start;
-    gap: ${s["spacing-4"]};
-    margin-top: ${s["spacing-8"]};
-    order: 2;
-    cursor: pointer;
-    user-select: none;
-    border: none;
-    background: transparent;
-    color: ${n["text-primary"]};
-`,h=r(e)`
-    transform: rotate(${e=>e.$expanded?180:0}deg);
-    transition: transform ${c["duration-350"]}
-        ${c["ease-standard"]};
-`;export{g as ActionLinkText,m as AlertIconWrapper,h as ChevronIcon,$ as ContentContainer,f as ShowMoreButton,b as TextWrapper,p as TextWrapperContainer,d as Wrapper};
-//# sourceMappingURL=alert.style.js.map

package/alert/alert.style.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"alert.style.js","sources":["../../src/alert/alert.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons\";\nimport styled, { css } from \"styled-components\";\n\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Typography } from \"../typography\";\nimport {\n V3_Border,\n V3_Colour,\n V3_Font,\n V3_Motion,\n V3_Spacing,\n} from \"../v3_theme\";\nimport type { AlertSizeType, AlertType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n $type: AlertType;\n $sizeType: AlertSizeType;\n}\nexport interface TextWrapperContainerStyleProps {\n $showMore: boolean;\n $hasActionLink: boolean;\n $maxCollapsedHeight?: number;\n}\n\nexport interface ShowMoreIconStyleProps {\n $expanded: boolean;\n}\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div<StyleProps>`\n padding: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n display: flex;\n\n ${(props) => {\n let backgroundColor: string;\n let borderColor: string;\n switch (props.$type) {\n case \"error\":\n backgroundColor = V3_Colour[\"bg-error\"](props);\n borderColor = V3_Colour[\"border-error\"](props);\n break;\n case \"success\":\n backgroundColor = V3_Colour[\"bg-success\"](props);\n borderColor = V3_Colour[\"border-success\"](props);\n break;\n case \"warning\":\n backgroundColor = V3_Colour[\"bg-warning\"](props);\n borderColor = V3_Colour[\"border-warning\"](props);\n break;\n case \"info\":\n backgroundColor = V3_Colour[\"bg-info\"](props);\n borderColor = V3_Colour[\"border-info\"](props);\n break;\n case \"description\":\n backgroundColor = V3_Colour[\"bg-strong\"](props);\n borderColor = V3_Colour[\"border-strong\"](props);\n break;\n default:\n backgroundColor = V3_Colour[\"bg-warning\"](props);\n borderColor = V3_Colour[\"border-warning\"](props);\n break;\n }\n\n return css`\n background: ${backgroundColor};\n border-left: ${V3_Border[\"width-020\"]} ${V3_Border[\"solid\"]}\n ${borderColor};\n `;\n }}\n`;\n\nexport const AlertIconWrapper = styled.div<StyleProps>`\n display: flex;\n align-items: center;\n height: 1lh;\n margin-right: ${V3_Spacing[\"spacing-8\"]};\n\n ${(props) => {\n let iconColor: string;\n const iconSize = props.$sizeType === \"small\" ? \"1.25rem\" : \"1.5rem\";\n switch (props.$type) {\n case \"error\":\n iconColor = V3_Colour[\"icon-error\"](props);\n break;\n case \"success\":\n iconColor = V3_Colour[\"icon-success\"](props);\n break;\n case \"warning\":\n iconColor = V3_Colour[\"icon-warning\"](props);\n break;\n case \"info\":\n iconColor = V3_Colour[\"icon-info\"](props);\n break;\n case \"description\":\n iconColor = V3_Colour[\"icon-subtle\"](props);\n break;\n default:\n iconColor = V3_Colour[\"icon-warning\"](props);\n break;\n }\n\n return css`\n svg {\n color: ${iconColor};\n width: ${iconSize};\n height: ${iconSize};\n }\n `;\n }}\n`;\n\nexport const ActionLinkText = styled(Typography.LinkSM)<StyleProps>`\n ${(props) => {\n if (props.$sizeType === \"small\")\n return css`\n ${V3_Font[\"body-sm-semibold\"]}\n margin-top: ${V3_Spacing[\"spacing-4\"]};\n `;\n else {\n return css`\n ${V3_Font[\"body-md-semibold\"]}\n margin-top: ${V3_Spacing[\"spacing-8\"]};\n `;\n }\n }}\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n svg {\n height: 1rem;\n width: 1rem;\n margin-left: ${V3_Spacing[\"spacing-4\"]};\n }\n`;\n\nexport const ContentContainer = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-wrap: anywhere;\n`;\n\nexport const TextWrapperContainer = styled.div<TextWrapperContainerStyleProps>`\n display: flex;\n flex-direction: column;\n flex: 1;\n order: 1;\n ${(props) => {\n if (props.$showMore && props.$hasActionLink)\n return css`\n margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n `;\n }}\n ${(props) => {\n const gradient =\n \"linear-gradient(to bottom, black 50%, transparent 100%)\";\n if (!props.$showMore && props.$maxCollapsedHeight)\n return `\n max-height: ${props.$maxCollapsedHeight}px;\n\t\t\t\toverflow: hidden;\n -webkit-mask-image: ${gradient};\n mask-image: ${gradient};\n\t\t\t`;\n }}\n`;\n\nexport const TextWrapper = styled.div<StyleProps>`\n color: ${V3_Colour.text};\n\n ${(props) => {\n if (props.$sizeType === \"small\") {\n return applyHtmlContentStyle({ textSize: \"body-sm\" });\n }\n return applyHtmlContentStyle({ textSize: \"body-md\" });\n }}\n`;\n\nexport const ShowMoreButton = styled.button<StyleProps>`\n ${(props) => {\n if (props.$sizeType === \"small\")\n return css`\n ${V3_Font[\"body-sm-semibold\"]}\n `;\n else {\n return css`\n ${V3_Font[\"body-md-semibold\"]}\n `;\n }\n }}\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n gap: ${V3_Spacing[\"spacing-4\"]};\n margin-top: ${V3_Spacing[\"spacing-8\"]};\n order: 2;\n\n cursor: pointer;\n user-select: none;\n border: none;\n background: transparent;\n\n color: ${V3_Colour[\"text-primary\"]};\n`;\n\nexport const ChevronIcon = styled(ChevronDownIcon)<ShowMoreIconStyleProps>`\n transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n transition: transform ${V3_Motion[\"duration-350\"]}\n ${V3_Motion[\"ease-standard\"]};\n`;\n"],"names":["Wrapper","styled","div","V3_Spacing","props","backgroundColor","borderColor","$type","V3_Colour","css","V3_Border","AlertIconWrapper","iconColor","iconSize","$sizeType","ActionLinkText","Typography","LinkSM","V3_Font","ContentContainer","TextWrapperContainer","$showMore","$hasActionLink","gradient","$maxCollapsedHeight","TextWrapper","text","applyHtmlContentStyle","textSize","ShowMoreButton","button","ChevronIcon","ChevronDownIcon","$expanded","V3_Motion"],"mappings":"gVAmCO,MAAMA,EAAUC,EAAOC,GAAe;eAC9BC,EAAW,gBAAgBA,EAAW;;;MAG9CC,IACC,IAAIC,EACAC,EACJ,OAAQF,EAAMG,OACV,IAAK,QACDF,EAAkBG,EAAU,YAAYJ,GACxCE,EAAcE,EAAU,gBAAgBJ,GACxC,MACJ,IAAK,UACDC,EAAkBG,EAAU,cAAcJ,GAC1CE,EAAcE,EAAU,kBAAkBJ,GAC1C,MACJ,IAAK,UAYL,QACIC,EAAkBG,EAAU,cAAcJ,GAC1CE,EAAcE,EAAU,kBAAkBJ,GAC1C,MAXJ,IAAK,OACDC,EAAkBG,EAAU,WAAWJ,GACvCE,EAAcE,EAAU,eAAeJ,GACvC,MACJ,IAAK,cACDC,EAAkBG,EAAU,aAAaJ,GACzCE,EAAcE,EAAU,iBAAiBJ,GAQjD,OAAOK,CAAG;0BACQJ;2BACCK,EAAU,gBAAgBA,EAAiB;kBACpDJ;SACT;EAIIK,EAAmBV,EAAOC,GAAe;;;;oBAIlCC,EAAW;;MAExBC,IACC,IAAIQ,EACJ,MAAMC,EAA+B,UAApBT,EAAMU,UAAwB,UAAY,SAC3D,OAAQV,EAAMG,OACV,IAAK,QACDK,EAAYJ,EAAU,cAAcJ,GACpC,MACJ,IAAK,UACDQ,EAAYJ,EAAU,gBAAgBJ,GACtC,MACJ,IAAK,UASL,QACIQ,EAAYJ,EAAU,gBAAgBJ,GACtC,MARJ,IAAK,OACDQ,EAAYJ,EAAU,aAAaJ,GACnC,MACJ,IAAK,cACDQ,EAAYJ,EAAU,eAAeJ,GAO7C,OAAOK,CAAG;;yBAEOG;yBACAC;0BACCA;;SAEjB;EAIIE,EAAiBd,EAAOe,EAAWC,OAAmB;MAC5Db,GACyB,UAApBA,EAAMU,UACCL,CAAG;kBACJS,EAAQ;8BACIf,EAAW;cAGtBM,CAAG;kBACJS,EAAQ;8BACIf,EAAW;;;;;;;;;uBAWlBA,EAAW;;EAIrBgB,EAAmBlB,EAAOC,GAAG;;;;;EAO7BkB,EAAuBnB,EAAOC,GAAmC;;;;;MAKvEE,IACC,GAAIA,EAAMiB,WAAajB,EAAMkB,eACzB,OAAOb,CAAG;iCACWN,EAAW;aAC/B;MAENC,IACC,MAAMmB,EACF,0DACJ,IAAKnB,EAAMiB,WAAajB,EAAMoB,oBAC1B,MAAO,iCACWpB,EAAMoB,0FAEED,mCACRA,YAC1B;EAISE,EAAcxB,EAAOC,GAAe;aACpCM,EAAUkB;;MAEhBtB,GACyB,UAApBA,EAAMU,UACCa,EAAsB,CAAEC,SAAU,YAEtCD,EAAsB,CAAEC,SAAU;EAIpCC,EAAiB5B,EAAO6B,MAAkB;MAChD1B,GACyB,UAApBA,EAAMU,UACCL,CAAG;kBACJS,EAAQ;cAGPT,CAAG;kBACJS,EAAQ;;;;;;WAQff,EAAW;kBACJA,EAAW;;;;;;;;aAQhBK,EAAU;EAGVuB,EAAc9B,EAAO+B,EAAwC;wBACjD5B,GAAWA,EAAM6B,UAAY,IAAM;4BAChCC,EAAU;UAC5BA,EAAU;"}

package/avatar/avatar.style.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import type { AvatarSize } from "./types";
-export interface AvatarDisplayProps {
-    $sizeType?: AvatarSize;
-}
-export declare const AvatarDisplay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarDisplayProps>> & string;
-export declare const AvatarBaselineText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const AvatarBodySmallText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;

package/avatar/avatar.style.js DELETED Viewed

@@ -1,20 +0,0 @@
-import r,{css as e}from"styled-components";import{Typography as t}from"../typography/index.js";import{V3_Colour as o}from"../v3_theme/index.js";const i=r.div`
-    border-radius: 50%;
-    background-color: ${o["bg-primary-subtler"]};
-    ${r=>"small"===r.$sizeType?e`
-                  width: 1.5rem;
-                  height: 1.5rem;
-              `:e`
-                  width: 2.5rem;
-                  height: 2.5rem;
-              `}
-    align-items: center;
-    justify-content: center;
-    display: flex;
-`,m=r(t.BodyBL)`
-    color: ${o["text-primary"]};
-`,d=r(t.BodySM)`
-    color: ${o["text-primary"]};
-`;export{m as AvatarBaselineText,d as AvatarBodySmallText,i as AvatarDisplay};
-//# sourceMappingURL=avatar.style.js.map

package/avatar/avatar.style.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"avatar.style.js","sources":["../../src/avatar/avatar.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_Colour } from \"../v3_theme\";\nimport type { AvatarSize } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\nexport interface AvatarDisplayProps {\n $sizeType?: AvatarSize;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const AvatarDisplay = styled.div<AvatarDisplayProps>`\n border-radius: 50%;\n background-color: ${V3_Colour[\"bg-primary-subtler\"]};\n ${(props) => {\n return props.$sizeType === \"small\"\n ? css`\n width: 1.5rem;\n height: 1.5rem;\n `\n : css`\n width: 2.5rem;\n height: 2.5rem;\n `;\n }}\n\n align-items: center;\n justify-content: center;\n display: flex;\n`;\n\nexport const AvatarBaselineText = styled(Typography.BodyBL)`\n color: ${V3_Colour[\"text-primary\"]};\n`;\n\nexport const AvatarBodySmallText = styled(Typography.BodySM)`\n color: ${V3_Colour[\"text-primary\"]};\n`;\n"],"names":["AvatarDisplay","styled","div","V3_Colour","props","$sizeType","css","AvatarBaselineText","Typography","BodyBL","AvatarBodySmallText","BodySM"],"mappings":"gJAgBO,MAAMA,EAAgBC,EAAOC,GAAuB;;wBAEnCC,EAAU;MAC3BC,GAC4B,UAApBA,EAAMC,UACPC,CAAG;;;gBAIHA,CAAG;;;;;;;;EAWJC,EAAqBN,EAAOO,EAAWC,OAAO;aAC9CN,EAAU;EAGVO,EAAsBT,EAAOO,EAAWG,OAAO;aAC/CR,EAAU;"}

package/badge/badge.style.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import type { BadgeProps } from "./types";
-interface StyledBadgeProps {
-    $variant: BadgeProps["variant"];
-    $color: BadgeProps["color"];
-}
-interface BadgeContainerProps {
-    $isOverlay?: boolean;
-}
-interface BadgeWrapperProps extends BadgeContainerProps {
-    $offset?: [string, string];
-}
-export declare const BadgeOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeContainerProps>> & string;
-export declare const BadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeWrapperProps>> & string;
-export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBadgeProps>> & string;
-export {};