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

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

@@ -1 +1 @@
-{"version":3,"file":"spf-font-spec-set.js","sources":["../../../../../src/v3_theme/font-spec/specs/spf-font-spec-set.ts"],"sourcesContent":["import type { V3_FontSpecSet } from \"../types\";\n\nexport const V3_SPFFontSpecSet: V3_FontSpecSet = {\n    \"heading-size-xxl\": \"3.75rem\",\n    \"heading-size-xl\": \"3rem\",\n    \"heading-size-lg\": \"2.5rem\",\n    \"heading-size-md\": \"2rem\",\n    \"heading-size-sm\": \"1.75rem\",\n    \"heading-size-xs\": \"1.5rem\",\n\n    \"heading-lh-xxl\": \"4.5rem\",\n    \"heading-lh-xl\": \"3.5rem\",\n    \"heading-lh-lg\": \"3rem\",\n    \"heading-lh-md\": \"2.25rem\",\n    \"heading-lh-sm\": \"2rem\",\n    \"heading-lh-xs\": \"1.75rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.02rem\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"0rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Public Sans\",\n\n    \"body-size-baseline\": \"1.2rem\",\n    \"body-size-md\": \"1.125rem\",\n    \"body-size-sm\": \"1rem\",\n    \"body-size-xs\": \"0.875rem\",\n\n    \"body-lh-baseline\": \"1.5rem\",\n    \"body-lh-md\": \"1.5rem\",\n    \"body-lh-sm\": \"1.5rem\",\n    \"body-lh-xs\": \"1.125rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0.009rem\",\n    \"body-ls-sm\": \"0.008rem\",\n    \"body-ls-xs\": \"0.008rem\",\n\n    \"form-label-size\": \"1.125rem\",\n    \"form-description-size\": \"1rem\",\n\n    \"form-label-lh\": \"1.5rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0.009rem\",\n    \"form-description-ls\": \"0.008rem\",\n};\n"],"names":[],"mappings":"uCAEiD,CAC7C,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,UACnB,kBAAmB,SAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,UACjB,gBAAiB,OACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,cAEf,qBAAsB,SACtB,eAAgB,WAChB,eAAgB,OAChB,eAAgB,WAEhB,mBAAoB,SACpB,aAAc,SACd,aAAc,SACd,aAAc,WAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,WACnB,wBAAyB,OAEzB,gBAAiB,SACjB,sBAAuB,WAEvB,gBAAiB,WACjB,sBAAuB"}
+{"version":3,"file":"spf-font-spec-set.js","sources":["../../../../../src/v3_theme/font-spec/specs/spf-font-spec-set.ts"],"sourcesContent":["import type { V3_FontSpecSet } from \"../types\";\n\nexport const V3_SPFFontSpecSet: V3_FontSpecSet = {\n    \"heading-size-xxl\": \"3.75rem\",\n    \"heading-size-xl\": \"3rem\",\n    \"heading-size-lg\": \"2.5rem\",\n    \"heading-size-md\": \"2rem\",\n    \"heading-size-sm\": \"1.75rem\",\n    \"heading-size-xs\": \"1.5rem\",\n\n    \"heading-lh-xxl\": \"4.5rem\",\n    \"heading-lh-xl\": \"3.5rem\",\n    \"heading-lh-lg\": \"3rem\",\n    \"heading-lh-md\": \"2.25rem\",\n    \"heading-lh-sm\": \"2rem\",\n    \"heading-lh-xs\": \"1.75rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.02rem\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"0rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Public Sans\",\n    \"heading-font-family\": \"Public Sans\",\n    \"body-font-family\": \"Public Sans\",\n\n    \"body-size-baseline\": \"1.2rem\",\n    \"body-size-md\": \"1.125rem\",\n    \"body-size-sm\": \"1rem\",\n    \"body-size-xs\": \"0.875rem\",\n\n    \"body-lh-baseline\": \"1.5rem\",\n    \"body-lh-md\": \"1.5rem\",\n    \"body-lh-sm\": \"1.5rem\",\n    \"body-lh-xs\": \"1.125rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0.009rem\",\n    \"body-ls-sm\": \"0.008rem\",\n    \"body-ls-xs\": \"0.008rem\",\n\n    \"form-label-size\": \"1.125rem\",\n    \"form-description-size\": \"1rem\",\n\n    \"form-label-lh\": \"1.5rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0.009rem\",\n    \"form-description-ls\": \"0.008rem\",\n};\n"],"names":[],"mappings":"uCAEiD,CAC7C,mBAAoB,UACpB,kBAAmB,OACnB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,UACnB,kBAAmB,SAEnB,iBAAkB,SAClB,gBAAiB,SACjB,gBAAiB,OACjB,gBAAiB,UACjB,gBAAiB,OACjB,gBAAiB,UAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,cACf,sBAAuB,cACvB,mBAAoB,cAEpB,qBAAsB,SACtB,eAAgB,WAChB,eAAgB,OAChB,eAAgB,WAEhB,mBAAoB,SACpB,aAAc,SACd,aAAc,SACd,aAAc,WAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,WACnB,wBAAyB,OAEzB,gBAAiB,SACjB,sBAAuB,WAEvB,gBAAiB,WACjB,sBAAuB"}

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

