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

package/cjs/v3_theme/motion/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/v3_theme/motion/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_MotionScheme } from \"../types\";\nimport { V3_DefaultMotionSet } from \"./specs/default-motion-set\";\nimport type { V3_MotionCollectionsMap, V3_MotionSet } from \"./types\";\n\nconst V3_MotionSpec: V3_ThemeCollectionSpec<\n    V3_MotionCollectionsMap,\n    V3_MotionScheme\n> = {\n    collections: {\n        default: V3_DefaultMotionSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getMotion = (key: keyof V3_MotionSet) => {\n    return (props: V3_StyledComponentProps): string => {\n        const theme = props.theme;\n        const motionSet: V3_MotionSet = getCollection(\n            V3_MotionSpec,\n            theme?.motionScheme\n        );\n\n        if (theme?.overrides?.motion) {\n            return getValue(motionSet, key, theme.overrides.motion);\n        } else {\n            return motionSet[key];\n        }\n    };\n};\n\nexport const V3_MotionValues: {\n    [key in keyof V3_MotionSet]: (props: V3_StyledComponentProps) => string;\n} = {\n    \"duration-150\": getMotion(\"duration-150\"),\n    \"duration-250\": getMotion(\"duration-250\"),\n    \"duration-350\": getMotion(\"duration-350\"),\n    \"duration-500\": getMotion(\"duration-500\"),\n    \"duration-800\": getMotion(\"duration-800\"),\n    \"duration-1000\": getMotion(\"duration-1000\"),\n\n    \"ease-default\": getMotion(\"ease-default\"),\n    \"ease-standard\": getMotion(\"ease-standard\"),\n    \"ease-entrance\": getMotion(\"ease-entrance\"),\n    \"ease-exit\": getMotion(\"ease-exit\"),\n};\n"],"names":["V3_MotionSpec","collections","default","V3_DefaultMotionSet","defaultValue","getMotion","key","props","theme","motionSet","getCollection","motionScheme","_a","overrides","motion","getValue","V3_MotionValues"],"mappings":"4CAOA,MAAMA,EAGF,CACAC,YAAa,CACTC,iDAASC,qBAEbC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA0BC,EAAAA,cAC5BV,EACAQ,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACXC,EAAAA,SAASN,EAAWH,EAAKE,EAAMK,UAAUC,QAEzCL,EAAUH,EACrB,EAIKU,EAET,CACA,eAAgBX,EAAU,gBAC1B,eAAgBA,EAAU,gBAC1B,eAAgBA,EAAU,gBAC1B,eAAgBA,EAAU,gBAC1B,eAAgBA,EAAU,gBAC1B,gBAAiBA,EAAU,iBAE3B,eAAgBA,EAAU,gBAC1B,gBAAiBA,EAAU,iBAC3B,gBAAiBA,EAAU,iBAC3B,YAAaA,EAAU"}

package/cjs/v3_theme/radius/specs/default-radius-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.V3_DefaultRadiusSet={none:0,xs:2,sm:4,md:8,lg:12,full:9999};
-//# sourceMappingURL=default-radius-set.js.map

package/cjs/v3_theme/radius/specs/default-radius-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-radius-set.js","sources":["../../../../../src/v3_theme/radius/specs/default-radius-set.ts"],"sourcesContent":["import type { V3_RadiusSet } from \"../types\";\n\nexport const V3_DefaultRadiusSet: V3_RadiusSet = {\n    none: 0,\n    xs: 2,\n    sm: 4,\n    md: 8,\n    lg: 12,\n    full: 9999,\n};\n"],"names":["none","xs","sm","md","lg","full"],"mappings":"yCAEiD,CAC7CA,KAAM,EACNC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GACJC,KAAM"}

package/cjs/v3_theme/radius/specs/spf-radius-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.V3_SPFRadiusSet={none:0,xs:2,sm:8,md:8,lg:12,full:9999};
-//# sourceMappingURL=spf-radius-set.js.map

package/cjs/v3_theme/radius/specs/spf-radius-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spf-radius-set.js","sources":["../../../../../src/v3_theme/radius/specs/spf-radius-set.ts"],"sourcesContent":["import type { V3_RadiusSet } from \"../types\";\n\nexport const V3_SPFRadiusSet: V3_RadiusSet = {\n    none: 0,\n    xs: 2,\n    sm: 8,\n    md: 8,\n    lg: 12,\n    full: 9999,\n};\n"],"names":["none","xs","sm","md","lg","full"],"mappings":"qCAE6C,CACzCA,KAAM,EACNC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GACJC,KAAM"}

