@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/theme/radius/specs/default-radius-set.js

@@ -1,2 +0,0 @@
-const l={none:0,xs:2,sm:4,md:8,lg:12,full:9999};export{l as DefaultRadiusSet};
-//# sourceMappingURL=default-radius-set.js.map

package/theme/radius/specs/default-radius-set.js.map

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

package/theme/radius/specs/spf-radius-set.d.ts

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

package/theme/radius/specs/spf-radius-set.js

@@ -1,2 +0,0 @@
-const l={none:0,xs:2,sm:8,md:8,lg:12,full:9999};export{l as SPFRadiusSet};
-//# sourceMappingURL=spf-radius-set.js.map

package/theme/radius/specs/spf-radius-set.js.map

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

package/theme/radius/theme-helper.d.ts

@@ -1,6 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-import { RadiusSet } from "./types";
-export declare const getRadius: (key: keyof RadiusSet) => (props: StyledComponentProps) => string;
-export declare const RadiusValues: {
-    [key in keyof RadiusSet]: (props: StyledComponentProps) => string;
-};

package/theme/radius/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as s,getValue as e}from"../helpers.js";import{DefaultRadiusSet as l}from"./specs/default-radius-set.js";import{SPFRadiusSet as r}from"./specs/spf-radius-set.js";const o={collections:{default:l,spf:r},defaultValue:"default"},d=l=>r=>{var d;const u=r.theme,i=s(o,null==u?void 0:u.radiusScheme);return(null===(d=null==u?void 0:u.overrides)||void 0===d?void 0:d.radius)?`${e(i,l,u.overrides.radius)}px`:`${i[l]}px`},u={none:d("none"),xs:d("xs"),sm:d("sm"),md:d("md"),lg:d("lg"),full:d("full")};export{u as RadiusValues,d as getRadius};
-//# sourceMappingURL=theme-helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/radius/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { RadiusScheme } from \"../types\";\nimport { DefaultRadiusSet } from \"./specs/default-radius-set\";\nimport { SPFRadiusSet } from \"./specs/spf-radius-set\";\nimport { RadiusCollectionsMap, RadiusSet } from \"./types\";\n\nconst RadiusSpec: ThemeCollectionSpec<RadiusCollectionsMap, RadiusScheme> = {\n    collections: {\n        default: DefaultRadiusSet,\n        spf: SPFRadiusSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getRadius = (key: keyof RadiusSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const radiusSet: RadiusSet = getCollection(\n            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 RadiusValues: {\n    [key in keyof RadiusSet]: (props: 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":["RadiusSpec","collections","default","DefaultRadiusSet","spf","SPFRadiusSet","defaultValue","getRadius","key","props","theme","radiusSet","getCollection","radiusScheme","_a","overrides","radius","getValue","RadiusValues","none","xs","sm","md","lg","full"],"mappings":"sLAOA,MAAMA,EAAsE,CACxEC,YAAa,CACTC,QAASC,EACTC,IAAKC,GAETC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EACzBZ,EACAU,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACX,GAAGC,EAASN,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/theme/radius/types.d.ts

@@ -1,13 +0,0 @@
-import { RadiusScheme } from "../types";
-export type RadiusSet = {
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    full: number;
-};
-export type RadiusSetOptions = Partial<RadiusSet>;
-export type RadiusCollectionsMap = {
-    [key in RadiusScheme]: RadiusSet;
-};

package/theme/shadow/specs/default-shadow-set.d.ts

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

package/theme/shadow/specs/default-shadow-set.js

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