@@ -1,2 +1,2 @@
-"use strict";exports.V3_SupportGoWhereFontSpecSet={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0.009rem","form-description-ls":"0.008rem"};
+"use strict";exports.V3_SupportGoWhereFontSpecSet={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Libre Franklin","heading-font-family":"Libre Franklin","body-font-family":"Libre Franklin","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0.009rem","form-description-ls":"0.008rem"};
 //# sourceMappingURL=supportgowhere-font-spec-set.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"supportgowhere-font-spec-set.js","sources":["../../../../../src/v3_theme/font-spec/specs/supportgowhere-font-spec-set.ts"],"sourcesContent":["import type { V3_FontSpecSet } from \"../types\";\n\nexport const V3_SupportGoWhereFontSpecSet: V3_FontSpecSet = {\n    \"heading-size-xxl\": \"3rem\",\n    \"heading-size-xl\": \"2.5rem\",\n    \"heading-size-lg\": \"2rem\",\n    \"heading-size-md\": \"1.625rem\",\n    \"heading-size-sm\": \"1.375rem\",\n    \"heading-size-xs\": \"1.125rem\",\n\n    \"heading-lh-xxl\": \"3.5rem\",\n    \"heading-lh-xl\": \"3rem\",\n    \"heading-lh-lg\": \"2.5rem\",\n    \"heading-lh-md\": \"2.25rem\",\n    \"heading-lh-sm\": \"1.75rem\",\n    \"heading-lh-xs\": \"1.625rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.02rem\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"0rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Libre Franklin\",\n\n    \"body-size-baseline\": \"1.125rem\",\n    \"body-size-md\": \"1rem\",\n    \"body-size-sm\": \"0.875rem\",\n    \"body-size-xs\": \"0.75rem\",\n\n    \"body-lh-baseline\": \"1.625rem\",\n    \"body-lh-md\": \"1.5rem\",\n    \"body-lh-sm\": \"1.625rem\",\n    \"body-lh-xs\": \"1.25rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0.009rem\",\n    \"body-ls-sm\": \"0.008rem\",\n    \"body-ls-xs\": \"0.008rem\",\n\n    \"form-label-size\": \"1rem\",\n    \"form-description-size\": \"0.875rem\",\n\n    \"form-label-lh\": \"1.5rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0.009rem\",\n    \"form-description-ls\": \"0.008rem\",\n};\n"],"names":[],"mappings":"kDAE4D,CACxD,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBAEf,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WAEvB,gBAAiB,WACjB,sBAAuB"}
+{"version":3,"file":"supportgowhere-font-spec-set.js","sources":["../../../../../src/v3_theme/font-spec/specs/supportgowhere-font-spec-set.ts"],"sourcesContent":["import type { V3_FontSpecSet } from \"../types\";\n\nexport const V3_SupportGoWhereFontSpecSet: V3_FontSpecSet = {\n    \"heading-size-xxl\": \"3rem\",\n    \"heading-size-xl\": \"2.5rem\",\n    \"heading-size-lg\": \"2rem\",\n    \"heading-size-md\": \"1.625rem\",\n    \"heading-size-sm\": \"1.375rem\",\n    \"heading-size-xs\": \"1.125rem\",\n\n    \"heading-lh-xxl\": \"3.5rem\",\n    \"heading-lh-xl\": \"3rem\",\n    \"heading-lh-lg\": \"2.5rem\",\n    \"heading-lh-md\": \"2.25rem\",\n    \"heading-lh-sm\": \"1.75rem\",\n    \"heading-lh-xs\": \"1.625rem\",\n\n    \"heading-ls-xxl\": \"-0.035rem\",\n    \"heading-ls-xl\": \"-0.02rem\",\n    \"heading-ls-lg\": \"-0.02rem\",\n    \"heading-ls-md\": \"0rem\",\n    \"heading-ls-sm\": \"0rem\",\n    \"heading-ls-xs\": \"0rem\",\n\n    \"weight-light\": \"300\",\n    \"weight-regular\": \"400\",\n    \"weight-semibold\": \"600\",\n    \"weight-bold\": \"700\",\n    \"font-family\": \"Libre Franklin\",\n    \"heading-font-family\": \"Libre Franklin\",\n    \"body-font-family\": \"Libre Franklin\",\n\n    \"body-size-baseline\": \"1.125rem\",\n    \"body-size-md\": \"1rem\",\n    \"body-size-sm\": \"0.875rem\",\n    \"body-size-xs\": \"0.75rem\",\n\n    \"body-lh-baseline\": \"1.625rem\",\n    \"body-lh-md\": \"1.5rem\",\n    \"body-lh-sm\": \"1.625rem\",\n    \"body-lh-xs\": \"1.25rem\",\n\n    \"body-ls-baseline\": \"0rem\",\n    \"body-ls-md\": \"0.009rem\",\n    \"body-ls-sm\": \"0.008rem\",\n    \"body-ls-xs\": \"0.008rem\",\n\n    \"form-label-size\": \"1rem\",\n    \"form-description-size\": \"0.875rem\",\n\n    \"form-label-lh\": \"1.5rem\",\n    \"form-description-lh\": \"1.625rem\",\n\n    \"form-label-ls\": \"0.009rem\",\n    \"form-description-ls\": \"0.008rem\",\n};\n"],"names":[],"mappings":"kDAE4D,CACxD,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,iBACvB,mBAAoB,iBAEpB,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WAEvB,gBAAiB,WACjB,sBAAuB"}

package/cjs/v3_theme/font-spec/theme-helper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../helpers.js"),s=require("./specs/a11yplayground-font-spec-set.js"),i=require("./specs/bookingsg-font-spec-set.js"),l=require("./specs/default-font-spec-set.js"),o=require("./specs/imda-font-spec-set.js"),d=require("./specs/mylegacy-font-spec-set.js"),n=require("./specs/oneservice-font-spec-set.js"),t=require("./specs/pa-font-spec-set.js"),a=require("./specs/sgw-digital-lobby-font-spec-set.js"),g=require("./specs/spf-font-spec-set.js"),h=require("./specs/supportgowhere-font-spec-set.js");const r={collections:{a11yplayground:s.V3_A11yPlaygroundFontSpecSet,bookingsg:i.V3_BookingSgFontSpecSet,default:l.V3_DefaultFontSpecSet,imda:o.V3_IMDAFontSpecSet,mylegacy:d.V3_MyLegacyFontSpecSet,oneservice:n.V3_OneServiceFontSpecSet,pa:t.V3_PAFontSpecSet,sgwdigitallobby:a.V3_SGWDigitalLobbyFontSpecSet,spf:g.V3_SPFFontSpecSet,supportgowhere:h.V3_SupportGoWhereFontSpecSet},defaultValue:"default"},p=s=>i=>{var l;const o=i.theme,d=e.getCollection(r,null==o?void 0:o.fontScheme);return(null===(l=null==o?void 0:o.overrides)||void 0===l?void 0:l.fontSpec)?e.getValue(d,s,o.overrides.fontSpec):d[s]},c={"heading-size-xxl":p("heading-size-xxl"),"heading-size-xl":p("heading-size-xl"),"heading-size-lg":p("heading-size-lg"),"heading-size-md":p("heading-size-md"),"heading-size-sm":p("heading-size-sm"),"heading-size-xs":p("heading-size-xs"),"heading-lh-xxl":p("heading-lh-xxl"),"heading-lh-xl":p("heading-lh-xl"),"heading-lh-lg":p("heading-lh-lg"),"heading-lh-md":p("heading-lh-md"),"heading-lh-sm":p("heading-lh-sm"),"heading-lh-xs":p("heading-lh-xs"),"heading-ls-xxl":p("heading-ls-xxl"),"heading-ls-xl":p("heading-ls-xl"),"heading-ls-lg":p("heading-ls-lg"),"heading-ls-md":p("heading-ls-md"),"heading-ls-sm":p("heading-ls-sm"),"heading-ls-xs":p("heading-ls-xs"),"weight-light":p("weight-light"),"weight-regular":p("weight-regular"),"weight-semibold":p("weight-semibold"),"weight-bold":p("weight-bold"),"font-family":p("font-family"),"body-size-baseline":p("body-size-baseline"),"body-size-md":p("body-size-md"),"body-size-sm":p("body-size-sm"),"body-size-xs":p("body-size-xs"),"body-lh-baseline":p("body-lh-baseline"),"body-lh-md":p("body-lh-md"),"body-lh-sm":p("body-lh-sm"),"body-lh-xs":p("body-lh-xs"),"body-ls-baseline":p("body-ls-baseline"),"body-ls-md":p("body-ls-md"),"body-ls-sm":p("body-ls-sm"),"body-ls-xs":p("body-ls-xs"),"form-label-size":p("form-label-size"),"form-description-size":p("form-description-size"),"form-label-lh":p("form-label-lh"),"form-description-lh":p("form-description-lh"),"form-label-ls":p("form-label-ls"),"form-description-ls":p("form-description-ls")};exports.V3_FontSpecValues=c,exports.getFontSpec=p;
+"use strict";var e=require("../helpers.js"),s=require("./specs/a11yplayground-font-spec-set.js"),i=require("./specs/bookingsg-font-spec-set.js"),l=require("./specs/default-font-spec-set.js"),o=require("./specs/imda-font-spec-set.js"),d=require("./specs/mylegacy-font-spec-set.js"),n=require("./specs/oneservice-font-spec-set.js"),t=require("./specs/pa-font-spec-set.js"),a=require("./specs/sgw-digital-lobby-font-spec-set.js"),g=require("./specs/smgs-font-spec-set.js"),h=require("./specs/spf-font-spec-set.js"),r=require("./specs/supportgowhere-font-spec-set.js");const p={collections:{a11yplayground:s.V3_A11yPlaygroundFontSpecSet,bookingsg:i.V3_BookingSgFontSpecSet,default:l.V3_DefaultFontSpecSet,imda:o.V3_IMDAFontSpecSet,mylegacy:d.V3_MyLegacyFontSpecSet,oneservice:n.V3_OneServiceFontSpecSet,pa:t.V3_PAFontSpecSet,sgwdigitallobby:a.V3_SGWDigitalLobbyFontSpecSet,spf:h.V3_SPFFontSpecSet,supportgowhere:r.V3_SupportGoWhereFontSpecSet,smgs:g.V3_SMGSFontSpecSet},defaultValue:"default"},c=s=>i=>{var l;const o=i.theme,d=e.getCollection(p,null==o?void 0:o.fontScheme);return(null===(l=null==o?void 0:o.overrides)||void 0===l?void 0:l.fontSpec)?e.getValue(d,s,o.overrides.fontSpec):d[s]},m={"heading-size-xxl":c("heading-size-xxl"),"heading-size-xl":c("heading-size-xl"),"heading-size-lg":c("heading-size-lg"),"heading-size-md":c("heading-size-md"),"heading-size-sm":c("heading-size-sm"),"heading-size-xs":c("heading-size-xs"),"heading-lh-xxl":c("heading-lh-xxl"),"heading-lh-xl":c("heading-lh-xl"),"heading-lh-lg":c("heading-lh-lg"),"heading-lh-md":c("heading-lh-md"),"heading-lh-sm":c("heading-lh-sm"),"heading-lh-xs":c("heading-lh-xs"),"heading-ls-xxl":c("heading-ls-xxl"),"heading-ls-xl":c("heading-ls-xl"),"heading-ls-lg":c("heading-ls-lg"),"heading-ls-md":c("heading-ls-md"),"heading-ls-sm":c("heading-ls-sm"),"heading-ls-xs":c("heading-ls-xs"),"weight-light":c("weight-light"),"weight-regular":c("weight-regular"),"weight-semibold":c("weight-semibold"),"weight-bold":c("weight-bold"),"font-family":c("font-family"),"heading-font-family":c("heading-font-family"),"body-font-family":c("body-font-family"),"body-size-baseline":c("body-size-baseline"),"body-size-md":c("body-size-md"),"body-size-sm":c("body-size-sm"),"body-size-xs":c("body-size-xs"),"body-lh-baseline":c("body-lh-baseline"),"body-lh-md":c("body-lh-md"),"body-lh-sm":c("body-lh-sm"),"body-lh-xs":c("body-lh-xs"),"body-ls-baseline":c("body-ls-baseline"),"body-ls-md":c("body-ls-md"),"body-ls-sm":c("body-ls-sm"),"body-ls-xs":c("body-ls-xs"),"form-label-size":c("form-label-size"),"form-description-size":c("form-description-size"),"form-label-lh":c("form-label-lh"),"form-description-lh":c("form-description-lh"),"form-label-ls":c("form-label-ls"),"form-description-ls":c("form-description-ls")};exports.V3_FontSpecValues=m,exports.getFontSpec=c;
 //# sourceMappingURL=theme-helper.js.map

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

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

package/cjs/v3_theme/index.js

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

package/cjs/v3_theme/index.js.map

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

package/countdown-timer/countdown-timer.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,Fragment as r,jsxs as i}from"react/jsx-runtime";import n from"../external/lodash/throttle.js";import{useRef as o,useState as s,useContext as a,useEffect as l}from"react";import{useInView as m}from"../external/react-intersection-observer/index.js";import{r as d}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as c}from"styled-components";import{inertValue as u,VisuallyHidden as f}from"../shared/accessibility/index.js";import{TimeHelper as p}from"../util/time-helper.js";import{V3_Breakpoint as v}from"../v3_theme/index.js";import{Wrapper as h,Countdown as x,FixedCountdown as b,TimerIcon as w,TimeLeft as $,Timer as y}from"./countdown-timer.style.js";import{useTimer as g}from"./use-timer.js";const j=j=>{var{className:T,align:I="right",timer:M,timestamp:N,notifyTimer:F,offset:S,mobileOffset:C,show:O,fixed:_=!0,reminderInterval:k=120,"data-testid":z,onFinish:E,onNotify:L,onTick:V}=j,W=e(j,["className","align","timer","timestamp","notifyTimer","offset","mobileOffset","show","fixed","reminderInterval","data-testid","onFinish","onNotify","onTick"]);const B=o(null),Q=o(!1),[R,q]=s(0),[A,D]=s(0),[G,H]=s(0),[J,K]=s(!1),[P,U]=s(""),[X,Y]=g(M,N,J),{ref:Z,inView:ee}=m({threshold:1,rootMargin:-1*R+"px 0px 0px 0px",initialInView:!0}),te=!_||ee,re="number"==typeof F&&X<=F,ie=a(c),ne=v["sm-max"]({theme:ie}),oe=d.useMediaQuery({maxWidth:ne});l((()=>{K(O)}),[O]),l((()=>{0===X?de():"number"==typeof F&&X<=F&&(le(),me())}),[X]),l((()=>{const e=function(){var e,t;const r=null!==(e=null==S?void 0:S.top)&&void 0!==e?e:168,i=null!==(t=null==C?void 0:C.top)&&void 0!==t?t:80,n=oe?i:r;return n}();q(e)}),[oe,null==S?void 0:S.top,null==C?void 0:C.top]),l((()=>{if(B.current){const e=n(se,300);return se(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}}),[B.current]),l((()=>{const e=Y-X;0!==e&&(e%k==0&&("number"!=typeof F||X>F)&&U(ce(X)),"number"==typeof F&&X===F&&U(ce(X)))}),[X,Y,k,F]),l((()=>{Q.current=!1}),[Y,O]);const se=()=>{if(!B.current)return;const e=B.current.getBoundingClientRect();H(e.x),D(e.right)},ae=()=>{const e=ce(X);U(e)},le=()=>{V&&V(X)},me=()=>{L&&!Q.current&&(Q.current=!0,L())},de=()=>{K(!1),E&&E()};const ce=e=>{const{minutes:t,seconds:r}=p.toMinutesSeconds(e),i=1===t?"minute":"minutes",n=1===r?"second":"seconds";return t>0&&r>0?`Time left: ${t} ${i} and ${r} ${n}`:t>0?`Time left: ${t} ${i}`:`Time left: ${r} ${n}`},ue=()=>{const{minutes:e,seconds:n}=p.toMinutesSeconds(X),o=1!==e?"mins":"min",s=1!==n?"secs":"sec";return i(r,{children:[t(w,{$warn:re}),t($,{children:"Time left:"}),i(y,{"aria-label":ce(X),children:[e," ",o," ",String(n).padStart(2,"0")," ",s]}),t(f,{"aria-live":"number"==typeof F&&X<=F?"assertive":"polite","aria-atomic":"true",children:P})]})};return J||0===X?i(h,Object.assign({className:T},W,{children:[t("div",{ref:Z}),t(x,{"data-testid":z,"data-id":"countdown-wrapper",ref:B,inert:u(!te),$visible:te,$warn:re,tabIndex:0,role:"timer","aria-label":"Countdown timer",onFocus:ae,children:ue()}),B.current&&!te&&(()=>{var e,r;const i=null!==(e=null==S?void 0:S.left)&&void 0!==e?e:"left"===I?G:void 0,n=null!==(r=null==S?void 0:S.right)&&void 0!==r?r:"right"===I?Math.floor(document.body.clientWidth-A):void 0;return t(b,{"data-testid":z,"data-id":"fixed-countdown-wrapper",$warn:re,$top:R,$left:i,$right:n,tabIndex:0,role:"timer","aria-label":"Countdown timer",onFocus:ae,children:ue()})})()]})):t(r,{})};export{j as CountdownTimer};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,Fragment as r,jsxs as i}from"react/jsx-runtime";import{ClockIcon as o}from"@lifesg/react-icons";import n from"clsx";import s from"../external/lodash/throttle.js";import{useRef as m,useState as a,useEffect as l}from"react";import{useInView as d}from"../external/react-intersection-observer/index.js";import{inertValue as u,VisuallyHidden as c}from"../shared/accessibility/index.js";import"../theme/theme-provider/index.js";import{formatUnitValue as p}from"../theme/utils/css-variable.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{useApplyStyle as f}from"../theme/utils/use-apply-styles.js";import{useMaxWidthMediaQuery as h}from"../theme/utils/use-media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useIsMounted as v}from"../util/use-mount.js";import{TimeHelper as x}from"../util/time-helper.js";import{tokens as j,wrapper as w,countdown as b,countdownInline as y,countdownHidden as g,countdownFixed as N,timerIcon as T,timeLeft as $,timer as k}from"./countdown-timer.styles.js";import{useTimer as C}from"./use-timer.js";const I=I=>{var{className:F,align:M="right",timer:S,timestamp:O,notifyTimer:q,offset:z,mobileOffset:E,show:L,fixed:V=!0,reminderInterval:_=120,"data-testid":B,onFinish:R,onNotify:W,onTick:A}=I,D=e(I,["className","align","timer","timestamp","notifyTimer","offset","mobileOffset","show","fixed","reminderInterval","data-testid","onFinish","onNotify","onTick"]);const G=m(null),H=m(null),J=m(!1),[K,P]=a(0),[Q,U]=a(0),[X,Y]=a(0),[Z,ee]=a(!1),[te,re]=a(""),ie=v(),[oe,ne]=C(S,O,Z),{ref:se,inView:me}=d({threshold:1,rootMargin:-1*K+"px 0px 0px 0px",initialInView:!0}),ae=!V||me,le="number"==typeof q&&oe<=q,de=h("sm");f(H,{[j.fixedCountdown.top]:p(K,"px"),[j.fixedCountdown.left]:p(function(){var e;return ie&&"left"===M?null!==(e=null==z?void 0:z.left)&&void 0!==e?e:X:void 0}(),"px"),[j.fixedCountdown.right]:p(function(){var e;return ie&&"right"===M?null!==(e=null==z?void 0:z.right)&&void 0!==e?e:Math.floor(document.body.clientWidth-Q):void 0}(),"px")}),l((()=>{ee(L)}),[L]),l((()=>{0===oe?he():"number"==typeof q&&oe<=q&&(pe(),fe())}),[oe]),l((()=>{const e=function(){var e,t;const r=null!==(e=null==z?void 0:z.top)&&void 0!==e?e:168,i=null!==(t=null==E?void 0:E.top)&&void 0!==t?t:80,o=de?i:r;return o}();P(e)}),[de,null==z?void 0:z.top,null==E?void 0:E.top]),l((()=>{if(G.current){const e=s(ue,300);return ue(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}}),[G.current]),l((()=>{const e=ne-oe;0!==e&&(e%_==0&&("number"!=typeof q||oe>q)&&re(ve(oe)),"number"==typeof q&&oe===q&&re(ve(oe)))}),[oe,ne,_,q]),l((()=>{J.current=!1}),[ne,L]);const ue=()=>{if(!G.current)return;const e=G.current.getBoundingClientRect();Y(e.x),U(e.right)},ce=()=>{const e=ve(oe);re(e)},pe=()=>{A&&A(oe)},fe=()=>{W&&!J.current&&(J.current=!0,W())},he=()=>{ee(!1),R&&R()};const ve=e=>{const{minutes:t,seconds:r}=x.toMinutesSeconds(e),i=1===t?"minute":"minutes",o=1===r?"second":"seconds";return t>0&&r>0?`Time left: ${t} ${i} and ${r} ${o}`:t>0?`Time left: ${t} ${i}`:`Time left: ${r} ${o}`},xe=()=>{const{minutes:e,seconds:n}=x.toMinutesSeconds(oe),s=1!==e?"mins":"min",m=1!==n?"secs":"sec";return i(r,{children:[t(o,{className:T,"data-warn":!!le}),t("div",{className:$,children:"Time left:"}),i("div",{className:k,"aria-label":ve(oe),children:[e," ",s," ",String(n).padStart(2,"0")," ",m]}),t(c,{"aria-live":"number"==typeof q&&oe<=q?"assertive":"polite","aria-atomic":"true",children:te})]})};return Z||0===oe?i("div",Object.assign({className:n(w,F)},D,{children:[t("div",{ref:se}),t("div",{"data-testid":B,"data-id":"countdown-wrapper","data-warn":!!le,ref:G,inert:u(!ae),className:n(b,y,!ae&&g),tabIndex:0,role:"timer","aria-label":"Countdown timer",onFocus:ce,children:xe()}),G.current&&!ae&&t("div",{ref:H,"data-testid":B,"data-id":"fixed-countdown-wrapper","data-warn":!!le,className:n(b,N),tabIndex:0,role:"timer","aria-label":"Countdown timer",onFocus:ce,children:xe()})]})):t(r,{})};export{I as CountdownTimer};
 //# sourceMappingURL=countdown-timer.js.map

package/countdown-timer/countdown-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-timer.js","sources":["../../src/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import throttle from \"lodash/throttle\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport {\n    Countdown,\n    FixedCountdown,\n    TimeLeft,\n    Timer,\n    TimerIcon,\n    Wrapper,\n} from \"./countdown-timer.style\";\nimport type { CountdownTimerProps } from \"./types\";\nimport { useTimer } from \"./use-timer\";\n\nexport const CountdownTimer = ({\n    className,\n    align = \"right\",\n    timer,\n    timestamp,\n    notifyTimer,\n    offset,\n    mobileOffset,\n    show,\n    fixed = true,\n    reminderInterval = 120,\n    \"data-testid\": testId,\n    onFinish,\n    onNotify,\n    onTick,\n    ...otherProps\n}: CountdownTimerProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isNotified = useRef<boolean>(false);\n    const [offsetY, setOffsetY] = useState<number>(0);\n    const [clientRectRight, setClientRectRight] = useState<number>(0);\n    const [clientRectX, setClientRectX] = useState<number>(0);\n    const [isPlaying, setIsPlaying] = useState(false);\n    const [announcement, setAnnouncement] = useState<string>(\"\");\n\n    const [remainingSeconds, initialSeconds] = useTimer(\n        timer,\n        timestamp,\n        isPlaying\n    );\n    const { ref: stickyRef, inView } = useInView({\n        threshold: 1,\n        rootMargin: `${offsetY * -1}px 0px 0px 0px`,\n        initialInView: true,\n    });\n    const isVisible = !fixed || inView;\n    const warn =\n        typeof notifyTimer === \"number\" && remainingSeconds <= notifyTimer;\n\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n\n    useEffect(() => {\n        setIsPlaying(show);\n    }, [show]);\n\n    useEffect(() => {\n        if (remainingSeconds === 0) {\n            performOnFinishHandler();\n        } else if (\n            typeof notifyTimer === \"number\" &&\n            remainingSeconds <= notifyTimer\n        ) {\n            performOnTickHandler();\n            performOnNotifyHandler();\n        }\n    }, [remainingSeconds]);\n\n    useEffect(() => {\n        const y = getOffsetY();\n        setOffsetY(y);\n    }, [isMobile, offset?.top, mobileOffset?.top]);\n\n    useEffect(() => {\n        if (wrapperRef.current) {\n            const handleResize = throttle(handleWindowResize, 300);\n            handleWindowResize();\n\n            window.addEventListener(\"resize\", handleResize);\n\n            return () => {\n                window.removeEventListener(\"resize\", handleResize);\n            };\n        }\n    }, [wrapperRef.current]);\n\n    // Announcements\n    useEffect(() => {\n        const timeElapsed = initialSeconds - remainingSeconds;\n        if (timeElapsed === 0) return;\n        // Polite notification\n        if (timeElapsed % reminderInterval === 0) {\n            if (\n                typeof notifyTimer !== \"number\" ||\n                remainingSeconds > notifyTimer\n            ) {\n                setAnnouncement(getAccessibleTimeText(remainingSeconds));\n            }\n        }\n\n        // Assertive notification\n        if (\n            typeof notifyTimer === \"number\" &&\n            remainingSeconds === notifyTimer\n        ) {\n            setAnnouncement(getAccessibleTimeText(remainingSeconds));\n        }\n    }, [remainingSeconds, initialSeconds, reminderInterval, notifyTimer]);\n\n    useEffect(() => {\n        // reset\n        isNotified.current = false;\n    }, [initialSeconds, show]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleWindowResize = () => {\n        if (!wrapperRef.current) return;\n\n        const clientRect = wrapperRef.current.getBoundingClientRect();\n\n        setClientRectX(clientRect.x);\n        setClientRectRight(clientRect.right);\n    };\n\n    const handleOnFocus = () => {\n        const focusMessage = getAccessibleTimeText(remainingSeconds);\n        setAnnouncement(focusMessage);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const performOnTickHandler = () => {\n        if (onTick) {\n            onTick(remainingSeconds);\n        }\n    };\n\n    const performOnNotifyHandler = () => {\n        if (onNotify && !isNotified.current) {\n            isNotified.current = true;\n            onNotify();\n        }\n    };\n\n    const performOnFinishHandler = () => {\n        setIsPlaying(false);\n\n        if (onFinish) onFinish();\n    };\n\n    function getOffsetY() {\n        const desktopTop = offset?.top ?? 168;\n        const mobileTop = mobileOffset?.top ?? 80;\n        const offsetY = isMobile ? mobileTop : desktopTop;\n\n        return offsetY;\n    }\n\n    const getAccessibleTimeText = (seconds: number): string => {\n        const { minutes, seconds: secs } = TimeHelper.toMinutesSeconds(seconds);\n\n        const minuteText = minutes === 1 ? \"minute\" : \"minutes\";\n        const secondText = secs === 1 ? \"second\" : \"seconds\";\n\n        if (minutes > 0 && secs > 0) {\n            return `Time left: ${minutes} ${minuteText} and ${secs} ${secondText}`;\n        } else if (minutes > 0) {\n            return `Time left: ${minutes} ${minuteText}`;\n        } else {\n            return `Time left: ${secs} ${secondText}`;\n        }\n    };\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const renderPeriodicAndWarningAnnouncement = () => (\n        <VisuallyHidden\n            aria-live={\n                typeof notifyTimer === \"number\" &&\n                remainingSeconds <= notifyTimer\n                    ? \"assertive\"\n                    : \"polite\"\n            }\n            aria-atomic=\"true\"\n        >\n            {announcement}\n        </VisuallyHidden>\n    );\n\n    const renderTimer = () => {\n        const { minutes, seconds } =\n            TimeHelper.toMinutesSeconds(remainingSeconds);\n        const m = minutes !== 1 ? \"mins\" : \"min\";\n        const s = seconds !== 1 ? \"secs\" : \"sec\";\n        return (\n            <>\n                <TimerIcon $warn={warn} />\n                <TimeLeft>Time left:</TimeLeft>\n                <Timer aria-label={getAccessibleTimeText(remainingSeconds)}>\n                    {minutes} {m} {String(seconds).padStart(2, \"0\")} {s}\n                </Timer>\n                {renderPeriodicAndWarningAnnouncement()}\n            </>\n        );\n    };\n\n    const renderCountdown = () => {\n        return (\n            <Countdown\n                data-testid={testId}\n                data-id=\"countdown-wrapper\"\n                ref={wrapperRef}\n                inert={inertValue(!isVisible)}\n                $visible={isVisible}\n                $warn={warn}\n                tabIndex={0}\n                role=\"timer\"\n                aria-label=\"Countdown timer\"\n                onFocus={handleOnFocus}\n            >\n                {renderTimer()}\n            </Countdown>\n        );\n    };\n\n    const renderFixedCountdown = () => {\n        const left =\n            offset?.left ?? (align === \"left\" ? clientRectX : undefined);\n\n        const right =\n            offset?.right ??\n            (align === \"right\"\n                ? Math.floor(document.body.clientWidth - clientRectRight)\n                : undefined);\n\n        return (\n            <FixedCountdown\n                data-testid={testId}\n                data-id=\"fixed-countdown-wrapper\"\n                $warn={warn}\n                $top={offsetY}\n                $left={left}\n                $right={right}\n                tabIndex={0}\n                role=\"timer\"\n                aria-label=\"Countdown timer\"\n                onFocus={handleOnFocus}\n            >\n                {renderTimer()}\n            </FixedCountdown>\n        );\n    };\n\n    if (!isPlaying && remainingSeconds !== 0) return <></>;\n\n    return (\n        <Wrapper className={className} {...otherProps}>\n            <div ref={stickyRef}></div>\n            {renderCountdown()}\n            {wrapperRef.current && !isVisible && renderFixedCountdown()}\n        </Wrapper>\n    );\n};\n"],"names":["CountdownTimer","_a","className","align","timer","timestamp","notifyTimer","offset","mobileOffset","show","fixed","reminderInterval","testId","onFinish","onNotify","onTick","otherProps","__rest","wrapperRef","useRef","isNotified","offsetY","setOffsetY","useState","clientRectRight","setClientRectRight","clientRectX","setClientRectX","isPlaying","setIsPlaying","announcement","setAnnouncement","remainingSeconds","initialSeconds","useTimer","ref","stickyRef","inView","useInView","threshold","rootMargin","initialInView","isVisible","warn","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","useEffect","performOnFinishHandler","performOnTickHandler","performOnNotifyHandler","y","desktopTop","top","mobileTop","_b","getOffsetY","current","handleResize","throttle","handleWindowResize","window","addEventListener","removeEventListener","timeElapsed","getAccessibleTimeText","clientRect","getBoundingClientRect","x","right","handleOnFocus","focusMessage","seconds","minutes","secs","TimeHelper","toMinutesSeconds","minuteText","secondText","renderTimer","m","s","_jsxs","_Fragment","children","_jsx","TimerIcon","$warn","TimeLeft","Timer","String","padStart","VisuallyHidden","Wrapper","Object","assign","Countdown","inert","inertValue","$visible","tabIndex","role","onFocus","left","undefined","Math","floor","document","body","clientWidth","FixedCountdown","$left","$right","renderFixedCountdown"],"mappings":"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"}
+{"version":3,"file":"countdown-timer.js","sources":["../../src/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { ClockIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport throttle from \"lodash/throttle\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport {\n    formatUnitValue,\n    useApplyStyle,\n    useMaxWidthMediaQuery,\n} from \"../theme\";\nimport { useIsMounted } from \"../util\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport * as styles from \"./countdown-timer.styles\";\nimport type { CountdownTimerProps } from \"./types\";\nimport { useTimer } from \"./use-timer\";\n\nexport const CountdownTimer = ({\n    className,\n    align = \"right\",\n    timer,\n    timestamp,\n    notifyTimer,\n    offset,\n    mobileOffset,\n    show,\n    fixed = true,\n    reminderInterval = 120,\n    \"data-testid\": testId,\n    onFinish,\n    onNotify,\n    onTick,\n    ...otherProps\n}: CountdownTimerProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const fixedCountdownRef = useRef<HTMLDivElement>(null);\n\n    const isNotified = useRef<boolean>(false);\n    const [offsetY, setOffsetY] = useState<number>(0);\n    const [clientRectRight, setClientRectRight] = useState<number>(0);\n    const [clientRectX, setClientRectX] = useState<number>(0);\n    const [isPlaying, setIsPlaying] = useState(false);\n    const [announcement, setAnnouncement] = useState<string>(\"\");\n\n    const isMounted = useIsMounted();\n    const [remainingSeconds, initialSeconds] = useTimer(\n        timer,\n        timestamp,\n        isPlaying\n    );\n    const { ref: stickyRef, inView } = useInView({\n        threshold: 1,\n        rootMargin: `${offsetY * -1}px 0px 0px 0px`,\n        initialInView: true,\n    });\n    const isVisible = !fixed || inView;\n    const warn =\n        typeof notifyTimer === \"number\" && remainingSeconds <= notifyTimer;\n\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n\n    useApplyStyle(fixedCountdownRef, {\n        [styles.tokens.fixedCountdown.top]: formatUnitValue(offsetY, \"px\"),\n        [styles.tokens.fixedCountdown.left]: formatUnitValue(\n            getOffsetLeft(),\n            \"px\"\n        ),\n        [styles.tokens.fixedCountdown.right]: formatUnitValue(\n            getOffsetRight(),\n            \"px\"\n        ),\n    });\n\n    useEffect(() => {\n        setIsPlaying(show);\n    }, [show]);\n\n    useEffect(() => {\n        if (remainingSeconds === 0) {\n            performOnFinishHandler();\n        } else if (\n            typeof notifyTimer === \"number\" &&\n            remainingSeconds <= notifyTimer\n        ) {\n            performOnTickHandler();\n            performOnNotifyHandler();\n        }\n    }, [remainingSeconds]);\n\n    useEffect(() => {\n        const y = getOffsetY();\n        setOffsetY(y);\n    }, [isMobile, offset?.top, mobileOffset?.top]);\n\n    useEffect(() => {\n        if (wrapperRef.current) {\n            const handleResize = throttle(handleWindowResize, 300);\n            handleWindowResize();\n\n            window.addEventListener(\"resize\", handleResize);\n\n            return () => {\n                window.removeEventListener(\"resize\", handleResize);\n            };\n        }\n    }, [wrapperRef.current]);\n\n    // Announcements\n    useEffect(() => {\n        const timeElapsed = initialSeconds - remainingSeconds;\n        if (timeElapsed === 0) return;\n        // Polite notification\n        if (timeElapsed % reminderInterval === 0) {\n            if (\n                typeof notifyTimer !== \"number\" ||\n                remainingSeconds > notifyTimer\n            ) {\n                setAnnouncement(getAccessibleTimeText(remainingSeconds));\n            }\n        }\n\n        // Assertive notification\n        if (\n            typeof notifyTimer === \"number\" &&\n            remainingSeconds === notifyTimer\n        ) {\n            setAnnouncement(getAccessibleTimeText(remainingSeconds));\n        }\n    }, [remainingSeconds, initialSeconds, reminderInterval, notifyTimer]);\n\n    useEffect(() => {\n        // reset\n        isNotified.current = false;\n    }, [initialSeconds, show]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleWindowResize = () => {\n        if (!wrapperRef.current) return;\n\n        const clientRect = wrapperRef.current.getBoundingClientRect();\n\n        setClientRectX(clientRect.x);\n        setClientRectRight(clientRect.right);\n    };\n\n    const handleOnFocus = () => {\n        const focusMessage = getAccessibleTimeText(remainingSeconds);\n        setAnnouncement(focusMessage);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const performOnTickHandler = () => {\n        if (onTick) {\n            onTick(remainingSeconds);\n        }\n    };\n\n    const performOnNotifyHandler = () => {\n        if (onNotify && !isNotified.current) {\n            isNotified.current = true;\n            onNotify();\n        }\n    };\n\n    const performOnFinishHandler = () => {\n        setIsPlaying(false);\n\n        if (onFinish) onFinish();\n    };\n\n    function getOffsetY() {\n        const desktopTop = offset?.top ?? 168;\n        const mobileTop = mobileOffset?.top ?? 80;\n        const offsetY = isMobile ? mobileTop : desktopTop;\n\n        return offsetY;\n    }\n\n    function getOffsetLeft() {\n        if (!isMounted || align !== \"left\") return undefined;\n        return offset?.left ?? clientRectX;\n    }\n\n    function getOffsetRight() {\n        if (!isMounted || align !== \"right\") return undefined;\n        return (\n            offset?.right ??\n            Math.floor(document.body.clientWidth - clientRectRight)\n        );\n    }\n\n    const getAccessibleTimeText = (seconds: number): string => {\n        const { minutes, seconds: secs } = TimeHelper.toMinutesSeconds(seconds);\n\n        const minuteText = minutes === 1 ? \"minute\" : \"minutes\";\n        const secondText = secs === 1 ? \"second\" : \"seconds\";\n\n        if (minutes > 0 && secs > 0) {\n            return `Time left: ${minutes} ${minuteText} and ${secs} ${secondText}`;\n        } else if (minutes > 0) {\n            return `Time left: ${minutes} ${minuteText}`;\n        } else {\n            return `Time left: ${secs} ${secondText}`;\n        }\n    };\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const renderPeriodicAndWarningAnnouncement = () => (\n        <VisuallyHidden\n            aria-live={\n                typeof notifyTimer === \"number\" &&\n                remainingSeconds <= notifyTimer\n                    ? \"assertive\"\n                    : \"polite\"\n            }\n            aria-atomic=\"true\"\n        >\n            {announcement}\n        </VisuallyHidden>\n    );\n\n    const renderTimer = () => {\n        const { minutes, seconds } =\n            TimeHelper.toMinutesSeconds(remainingSeconds);\n        const m = minutes !== 1 ? \"mins\" : \"min\";\n        const s = seconds !== 1 ? \"secs\" : \"sec\";\n        return (\n            <>\n                <ClockIcon className={styles.timerIcon} data-warn={!!warn} />\n                <div className={styles.timeLeft}>Time left:</div>\n                <div\n                    className={styles.timer}\n                    aria-label={getAccessibleTimeText(remainingSeconds)}\n                >\n                    {minutes} {m} {String(seconds).padStart(2, \"0\")} {s}\n                </div>\n                {renderPeriodicAndWarningAnnouncement()}\n            </>\n        );\n    };\n\n    const renderInlineCountdown = () => {\n        return (\n            <div\n                data-testid={testId}\n                data-id=\"countdown-wrapper\"\n                data-warn={!!warn}\n                ref={wrapperRef}\n                inert={inertValue(!isVisible)}\n                className={clsx(\n                    styles.countdown,\n                    styles.countdownInline,\n                    !isVisible && styles.countdownHidden\n                )}\n                tabIndex={0}\n                role=\"timer\"\n                aria-label=\"Countdown timer\"\n                onFocus={handleOnFocus}\n            >\n                {renderTimer()}\n            </div>\n        );\n    };\n\n    const renderFixedCountdown = () => {\n        return (\n            <div\n                ref={fixedCountdownRef}\n                data-testid={testId}\n                data-id=\"fixed-countdown-wrapper\"\n                data-warn={!!warn}\n                className={clsx(styles.countdown, styles.countdownFixed)}\n                tabIndex={0}\n                role=\"timer\"\n                aria-label=\"Countdown timer\"\n                onFocus={handleOnFocus}\n            >\n                {renderTimer()}\n            </div>\n        );\n    };\n\n    if (!isPlaying && remainingSeconds !== 0) return <></>;\n\n    return (\n        <div className={clsx(styles.wrapper, className)} {...otherProps}>\n            <div ref={stickyRef}></div>\n            {renderInlineCountdown()}\n            {wrapperRef.current && !isVisible && renderFixedCountdown()}\n        </div>\n    );\n};\n"],"names":["CountdownTimer","_a","className","align","timer","timestamp","notifyTimer","offset","mobileOffset","show","fixed","reminderInterval","testId","onFinish","onNotify","onTick","otherProps","__rest","wrapperRef","useRef","fixedCountdownRef","isNotified","offsetY","setOffsetY","useState","clientRectRight","setClientRectRight","clientRectX","setClientRectX","isPlaying","setIsPlaying","announcement","setAnnouncement","isMounted","useIsMounted","remainingSeconds","initialSeconds","useTimer","ref","stickyRef","inView","useInView","threshold","rootMargin","initialInView","isVisible","warn","isMobile","useMaxWidthMediaQuery","useApplyStyle","styles.tokens","fixedCountdown","top","formatUnitValue","left","getOffsetLeft","right","Math","floor","document","body","clientWidth","getOffsetRight","useEffect","performOnFinishHandler","performOnTickHandler","performOnNotifyHandler","y","desktopTop","mobileTop","_b","getOffsetY","current","handleResize","throttle","handleWindowResize","window","addEventListener","removeEventListener","timeElapsed","getAccessibleTimeText","clientRect","getBoundingClientRect","x","handleOnFocus","focusMessage","seconds","minutes","secs","TimeHelper","toMinutesSeconds","minuteText","secondText","renderTimer","m","s","_jsxs","_Fragment","children","_jsx","ClockIcon","styles.timerIcon","styles.timeLeft","styles.timer","String","padStart","VisuallyHidden","Object","assign","clsx","styles.wrapper","inert","inertValue","styles.countdown","styles.countdownInline","styles.countdownHidden","tabIndex","role","onFocus","styles.countdownFixed"],"mappings":"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"}