package/cjs/v3_theme/radius/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../helpers.js"),s=require("./specs/default-radius-set.js"),u=require("./specs/spf-radius-set.js");const l={collections:{default:s.V3_DefaultRadiusSet,spf:u.V3_SPFRadiusSet},defaultValue:"default"},r=s=>u=>{var r;const t=u.theme,d=e.getCollection(l,null==t?void 0:t.radiusScheme);return(null===(r=null==t?void 0:t.overrides)||void 0===r?void 0:r.radius)?`${e.getValue(d,s,t.overrides.radius)}px`:`${d[s]}px`},t={none:r("none"),xs:r("xs"),sm:r("sm"),md:r("md"),lg:r("lg"),full:r("full")};exports.V3_RadiusValues=t,exports.getRadius=r;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/v3_theme/radius/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/v3_theme/radius/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_RadiusScheme } from \"../types\";\nimport { V3_DefaultRadiusSet } from \"./specs/default-radius-set\";\nimport { V3_SPFRadiusSet } from \"./specs/spf-radius-set\";\nimport type { V3_RadiusCollectionsMap, V3_RadiusSet } from \"./types\";\n\nconst V3_RadiusSpec: V3_ThemeCollectionSpec<\n    V3_RadiusCollectionsMap,\n    V3_RadiusScheme\n> = {\n    collections: {\n        default: V3_DefaultRadiusSet,\n        spf: V3_SPFRadiusSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getRadius = (key: keyof V3_RadiusSet) => {\n    return (props: V3_StyledComponentProps): string => {\n        const theme = props.theme;\n        const radiusSet: V3_RadiusSet = getCollection(\n            V3_RadiusSpec,\n            theme?.radiusScheme\n        );\n\n        if (theme?.overrides?.radius) {\n            return `${getValue(radiusSet, key, theme.overrides.radius)}px`;\n        } else {\n            return `${radiusSet[key]}px`;\n        }\n    };\n};\n\nexport const V3_RadiusValues: {\n    [key in keyof V3_RadiusSet]: (props: V3_StyledComponentProps) => string;\n} = {\n    none: getRadius(\"none\"),\n    xs: getRadius(\"xs\"),\n    sm: getRadius(\"sm\"),\n    md: getRadius(\"md\"),\n    lg: getRadius(\"lg\"),\n    full: getRadius(\"full\"),\n};\n"],"names":["V3_RadiusSpec","collections","default","V3_DefaultRadiusSet","spf","V3_SPFRadiusSet","defaultValue","getRadius","key","props","theme","radiusSet","getCollection","radiusScheme","_a","overrides","radius","getValue","V3_RadiusValues","none","xs","sm","md","lg","full"],"mappings":"8HAQA,MAAMA,EAGF,CACAC,YAAa,CACTC,QAASC,EAAAA,oBACTC,IAAKC,EAAAA,iBAETC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA0BC,EAAAA,cAC5BZ,EACAU,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACX,GAAGC,EAAAA,SAASN,EAAWH,EAAKE,EAAMK,UAAUC,YAE5C,GAAGL,EAAUH,MACxB,EAIKU,EAET,CACAC,KAAMZ,EAAU,QAChBa,GAAIb,EAAU,MACdc,GAAId,EAAU,MACde,GAAIf,EAAU,MACdgB,GAAIhB,EAAU,MACdiB,KAAMjB,EAAU"}

package/cjs/v3_theme/shadow/specs/default-shadow-set.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("../../colour-primitive/theme-helper.js"),e=require("../../colour-semantic/theme-helper.js");const t=(t,x,p)=>s=>{const o=e.getSemanticColour(x)(s)||r.getPrimitiveColour(x)(s);return`${t} rgba(from ${o} r g b / ${100*p}%)`},x={"xs-subtle":t("0 0 4px 1px","neutral-50",.24),"xs-strong":t("0 0 4px 1px","neutral-50",.5),"xs-focus-strong":t("0 0 4px 1px","border-focus",.5),"xs-error-strong":t("0 0 4px 1px","border-error",.5),"sm-subtle":t("0 2px 4px 0","neutral-50",.24),"sm-strong":t("0 2px 4px 0","neutral-50",.5),"md-subtle":t("0 2px 8px 0","neutral-50",.24),"md-strong":t("0 2px 8px 0","neutral-50",.5),"lg-subtle":t("0 2px 12px 1px","neutral-50",.24),"lg-strong":t("0 2px 12px 1px","neutral-50",.5)};exports.V3_DefaultShadowSet=x;
-//# sourceMappingURL=default-shadow-set.js.map