package/theme/shadow/specs/default-shadow-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-shadow-set.js","sources":["../../../../src/theme/shadow/specs/default-shadow-set.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { getSemanticColour } from \"../../colour-semantic/theme-helper\";\nimport { StyledComponentProps } from \"../../helpers\";\nimport { PrimitiveColourSet, SemanticColourSet } from \"../../types\";\nimport { ShadowSet } from \"../types\";\n\nconst createShadow =\n    (\n        shadowDef: string,\n        colourKey: keyof PrimitiveColourSet | keyof SemanticColourSet,\n        alpha: number\n    ) =>\n    (props: StyledComponentProps) => {\n        const color =\n            getSemanticColour(colourKey as keyof SemanticColourSet)(props) ||\n            getPrimitiveColour(colourKey as keyof PrimitiveColourSet)(props);\n        return `${shadowDef} rgba(from ${color} r g b / ${alpha * 100}%)`;\n    };\n\nexport const DefaultShadowSet: 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","DefaultShadowSet"],"mappings":"sJAMA,MAAMA,EACF,CACIC,EACAC,EACAC,IAEHC,IACG,MAAMC,EACFC,EAAkBJ,EAAlBI,CAAwDF,IACxDG,EAAmBL,EAAnBK,CAA0DH,GAC9D,MAAO,GAAGH,eAAuBI,aAAyB,IAARF,KAAe,EAG5DK,EAA8B,CACvC,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/theme/shadow/theme-helper.d.ts

@@ -1,7 +0,0 @@
-import { CSSProp } from "styled-components";
-import { StyledComponentProps } from "../helpers";
-import { ShadowSet } from "./types";
-export declare const getShadow: (key: keyof ShadowSet) => (props: StyledComponentProps) => CSSProp;
-export declare const ShadowValues: {
-    [key in keyof ShadowSet]: (props: StyledComponentProps) => CSSProp;
-};

package/theme/shadow/theme-helper.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/shadow/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ShadowScheme } from \"../types\";\nimport { DefaultShadowSet } from \"./specs/default-shadow-set\";\nimport { ShadowCollectionsMap, ShadowSet } from \"./types\";\n\nconst ShadowSpec: ThemeCollectionSpec<ShadowCollectionsMap, ShadowScheme> = {\n    collections: {\n        default: DefaultShadowSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getShadow = (key: keyof ShadowSet) => {\n    return (props: StyledComponentProps): CSSProp => {\n        const theme = props.theme;\n        const shadowSet: ShadowSet = getCollection(\n            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 ShadowValues: {\n    [key in keyof ShadowSet]: (props: 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":["ShadowSpec","collections","default","DefaultShadowSet","defaultValue","getShadow","key","props","theme","shadowSet","getCollection","shadowScheme","shadowValue","_a","overrides","shadow","getValue","ShadowValues"],"mappings":"6HAOA,MAAMA,EAAsE,CACxEC,YAAa,CACTC,QAASC,GAEbC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EACzBV,EACAQ,aAAK,EAALA,EAAOG,cAGLC,GAA8B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAChCC,EAASP,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/theme/shadow/types.d.ts

@@ -1,21 +0,0 @@
-import { CSSProp } from "styled-components";
-import { ShadowScheme } from "../types";
-import { StyledComponentProps } from "../helpers";
-type ShadowValue = string | ((props: StyledComponentProps) => CSSProp);
-export type ShadowSet = {
-    "xs-subtle": ShadowValue;
-    "xs-strong": ShadowValue;
-    "xs-focus-strong": ShadowValue;
-    "xs-error-strong": ShadowValue;
-    "sm-subtle": ShadowValue;
-    "sm-strong": ShadowValue;
-    "md-subtle": ShadowValue;
-    "md-strong": ShadowValue;
-    "lg-subtle": ShadowValue;
-    "lg-strong": ShadowValue;
-};
-export type ShadowCollectionsMap = {
-    [key in ShadowScheme]: ShadowSet;
-};
-export type ShadowSetOptions = Partial<ShadowSet>;
-export {};

package/theme/spacing/specs/default-spacing-set.d.ts

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

package/theme/spacing/specs/default-spacing-set.js