package/countdown-timer/countdown-timer.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const tokens: {
+    readonly fixedCountdown: {
+        readonly top: "--fds-internal-countdownTimer-fixedCountdown-top";
+        readonly left: "--fds-internal-countdownTimer-fixedCountdown-left";
+        readonly right: "--fds-internal-countdownTimer-fixedCountdown-right";
+    };
+};
+export declare const wrapper: import("@linaria/core").LinariaClassName;
+export declare const countdown: import("@linaria/core").LinariaClassName;
+export declare const countdownHidden: import("@linaria/core").LinariaClassName;
+export declare const countdownInline: import("@linaria/core").LinariaClassName;
+export declare const countdownFixed: import("@linaria/core").LinariaClassName;
+export declare const timeLeft: import("@linaria/core").LinariaClassName;
+export declare const timer: import("@linaria/core").LinariaClassName;
+export declare const timerIcon: import("@linaria/core").LinariaClassName;

package/countdown-timer/countdown-timer.styles.js

@@ -0,0 +1,2 @@
+import"./countdown-timer.styles_k50tkw.css";const t={fixedCountdown:{top:"--fds-internal-countdownTimer-fixedCountdown-top",left:"--fds-internal-countdownTimer-fixedCountdown-left",right:"--fds-internal-countdownTimer-fixedCountdown-right"}},n="wav7a6b",o="c1ji5mw9",i="csdqyky",d="cibq1kp",e="c1ehax2j",w="t6f42l5",r="t19x1azi",c="t1pvvziw";export{o as countdown,e as countdownFixed,i as countdownHidden,d as countdownInline,w as timeLeft,r as timer,c as timerIcon,t as tokens,n as wrapper};
+//# sourceMappingURL=countdown-timer.styles.js.map