package/cjs/v3_theme/shadow/specs/default-shadow-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-shadow-set.js","sources":["../../../../../src/v3_theme/shadow/specs/default-shadow-set.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { getSemanticColour } from \"../../colour-semantic/theme-helper\";\nimport type { V3_StyledComponentProps } from \"../../helpers\";\nimport type { V3_PrimitiveColourSet, V3_SemanticColourSet } from \"../../types\";\nimport type { V3_ShadowSet } from \"../types\";\n\nconst createShadow =\n    (\n        shadowDef: string,\n        colourKey: keyof V3_PrimitiveColourSet | keyof V3_SemanticColourSet,\n        alpha: number\n    ) =>\n    (props: V3_StyledComponentProps) => {\n        const color =\n            getSemanticColour(colourKey as keyof V3_SemanticColourSet)(props) ||\n            getPrimitiveColour(colourKey as keyof V3_PrimitiveColourSet)(props);\n        return `${shadowDef} rgba(from ${color} r g b / ${alpha * 100}%)`;\n    };\n\nexport const V3_DefaultShadowSet: V3_ShadowSet = {\n    \"xs-subtle\": createShadow(\"0 0 4px 1px\", \"neutral-50\", 0.24),\n    \"xs-strong\": createShadow(\"0 0 4px 1px\", \"neutral-50\", 0.5),\n    \"xs-focus-strong\": createShadow(\"0 0 4px 1px\", \"border-focus\", 0.5),\n    \"xs-error-strong\": createShadow(\"0 0 4px 1px\", \"border-error\", 0.5),\n    \"sm-subtle\": createShadow(\"0 2px 4px 0\", \"neutral-50\", 0.24),\n    \"sm-strong\": createShadow(\"0 2px 4px 0\", \"neutral-50\", 0.5),\n    \"md-subtle\": createShadow(\"0 2px 8px 0\", \"neutral-50\", 0.24),\n    \"md-strong\": createShadow(\"0 2px 8px 0\", \"neutral-50\", 0.5),\n    \"lg-subtle\": createShadow(\"0 2px 12px 1px\", \"neutral-50\", 0.24),\n    \"lg-strong\": createShadow(\"0 2px 12px 1px\", \"neutral-50\", 0.5),\n};\n"],"names":["createShadow","shadowDef","colourKey","alpha","props","color","getSemanticColour","getPrimitiveColour","V3_DefaultShadowSet"],"mappings":"wHAMA,MAAMA,EACF,CACIC,EACAC,EACAC,IAEHC,IACG,MAAMC,EACFC,EAAAA,kBAAkBJ,EAAlBI,CAA2DF,IAC3DG,qBAAmBL,EAAnBK,CAA6DH,GACjE,MAAO,GAAGH,eAAuBI,aAAyB,IAARF,KAAe,EAG5DK,EAAoC,CAC7C,YAAaR,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,kBAAmBA,EAAa,cAAe,eAAgB,IAC/D,kBAAmBA,EAAa,cAAe,eAAgB,IAC/D,YAAaA,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,YAAaA,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,YAAaA,EAAa,iBAAkB,aAAc,KAC1D,YAAaA,EAAa,iBAAkB,aAAc"}

package/cjs/v3_theme/shadow/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var s=require("../helpers.js");const e={collections:{default:require("./specs/default-shadow-set.js").V3_DefaultShadowSet},defaultValue:"default"},t=t=>o=>{var r;const l=o.theme,u=s.getCollection(e,null==l?void 0:l.shadowScheme),n=(null===(r=null==l?void 0:l.overrides)||void 0===r?void 0:r.shadow)?s.getValue(u,t,l.overrides.shadow):u[t];return"function"==typeof n?n(o):n},o={"xs-subtle":t("xs-subtle"),"xs-strong":t("xs-strong"),"xs-focus-strong":t("xs-focus-strong"),"xs-error-strong":t("xs-error-strong"),"sm-subtle":t("sm-subtle"),"sm-strong":t("sm-strong"),"md-subtle":t("md-subtle"),"md-strong":t("md-strong"),"lg-subtle":t("lg-subtle"),"lg-strong":t("lg-strong")};exports.V3_ShadowValues=o,exports.getShadow=t;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/v3_theme/shadow/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/v3_theme/shadow/theme-helper.ts"],"sourcesContent":["import type { CSSProp } from \"styled-components\";\n\nimport type { V3_StyledComponentProps } from \"../helpers\";\nimport { getCollection, getValue } from \"../helpers\";\nimport type { V3_ThemeCollectionSpec } from \"../internal-types\";\nimport type { V3_ShadowScheme } from \"../types\";\nimport { V3_DefaultShadowSet } from \"./specs/default-shadow-set\";\nimport type { V3_ShadowCollectionsMap, V3_ShadowSet } from \"./types\";\n\nconst V3_ShadowSpec: V3_ThemeCollectionSpec<\n    V3_ShadowCollectionsMap,\n    V3_ShadowScheme\n> = {\n    collections: {\n        default: V3_DefaultShadowSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getShadow = (key: keyof V3_ShadowSet) => {\n    return (props: V3_StyledComponentProps): CSSProp => {\n        const theme = props.theme;\n        const shadowSet: V3_ShadowSet = getCollection(\n            V3_ShadowSpec,\n            theme?.shadowScheme\n        );\n\n        const shadowValue = theme?.overrides?.shadow\n            ? getValue(shadowSet, key, theme.overrides.shadow)\n            : shadowSet[key];\n\n        // If function, resolve with props\n        if (typeof shadowValue === \"function\") {\n            return shadowValue(props);\n        }\n\n        return shadowValue;\n    };\n};\n\nexport const V3_ShadowValues: {\n    [key in keyof V3_ShadowSet]: (props: V3_StyledComponentProps) => CSSProp;\n} = {\n    \"xs-subtle\": getShadow(\"xs-subtle\"),\n    \"xs-strong\": getShadow(\"xs-strong\"),\n    \"xs-focus-strong\": getShadow(\"xs-focus-strong\"),\n    \"xs-error-strong\": getShadow(\"xs-error-strong\"),\n    \"sm-subtle\": getShadow(\"sm-subtle\"),\n    \"sm-strong\": getShadow(\"sm-strong\"),\n    \"md-subtle\": getShadow(\"md-subtle\"),\n    \"md-strong\": getShadow(\"md-strong\"),\n    \"lg-subtle\": getShadow(\"lg-subtle\"),\n    \"lg-strong\": getShadow(\"lg-strong\"),\n};\n"],"names":["V3_ShadowSpec","collections","default","V3_DefaultShadowSet","defaultValue","getShadow","key","props","theme","shadowSet","getCollection","shadowScheme","shadowValue","_a","overrides","shadow","getValue","V3_ShadowValues"],"mappings":"4CASA,MAAMA,EAGF,CACAC,YAAa,CACTC,iDAASC,qBAEbC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA0BC,EAAAA,cAC5BV,EACAQ,aAAK,EAALA,EAAOG,cAGLC,GAA8B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAChCC,EAAAA,SAASP,EAAWH,EAAKE,EAAMM,UAAUC,QACzCN,EAAUH,GAGhB,MAA2B,mBAAhBM,EACAA,EAAYL,GAGhBK,CAAW,EAIbK,EAET,CACA,YAAaZ,EAAU,aACvB,YAAaA,EAAU,aACvB,kBAAmBA,EAAU,mBAC7B,kBAAmBA,EAAU,mBAC7B,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU"}