@@ -1,2 +0,0 @@
-const a={"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};export{a as DefaultSpacingSet};
-//# sourceMappingURL=default-spacing-set.js.map

package/theme/spacing/specs/default-spacing-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-spacing-set.js","sources":["../../../../src/theme/spacing/specs/default-spacing-set.ts"],"sourcesContent":["import { SpacingSet } from \"../types\";\n\nexport const DefaultSpacingSet: 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":["DefaultSpacingSet"],"mappings":"AAEO,MAAMA,EAAgC,CACzC,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/theme/spacing/theme-helper.d.ts

@@ -1,6 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-import { SpacingSet } from "./types";
-export declare const getSpace: (key: keyof SpacingSet) => (props: StyledComponentProps) => string;
-export declare const SpacingValues: {
-    [key in keyof SpacingSet]: (props: StyledComponentProps) => string;
-};

package/theme/spacing/theme-helper.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/spacing/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { SpacingScheme } from \"../types\";\nimport { DefaultSpacingSet } from \"./specs/default-spacing-set\";\nimport { SpacingCollectionsMap, SpacingSet } from \"./types\";\n\nconst SpacingSpec: ThemeCollectionSpec<SpacingCollectionsMap, SpacingScheme> = {\n    collections: {\n        default: DefaultSpacingSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getSpace = (key: keyof SpacingSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const spacingSet: SpacingSet = getCollection(\n            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 SpacingValues: {\n    [key in keyof SpacingSet]: (props: 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":["SpacingSpec","collections","default","DefaultSpacingSet","defaultValue","getSpace","key","props","theme","spacingSet","getCollection","spacingScheme","_a","overrides","spacing","getValue","SpacingValues"],"mappings":"+HAMA,MAAMA,EAAyE,CAC3EC,YAAa,CACTC,QAASC,GAEbC,aAAc,WAGLC,EAAYC,GACbC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAyBC,EAC3BV,EACAQ,aAAK,EAALA,EAAOG,eAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SACX,GAAGC,EAASN,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/theme/spacing/types.d.ts

@@ -1,26 +0,0 @@
-import { SpacingScheme } from "../types";
-export type SpacingSet = {
-    "spacing-0": number;
-    "spacing-4": number;
-    "spacing-8": number;
-    "spacing-12": number;
-    "spacing-16": number;
-    "spacing-20": number;
-    "spacing-24": number;
-    "spacing-32": number;
-    "spacing-40": number;
-    "spacing-48": number;
-    "spacing-64": number;
-    "spacing-72": number;
-    "layout-xs": number;
-    "layout-sm": number;
-    "layout-md": number;
-    "layout-lg": number;
-    "layout-xl": number;
-    "layout-xxl": number;
-    "layout-xxxl": number;
-};
-export type SpacingSetOptions = Partial<SpacingSet>;
-export type SpacingCollectionsMap = {
-    [key in SpacingScheme]: SpacingSet;
-};

package/theme/use-theme-mode.d.ts

@@ -1,4 +0,0 @@
-import { ColourMode, DSTheme, ThemeSpec } from "./types";
-export declare const useDSTheme: () => DSTheme;
-export declare const getSystemColourMode: () => ColourMode;
-export declare const createThemeWithColourMode: (baseTheme: ThemeSpec, colourMode: ColourMode) => ThemeSpec;

package/theme/use-theme-mode.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-theme-mode.js","sources":["../../src/theme/use-theme-mode.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { ColourMode, DSTheme, ThemeSpec } from \"./types\";\n\n// Hook to access the current theme mode and theme object\nexport const useDSTheme = (): DSTheme => {\n    const theme = useContext(ThemeContext) as 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 = (): 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: ThemeSpec,\n    colourMode: ColourMode\n): ThemeSpec => ({\n    ...baseTheme,\n    colourMode,\n});\n"],"names":["useDSTheme","theme","useContext","ThemeContext","colourMode","console","warn","getSystemColourMode","window","matchMedia","matches","createThemeWithColourMode","baseTheme","Object","assign"],"mappings":"oFAKO,MAAMA,EAAa,KACtB,MAAMC,EAAQC,EAAWC,GAEzB,OAAKF,EAUE,CACHG,WAAYH,EAAMG,YAAc,QAChCH,UAXAI,QAAQC,KACJ,qEAEG,CACHF,WAAY,QACZH,MAAO,MAOd,EAQQM,EAAsB,IACT,oBAAXC,QAA0BA,OAAOC,YACjCD,OAAOC,WAAW,gCAAgCC,QACnD,OAGH,QAIEC,EAA4B,CACrCC,EACAR,IACYS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACTF,GAAS,CACZR"}