package/countdown-timer/countdown-timer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-timer.styles.js","sources":["../../src/countdown-timer/countdown-timer.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport {\n    Border,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Shadow,\n    Spacing,\n} from \"../theme\";\n\nexport const tokens = {\n    fixedCountdown: {\n        top: \"--fds-internal-countdownTimer-fixedCountdown-top\",\n        left: \"--fds-internal-countdownTimer-fixedCountdown-left\",\n        right: \"--fds-internal-countdownTimer-fixedCountdown-right\",\n    },\n} as const;\n\nexport const wrapper = css`\n    width: 100%;\n`;\n\nexport const countdown = css`\n    ${Font[\"body-baseline-regular\"]}\n    display: flex;\n    align-items: center;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    color: ${Colour[\"text-primary\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]};\n    border-color: ${Colour[\"border-primary\"]};\n    background-color: ${Colour[\"bg\"]};\n\n    ${MediaQuery.MaxWidth.sm} {\n        padding: ${Spacing[\"spacing-16\"]};\n    }\n\n    &[data-warn=\"true\"] {\n        color: ${Colour[\"text-error\"]};\n        border-color: ${Colour[\"border-error\"]};\n    }\n`;\n\nexport const countdownHidden = css`\n    opacity: 0;\n`;\n\nexport const countdownInline = css`\n    position: relative;\n`;\n\nexport const countdownFixed = css`\n    position: fixed;\n    z-index: 10;\n\n    /* reset variables to prevent leaking to child components */\n    ${tokens.fixedCountdown.top}: initial;\n    ${tokens.fixedCountdown.left}: initial;\n    ${tokens.fixedCountdown.right}: initial;\n    top: var(${tokens.fixedCountdown.top});\n    left: var(${tokens.fixedCountdown.left});\n    right: var(${tokens.fixedCountdown.right});\n\n    box-shadow: ${Shadow[\"xs-focus-strong\"]};\n\n    ${MediaQuery.MaxWidth.sm} {\n        left: 0;\n        right: 0;\n        border-radius: 0;\n        border-left: none;\n        border-right: none;\n        box-shadow: none;\n    }\n\n    &[data-warn=\"true\"] {\n        box-shadow: ${Shadow[\"xs-error-strong\"]};\n    }\n`;\n\nexport const timeLeft = css`\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    margin-left: ${Spacing[\"spacing-8\"]};\n    margin-right: ${Spacing[\"spacing-24\"]};\n\n    ${MediaQuery.MaxWidth.sm} {\n        margin-right: ${Spacing[\"spacing-48\"]};\n    }\n`;\n\nexport const timer = css`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n    margin-left: auto;\n`;\n\nexport const timerIcon = css`\n    color: ${Colour[\"icon-primary\"]};\n\n    &[data-warn=\"true\"] {\n        color: ${Colour[\"icon-error\"]};\n    }\n`;\n"],"names":["tokens","fixedCountdown","top","left","right","wrapper","countdown","countdownHidden","countdownInline","countdownFixed","timeLeft","timer","timerIcon"],"mappings":"2EAYO,MAAMA,EAAS,CAClBC,eAAgB,CACZC,IAAK,mDACLC,KAAM,oDACNC,MAAO,uDAIFC,EAAO,UAIPC,EAAS,WAqBTC,EAAe,UAIfC,EAAe,UAIfC,EAAc,WA4BdC,EAAQ,UAURC,EAAK,WAKLC,EAAS"}