package/cjs/v3_theme/spacing/specs/default-spacing-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.V3_DefaultSpacingSet={"spacing-0":0,"spacing-4":4,"spacing-8":8,"spacing-12":12,"spacing-16":16,"spacing-20":20,"spacing-24":24,"spacing-32":32,"spacing-40":40,"spacing-48":48,"spacing-64":64,"spacing-72":72,"layout-xs":8,"layout-sm":16,"layout-md":24,"layout-lg":32,"layout-xl":48,"layout-xxl":64,"layout-xxxl":128};
-//# sourceMappingURL=default-spacing-set.js.map

package/cjs/v3_theme/spacing/specs/default-spacing-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-spacing-set.js","sources":["../../../../../src/v3_theme/spacing/specs/default-spacing-set.ts"],"sourcesContent":["import type { V3_SpacingSet } from \"../types\";\n\nexport const V3_DefaultSpacingSet: V3_SpacingSet = {\n    \"spacing-0\": 0,\n    \"spacing-4\": 4,\n    \"spacing-8\": 8,\n    \"spacing-12\": 12,\n    \"spacing-16\": 16,\n    \"spacing-20\": 20,\n    \"spacing-24\": 24,\n    \"spacing-32\": 32,\n    \"spacing-40\": 40,\n    \"spacing-48\": 48,\n    \"spacing-64\": 64,\n    \"spacing-72\": 72,\n\n    \"layout-xs\": 8,\n    \"layout-sm\": 16,\n    \"layout-md\": 24,\n    \"layout-lg\": 32,\n    \"layout-xl\": 48,\n    \"layout-xxl\": 64,\n    \"layout-xxxl\": 128,\n};\n"],"names":[],"mappings":"0CAEmD,CAC/C,YAAa,EACb,YAAa,EACb,YAAa,EACb,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GAEd,YAAa,EACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,aAAc,GACd,cAAe"}