package/time-slot-bar-week/time-slot-bar-week-days.style.d.ts

@@ -1,57 +0,0 @@
-import { TimeSlotStyleProps } from "../time-slot-bar/time-slot-bar.styles";
-interface TimeSlotCellProps extends TimeSlotStyleProps {
-    $height: number;
-    $halfFill?: "top" | "bottom";
-}
-interface TimeColumnStyleProps {
-    $height?: number;
-}
-interface CellWeekTextStyleProps {
-    $disabled?: boolean;
-}
-interface ChevronIconStyleProps {
-    $isExpanded?: boolean;
-}
-export declare const HeaderCellWeek: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CellWeekText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "$disabled"> & CellWeekTextStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "$disabled"> & CellWeekTextStyleProps, never>>> & string;
-export declare const HeaderCellWeekColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-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> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string>;
-export declare const ColumnWeekCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$height"> & TimeColumnStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$height"> & TimeColumnStyleProps, never>>> & string;
-export declare const TimeColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeColumnText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeSlotWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CollapseExpandAllWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CollapseExpandAllButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<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>>;
-export declare const ChevronIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "$isExpanded"> & ChevronIconStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "$isExpanded"> & ChevronIconStyleProps, 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 TimeSlotComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeSlotStyleProps> & TimeSlotStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeSlotStyleProps> & TimeSlotStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof TimeSlotCellProps> & TimeSlotCellProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeSlotStyleProps> & TimeSlotStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeSlotStyleProps> & TimeSlotStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof TimeSlotCellProps> & TimeSlotCellProps, never>>> & string;
-export {};

package/time-slot-bar-week/time-slot-bar-week-days.style.js