package/countdown-timer/countdown-timer.styles_k50tkw.css

@@ -0,0 +1,8 @@
+.wav7a6b{width:100%;}
+.c1ji5mw9{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fds-spacing-8) var(--fds-spacing-16);border-radius:var(--fds-radius-sm);color:var(--fds-colour-text-primary);border:var(--fds-border-width-010) var(--fds-border-style-solid);border-color:var(--fds-colour-border-primary);background-color:var(--fds-colour-bg);}:where(body.fds-breakpoint-sm-max) .c1ji5mw9{padding:var(--fds-spacing-16);}.c1ji5mw9[data-warn="true"]{color:var(--fds-colour-text-error);border-color:var(--fds-colour-border-error);}
+.csdqyky{opacity:0;}
+.cibq1kp{position:relative;}
+.c1ehax2j{position:fixed;z-index:10;--fds-internal-countdownTimer-fixedCountdown-top:initial;--fds-internal-countdownTimer-fixedCountdown-left:initial;--fds-internal-countdownTimer-fixedCountdown-right:initial;top:var(--fds-internal-countdownTimer-fixedCountdown-top);left:var(--fds-internal-countdownTimer-fixedCountdown-left);right:var(--fds-internal-countdownTimer-fixedCountdown-right);box-shadow:var(--fds-shadow-xs-focus-strong);}:where(body.fds-breakpoint-sm-max) .c1ehax2j{left:0;right:0;border-radius:0;border-left:none;border-right:none;box-shadow:none;}.c1ehax2j[data-warn="true"]{box-shadow:var(--fds-shadow-xs-error-strong);}
+.t6f42l5{font-weight:var(--fds-font-weight-bold);margin-left:var(--fds-spacing-8);margin-right:var(--fds-spacing-24);}:where(body.fds-breakpoint-sm-max) .t6f42l5{margin-right:var(--fds-spacing-48);}
+.t19x1azi{font-weight:var(--fds-font-weight-semibold);margin-left:auto;}
+.t1pvvziw{color:var(--fds-colour-icon-primary);}.t1pvvziw[data-warn="true"]{color:var(--fds-colour-icon-error);}

package/dashed-border/dashed-border.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import t from"clsx";import{forwardRef as s,useRef as i}from"react";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import{BorderThickness as m}from"../theme/tokens/border.js";import{Colour as l}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as n}from"../theme/tokens/radius.js";import{toCssValue as a}from"../theme/utils/token-resolver.js";import{useApplyStyle as u}from"../theme/utils/use-apply-styles.js";import{useResolvedTokenValue as d}from"../theme/utils/use-design-token.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{mergeRefs as c}from"../util/merge-refs.js";import"../util/string-helper.js";import{root as p,overlay as h,tokens as k}from"./dashed-border.styles.js";import{isThicknessToken as f,isRadiusToken as j,isColourToken as b,createSvgBackgroundImage as g}from"./dashed-border.utils.js";const v=s(((s,v)=>{const{enabled:y=!0,thickness:C=m["width-010"],radius:x=n.none,colour:z=l.border,backgroundColor:N,className:T,children:w}=s,B=e(s,["enabled","thickness","radius","colour","backgroundColor","className","children"]),S=d({value:C,fallback:m["width-010"],isToken:f,normalizeCustom:a}),_=d({value:x,fallback:n.none,isToken:j,normalizeCustom:a}),q=d({value:z,fallback:l.border,isToken:b,normalizeCustom:String}),I=d({value:N,fallback:"none",isToken:b,normalizeCustom:String}),O=y||!!N,R=g({radius:_,colour:q,thickness:S,enabled:y}),A=i(null),D=i(null),E=v?c(A,v):A;return u(A,{[k.rootRadius]:_,[k.rootBackgroundColor]:N?I:null}),u(D,{[k.overlayBackgroundImage]:O?R:null}),r("div",Object.assign({ref:E,className:t(p,T)},B,{children:[O&&o("div",{"aria-hidden":"true",className:h,ref:D}),w]}))}));export{v as DashedBorder};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import t from"clsx";import{forwardRef as s,useRef as i}from"react";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import{BorderThickness as m}from"../theme/tokens/border.js";import{Colour as l}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as a}from"../theme/tokens/radius.js";import{toCssValue as n}from"../theme/utils/token-resolver.js";import{useApplyStyle as u}from"../theme/utils/use-apply-styles.js";import{useResolvedTokenValue as d}from"../theme/utils/use-design-token.js";import"../theme/utils/use-media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{mergeRefs as p}from"../util/merge-refs.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{isColourToken as c,isRadiusToken as h,isThicknessToken as j}from"../util/styling-helper.js";import{tokens as f,root as k,overlay as b}from"./dashed-border.styles.js";import{createSvgBackgroundImage as g}from"./dashed-border.utils.js";const v=s(((s,v)=>{const{enabled:y=!0,thickness:C=m["width-010"],radius:x=a.none,colour:z=l.border,backgroundColor:N,className:T,children:q}=s,w=e(s,["enabled","thickness","radius","colour","backgroundColor","className","children"]),B=d({value:C,fallback:m["width-010"],isToken:j,normalizeCustom:n}),S=d({value:x,fallback:a.none,isToken:h,normalizeCustom:n}),_=d({value:z,fallback:l.border,isToken:c,normalizeCustom:String}),I=d({value:N,fallback:"none",isToken:c,normalizeCustom:String}),O=y||!!N,R=g({radius:S,colour:_,thickness:B,enabled:y}),A=i(null),D=i(null),E=v?p(A,v):A;return u(A,{[f.rootRadius]:S,[f.rootBackgroundColor]:N?I:null}),u(D,{[f.overlayBackgroundImage]:O?R:null}),r("div",Object.assign({ref:E,className:t(k,T)},w,{children:[O&&o("div",{"aria-hidden":"true",className:b,ref:D}),q]}))}));export{v as DashedBorder};
 //# sourceMappingURL=dashed-border.js.map