package/cjs/v3_theme/spacing/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var a=require("../helpers.js");const s={collections:{default:require("./specs/default-spacing-set.js").V3_DefaultSpacingSet},defaultValue:"default"},i=i=>l=>{var c;const n=l.theme,p=a.getCollection(s,null==n?void 0:n.spacingScheme);return(null===(c=null==n?void 0:n.overrides)||void 0===c?void 0:c.spacing)?`${a.getValue(p,i,n.overrides.spacing)}px`:`${p[i]}px`},l={"spacing-0":i("spacing-0"),"spacing-4":i("spacing-4"),"spacing-8":i("spacing-8"),"spacing-12":i("spacing-12"),"spacing-16":i("spacing-16"),"spacing-20":i("spacing-20"),"spacing-24":i("spacing-24"),"spacing-32":i("spacing-32"),"spacing-40":i("spacing-40"),"spacing-48":i("spacing-48"),"spacing-64":i("spacing-64"),"spacing-72":i("spacing-72"),"layout-xs":i("layout-xs"),"layout-sm":i("layout-sm"),"layout-md":i("layout-md"),"layout-lg":i("layout-lg"),"layout-xl":i("layout-xl"),"layout-xxl":i("layout-xxl"),"layout-xxxl":i("layout-xxxl")};exports.V3_SpacingValues=l,exports.getSpace=i;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/v3_theme/spacing/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/v3_theme/spacing/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_SpacingScheme } from \"../types\";\nimport { V3_DefaultSpacingSet } from \"./specs/default-spacing-set\";\nimport type { V3_SpacingCollectionsMap, V3_SpacingSet } from \"./types\";\n\nconst V3_SpacingSpec: V3_ThemeCollectionSpec<\n    V3_SpacingCollectionsMap,\n    V3_SpacingScheme\n> = {\n    collections: {\n        default: V3_DefaultSpacingSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getSpace = (key: keyof V3_SpacingSet) => {\n    return (props: V3_StyledComponentProps): string => {\n        const theme = props.theme;\n        const spacingSet: V3_SpacingSet = getCollection(\n            V3_SpacingSpec,\n            theme?.spacingScheme\n        );\n\n        if (theme?.overrides?.spacing) {\n            return `${getValue(spacingSet, key, theme.overrides.spacing)}px`;\n        } else {\n            return `${spacingSet[key]}px`;\n        }\n    };\n};\n\nexport const V3_SpacingValues: {\n    [key in keyof V3_SpacingSet]: (props: V3_StyledComponentProps) => string;\n} = {\n    \"spacing-0\": getSpace(\"spacing-0\"),\n    \"spacing-4\": getSpace(\"spacing-4\"),\n    \"spacing-8\": getSpace(\"spacing-8\"),\n    \"spacing-12\": getSpace(\"spacing-12\"),\n    \"spacing-16\": getSpace(\"spacing-16\"),\n    \"spacing-20\": getSpace(\"spacing-20\"),\n    \"spacing-24\": getSpace(\"spacing-24\"),\n    \"spacing-32\": getSpace(\"spacing-32\"),\n    \"spacing-40\": getSpace(\"spacing-40\"),\n    \"spacing-48\": getSpace(\"spacing-48\"),\n    \"spacing-64\": getSpace(\"spacing-64\"),\n    \"spacing-72\": getSpace(\"spacing-72\"),\n\n    \"layout-xs\": getSpace(\"layout-xs\"),\n    \"layout-sm\": getSpace(\"layout-sm\"),\n    \"layout-md\": getSpace(\"layout-md\"),\n    \"layout-lg\": getSpace(\"layout-lg\"),\n    \"layout-xl\": getSpace(\"layout-xl\"),\n    \"layout-xxl\": getSpace(\"layout-xxl\"),\n    \"layout-xxxl\": getSpace(\"layout-xxxl\"),\n};\n"],"names":["V3_SpacingSpec","collections","default","V3_DefaultSpacingSet","defaultValue","getSpace","key","props","theme","spacingSet","getCollection","spacingScheme","_a","overrides","spacing","getValue","V3_SpacingValues"],"mappings":"4CAOA,MAAMA,EAGF,CACAC,YAAa,CACTC,kDAASC,sBAEbC,aAAc,WAGLC,EAAYC,GACbC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA4BC,EAAAA,cAC9BV,EACAQ,aAAK,EAALA,EAAOG,eAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SACX,GAAGC,EAAAA,SAASN,EAAYH,EAAKE,EAAMK,UAAUC,aAE7C,GAAGL,EAAWH,MACzB,EAIKU,EAET,CACA,YAAaX,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cAEvB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,aAAcA,EAAS,cACvB,cAAeA,EAAS"}

package/cjs/v3_theme/use-theme-mode.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),o=require("styled-components");exports.createThemeWithColourMode=(e,o)=>Object.assign(Object.assign({},e),{colourMode:o}),exports.getSystemColourMode=()=>"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",exports.useDSTheme=()=>{const t=e.useContext(o.ThemeContext);return t?{colourMode:t.colourMode||"light",theme:t}:(console.warn("useDSTheme must be used within a DSThemeProvider or ThemeProvider"),{colourMode:"light",theme:null})};
-//# sourceMappingURL=use-theme-mode.js.map

package/cjs/v3_theme/use-theme-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-theme-mode.js","sources":["../../../src/v3_theme/use-theme-mode.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport type { V3_ColourMode, V3_DSTheme, V3_ThemeSpec } from \"./types\";\n\n// Hook to access the current theme mode and theme object\nexport const useDSTheme = (): V3_DSTheme => {\n    const theme = useContext(ThemeContext) as V3_ThemeSpec;\n\n    if (!theme) {\n        console.warn(\n            \"useDSTheme must be used within a DSThemeProvider or ThemeProvider\"\n        );\n        return {\n            colourMode: \"light\",\n            theme: null,\n        };\n    }\n\n    return {\n        colourMode: theme.colourMode || \"light\",\n        theme,\n    };\n};\n\n// =============================================================================\n// THEME UTILITIES\n// =============================================================================\n\n// Utility function to detect system color scheme preference\nexport const getSystemColourMode = (): V3_ColourMode => {\n    if (typeof window !== \"undefined\" && window.matchMedia) {\n        return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n            ? \"dark\"\n            : \"light\";\n    }\n    return \"light\";\n};\n\n// Utility function to create a theme with a specific color mode\nexport const createThemeWithColourMode = (\n    baseTheme: V3_ThemeSpec,\n    colourMode: V3_ColourMode\n): V3_ThemeSpec => ({\n    ...baseTheme,\n    colourMode,\n});\n"],"names":["baseTheme","colourMode","Object","assign","window","matchMedia","matches","theme","useContext","ThemeContext","console","warn"],"mappings":"qGAwCyC,CACrCA,EACAC,IACeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZH,GAAS,CACZC,2CAf+B,IACT,oBAAXG,QAA0BA,OAAOC,YACjCD,OAAOC,WAAW,gCAAgCC,QACnD,OAGH,2BA9Be,KACtB,MAAMC,EAAQC,EAAAA,WAAWC,gBAEzB,OAAKF,EAUE,CACHN,WAAYM,EAAMN,YAAc,QAChCM,UAXAG,QAAQC,KACJ,qEAEG,CACHV,WAAY,QACZM,MAAO,MAOd"}