@@ -1,100 +0,0 @@
-import{ChevronUpIcon as e}from"@lifesg/react-icons";import{animated as i}from"@react-spring/web";import t,{css as o}from"styled-components";import{Button as r}from"../button/button.js";import{Spacing as n,Colour as l,Motion as s,Font as a,Radius as d}from"../theme/index.js";import{TimeSlot as g}from"../time-slot-bar/time-slot-bar.styles.js";import{Typography as p}from"../typography/typography.js";const $=t.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    user-select: none;
-    margin-bottom: ${n["spacing-8"]};
-    flex: 1;
-`,m=t(p.BodyXS)`
-    ${e=>e.$disabled&&o`
-            color: ${l["text-disabled-subtlest"]};
-        `}
-`,h=t.div`
-    grid-column: 2 / -1;
-    display: flex;
-`,f=t.div`
-    width: 100%;
-`,c=t.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: auto repeat(7, 1fr);
-    column-gap: ${n["spacing-4"]};
-`,x=i(t.div`
-    grid-column: 2 / -1;
-    overflow: hidden;
-`),u=t.div`
-    display: flex;
-    gap: ${n["spacing-4"]};
-    transition: all ${s["duration-250"]} ${s["ease-default"]};
-    overflow: hidden;
-`,b=t.div`
-    display: flex;
-    flex-direction: column;
-    grid-row: 3 / auto;
-    gap: ${n["spacing-4"]};
-    width: 1.375rem;
-    transition: all ${s["duration-250"]} ${s["ease-default"]};
-    overflow: hidden;
-
-    ${e=>e.$height&&`height: ${e.$height}px;`}
-`,y=t.div`
-    min-height: 60px;
-    &:last-child {
-        min-height: 0;
-    }
-`,v=t.div`
-    ${a["body-xs-bold"]}
-    color: ${l["text-subtler"]};
-    text-align: center;
-    line-height: 12px; // align with cell on the same row
-    &:first-line {
-        font-size: ${a.Spec["body-size-sm"]};
-    }
-`,w=t.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    gap: ${n["spacing-4"]};
-`,C=t.div`
-    display: flex;
-    margin-top: ${n["spacing-8"]};
-`,j=t(r.Small)`
-    width: 100%;
-    height: 2.5rem;
-    span {
-        display: flex;
-        align-items: center;
-        gap: ${n["spacing-8"]};
-    }
-`,S=t(e)`
-    transform: rotate(${e=>e.$isExpanded?0:180}deg);
-    transition: transform ${s["duration-250"]} ${s["ease-default"]};
-`,k=t(g)`
-    ${e=>{if("vertical"===e.$type)return o`
-                position: relative;
-                max-width: 200px;
-                height: ${e.$height}px;
-                min-height: ${e.$height}px;
-                margin: 0;
-                border-radius: ${d.xs};
-            `}}
-
-    &:focus-within {
-        outline: 2px solid ${l["focus-ring"]};
-        outline-offset: -2px;
-    }
-
-    ${e=>e.$halfFill?o`
-                background: linear-gradient(
-                        to ${e.$halfFill},
-                        ${"stripes"===e.$styleType?"transparent":e.$bgColor}
-                            50%,
-                        ${l["bg-strongest"]} 0%
-                    )
-                    ${"stripes"===e.$styleType&&`, repeating-linear-gradient(\n                            135deg,\n                            ${e.$bgColor2||l["bg-strongest"]} 0px,\n                            ${e.$bgColor2||l["bg-strongest"]} 10px,\n                            ${e.$bgColor||l["bg-stronger"]} 10px,\n                            ${e.$bgColor||l["bg-stronger"]} 20px\n                        )`};
-            `:o`
-                background-color: ${e.$bgColor};
-            `}
-`;export{m as CellWeekText,S as ChevronIcon,j as CollapseExpandAllButton,C as CollapseExpandAllWrapper,u as ColumnWeekCell,x as Expandable,c as GridWrapper,$ as HeaderCellWeek,h as HeaderCellWeekColumn,b as TimeColumn,v as TimeColumnText,y as TimeColumnWrapper,k as TimeSlotComponent,w as TimeSlotWrapper,f as Wrapper};
-//# sourceMappingURL=time-slot-bar-week-days.style.js.map

package/time-slot-bar-week/time-slot-bar-week-days.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../button\";\nimport { Colour, Font, Motion, Radius, Spacing } from \"../theme\";\nimport {\n    TimeSlot,\n    TimeSlotStyleProps,\n} from \"../time-slot-bar/time-slot-bar.styles\";\nimport { Typography } from \"../typography\";\n\ninterface TimeSlotCellProps extends TimeSlotStyleProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const GridWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 60px;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${Font[\"body-xs-bold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    display: flex;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    ${(props) => {\n        if (props.$type === \"vertical\") {\n            return css`\n                position: relative;\n                max-width: 200px;\n                height: ${props.$height}px;\n                min-height: ${props.$height}px;\n                margin: 0;\n                border-radius: ${Radius[\"xs\"]};\n            `;\n        }\n    }}\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.$bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.$styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.$bgColor}\n                            50%,\n                        ${Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.$styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.$bgColor2 || Colour[\"bg-strongest\"]} 0px,\n                            ${props.$bgColor2 || Colour[\"bg-strongest\"]} 10px,\n                            ${props.$bgColor || Colour[\"bg-stronger\"]} 10px,\n                            ${props.$bgColor || Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","Colour","HeaderCellWeekColumn","Wrapper","GridWrapper","Expandable","animated","ColumnWeekCell","Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","$type","Radius","$halfFill","$styleType","$bgColor","$bgColor2"],"mappings":"gZA4BO,MAAMA,EAAiBC,EAAOC,GAAG;;;;;;qBAMnBC,EAAQ;;EAIhBC,EAAeH,EAAOI,EAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,CAAG;qBACUC,EAAO;;EAIfC,EAAuBV,EAAOC,GAAG;;;EAKjCU,EAAUX,EAAOC,GAAG;;EAIpBW,EAAcZ,EAAOC,GAAG;;;;kBAInBC,EAAQ;EAGbW,EAAaC,EAASd,EAAOC,GAAG;;;GAKhCc,EAAiBf,EAAOC,GAAG;;WAE7BC,EAAQ;sBACGc,EAAO,mBAAmBA,EAAO;;EAI1CC,EAAajB,EAAOC,GAAyB;;;;WAI/CC,EAAQ;;sBAEGc,EAAO,mBAAmBA,EAAO;;;MAGhDV,GAAUA,EAAMY,SAAW,WAAWZ,EAAMY;EAGtCC,EAAoBnB,EAAOC,GAAG;;;;;EAO9BmB,EAAiBpB,EAAOC,GAAG;MAClCoB,EAAK;aACEZ,EAAO;;;;qBAICY,EAAKC,KAAK;;EAIlBC,EAAkBvB,EAAOC,GAAG;;;;WAI9BC,EAAQ;EAGNsB,EAA2BxB,EAAOC,GAAG;;kBAEhCC,EAAQ;EAGbuB,EAA0BzB,EAAO0B,EAAOC,MAAM;;;;;;eAM5CzB,EAAQ;;EAIV0B,EAAc5B,EAAO6B,EAAqC;wBAC9CvB,GAAWA,EAAMwB,YAAc,EAAI;4BAChCd,EAAO,mBAAmBA,EAAO;EAGhDe,EAAoB/B,EAAOgC,EAA4B;MAC7D1B,IACC,GAAoB,aAAhBA,EAAM2B,MACN,OAAOzB,CAAG;;;0BAGIF,EAAMY;8BACFZ,EAAMY;;iCAEHgB,EAAW;aAEpC;;;6BAIqBzB,EAAO;;;;MAI7BH,GACMA,EAAM6B,UAKA3B,CAAG;;6BAEOF,EAAM6B;0BACY,YAArB7B,EAAM8B,WACE,cACA9B,EAAM+B;;0BAEd5B,EAAO;;sBAEU,YAArBH,EAAM8B,YACR,kGAEU9B,EAAMgC,WAAa7B,EAAO,qDAC1BH,EAAMgC,WAAa7B,EAAO,sDAC1BH,EAAM+B,UAAY5B,EAAO,qDACzBH,EAAM+B,UAAY5B,EAAO;cAnBpCD,CAAG;oCACcF,EAAM+B;;"}