package/dashed-border/dashed-border.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashed-border.js","sources":["../../src/dashed-border/dashed-border.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useRef } from \"react\";\n\nimport {\n    BorderThickness,\n    Colour,\n    Radius,\n    toCssValue,\n    useApplyStyle,\n    useResolvedTokenValue,\n} from \"../theme\";\nimport { mergeRefs } from \"../util\";\nimport * as styles from \"./dashed-border.styles\";\nimport {\n    createSvgBackgroundImage,\n    isColourToken,\n    isRadiusToken,\n    isThicknessToken,\n} from \"./dashed-border.utils\";\nimport type { DashedBorderProps } from \"./types\";\n\nconst Component = (\n    props: DashedBorderProps,\n    ref: React.Ref<HTMLDivElement>\n) => {\n    const {\n        enabled = true,\n        thickness = BorderThickness[\"width-010\"],\n        radius = Radius[\"none\"],\n        colour = Colour[\"border\"],\n        backgroundColor,\n        className,\n        children,\n        ...otherProps\n    } = props;\n\n    const effectiveThickness = useResolvedTokenValue({\n        value: thickness,\n        fallback: BorderThickness[\"width-010\"],\n        isToken: isThicknessToken,\n        normalizeCustom: toCssValue,\n    });\n\n    const effectiveRadius = useResolvedTokenValue({\n        value: radius,\n        fallback: Radius[\"none\"],\n        isToken: isRadiusToken,\n        normalizeCustom: toCssValue,\n    });\n\n    const effectiveColour = useResolvedTokenValue({\n        value: colour,\n        fallback: Colour[\"border\"],\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const effectiveBackgroundColor = useResolvedTokenValue({\n        value: backgroundColor,\n        fallback: \"none\",\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const showSvg = enabled || !!backgroundColor;\n    const overlayBackgroundImage = createSvgBackgroundImage({\n        radius: effectiveRadius,\n        colour: effectiveColour,\n        thickness: effectiveThickness,\n        enabled,\n    });\n    const rootRef = useRef<HTMLDivElement>(null);\n    const overlayRef = useRef<HTMLDivElement>(null);\n    const mergedRootRef = ref ? mergeRefs(rootRef, ref) : rootRef;\n\n    useApplyStyle(rootRef, {\n        [styles.tokens.rootRadius]: effectiveRadius,\n        [styles.tokens.rootBackgroundColor]: backgroundColor\n            ? effectiveBackgroundColor\n            : null,\n    });\n\n    useApplyStyle(overlayRef, {\n        [styles.tokens.overlayBackgroundImage]: showSvg\n            ? overlayBackgroundImage\n            : null,\n    });\n\n    return (\n        <div\n            ref={mergedRootRef}\n            className={clsx(styles.root, className)}\n            {...otherProps}\n        >\n            {showSvg && (\n                <div\n                    aria-hidden=\"true\"\n                    className={styles.overlay}\n                    ref={overlayRef}\n                />\n            )}\n            {children}\n        </div>\n    );\n};\n\nexport const DashedBorder = forwardRef(Component);\n"],"names":["DashedBorder","forwardRef","props","ref","enabled","thickness","BorderThickness","radius","Radius","colour","Colour","backgroundColor","className","children","otherProps","__rest","effectiveThickness","useResolvedTokenValue","value","fallback","isToken","isThicknessToken","normalizeCustom","toCssValue","effectiveRadius","isRadiusToken","effectiveColour","isColourToken","String","effectiveBackgroundColor","showSvg","overlayBackgroundImage","createSvgBackgroundImage","rootRef","useRef","overlayRef","mergedRootRef","mergeRefs","useApplyStyle","styles.tokens","rootRadius","rootBackgroundColor","_jsxs","Object","assign","clsx","styles.root","_jsx","styles.overlay"],"mappings":"ohCAqBA,MAqFaA,EAAeC,GArFV,CACdC,EACAC,KAEA,MAAMC,QACFA,GAAU,EAAIC,UACdA,EAAYC,EAAgB,aAAYC,OACxCA,EAASC,EAAa,KAACC,OACvBA,EAASC,EAAe,OAACC,gBACzBA,EAAeC,UACfA,EAASC,SACTA,GAEAX,EADGY,EAAUC,EACbb,EATE,CAAA,UAAA,YAAA,SAAA,SAAA,kBAAA,YAAA,aAWAc,EAAqBC,EAAsB,CAC7CC,MAAOb,EACPc,SAAUb,EAAgB,aAC1Bc,QAASC,EACTC,gBAAiBC,IAGfC,EAAkBP,EAAsB,CAC1CC,MAAOX,EACPY,SAAUX,EAAa,KACvBY,QAASK,EACTH,gBAAiBC,IAGfG,EAAkBT,EAAsB,CAC1CC,MAAOT,EACPU,SAAUT,EAAe,OACzBU,QAASO,EACTL,gBAAiBM,SAGfC,EAA2BZ,EAAsB,CACnDC,MAAOP,EACPQ,SAAU,OACVC,QAASO,EACTL,gBAAiBM,SAGfE,EAAU1B,KAAaO,EACvBoB,EAAyBC,EAAyB,CACpDzB,OAAQiB,EACRf,OAAQiB,EACRrB,UAAWW,EACXZ,YAEE6B,EAAUC,EAAuB,MACjCC,EAAaD,EAAuB,MACpCE,EAAgBjC,EAAMkC,EAAUJ,EAAS9B,GAAO8B,EAetD,OAbAK,EAAcL,EAAS,CACnB,CAACM,EAAcC,YAAahB,EAC5B,CAACe,EAAcE,qBAAsB9B,EAC/BkB,EACA,OAGVS,EAAcH,EAAY,CACtB,CAACI,EAAcR,wBAAyBD,EAClCC,EACA,OAINW,EAAA,MAAAC,OAAAC,OAAA,CACIzC,IAAKiC,EACLxB,UAAWiC,EAAKC,EAAalC,IACzBE,EAAU,CAAAD,SAAA,CAEbiB,GACGiB,uBACgB,OACZnC,UAAWoC,EACX7C,IAAKgC,IAGZtB,KACC"}
+{"version":3,"file":"dashed-border.js","sources":["../../src/dashed-border/dashed-border.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useRef } from \"react\";\n\nimport {\n    BorderThickness,\n    Colour,\n    Radius,\n    toCssValue,\n    useApplyStyle,\n    useResolvedTokenValue,\n} from \"../theme\";\nimport { mergeRefs } from \"../util\";\nimport {\n    isColourToken,\n    isRadiusToken,\n    isThicknessToken,\n} from \"../util/styling-helper\";\nimport * as styles from \"./dashed-border.styles\";\nimport { createSvgBackgroundImage } from \"./dashed-border.utils\";\nimport type { DashedBorderProps } from \"./types\";\n\nconst Component = (\n    props: DashedBorderProps,\n    ref: React.Ref<HTMLDivElement>\n) => {\n    const {\n        enabled = true,\n        thickness = BorderThickness[\"width-010\"],\n        radius = Radius[\"none\"],\n        colour = Colour[\"border\"],\n        backgroundColor,\n        className,\n        children,\n        ...otherProps\n    } = props;\n\n    const effectiveThickness = useResolvedTokenValue({\n        value: thickness,\n        fallback: BorderThickness[\"width-010\"],\n        isToken: isThicknessToken,\n        normalizeCustom: toCssValue,\n    });\n\n    const effectiveRadius = useResolvedTokenValue({\n        value: radius,\n        fallback: Radius[\"none\"],\n        isToken: isRadiusToken,\n        normalizeCustom: toCssValue,\n    });\n\n    const effectiveColour = useResolvedTokenValue({\n        value: colour,\n        fallback: Colour[\"border\"],\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const effectiveBackgroundColor = useResolvedTokenValue({\n        value: backgroundColor,\n        fallback: \"none\",\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const showSvg = enabled || !!backgroundColor;\n    const overlayBackgroundImage = createSvgBackgroundImage({\n        radius: effectiveRadius,\n        colour: effectiveColour,\n        thickness: effectiveThickness,\n        enabled,\n    });\n    const rootRef = useRef<HTMLDivElement>(null);\n    const overlayRef = useRef<HTMLDivElement>(null);\n    const mergedRootRef = ref ? mergeRefs(rootRef, ref) : rootRef;\n\n    useApplyStyle(rootRef, {\n        [styles.tokens.rootRadius]: effectiveRadius,\n        [styles.tokens.rootBackgroundColor]: backgroundColor\n            ? effectiveBackgroundColor\n            : null,\n    });\n\n    useApplyStyle(overlayRef, {\n        [styles.tokens.overlayBackgroundImage]: showSvg\n            ? overlayBackgroundImage\n            : null,\n    });\n\n    return (\n        <div\n            ref={mergedRootRef}\n            className={clsx(styles.root, className)}\n            {...otherProps}\n        >\n            {showSvg && (\n                <div\n                    aria-hidden=\"true\"\n                    className={styles.overlay}\n                    ref={overlayRef}\n                />\n            )}\n            {children}\n        </div>\n    );\n};\n\nexport const DashedBorder = forwardRef(Component);\n"],"names":["DashedBorder","forwardRef","props","ref","enabled","thickness","BorderThickness","radius","Radius","colour","Colour","backgroundColor","className","children","otherProps","__rest","effectiveThickness","useResolvedTokenValue","value","fallback","isToken","isThicknessToken","normalizeCustom","toCssValue","effectiveRadius","isRadiusToken","effectiveColour","isColourToken","String","effectiveBackgroundColor","showSvg","overlayBackgroundImage","createSvgBackgroundImage","rootRef","useRef","overlayRef","mergedRootRef","mergeRefs","useApplyStyle","styles.tokens","rootRadius","rootBackgroundColor","_jsxs","Object","assign","clsx","styles.root","_jsx","styles.overlay"],"mappings":"+qCAqBA,MAqFaA,EAAeC,GArFV,CACdC,EACAC,KAEA,MAAMC,QACFA,GAAU,EAAIC,UACdA,EAAYC,EAAgB,aAAYC,OACxCA,EAASC,EAAa,KAACC,OACvBA,EAASC,EAAe,OAACC,gBACzBA,EAAeC,UACfA,EAASC,SACTA,GAEAX,EADGY,EAAUC,EACbb,EATE,CAAA,UAAA,YAAA,SAAA,SAAA,kBAAA,YAAA,aAWAc,EAAqBC,EAAsB,CAC7CC,MAAOb,EACPc,SAAUb,EAAgB,aAC1Bc,QAASC,EACTC,gBAAiBC,IAGfC,EAAkBP,EAAsB,CAC1CC,MAAOX,EACPY,SAAUX,EAAa,KACvBY,QAASK,EACTH,gBAAiBC,IAGfG,EAAkBT,EAAsB,CAC1CC,MAAOT,EACPU,SAAUT,EAAe,OACzBU,QAASO,EACTL,gBAAiBM,SAGfC,EAA2BZ,EAAsB,CACnDC,MAAOP,EACPQ,SAAU,OACVC,QAASO,EACTL,gBAAiBM,SAGfE,EAAU1B,KAAaO,EACvBoB,EAAyBC,EAAyB,CACpDzB,OAAQiB,EACRf,OAAQiB,EACRrB,UAAWW,EACXZ,YAEE6B,EAAUC,EAAuB,MACjCC,EAAaD,EAAuB,MACpCE,EAAgBjC,EAAMkC,EAAUJ,EAAS9B,GAAO8B,EAetD,OAbAK,EAAcL,EAAS,CACnB,CAACM,EAAcC,YAAahB,EAC5B,CAACe,EAAcE,qBAAsB9B,EAC/BkB,EACA,OAGVS,EAAcH,EAAY,CACtB,CAACI,EAAcR,wBAAyBD,EAClCC,EACA,OAINW,EAAA,MAAAC,OAAAC,OAAA,CACIzC,IAAKiC,EACLxB,UAAWiC,EAAKC,EAAalC,IACzBE,EAAU,CAAAD,SAAA,CAEbiB,GACGiB,uBACgB,OACZnC,UAAWoC,EACX7C,IAAKgC,IAGZtB,KACC"}

package/dashed-border/dashed-border.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashed-border.styles.js","sources":["../../src/dashed-border/dashed-border.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const tokens = {\n    rootRadius: \"--fds-internal-dashedBorder-root-radius\",\n    rootBackgroundColor: \"--fds-internal-dashedBorder-root-backgroundColor\",\n    overlayBackgroundImage:\n        \"--fds-internal-dashedBorder-overlay-backgroundImage\",\n} as const;\n\nexport const root = css`\n    position: relative;\n    overflow: hidden;\n    border-radius: var(${tokens.rootRadius}, 0);\n    background-color: var(${tokens.rootBackgroundColor}, transparent);\n`;\n\nexport const overlay = css`\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-image: var(${tokens.overlayBackgroundImage}, none);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 100% 100%;\n    pointer-events: none;\n`;\n"],"names":["tokens","rootRadius","rootBackgroundColor","overlayBackgroundImage","root","overlay"],"mappings":"yDAEO,MAAMA,EAAS,CAClBC,WAAY,0CACZC,oBAAqB,mDACrBC,uBACI,uDAGKC,EAAI,WAOJC,EAAO"}
+{"version":3,"file":"dashed-border.styles.js","sources":["../../src/dashed-border/dashed-border.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const tokens = {\n    rootRadius: \"--fds-internal-dashedBorder-root-radius\",\n    rootBackgroundColor: \"--fds-internal-dashedBorder-root-backgroundColor\",\n    overlayBackgroundImage:\n        \"--fds-internal-dashedBorder-overlay-backgroundImage\",\n} as const;\n\nexport const root = css`\n    position: relative;\n    overflow: hidden;\n    border-radius: var(${tokens.rootRadius}, 0);\n    background-color: var(${tokens.rootBackgroundColor}, transparent);\n`;\n\nexport const overlay = css`\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-image: var(${tokens.overlayBackgroundImage}, none);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 100% 100%;\n    pointer-events: none;\n`;\n"],"names":["tokens","rootRadius","rootBackgroundColor","overlayBackgroundImage","root","overlay"],"mappings":"uEAEO,MAAMA,EAAS,CAClBC,WAAY,0CACZC,oBAAqB,mDACrBC,uBACI,uDAGKC,EAAI,WAOJC,EAAO"}

package/dashed-border/dashed-border.utils.d.ts