package/codemods/common.ts

@@ -1,8 +0,0 @@
-export enum Theme {
-    LifeSG = "lifesg",
-    BookingSG = "bookingsg",
-    MyLegacy = "mylegacy",
-    CCube = "ccube",
-    RBS = "rbs",
-    OneService = "oneservice",
-}

package/codemods/data.ts

@@ -1,16 +0,0 @@
-export const sizePropMapping = {
-    D1: "heading-xxl",
-    D2: "heading-xl",
-    D3: "heading-md",
-    D4: "heading-sm",
-    H1: "heading-lg",
-    H2: "heading-md",
-    H3: "heading-sm",
-    H4: "heading-xs",
-    H5: "body-md",
-    H6: "body-sm",
-    DBody: "heading-sm",
-    Body: "body-baseline",
-    BodySmall: "body-md",
-    XSmall: "body-xs",
-};

package/codemods/deprecate-v2-tokens/data.ts

@@ -1,283 +0,0 @@
-export const componentMap = [
-    {
-        oldName: "DesignToken",
-        newName: "V2_DesignToken",
-    },
-    {
-        oldName: "DesignTokenSet",
-        newName: "V2_DesignTokenSet",
-    },
-    {
-        oldName: "DesignTokenSetOptions",
-        newName: "V2_DesignTokenSetOptions",
-    },
-    {
-        oldName: "MediaQuery",
-        newName: "V2_MediaQuery",
-    },
-    {
-        oldName: "MediaWidths",
-        newName: "V2_MediaWidths",
-    },
-    {
-        oldName: "MediaWidth",
-        newName: "V2_MediaWidth",
-    },
-    {
-        oldName: "MediaType",
-        newName: "V2_MediaType",
-    },
-    {
-        oldName: "Color",
-        newName: "V2_Color",
-    },
-    {
-        oldName: "ColorSet",
-        newName: "V2_ColorSet",
-    },
-    {
-        oldName: "ValidationElementAttributes",
-        newName: "V2_ValidationElementAttributes",
-    },
-    {
-        oldName: "ValidationTypes",
-        newName: "V2_ValidationTypes",
-    },
-    {
-        oldName: "ColorSetOptions",
-        newName: "V2_ColorSetOptions",
-    },
-    {
-        oldName: "Text",
-        newName: "V2_Text",
-    },
-    {
-        oldName: "TextStyleHelper",
-        newName: "V2_TextStyleHelper",
-    },
-    {
-        oldName: "TextStyle",
-        newName: "V2_TextStyle",
-    },
-    {
-        oldName: "TextSizeType",
-        newName: "V2_TextSizeType",
-    },
-    {
-        oldName: "TextLinkSizeType",
-        newName: "V2_TextLinkSizeType",
-    },
-    {
-        oldName: "TextStyleSpec",
-        newName: "V2_TextStyleSpec",
-    },
-    {
-        oldName: "TextStyleSetType",
-        newName: "V2_TextStyleSetType",
-    },
-    {
-        oldName: "TextStyleSetOptionsType",
-        newName: "V2_TextStyleSetOptionsType",
-    },
-    {
-        oldName: "TextWeight",
-        newName: "V2_TextWeight",
-    },
-    {
-        oldName: "TextProps",
-        newName: "V2_TextProps",
-    },
-    {
-        oldName: "TextLinkProps",
-        newName: "V2_TextLinkProps",
-    },
-    {
-        oldName: "TextLinkStyleProps",
-        newName: "V2_TextLinkStyleProps",
-    },
-    {
-        oldName: "Layout",
-        newName: "V2_Layout",
-    },
-    {
-        oldName: "ColDiv",
-        newName: "V2_ColDiv",
-    },
-    {
-        oldName: "Container",
-        newName: "V2_Container",
-    },
-    {
-        oldName: "Content",
-        newName: "V2_Content",
-    },
-    {
-        oldName: "Section",
-        newName: "V2_Section",
-    },
-    {
-        oldName: "CommonLayoutProps",
-        newName: "V2_CommonLayoutProps",
-    },
-    {
-        oldName: "SectionProps",
-        newName: "V2_SectionProps",
-    },
-    {
-        oldName: "ContainerType",
-        newName: "V2_ContainerType",
-    },
-    {
-        oldName: "ContainerProps",
-        newName: "V2_ContainerProps",
-    },
-    {
-        oldName: "ContentProps",
-        newName: "V2_ContentProps",
-    },
-    {
-        oldName: "DivRef",
-        newName: "V2_DivRef",
-    },
-    {
-        oldName: "ColProps",
-        newName: "V2_ColProps",
-    },
-    {
-        oldName: "ColDivProps",
-        newName: "V2_ColDivProps",
-    },
-    {
-        oldName: "TextList",
-        newName: "V2_TextList",
-    },
-    {
-        oldName: "OrderedListProps",
-        newName: "V2_OrderedListProps",
-    },
-    {
-        oldName: "UnorderedListProps",
-        newName: "V2_UnorderedListProps",
-    },
-    {
-        oldName: "CounterType",
-        newName: "V2_CounterType",
-    },
-    {
-        oldName: "BulletType",
-        newName: "V2_BulletType",
-    },
-    {
-        oldName: "Transition",
-        newName: "V2_Transition",
-    },
-    // Added theme name mappings
-    {
-        oldName: "BaseTheme",
-        newName: "V2_BaseTheme",
-    },
-    {
-        oldName: "BookingSGTheme",
-        newName: "V2_BookingSGTheme",
-    },
-    {
-        oldName: "RBSTheme",
-        newName: "V2_RBSTheme",
-    },
-    {
-        oldName: "MyLegacyTheme",
-        newName: "V2_MyLegacyTheme",
-    },
-    {
-        oldName: "CCubeTheme",
-        newName: "V2_CCubeTheme",
-    },
-    {
-        oldName: "OneServiceTheme",
-        newName: "V2_OneServiceTheme",
-    },
-    // Added type name mappings
-    {
-        oldName: "ThemeSpec",
-        newName: "V2_ThemeSpec",
-    },
-    {
-        oldName: "ThemeSpecOptions",
-        newName: "V2_ThemeSpecOptions",
-    },
-    {
-        oldName: "ThemeCollectionSpec",
-        newName: "V2_ThemeCollectionSpec",
-    },
-    {
-        oldName: "ColorScheme",
-        newName: "V2_ColorScheme",
-    },
-    {
-        oldName: "TextStyleScheme",
-        newName: "V2_TextStyleScheme",
-    },
-    {
-        oldName: "DesignTokenScheme",
-        newName: "V2_DesignTokenScheme",
-    },
-    {
-        oldName: "ResourceScheme",
-        newName: "V2_ResourceScheme",
-    },
-    {
-        oldName: "ColorCollectionsMap",
-        newName: "V2_ColorCollectionsMap",
-    },
-    {
-        oldName: "FontStyleCollectionsMap",
-        newName: "V2_FontStyleCollectionsMap",
-    },
-    {
-        oldName: "DesignTokenCollectionsMap",
-        newName: "V2_DesignTokenCollectionsMap",
-    },
-    {
-        oldName: "ThemeContextKeys",
-        newName: "V2_ThemeContextKeys",
-    },
-    {
-        oldName: "ThemeLayout",
-        newName: "V2_ThemeLayout",
-    },
-];
-
-export const pathMap = [
-    {
-        oldPath: "design-token",
-        newPath: "v2_design-token",
-    },
-    {
-        oldPath: "color",
-        newPath: "v2_color",
-    },
-    {
-        oldPath: "media",
-        newPath: "v2_media",
-    },
-    {
-        oldPath: "text",
-        newPath: "v2_text",
-    },
-    {
-        oldPath: "layout",
-        newPath: "v2_layout",
-    },
-    {
-        oldPath: "text-list",
-        newPath: "v2_text-list",
-    },
-    {
-        oldPath: "theme",
-        newPath: "v2_theme",
-    },
-    {
-        oldPath: "transition",
-        newPath: "v2_transition",
-    },
-];

