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

package/v3_theme/index.js

@@ -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

@@ -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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"}
+{"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

@@ -1,5 +1,4 @@
 import type { ReactNode } from "react";
-import type { V2_ThemeSpec } from "../v2_theme/types";
 import type { V3_BorderSetOptions } from "./border/types";
 import type { V3_BreakpointSetOptions } from "./breakpoint/types";
 import type { V3_PrimitiveColourSetOptions } from "./colour-primitive/types";
@@ -21,17 +20,18 @@ 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";
+type V2_ThemeSpecLegacy = Record<string, unknown>;
 export interface V3_ThemeSpecOptions {
     primitiveColour?: V3_PrimitiveColourSetOptions | undefined;
     primitiveColourDark?: V3_PrimitiveColourSetOptions | undefined;
@@ -63,7 +63,7 @@ export interface V3_ThemeSpec {
     overrides?: V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
     /** @deprecated For backwards compatibility with V2 theme */
-    _v2?: V2_ThemeSpec;
+    _v2?: V2_ThemeSpecLegacy;
 }
 export interface V3_ThemeStyleProps {
     theme?: V3_ThemeSpec;

package/_virtual/react-responsive.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=react-responsive.js.map

package/_virtual/react-responsive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-responsive.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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 {};

package/badge/badge.style.js

@@ -1,57 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Font as t,V3_Colour as o,V3_Radius as i,V3_Border as n}from"../v3_theme/index.js";const d=e.div`
-    ${e=>e.$isOverlay&&r`
-            position: relative;
-            width: fit-content;
-            height: fit-content;
-        `}
-`,s=e.div`
-    ${e=>e.$isOverlay&&r`
-            position: absolute;
-            top: 0;
-            right: 0;
-            transform: translate(50%, -25%)
-                ${e.$offset?`translate(${e.$offset[0]},${e.$offset[1]})`:""};
-        `}
-`,a=r`
-    min-width: 1.25rem;
-    padding: 0.25rem 0.375rem;
-    font-size: ${t.Spec["body-size-xs"]};
-    font-weight: ${t.Spec["weight-bold"]};
-    line-height: 1;
-`,$=r`
-    border-radius: 50%;
-    width: 0.5rem;
-    height: 0.5rem;
-`,c=e.div`
-    background-color: ${({$color:e})=>"important"===e?o["icon-error"]:o["bg-primary"]};
-    color: ${o["text-inverse"]};
-    font-weight: ${t.Spec["weight-bold"]};
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: fit-content;
-    ${({$variant:e,$color:t})=>{switch(e){case"number":return r`
-                    ${a}
-                    border-radius: ${i.full};
-                `;case"number-with-border":return r`
-                    ${a}
-                    border-radius: ${i.full};
-                    box-shadow: 0 0 0 ${n["width-020"]}
-                        ${o.bg};
-                `;case"dot":return r`
-                    ${$}
-                `;case"dot-with-border":return r`
-                    ${$}
-                    box-shadow: 0 0 0  ${n["width-020"]} ${o.bg};
-                `;case"square-number":return r`
-                    ${a}
-                    border-radius: ${i.sm};
-                    padding: 0.25rem 0.4375rem;
-                    ${"default"===t&&r`
-                        background-color: ${o["bg-primary-subtler"]};
-                        color: ${o["text-primary"]};
-                    `}
-                `;default:return""}}};
-`;export{d as BadgeOverlay,s as BadgeWrapper,c as StyledBadge};
-//# sourceMappingURL=badge.style.js.map

package/badge/badge.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.style.js","sources":["../../src/badge/badge.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Border, V3_Colour, V3_Font, V3_Radius } from \"../v3_theme\";\nimport type { BadgeProps } 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 StyledBadgeProps {\n    $variant: BadgeProps[\"variant\"];\n    $color: BadgeProps[\"color\"];\n}\ninterface BadgeContainerProps {\n    $isOverlay?: boolean;\n}\ninterface BadgeWrapperProps extends BadgeContainerProps {\n    $offset?: [string, string];\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const BadgeOverlay = styled.div<BadgeContainerProps>`\n    ${(props) =>\n        props.$isOverlay &&\n        css`\n            position: relative;\n            width: fit-content;\n            height: fit-content;\n        `}\n`;\n\nexport const BadgeWrapper = styled.div<BadgeWrapperProps>`\n    ${(props) =>\n        props.$isOverlay &&\n        css`\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50%, -25%)\n                ${props.$offset\n                    ? `translate(${props.$offset[0]},${props.$offset[1]})`\n                    : \"\"};\n        `}\n`;\n\nconst numberBadgeStyles = css`\n    min-width: 1.25rem;\n    padding: 0.25rem 0.375rem;\n    font-size: ${V3_Font.Spec[\"body-size-xs\"]};\n    font-weight: ${V3_Font.Spec[\"weight-bold\"]};\n    line-height: 1;\n`;\n\nconst dotBadgeStyles = css`\n    border-radius: 50%;\n    width: 0.5rem;\n    height: 0.5rem;\n`;\n\nexport const StyledBadge = styled.div<StyledBadgeProps>`\n    background-color: ${({ $color }) =>\n        $color === \"important\"\n            ? V3_Colour[\"icon-error\"]\n            : V3_Colour[\"bg-primary\"]};\n    color: ${V3_Colour[\"text-inverse\"]};\n    font-weight: ${V3_Font.Spec[\"weight-bold\"]};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n    ${({ $variant, $color }) => {\n        switch ($variant) {\n            case \"number\":\n                return css`\n                    ${numberBadgeStyles}\n                    border-radius: ${V3_Radius.full};\n                `;\n\n            case \"number-with-border\":\n                return css`\n                    ${numberBadgeStyles}\n                    border-radius: ${V3_Radius.full};\n                    box-shadow: 0 0 0 ${V3_Border[\"width-020\"]}\n                        ${V3_Colour[\"bg\"]};\n                `;\n\n            case \"dot\":\n                return css`\n                    ${dotBadgeStyles}\n                `;\n\n            case \"dot-with-border\":\n                return css`\n                    ${dotBadgeStyles}\n                    box-shadow: 0 0 0  ${V3_Border[\"width-020\"]} ${V3_Colour[\n                        \"bg\"\n                    ]};\n                `;\n\n            case \"square-number\":\n                return css`\n                    ${numberBadgeStyles}\n                    border-radius: ${V3_Radius.sm};\n                    padding: 0.25rem 0.4375rem;\n                    ${$color === \"default\" &&\n                    css`\n                        background-color: ${V3_Colour[\"bg-primary-subtler\"]};\n                        color: ${V3_Colour[\"text-primary\"]};\n                    `}\n                `;\n\n            default:\n                return \"\";\n        }\n    }};\n`;\n"],"names":["BadgeOverlay","styled","div","props","$isOverlay","css","BadgeWrapper","$offset","numberBadgeStyles","V3_Font","Spec","dotBadgeStyles","StyledBadge","$color","V3_Colour","$variant","V3_Radius","full","V3_Border","sm"],"mappings":"uIAuBO,MAAMA,EAAeC,EAAOC,GAAwB;MACpDC,GACCA,EAAMC,YACNC,CAAG;;;;;EAOEC,EAAeL,EAAOC,GAAsB;MAClDC,GACCA,EAAMC,YACNC,CAAG;;;;;kBAKOF,EAAMI,QACF,aAAaJ,EAAMI,QAAQ,MAAMJ,EAAMI,QAAQ,MAC/C;;EAIhBC,EAAoBH,CAAG;;;iBAGZI,EAAQC,KAAK;mBACXD,EAAQC,KAAK;;EAI1BC,EAAiBN,CAAG;;;;EAMbO,EAAcX,EAAOC,GAAqB;wBAC/B,EAAGW,YACR,cAAXA,EACMC,EAAU,cACVA,EAAU;aACXA,EAAU;mBACJL,EAAQC,KAAK;;;;;;MAM1B,EAAGK,WAAUF,aACX,OAAQE,GACJ,IAAK,SACD,OAAOV,CAAG;sBACJG;qCACeQ,EAAUC;kBAGnC,IAAK,qBACD,OAAOZ,CAAG;sBACJG;qCACeQ,EAAUC;wCACPC,EAAU;0BACxBJ,EAAc;kBAG5B,IAAK,MACD,OAAOT,CAAG;sBACJM;kBAGV,IAAK,kBACD,OAAON,CAAG;sBACJM;yCACmBO,EAAU,gBAAgBJ,EACvC;kBAIhB,IAAK,gBACD,OAAOT,CAAG;sBACJG;qCACeQ,EAAUG;;sBAEd,YAAXN,GACFR,CAAG;4CACqBS,EAAU;iCACrBA,EAAU;;kBAI/B,QACI,MAAO;"}