@@ -1,6 +1,3 @@
-import type { ColourCSSVariableString, RadiusCSSVariableString } from "../theme";
-import { BorderThickness } from "../theme";
-import type { ValueOf } from "../util/utility-types";
 export interface CreateSvgBackgroundImageOptions {
     /** Resolved stroke color for the dashed border. */
     colour: string;
@@ -11,9 +8,6 @@ export interface CreateSvgBackgroundImageOptions {
     /** Resolved stroke width for the dashed border. */
     thickness: string;
 }
-export declare const isRadiusToken: (value: unknown) => value is RadiusCSSVariableString;
-export declare const isThicknessToken: (value: unknown) => value is ValueOf<typeof BorderThickness>;
-export declare const isColourToken: (value: unknown) => value is ColourCSSVariableString;
 /**
  * Builds a data-URI SVG used as the dashed border background image.
  * @param options SVG background image options.

package/dashed-border/dashed-border.utils.js

@@ -1,2 +1,2 @@
-import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import{BorderThickness as e}from"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as t}from"../theme/tokens/radius.js";import{isTokenFromSet as r,isTokenWithPrefix as o}from"../theme/utils/token-resolver.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/string-helper.js";const s=new Set(Object.values(t)),n=new Set(Object.values(e)),i=e=>r(e,s),m=e=>r(e,n),h=e=>o(e,"var(--fds-colour-"),a=({colour:e,enabled:t,radius:r,thickness:o})=>`url("data:image/svg+xml,${encodeURIComponent(`\n    <svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>\n        <rect\n            width='100%' height='100%' fill='none'\n            rx='${r}'\n            ry='${r}'\n            stroke='${t?e:"none"}'\n            stroke-width='${t?o:0}'\n            stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'\n        />\n    </svg>`)}")`;export{a as createSvgBackgroundImage,h as isColourToken,i as isRadiusToken,m as isThicknessToken};
+const n=({colour:n,enabled:e,radius:t,thickness:s})=>`url("data:image/svg+xml,${encodeURIComponent(`\n    <svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>\n        <rect\n            width='100%' height='100%' fill='none'\n            rx='${t}'\n            ry='${t}'\n            stroke='${e?n:"none"}'\n            stroke-width='${e?s:0}'\n            stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'\n        />\n    </svg>`)}")`;export{n as createSvgBackgroundImage};
 //# sourceMappingURL=dashed-border.utils.js.map

package/dashed-border/dashed-border.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashed-border.utils.js","sources":["../../src/dashed-border/dashed-border.utils.ts"],"sourcesContent":["import type {\n    ColourCSSVariableString,\n    RadiusCSSVariableString,\n} from \"../theme\";\nimport {\n    BorderThickness,\n    isTokenFromSet,\n    isTokenWithPrefix,\n    Radius,\n} from \"../theme\";\nimport type { ValueOf } from \"../util/utility-types\";\n\nconst radiusTokenSet = new Set<string>(Object.values(Radius));\nconst thicknessTokenSet = new Set<string>(Object.values(BorderThickness));\n\nexport interface CreateSvgBackgroundImageOptions {\n    /** Resolved stroke color for the dashed border. */\n    colour: string;\n    /** Whether dashed stroke should be rendered. */\n    enabled: boolean;\n    /** Resolved CSS border radius for the SVG rect. */\n    radius: string;\n    /** Resolved stroke width for the dashed border. */\n    thickness: string;\n}\n\nexport const isRadiusToken = (\n    value: unknown\n): value is RadiusCSSVariableString => {\n    return isTokenFromSet<RadiusCSSVariableString>(value, radiusTokenSet);\n};\n\nexport const isThicknessToken = (\n    value: unknown\n): value is ValueOf<typeof BorderThickness> => {\n    return isTokenFromSet<ValueOf<typeof BorderThickness>>(\n        value,\n        thicknessTokenSet\n    );\n};\n\nexport const isColourToken = (\n    value: unknown\n): value is ColourCSSVariableString => {\n    return isTokenWithPrefix<ColourCSSVariableString>(\n        value,\n        \"var(--fds-colour-\"\n    );\n};\n\n/**\n * Builds a data-URI SVG used as the dashed border background image.\n * @param options SVG background image options.\n * @returns Encoded SVG as CSS `url(...)` string.\n */\nexport const createSvgBackgroundImage = ({\n    colour,\n    enabled,\n    radius,\n    thickness,\n}: CreateSvgBackgroundImageOptions) => {\n    const svg = `\n    <svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>\n        <rect\n            width='100%' height='100%' fill='none'\n            rx='${radius}'\n            ry='${radius}'\n            stroke='${enabled ? colour : \"none\"}'\n            stroke-width='${enabled ? thickness : 0}'\n            stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'\n        />\n    </svg>`;\n\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;\n};\n"],"names":["radiusTokenSet","Set","Object","values","Radius","thicknessTokenSet","BorderThickness","isRadiusToken","value","isTokenFromSet","isThicknessToken","isColourToken","isTokenWithPrefix","createSvgBackgroundImage","colour","enabled","radius","thickness","encodeURIComponent"],"mappings":"8fAYA,MAAMA,EAAiB,IAAIC,IAAYC,OAAOC,OAAOC,IAC/CC,EAAoB,IAAIJ,IAAYC,OAAOC,OAAOG,IAa3CC,EACTC,GAEOC,EAAwCD,EAAOR,GAG7CU,EACTF,GAEOC,EACHD,EACAH,GAIKM,EACTH,GAEOI,EACHJ,EACA,qBASKK,EAA2B,EACpCC,SACAC,UACAC,SACAC,eAcO,2BAA2BC,mBAZtB,iKAIEF,uBACAA,2BACID,EAAUD,EAAS,sCACbC,EAAUE,EAAY"}
+{"version":3,"file":"dashed-border.utils.js","sources":["../../src/dashed-border/dashed-border.utils.ts"],"sourcesContent":["export interface CreateSvgBackgroundImageOptions {\n    /** Resolved stroke color for the dashed border. */\n    colour: string;\n    /** Whether dashed stroke should be rendered. */\n    enabled: boolean;\n    /** Resolved CSS border radius for the SVG rect. */\n    radius: string;\n    /** Resolved stroke width for the dashed border. */\n    thickness: string;\n}\n\n/**\n * Builds a data-URI SVG used as the dashed border background image.\n * @param options SVG background image options.\n * @returns Encoded SVG as CSS `url(...)` string.\n */\nexport const createSvgBackgroundImage = ({\n    colour,\n    enabled,\n    radius,\n    thickness,\n}: CreateSvgBackgroundImageOptions) => {\n    const svg = `\n    <svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>\n        <rect\n            width='100%' height='100%' fill='none'\n            rx='${radius}'\n            ry='${radius}'\n            stroke='${enabled ? colour : \"none\"}'\n            stroke-width='${enabled ? thickness : 0}'\n            stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'\n        />\n    </svg>`;\n\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;\n};\n"],"names":["createSvgBackgroundImage","colour","enabled","radius","thickness","encodeURIComponent"],"mappings":"AAgBO,MAAMA,EAA2B,EACpCC,SACAC,UACAC,SACAC,eAcO,2BAA2BC,mBAZtB,iKAIEF,uBACAA,2BACID,EAAUD,EAAS,sCACbC,EAAUE,EAAY"}