package/codemods/deprecate-v2-tokens/index.ts

@@ -1,89 +0,0 @@
-import type { API, FileInfo, JSCodeshift } from "jscodeshift";
-
-import { componentMap, pathMap } from "./data";
-
-export default function transformer(file: FileInfo, api: API) {
-    const j: JSCodeshift = api.jscodeshift;
-    const source = j(file.source);
-
-    const componentsToChange = new Set();
-
-    // change import declarations and check which components to change
-    source.find(j.ImportDeclaration).forEach((path) => {
-        const importPath = path.node.source.value;
-
-        // check if importPath starts with @lifesg/
-        const isPathLib =
-            typeof importPath === "string" && importPath.startsWith("@lifesg/");
-
-        if (isPathLib) {
-            componentMap.forEach(({ oldName, newName }) => {
-                let importChanged = false;
-
-                // change specifiers
-                if (path.node.specifiers) {
-                    path.node.specifiers.forEach((specifier) => {
-                        if (
-                            specifier.type === "ImportSpecifier" &&
-                            specifier.imported.name === oldName
-                        ) {
-                            specifier.imported.name = newName;
-                            if (
-                                specifier.local &&
-                                specifier.local.name === oldName
-                            ) {
-                                specifier.local.name = newName;
-                            }
-                            importChanged = true;
-                            componentsToChange.add(oldName);
-                        }
-                    });
-                }
-
-                // check and update path by replacing the last word with the new path
-                if (
-                    importChanged &&
-                    importPath !== "@lifesg/react-design-system" &&
-                    typeof importPath === "string"
-                ) {
-                    const pathParts = importPath.split("/");
-                    if (
-                        pathParts[pathParts.length - 1] !==
-                        "react-design-system"
-                    ) {
-                        const lastPathPart = pathParts[pathParts.length - 1];
-                        // map with pathMap to find the new path
-                        pathMap.forEach(({ oldPath, newPath }) => {
-                            if (lastPathPart === oldPath) {
-                                pathParts[pathParts.length - 1] = newPath;
-                                path.node.source.value = pathParts.join("/");
-                            }
-                        });
-                    }
-                }
-            });
-        }
-    });
-
-    // change JSX identifiers and normal identifiers
-    if (componentsToChange.size > 0) {
-        componentMap.forEach(({ oldName, newName }) => {
-            if (componentsToChange.has(oldName)) {
-                source
-                    .find(j.JSXIdentifier, { name: oldName })
-                    .forEach((path) => {
-                        path.node.name = newName;
-                    });
-
-                source.find(j.Identifier, { name: oldName }).forEach((path) => {
-                    // only update if it's a parent property
-                    if (!j.MemberExpression.check(path.parent.value.object)) {
-                        path.node.name = newName;
-                    }
-                });
-            }
-        });
-    }
-
-    return source.toSource();
-}