package/time-slot-bar-week/time-slot-bar-week.style.d.ts

@@ -1 +0,0 @@
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/time-slot-bar-week/time-slot-bar-week.style.js

@@ -1,10 +0,0 @@
-import e from"styled-components";import{MediaQuery as t}from"../theme/index.js";const m=e.div`
-    --header-bottom-spacing: 0.5rem;
-
-    ${t.MaxWidth.sm} {
-        --header-horizontal-inset: 1.25rem;
-    }
-
-    min-width: 18.5rem;
-`;export{m as Wrapper};
-//# sourceMappingURL=time-slot-bar-week.style.js.map

package/time-slot-bar-week/time-slot-bar-week.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week.style.js","sources":["../../src/time-slot-bar-week/time-slot-bar-week.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { MediaQuery } from \"../theme\";\n\nexport const Wrapper = styled.div`\n    --header-bottom-spacing: 0.5rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        --header-horizontal-inset: 1.25rem;\n    }\n\n    min-width: 18.5rem;\n`;\n"],"names":["Wrapper","styled","div","MediaQuery","MaxWidth","sm"],"mappings":"gFAGO,MAAMA,EAAUC,EAAOC,GAAG;;;MAG3BC,EAAWC,SAASC;;;;;"}

package/time-slot-week-view/time-slot-week-days.style.d.ts

@@ -1,22 +0,0 @@
-interface LabelStyleProps {
-    $disabled: boolean | undefined;
-}
-export declare const HeaderCellWeek: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const HeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DayLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled"> & LabelStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled"> & LabelStyleProps, never>>> & string;
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ColumnWeekCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeSlotText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeSlotComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps> & import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps> & import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps> & import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps> & import("../time-slot-bar/time-slot-bar.styles").TimeSlotStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;
-export declare const TimeSlotWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export {};

package/time-slot-week-view/time-slot-week-days.style.js