package/data-table/data-table.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as t,jsx as n,Fragment as i}from"react/jsx-runtime";import{ArrowUpIcon as r,ArrowDownIcon as l}from"@lifesg/react-icons";import{useRef as o,useState as d,useCallback as c,useEffect as s}from"react";import{useInView as a}from"../external/react-intersection-observer/index.js";import{useResizeDetector as u}from"../external/react-resize-detector/build/index.esm.js";import"../animations/loading-dots/loading-dots.js";import{LoadingDotsSpinner as h}from"../animations/loading-dots-spinner/loading-dots-spinner.js";import"../animations/loading-spinner/loading-spinner.js";import"styled-components";import{Checkbox as m}from"../checkbox/checkbox.js";import{ErrorDisplay as g}from"../error-display/error-display.js";import"../v3_theme/index.js";import{Typography as p}from"../typography/index.js";import{useEventListener as f}from"../util/use-event-listener.js";import{TableWrapper as b,TableContainer as w,Table as y,TableBody as $,HeaderRow as v,EmptyViewCell as S,BodyRow as C,LoaderWrapper as k,ActionBarWrapper as x,ActionBar as H,TextButton as j,HeaderCell as B,CheckBoxWrapper as R,HeaderCellWrapper as A,ErrorDisplayTitle as I,BodyCell as N,BodyCellContent as V}from"./data-table.styles.js";const M=M=>{var{id:K,headers:Y,rows:_,className:z,sortIndicators:E,alternatingRows:L,loadState:q="success",enableMultiSelect:D,selectedIds:F,disabledIds:O,enableActionBar:T,enableSelectAll:W,enableStickyHeader:G,emptyView:J,actionBarContent:P,renderCustomEmptyView:Q,onHeaderClick:U,onSelect:X,onSelectAll:Z,onClearSelectionClick:ee}=M,te=e(M,["id","headers","rows","className","sortIndicators","alternatingRows","loadState","enableMultiSelect","selectedIds","disabledIds","enableActionBar","enableSelectAll","enableStickyHeader","emptyView","actionBarContent","renderCustomEmptyView","onHeaderClick","onSelect","onSelectAll","onClearSelectionClick"]);const ne=o(null),ie=o(null),re=o(null),le=o(null),oe=o(null),[de,ce]=d(!1),[se,ae]=d(!1),[ue,he]=d(!1),[me,ge]=d(!1),[pe,fe]=d(!1),{ref:be,inView:we}=a(),ye=c((()=>{if(!oe.current||!le.current)return;const e=oe.current.scrollHeight>oe.current.clientHeight;ce(e),e?le.current.style.transform="translateY(0)":je()}),[]);s((()=>{ye()}),[]),u({onResize:ye});f("scroll",(()=>{requestAnimationFrame((()=>{de?He():je()})),oe.current&&he(oe.current.getBoundingClientRect().bottom<=window.innerHeight)}),"window"),s((()=>{Be()}),[_]);const $e=()=>(null==F?void 0:F.length)===(null==_?void 0:_.length),ve=e=>!!(null==F?void 0:F.includes(e)),Se=e=>!!L&&e%2==1,Ce=e=>!!(null==O?void 0:O.includes(e)),ke=e=>{if(te["data-testid"])return`${te["data-testid"]}-${e}`},xe=()=>Y.length+(D?1:0),He=()=>{if(!oe.current)return;const e=oe.current.getBoundingClientRect();ge(e.bottom>window.innerHeight+30&&e.top<window.innerHeight-200)},je=()=>{if(!(ne.current&&ie.current&&oe.current&&le.current&&re.current))return;const e=ie.current.getBoundingClientRect();if(e.top>window.innerHeight){const t=e.bottom-window.innerHeight,n=ne.current.getBoundingClientRect().height-re.current.clientHeight-32,i=Math.min(t,n);le.current.style.transform=`translateY(-${i}px)`}else le.current.style.transform="translateY(0)"},Be=()=>{ne.current&&oe.current&&fe(ne.current.clientHeight+(T?56:0)<oe.current.clientHeight)},Re=e=>{const{fieldKey:i,label:r,clickable:l=!1,style:o}="string"==typeof e?{fieldKey:e,label:e,style:void 0}:e;return n(B,{"data-testid":ke(`header-${i}`),$clickable:l,onClick:()=>l&&(null==U?void 0:U(i)),style:o,$isCheckbox:!1,children:t(A,{children:["string"==typeof r?n(p.BodyBL,{weight:"bold",children:r}):r,Ae(i)]})},i)},Ae=e=>{const t=null==E?void 0:E[e];return t?"asc"===t?n(r,{"data-testid":ke(`header-${e}-arrowup`)}):n(l,{"data-testid":ke(`header-${e}-arrowdown`)}):n(i,{})},Ie=()=>n(B,{"data-testid":ke("header-selection"),$clickable:!1,$isCheckbox:!0,children:n(R,{children:W&&n(m,{checked:$e(),indeterminate:!!F&&0!==F.length&&!$e(),onClick:()=>{Z&&Z($e())}})})}),Ne=(e,t)=>{const i="string"!=typeof e?e.style:void 0,r="string"==typeof e?e:e.fieldKey,l=t.id.toString(),o=t[r],d=`${l}-${r}`;return n(N,{"data-testid":ke(`row-${d}`),style:i,$isCheckbox:!1,children:"string"==typeof o||"number"==typeof o?n(V,{children:o}):"function"==typeof o?o(t,{isSelected:ve(l)}):o},d)},Ve=e=>n(N,{"data-testid":ke(`row-${e}-selection`),$isCheckbox:!0,children:n(R,{children:n(m,{checked:ve(e),onClick:()=>{X&&X(e,!ve(e))},disabled:Ce(e)})})}),Me=()=>n(g,Object.assign({type:"no-item-found"},J,{title:(null==J?void 0:J.title)?"string"==typeof J.title?n(I,{weight:"bold",children:J.title}):J.title:n(I,{weight:"bold",children:"No <items> found"}),description:(null==J?void 0:J.description)?J.description:"No matching rows"}));return t(b,{id:K||"table-wrapper","data-testid":te["data-testid"]||"table",className:z,ref:oe,onScroll:()=>{de&&oe.current&&ae(oe.current.scrollTop+oe.current.clientHeight>=oe.current.scrollHeight)},tabIndex:0,children:[n(w,{children:t(y,{$end:ue,$scrollable:de,ref:ne,$stickyHeader:G,children:[n("thead",{ref:re,children:t(v,{children:[D&&Ie(),Y.map(Re)]})}),n($,{$showLastRowBottomBorder:pe,children:"success"===q?!_||_.length<1?n("tr",{children:n(S,{colSpan:xe(),children:Q?Q():Me()})}):n(i,{children:null==_?void 0:_.map(((e,n)=>t(C,{"data-testid":ke(`row-${e.id.toString()}`),$alternating:Se(n),$isSelectable:D,$isSelected:ve(e.id.toString()),children:[D&&Ve(e.id.toString()),Y.map((t=>Ne(t,e)))]},e.id.toString())))}):n("tr",{children:n("td",{colSpan:xe(),children:n(k,{children:"loading"===q&&n(h,{})})})})})]})}),T&&F&&F.length>0&&(()=>{var e,i,r,l;const o=null!==(e=null==F?void 0:F.length)&&void 0!==e?e:0;return n(x,{ref:le,$fixed:me,$left:null===(r=null===(i=null==ne?void 0:ne.current)||void 0===i?void 0:i.getBoundingClientRect())||void 0===r?void 0:r.left,$width:null===(l=null==ne?void 0:ne.current)||void 0===l?void 0:l.clientWidth,children:t(H,{$float:(de?!se:!we)||me,$scrollable:de,children:[n(p.BodyMD,{weight:"semibold",children:`${o} item${o>1?"s":""} selected`}),n(j,{type:"button",onClick:ee,children:"Clear selection"}),P]})})})(),n("div",{ref:e=>{ie.current=e,be(e)}})]})};export{M as DataTable};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{ArrowUpIcon as n,ArrowDownIcon as l}from"@lifesg/react-icons";import o from"clsx";import{useRef as a,useState as s,useCallback as d,useEffect as c}from"react";import{useInView as m}from"../external/react-intersection-observer/index.js";import{useResizeDetector as u}from"../external/react-resize-detector/build/index.esm.js";import"../animations/loading-dots/loading-dots.js";import{LoadingDotsSpinner as p}from"../animations/loading-dots-spinner/loading-dots-spinner.js";import"../animations/loading-spinner/loading-spinner.js";import"../theme/theme-provider/context.js";import{Checkbox as h}from"../checkbox/checkbox.js";import{ErrorDisplay as g}from"../error-display/error-display.js";import{VisuallyHidden as f,concatIds as y}from"../shared/accessibility/index.js";import{BasicButton as b}from"../shared/input-wrapper/input-wrapper.js";import"../theme/theme-provider/index.js";import"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{useApplyStyle as w}from"../theme/utils/use-apply-styles.js";import"../theme/utils/use-media-query.js";import{Typography as v}from"../typography/index.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as j}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useEventListener as S}from"../util/use-event-listener.js";import{tokens as N,tableContainer as $,table as k,tableWrapper as C,stickyHeader as x,headerRow as H,emptyStateCell as B,bodyRow as R,bodyRowWithBottomBorder as A,bodyRowAlternating as I,bodyRowSelectable as M,bodyRowSelected as V,loadingStateWrapper as W,actionBarButton as K,actionBar as L,actionBarFloating as q,actionBarWrapper as Y,actionBarWrapperFloating as z,selectionCheckboxWrapper as D,headerCell as E,headerCellCheckbox as _,headerCellContent as F,headerCellClickable as O,emptyStateTitle as P,bodyCell as T,bodyCellCheckbox as G,bodyCellText as J}from"./data-table.styles.js";const Q=Q=>{var{id:U,headers:X,rows:Z,className:ee,sortIndicators:te,alternatingRows:re,loadState:ie="success",enableMultiSelect:ne,selectedIds:le,disabledIds:oe,enableActionBar:ae,enableSelectAll:se,enableStickyHeader:de,emptyView:ce,actionBarContent:me,renderCustomEmptyView:ue,onHeaderClick:pe,onSelect:he,onSelectAll:ge,onClearSelectionClick:fe}=Q,ye=e(Q,["id","headers","rows","className","sortIndicators","alternatingRows","loadState","enableMultiSelect","selectedIds","disabledIds","enableActionBar","enableSelectAll","enableStickyHeader","emptyView","actionBarContent","renderCustomEmptyView","onHeaderClick","onSelect","onSelectAll","onClearSelectionClick"]);const be=a(null),we=a(null),ve=a(null),je=a(null),Se=a(null),Ne=j(),$e=X.filter((e=>"string"!=typeof e&&!!e.keyColumn)),[ke,Ce]=s(!1),[xe,He]=s(!1),[Be,Re]=s(!1),[Ae,Ie]=s(!1),{ref:Me,inView:Ve}=m();w(je,{[N.actionBarWrapperLeft]:Be&&be.current?`${be.current.getBoundingClientRect().left}px`:void 0,[N.actionBarWrapperWidth]:Be&&be.current?`${be.current.clientWidth}px`:void 0});const We=d((()=>{if(!Se.current||!je.current)return;const e=Se.current.scrollHeight>Se.current.clientHeight;Ce(e),e?je.current.style.transform="translateY(0)":Ge()}),[]);c((()=>{We()}),[]),u({onResize:We});S("scroll",(()=>{requestAnimationFrame((()=>{ke?Te():Ge()}))}),"window"),c((()=>{Je()}),[Z]);const Ke=()=>(null==le?void 0:le.length)===(null==Z?void 0:Z.length),Le=e=>!!(null==le?void 0:le.includes(e)),qe=e=>!!re&&e%2==1,Ye=e=>!!(null==oe?void 0:oe.includes(e)),ze=e=>{if(ye["data-testid"])return`${ye["data-testid"]}-${e}`},De=()=>X.length+(ne?1:0),Ee=e=>null==te?void 0:te[e],_e=e=>{const t=Ee(e);if(t)return"asc"===t?"ascending":"descending"},Fe=e=>` by ${"asc"===Ee(e)?"descending":"ascending"} order`,Oe=(e,t)=>`${Ne}-row-${e}-${t}-key-column`,Pe=e=>{const t=$e.map((t=>Oe(e,t.fieldKey)));return y(...t)},Te=()=>{if(!Se.current)return;const e=Se.current.getBoundingClientRect();Re(e.bottom>window.innerHeight+30&&e.top<window.innerHeight-200)},Ge=()=>{if(!(be.current&&we.current&&Se.current&&je.current&&ve.current))return;const e=we.current.getBoundingClientRect();if(e.top>window.innerHeight){const t=e.bottom-window.innerHeight,r=be.current.getBoundingClientRect().height-ve.current.clientHeight-32,i=Math.min(t,r);je.current.style.transform=`translateY(-${i}px)`}else je.current.style.transform="translateY(0)"},Je=()=>{be.current&&Se.current&&Ie(be.current.clientHeight+(ae?56:0)<Se.current.clientHeight)},Qe=e=>{const{fieldKey:i,label:n,clickable:l=!1,style:a}="string"==typeof e?{fieldKey:e,label:e,style:void 0}:e,s=!!Ee(i),d=(e=>`${Ne}-header-${e}`)(i);return t("th",{"data-testid":ze(`header-${i}`),className:o(E,l&&O),scope:"col","aria-sort":_e(i),style:a,onClick:()=>(e=>{null==pe||pe(e)})(i),children:[t("div",{className:F,id:d,children:["string"==typeof n?r(v.BodyBL,{weight:"bold",children:n}):n,Ue(i)]}),(l||s)&&r(f,{children:t("button",{onClick:e=>((e,t)=>{e.stopPropagation(),null==pe||pe(t)})(e,i),children:[s&&"Sort ",r("span",{"aria-labelledby":d}),s&&Fe(i)]})})]},i)},Ue=e=>{const t=null==te?void 0:te[e];return t?"asc"===t?r(n,{"aria-hidden":!0,"data-testid":ze(`header-${e}-arrowup`)}):r(l,{"aria-hidden":!0,"data-testid":ze(`header-${e}-arrowdown`)}):r(i,{})},Xe=()=>r("th",{"data-testid":ze("header-selection"),className:o(E,_),scope:"col",children:t("div",{className:D,children:[r(f,{children:"Row selection"}),se&&r(h,{checked:Ke(),indeterminate:!!le&&0!==le.length&&!Ke(),"aria-label":"Select all rows",onClick:()=>{ge&&ge(Ke())}})]})}),Ze=(e,t)=>{const i="string"==typeof e?void 0:e.style,n="string"==typeof e?e:e.fieldKey,l=t.id.toString(),o=t[n],a=`${l}-${n}`;let s;return s="string"==typeof o||"number"==typeof o?r(v.BodyBL,{className:J,children:o}):"function"==typeof o?o(t,{isSelected:Le(l)}):o,r("td",{"data-testid":ze(`row-${a}`),id:Oe(l,n),className:T,style:i,children:s},a)},et=e=>{const t=e.id.toString();return r("td",{"data-testid":ze(`row-${t}-selection`),className:o(T,G),children:r("div",{className:D,children:r(h,{checked:Le(t),"aria-labelledby":Pe(t),onClick:()=>{he&&he(t,!Le(t))},disabled:Ye(t),focusableWhenDisabled:Ye(t)})})})},tt=()=>{let e;return e=(null==ce?void 0:ce.title)?"string"==typeof ce.title?r(v.HeadingSM,{className:P,weight:"bold",children:ce.title}):ce.title:r(v.HeadingSM,{className:P,weight:"bold",children:"No <items> found"}),r(g,Object.assign({type:"no-item-found"},ce,{title:e,description:(null==ce?void 0:ce.description)?ce.description:"No matching rows"}))};return t("div",{id:U||"table-wrapper","data-testid":ye["data-testid"]||"table",className:o(C,ee),ref:Se,onScroll:()=>{ke&&Se.current&&He(Se.current.scrollTop+Se.current.clientHeight>=Se.current.scrollHeight)},tabIndex:0,children:[r("div",{className:$,children:t("table",{ref:be,className:o(k),children:[r("thead",{ref:ve,className:de?x:void 0,children:t("tr",{className:H,children:[ne&&Xe(),X.map(Qe)]})}),r("tbody",{children:"success"===ie?!Z||Z.length<1?r("tr",{children:r("td",{className:B,colSpan:De(),children:ue?ue():tt()})}):r(i,{children:null==Z?void 0:Z.map(((e,r)=>t("tr",{"data-testid":ze(`row-${e.id.toString()}`),className:o(R,Ae&&A,qe(r)&&I,ne&&M,Le(e.id.toString())&&V),children:[ne&&et(e),X.map((t=>Ze(t,e)))]},e.id.toString())))}):r("tr",{children:r("td",{colSpan:De(),children:r("div",{className:W,role:"status","aria-live":"polite","aria-label":"Loading table",children:"loading"===ie&&r(p,{})})})})})]})}),ae&&le&&le.length>0&&(()=>{var e;const i=null!==(e=null==le?void 0:le.length)&&void 0!==e?e:0,n=ke&&!xe||!ke&&!Ve||Be;return r("div",{ref:je,className:o(Y,Be&&z),children:t("div",{className:o(L,n&&q),children:[r(v.BodyMD,{weight:"semibold",children:`${i} item${i>1?"s":""} selected`}),r(b,{className:K,type:"button","aria-label":`Clear selection of ${i} item${1===i?"":"s"}`,onClick:fe,children:"Clear selection"}),me]})})})(),r("div",{ref:e=>{we.current=e,Me(e)}})]})};export{Q as DataTable};
 //# sourceMappingURL=data-table.js.map