package/codemods/migrate-colour/data.ts

@@ -1,95 +0,0 @@
-const defaultMapping = {
-    Primary: "primary-50",
-    PrimaryDark: "primary-40",
-    Secondary: "primary-40",
-    "Brand[1]": "brand-50",
-    "Brand[2]": "brand-60",
-    "Brand[3]": "brand-70",
-    "Brand[4]": "brand-80",
-    "Brand[5]": "brand-90",
-    "Brand[6]": "brand-95",
-    "Accent.Light[1]": "primary-60",
-    "Accent.Light[2]": "primary-70",
-    "Accent.Light[3]": "primary-80",
-    "Accent.Light[4]": "primary-90",
-    "Accent.Light[5]": "primary-95",
-    "Accent.Light[6]": "primary-100",
-    "Accent.Dark[1]": "secondary-40",
-    "Accent.Dark[2]": "secondary-50",
-    "Accent.Dark[3]": "secondary-60",
-    "Neutral[1]": "neutral-20",
-    "Neutral[2]": "neutral-30",
-    "Neutral[3]": "neutral-50",
-    "Neutral[4]": "neutral-60",
-    "Neutral[5]": "neutral-90",
-    "Neutral[6]": "neutral-95",
-    "Neutral[7]": "neutral-100",
-    "Neutral[8]": "white",
-    "Validation.Green.Text": "success-40",
-    "Validation.Green.Icon": "success-70",
-    "Validation.Green.Border": "success-80",
-    "Validation.Green.Background": "success-100",
-    "Validation.Orange.Text": "warning-50",
-    "Validation.Orange.Icon": "warning-70",
-    "Validation.Orange.Border": "warning-80",
-    "Validation.Orange.Background": "warning-100",
-    "Validation.Orange.Badge": "warning-100",
-    "Validation.Red.Text": "error-50",
-    "Validation.Red.Icon": "error-50",
-    "Validation.Red.Border": "error-60",
-    "Validation.Red.Background": "error-100",
-    "Validation.Blue.Text": "info-40",
-    "Validation.Blue.Icon": "info-50",
-    "Validation.Blue.Border": "info-70",
-    "Validation.Blue.Background": "info-95",
-};
-
-export const lifesgMapping = {
-    ...defaultMapping,
-    Primary: "primary-50",
-    PrimaryDark: "primary-40",
-    Secondary: "primary-40",
-};
-
-export const bookingSgMapping = {
-    ...defaultMapping,
-    Primary: "primary-50",
-    PrimaryDark: "primary-40",
-    Secondary: "primary-40",
-    "Accent.Dark[1]": "secondary-40",
-    "Accent.Dark[2]": "secondary-60",
-    "Accent.Dark[3]": "secondary-70",
-};
-
-export const mylegacyMapping = {
-    ...defaultMapping,
-    PrimaryDark: "primary-40",
-    Primary: "primary-50",
-    Secondary: "primary-40",
-    "Validation.Green.Text": "success-50",
-    "Validation.Red.Text": "success-40",
-};
-
-export const ccubeMapping = {
-    ...defaultMapping,
-    Primary: "primary-50",
-    PrimaryDark: "primary-40",
-    Secondary: "secondary-40",
-    "Brand[1]": "brand-60",
-    "Brand[2]": "brand-50",
-};
-
-export const rbsMapping = {
-    ...defaultMapping,
-};
-
-export const oneServiceMapping = {
-    ...defaultMapping,
-    Primary: "primary-50",
-    PrimaryDark: "primary-40",
-    Secondary: "secondary-40",
-    "Brand[1]": "brand-60",
-    "Accent.Dark[1]": "secondary-50",
-    "Accent.Dark[2]": "secondary-60",
-    "Accent.Dark[3]": "secondary-70",
-};