@@ -1,53 +0,0 @@
-import e,{css as i}from"styled-components";import{Font as t,Colour as l}from"../theme/index.js";import{TimeSlot as o}from"../time-slot-bar/time-slot-bar.styles.js";const r=e.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-    margin-bottom: 0.188rem;
-`,d=e.div`
-    grid-column: 1 / -1;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,s=e.div`
-    ${t["body-xs-semibold"]}
-    color:${l.text};
-
-    ${e=>e.$disabled&&i`
-            color: ${l["text-disabled-subtlest"]};
-        `};
-`,n=e.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,m=e.div`
-    grid-column: 1 / -1;
-    display: flex;
-    min-height: 7.625rem;
-`,a=e.div`
-    ${t["body-xs-semibold"]}
-    margin: 1rem 0rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    max-width: 2.5rem;
-    color: ${l.text};
-    span {
-        display: block;
-    }
-`,c=e(o)`
-    position: relative;
-
-    &:focus-within {
-        outline: 2px solid ${l["focus-ring"]};
-        outline-offset: 2px;
-        z-index: 1;
-    }
-`,p=e.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin: 1px;
-`;export{m as ColumnWeekCell,s as DayLabel,r as HeaderCellWeek,d as HeaderRow,c as TimeSlotComponent,a as TimeSlotText,p as TimeSlotWrapper,n as Wrapper};
-//# sourceMappingURL=time-slot-week-days.style.js.map

package/time-slot-week-view/time-slot-week-days.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-week-days.style.js","sources":["../../src/time-slot-week-view/time-slot-week-days.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font } from \"../theme\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    margin-bottom: 0.188rem;\n`;\n\nexport const HeaderRow = styled.div`\n    grid-column: 1 / -1;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const DayLabel = styled.div<LabelStyleProps>`\n    ${Font[\"body-xs-semibold\"]}\n    color:${Colour[\"text\"]};\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${Colour[\"text-disabled-subtlest\"]};\n        `};\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const ColumnWeekCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n    min-height: 7.625rem;\n`;\n\nexport const TimeSlotText = styled.div`\n    ${Font[\"body-xs-semibold\"]}\n    margin: 1rem 0rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    max-width: 2.5rem;\n    color: ${Colour.text};\n    span {\n        display: block;\n    }\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)`\n    position: relative;\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: 2px;\n        z-index: 1;\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1px;\n`;\n"],"names":["HeaderCellWeek","styled","div","HeaderRow","DayLabel","Font","Colour","props","$disabled","css","Wrapper","ColumnWeekCell","TimeSlotText","text","TimeSlotComponent","TimeSlot","TimeSlotWrapper"],"mappings":"oKAcO,MAAMA,EAAiBC,EAAOC,GAAG;;;;;;;EAS3BC,EAAYF,EAAOC,GAAG;;;;EAMtBE,EAAWH,EAAOC,GAAoB;MAC7CG,EAAK;YACCC,EAAa;;MAElBC,GACCA,EAAMC,WACNC,CAAG;qBACUH,EAAO;;EAIfI,EAAUT,EAAOC,GAAG;;;;EAMpBS,EAAiBV,EAAOC,GAAG;;;;EAM3BU,EAAeX,EAAOC,GAAG;MAChCG,EAAK;;;;;;;aAOEC,EAAOO;;;;EAMPC,EAAoBb,EAAOc,EAAS;;;;6BAIpBT,EAAO;;;;EAMvBU,EAAkBf,EAAOC,GAAG;;;;;"}

package/timeline/timeline.style.d.ts

@@ -1,39 +0,0 @@
-import { Variant } from "./types";
-interface TimelineWrapperStyleProps {
-    $startCol?: number | undefined;
-    $colSpan?: number | undefined;
-}
-interface VariantStyleProps {
-    $variant: Variant;
-}
-export declare const CircleIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never>>> & string;
-export declare const LineIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never>>> & string;
-export declare const TimelineIndicators: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimelineWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineWrapperStyleProps> & TimelineWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineWrapperStyleProps> & TimelineWrapperStyleProps, never>>> & string;
-export declare const TimelineTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const TimelineItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const TimelineItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimelineItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimelinePills: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimelinePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").PillProps, never> & Partial<Pick<import("..").PillProps, never>>> & string & Omit<({ type, colorType, children, icon, ...otherProps }: import("..").PillProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};