@lifesg/react-design-system 3.4.0 → 3.5.0-canary.2

package/cjs/footer/footer-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-helper.js","sources":["../../../src/footer/footer-helper.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { ResourceScheme } from \"../theme/types\";\nimport { TypographyLinkProps } from \"../typography\";\nimport { getDefaultDisclaimerLinks } from \"./footer-disclaimer-links-data\";\nimport { DisclaimerLinks } from \"./types\";\n\n/* Internally used.  Not to be exported */\nexport interface InternalDisclaimerLinks {\n    privacy?: TypographyLinkProps | undefined;\n    termsOfUse?: TypographyLinkProps | undefined;\n    reportVulnerability?: TypographyLinkProps | undefined;\n}\n\nexport namespace FooterHelper {\n    export const getCopyrightInfo = (\n        lastUpdated: Date = new Date(),\n        resourceScheme: ResourceScheme | undefined\n    ): string => {\n        const copyrightText = getCopyrightText(resourceScheme);\n        const copyright = `${new Date().getFullYear()} ${copyrightText}`;\n        const lastUpdatedDateString = dayjs(lastUpdated).format(\"D MMMM YYYY\");\n\n        return `${copyright} Last updated ${lastUpdatedDateString}`;\n    };\n\n    const getCopyrightText = (resourceScheme: ResourceScheme | undefined) => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return \"LifeSG, Government of Singapore.\";\n            case \"bookingsg\":\n                return \"BookingSG, Government of Singapore.\";\n            case \"mylegacy\":\n                return \"MyLegacy@LifeSG, Government of Singapore.\";\n            case \"ccube\":\n                return \"Citizen Collective Common, Government of Singapore.\";\n            case \"imda\":\n                return \"IMDA, Government of Singapore.\";\n            default:\n                return \"Government of Singapore.\";\n        }\n    };\n\n    export const getFooterLogoAttribute = (\n        resourceScheme?: ResourceScheme\n    ): React.ImgHTMLAttributes<HTMLImageElement> => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg\",\n                    alt: \"LifeSG\",\n                    style: { width: \"4rem\" },\n                };\n\n            case \"bookingsg\":\n                return {\n                    src: \"https://home.booking.gov.sg/images/bookingsg/footer.svg\",\n                    alt: \"BookingSG\",\n                    style: { width: \"4rem\" },\n                };\n            case \"mylegacy\":\n                return {\n                    src: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n                    alt: \"MyLegacy\",\n                    style: { width: \"10rem\", maxHeight: \"2rem\" },\n                };\n            case \"ccube\":\n                return {\n                    src: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n                    alt: \"Citizen Collective Common\",\n                    style: { width: \"10rem\" },\n                };\n            case \"supportgowhere\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n                    alt: \"SupportGoWhere\",\n                    style: { width: \"10rem\" },\n                };\n\n            default:\n                return {};\n        }\n    };\n\n    export const getDisclaimerLinks = (\n        resourceScheme: ResourceScheme | undefined,\n        customDisclaimerLinks: DisclaimerLinks | undefined\n    ): InternalDisclaimerLinks => {\n        const defaultDisclaimerLinks =\n            getDefaultDisclaimerLinks(resourceScheme);\n        return {\n            privacy: {\n                ...defaultDisclaimerLinks.privacy,\n                ...(customDisclaimerLinks && customDisclaimerLinks.privacy\n                    ? customDisclaimerLinks.privacy\n                    : {}),\n                children: \"Privacy Statement\",\n            },\n            termsOfUse: {\n                ...defaultDisclaimerLinks.termsOfUse,\n                ...(customDisclaimerLinks && customDisclaimerLinks.termsOfUse\n                    ? customDisclaimerLinks.termsOfUse\n                    : {}),\n                children: \"Terms of Use\",\n            },\n            reportVulnerability: {\n                ...defaultDisclaimerLinks.reportVulnerability,\n                ...(customDisclaimerLinks &&\n                customDisclaimerLinks.reportVulnerability\n                    ? customDisclaimerLinks.reportVulnerability\n                    : {}),\n                children: \"Report Vulnerability\",\n            },\n        };\n    };\n}\n"],"names":["FooterHelper","getCopyrightInfo","lastUpdated","Date","resourceScheme","copyrightText","getCopyrightText","getFullYear","dayjs","format","getFooterLogoAttribute","src","alt","style","width","maxHeight","getDisclaimerLinks","customDisclaimerLinks","defaultDisclaimerLinks","getDefaultDisclaimerLinks","privacy","Object","assign","children","termsOfUse","reportVulnerability"],"mappings":"4GAaiBA,QAAAA,kBAAAA,EAAjB,SAAiBA,GACAA,EAAAC,iBAAmB,CAC5BC,EAAoB,IAAIC,KACxBC,KAEA,MAAMC,EAAgBC,EAAiBF,GAIvC,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAAA,QAAMN,GAAaO,OAAO,gBAEG,EAG/D,MAAMH,EAAoBF,IACtB,OAAQA,GACJ,IAAK,SACD,MAAO,mCACX,IAAK,YACD,MAAO,sCACX,IAAK,WACD,MAAO,4CACX,IAAK,QACD,MAAO,sDACX,IAAK,OACD,MAAO,iCACX,QACI,MAAO,6BAINJ,EAAAU,uBACTN,IAEA,OAAQA,GACJ,IAAK,SACD,MAAO,CACHO,IAAK,kFACLC,IAAK,SACLC,MAAO,CAAEC,MAAO,SAGxB,IAAK,YACD,MAAO,CACHH,IAAK,0DACLC,IAAK,YACLC,MAAO,CAAEC,MAAO,SAExB,IAAK,WACD,MAAO,CACHH,IAAK,oDACLC,IAAK,WACLC,MAAO,CAAEC,MAAO,QAASC,UAAW,SAE5C,IAAK,QACD,MAAO,CACHJ,IAAK,kDACLC,IAAK,4BACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,iBACD,MAAO,CACHH,IAAK,uEACLC,IAAK,iBACLC,MAAO,CAAEC,MAAO,UAGxB,QACI,MAAO,CAAA,IAINd,EAAAgB,mBAAqB,CAC9BZ,EACAa,KAEA,MAAMC,EACFC,EAAAA,0BAA0Bf,GAC9B,MAAO,CACHgB,QAAOC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAJ,EAAuBE,SACtBH,GAAyBA,EAAsBG,QAC7CH,EAAsBG,QACtB,CAAA,IACNG,SAAU,sBAEdC,WAAUH,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACHJ,EAAuBM,YACtBP,GAAyBA,EAAsBO,WAC7CP,EAAsBO,WACtB,CAAA,IACND,SAAU,iBAEdE,iEACOP,EAAuBO,qBACtBR,GACJA,EAAsBQ,oBAChBR,EAAsBQ,oBACtB,CAAA,IACNF,SAAU,yBAEjB,CAER,CArGD,CAAiBvB,QAAAA,eAAAA,qBAAY,CAAA"}
+{"version":3,"file":"footer-helper.js","sources":["../../../src/footer/footer-helper.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { ResourceScheme } from \"../theme/types\";\nimport { TypographyLinkProps } from \"../typography\";\nimport { getDefaultDisclaimerLinks } from \"./footer-disclaimer-links-data\";\nimport { DisclaimerLinks } from \"./types\";\n\n/* Internally used.  Not to be exported */\nexport interface InternalDisclaimerLinks {\n    privacy?: TypographyLinkProps | undefined;\n    termsOfUse?: TypographyLinkProps | undefined;\n    reportVulnerability?: TypographyLinkProps | undefined;\n}\n\nexport namespace FooterHelper {\n    export const getCopyrightInfo = (\n        lastUpdated: Date = new Date(),\n        resourceScheme: ResourceScheme | undefined\n    ): string => {\n        const copyrightText = getCopyrightText(resourceScheme);\n        const copyright = `${new Date().getFullYear()} ${copyrightText}`;\n        const lastUpdatedDateString = dayjs(lastUpdated).format(\"D MMMM YYYY\");\n\n        return `${copyright} Last updated ${lastUpdatedDateString}`;\n    };\n\n    const getCopyrightText = (resourceScheme: ResourceScheme | undefined) => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return \"LifeSG, Government of Singapore.\";\n            case \"bookingsg\":\n                return \"BookingSG, Government of Singapore.\";\n            case \"mylegacy\":\n                return \"MyLegacy@LifeSG, Government of Singapore.\";\n            case \"ccube\":\n                return \"Citizen Collective Common, Government of Singapore.\";\n            case \"imda\":\n                return \"IMDA, Government of Singapore.\";\n            default:\n                return \"Government of Singapore.\";\n        }\n    };\n\n    export const getFooterLogoAttribute = (\n        resourceScheme?: ResourceScheme\n    ): React.ImgHTMLAttributes<HTMLImageElement> => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg\",\n                    alt: \"LifeSG\",\n                    style: { width: \"4rem\" },\n                };\n\n            case \"bookingsg\":\n                return {\n                    src: \"https://home.booking.gov.sg/images/bookingsg/footer.svg\",\n                    alt: \"BookingSG\",\n                    style: { width: \"4rem\" },\n                };\n            case \"mylegacy\":\n                return {\n                    src: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n                    alt: \"MyLegacy\",\n                    style: { width: \"10rem\", maxHeight: \"2rem\" },\n                };\n            case \"ccube\":\n                return {\n                    src: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n                    alt: \"Citizen Collective Common\",\n                    style: { width: \"10rem\" },\n                };\n            case \"supportgowhere\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n                    alt: \"SupportGoWhere\",\n                    style: { width: \"10rem\" },\n                };\n            case \"toteboard\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/tote-board-logo.svg\",\n                    alt: \"Tote Board\",\n                    style: { width: \"4rem\" },\n                };\n\n            default:\n                return {};\n        }\n    };\n\n    export const getDisclaimerLinks = (\n        resourceScheme: ResourceScheme | undefined,\n        customDisclaimerLinks: DisclaimerLinks | undefined\n    ): InternalDisclaimerLinks => {\n        const defaultDisclaimerLinks =\n            getDefaultDisclaimerLinks(resourceScheme);\n        return {\n            privacy: {\n                ...defaultDisclaimerLinks.privacy,\n                ...(customDisclaimerLinks && customDisclaimerLinks.privacy\n                    ? customDisclaimerLinks.privacy\n                    : {}),\n                children: \"Privacy Statement\",\n            },\n            termsOfUse: {\n                ...defaultDisclaimerLinks.termsOfUse,\n                ...(customDisclaimerLinks && customDisclaimerLinks.termsOfUse\n                    ? customDisclaimerLinks.termsOfUse\n                    : {}),\n                children: \"Terms of Use\",\n            },\n            reportVulnerability: {\n                ...defaultDisclaimerLinks.reportVulnerability,\n                ...(customDisclaimerLinks &&\n                customDisclaimerLinks.reportVulnerability\n                    ? customDisclaimerLinks.reportVulnerability\n                    : {}),\n                children: \"Report Vulnerability\",\n            },\n        };\n    };\n}\n"],"names":["FooterHelper","getCopyrightInfo","lastUpdated","Date","resourceScheme","copyrightText","getCopyrightText","getFullYear","dayjs","format","getFooterLogoAttribute","src","alt","style","width","maxHeight","getDisclaimerLinks","customDisclaimerLinks","defaultDisclaimerLinks","getDefaultDisclaimerLinks","privacy","Object","assign","children","termsOfUse","reportVulnerability"],"mappings":"4GAaiBA,QAAAA,kBAAAA,EAAjB,SAAiBA,GACAA,EAAAC,iBAAmB,CAC5BC,EAAoB,IAAIC,KACxBC,KAEA,MAAMC,EAAgBC,EAAiBF,GAIvC,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAAA,QAAMN,GAAaO,OAAO,gBAEG,EAG/D,MAAMH,EAAoBF,IACtB,OAAQA,GACJ,IAAK,SACD,MAAO,mCACX,IAAK,YACD,MAAO,sCACX,IAAK,WACD,MAAO,4CACX,IAAK,QACD,MAAO,sDACX,IAAK,OACD,MAAO,iCACX,QACI,MAAO,6BAINJ,EAAAU,uBACTN,IAEA,OAAQA,GACJ,IAAK,SACD,MAAO,CACHO,IAAK,kFACLC,IAAK,SACLC,MAAO,CAAEC,MAAO,SAGxB,IAAK,YACD,MAAO,CACHH,IAAK,0DACLC,IAAK,YACLC,MAAO,CAAEC,MAAO,SAExB,IAAK,WACD,MAAO,CACHH,IAAK,oDACLC,IAAK,WACLC,MAAO,CAAEC,MAAO,QAASC,UAAW,SAE5C,IAAK,QACD,MAAO,CACHJ,IAAK,kDACLC,IAAK,4BACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,iBACD,MAAO,CACHH,IAAK,uEACLC,IAAK,iBACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,YACD,MAAO,CACHH,IAAK,8EACLC,IAAK,aACLC,MAAO,CAAEC,MAAO,SAGxB,QACI,MAAO,CAAA,IAINd,EAAAgB,mBAAqB,CAC9BZ,EACAa,KAEA,MAAMC,EACFC,EAAAA,0BAA0Bf,GAC9B,MAAO,CACHgB,QAAOC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAJ,EAAuBE,SACtBH,GAAyBA,EAAsBG,QAC7CH,EAAsBG,QACtB,CAAA,IACNG,SAAU,sBAEdC,WAAUH,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACHJ,EAAuBM,YACtBP,GAAyBA,EAAsBO,WAC7CP,EAAsBO,WACtB,CAAA,IACND,SAAU,iBAEdE,iEACOP,EAAuBO,qBACtBR,GACJA,EAAsBQ,oBAChBR,EAAsBQ,oBACtB,CAAA,IACNF,SAAU,yBAEjB,CAER,CA3GD,CAAiBvB,QAAAA,eAAAA,qBAAY,CAAA"}

package/cjs/form/form-label.style.js

@@ -1,29 +1,32 @@
-"use strict";var e=require("styled-components"),t=require("@lifesg/react-icons/exclamation-circle-fill"),o=require("../shared/html-content/html-content.js"),r=require("../theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e);const i=n.default.div`
+"use strict";var e=require("styled-components"),o=require("@lifesg/react-icons/exclamation-circle-fill"),t=require("../shared/html-content/html-content.js"),r=require("../theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);const n=i.default.div`
     margin-bottom: ${r.Spacing["spacing-8"]};
-`,a=n.default.label`
+    display: flex;
+    flex-direction: column;
+    gap: ${r.Spacing["spacing-4"]};
+`,a=i.default.label`
     color: ${r.Colour["text-subtle"]};
     display: inline-block;
 
     ${r.Font["form-label"]}
-    ${o.applyHtmlContentStyle()}
+    ${t.applyHtmlContentStyle()}
     font-weight: ${r.Font.Spec["weight-semibold"]};
-`,s=n.default(t.ExclamationCircleFillIcon)`
+`,s=i.default(o.ExclamationCircleFillIcon)`
     height: 1lh;
     width: 1em;
     flex-shrink: 0;
     color: ${r.Colour["icon-error-strong"]};
-`,c=n.default.div`
+`,c=i.default.div`
     ${r.Font["body-sm-semibold"]}
     display: flex;
     gap: ${r.Spacing["spacing-4"]};
     margin-top: ${r.Spacing["spacing-8"]};
-`,p=n.default.p`
+`,p=i.default.p`
     color: ${r.Colour["text-error"]};
     margin-bottom: 0;
     outline: none;
-`,u=n.default.span`
+`,u=i.default.span`
     ${r.Font["form-description"]}
     color: ${r.Colour["text-subtler"]};
     display: block;
-`;exports.ErrorIcon=s,exports.ErrorMessage=p,exports.ErrorMessageContainer=c,exports.Label=a,exports.LabelContainer=i,exports.Subtitle=u;
+`;exports.ErrorIcon=s,exports.ErrorMessage=p,exports.ErrorMessageContainer=c,exports.Label=a,exports.LabelContainer=n,exports.Subtitle=u;
 //# sourceMappingURL=form-label.style.js.map

package/cjs/form/form-label.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.style.js","sources":["../../../src/form/form-label.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Colour, Font, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const LabelContainer = styled.div`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n`;\nexport const Label = styled.label`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n\n    ${Font[\"form-label\"]}\n    ${applyHtmlContentStyle()}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorMessage = styled.p`\n    color: ${Colour[\"text-error\"]};\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const Subtitle = styled.span`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":["LabelContainer","styled","div","Spacing","Label","label","Colour","Font","applyHtmlContentStyle","Spec","ErrorIcon","ExclamationCircleFillIcon","ErrorMessageContainer","ErrorMessage","p","Subtitle","span"],"mappings":"+QAQO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;qBACnBC,EAAAA,QAAQ;EAEhBC,EAAQH,EAAAA,QAAOI,KAAK;aACpBC,EAAAA,OAAO;;;MAGdC,EAAAA,KAAK;MACLC;mBACaD,EAAAA,KAAKE,KAAK;EAGhBC,EAAYT,EAAAA,QAAOU,EAAAA,0BAA0B;;;;aAI7CL,EAAAA,OAAO;EAGPM,EAAwBX,EAAAA,QAAOC,GAAG;MACzCK,EAAAA,KAAK;;WAEAJ,EAAAA,QAAQ;kBACDA,EAAAA,QAAQ;EAGbU,EAAeZ,EAAAA,QAAOa,CAAC;aACvBR,EAAAA,OAAO;;;EAKPS,EAAWd,EAAAA,QAAOe,IAAI;MAC7BT,EAAAA,KAAK;aACED,EAAAA,OAAO;;"}
+{"version":3,"file":"form-label.style.js","sources":["../../../src/form/form-label.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Colour, Font, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const LabelContainer = styled.div`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    display: flex;\n    flex-direction: column;\n    gap: ${Spacing[\"spacing-4\"]};\n`;\nexport const Label = styled.label`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n\n    ${Font[\"form-label\"]}\n    ${applyHtmlContentStyle()}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorMessage = styled.p`\n    color: ${Colour[\"text-error\"]};\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const Subtitle = styled.span`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":["LabelContainer","styled","div","Spacing","Label","label","Colour","Font","applyHtmlContentStyle","Spec","ErrorIcon","ExclamationCircleFillIcon","ErrorMessageContainer","ErrorMessage","p","Subtitle","span"],"mappings":"+QAQO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;qBACnBC,EAAAA,QAAQ;;;WAGlBA,EAAAA,QAAQ;EAENC,EAAQH,EAAAA,QAAOI,KAAK;aACpBC,EAAAA,OAAO;;;MAGdC,EAAAA,KAAK;MACLC;mBACaD,EAAAA,KAAKE,KAAK;EAGhBC,EAAYT,EAAAA,QAAOU,EAAAA,0BAA0B;;;;aAI7CL,EAAAA,OAAO;EAGPM,EAAwBX,EAAAA,QAAOC,GAAG;MACzCK,EAAAA,KAAK;;WAEAJ,EAAAA,QAAQ;kBACDA,EAAAA,QAAQ;EAGbU,EAAeZ,EAAAA,QAAOa,CAAC;aACvBR,EAAAA,OAAO;;;EAKPS,EAAWd,EAAAA,QAAOe,IAAI;MAC7BT,EAAAA,KAAK;aACED,EAAAA,OAAO;;"}

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./accordion/accordion.js"),r=require("./alert/alert.js"),t=require("./animations/loading-spinner/loading-spinner.js"),o=require("./animations/loading-dots/loading-dots.js"),i=require("./animations/loading-dots-spinner/loading-dots-spinner.js"),s=require("./animations/themed-loading-spinner/themed-loading-spinner.js"),n=require("./avatar/avatar.js"),p=require("./badge/badge.js"),a=require("./box-container/box-container.js"),u=require("./breadcrumb/breadcrumb.js"),l=require("./button/button.js"),x=require("./button-with-icon/button-with-icon.js"),d=require("./calendar/calendar.js"),m=require("./card/card.js"),g=require("./checkbox/checkbox.js"),c=require("./countdown-timer/countdown-timer.js"),h=require("./data-table/data-table.js"),T=require("./date-input/date-input.js"),j=require("./date-navigator/date-navigator.js"),q=require("./date-range-input/date-range-input.js"),b=require("./divider/divider.js"),S=require("./drawer/drawer.js"),v=require("./e-signature/e-signature.js"),y=require("./error-display/error-display.js"),B=require("./error-display/helper.js"),k=require("./feedback-rating/feedback-rating.js"),I=require("./file-download/file-download.js"),_=require("./file-upload/file-upload.js"),C=require("./filter/filter.js"),M=require("./footer/footer.js"),V=require("./form/index.js"),P=require("./fullscreen-image-carousel/fullscreen-image-carousel.js"),w=require("./histogram-slider/histogram-slider.js"),D=require("./icon-button/icon-button.js"),f=require("./image-button/image-button.js"),L=require("./input/input.js"),R=require("./input-group/input-group.js"),F=require("./input-multi-select/input-multi-select.js"),G=require("./input-nested-multi-select/input-nested-multi-select.js"),N=require("./input-nested-select/input-nested-select.js"),W=require("./input-range-select/input-range-select.js"),A=require("./input-range-slider/input-range-slider.js"),O=require("./input-select/input-select.js"),H=require("./input-slider/input-slider.js"),E=require("./input-textarea/textarea.js"),U=require("./language-switcher/language-switcher.js"),Q=require("./layout/index.js"),K=require("./link-list/link-list.js"),z=require("./markup/markup.js"),J=require("./masked-input/masked-input.js"),X=require("./masonry/masonry.js"),Y=require("./masthead/masthead.js"),Z=require("./menu/menu.js"),$=require("./modal/index.js"),ee=require("./modal-v2/index.js"),re=require("./navbar/navbar.js"),te=require("./notification-banner/notification-banner.js"),oe=require("./notification-banner/notification-banner-hoc.js"),ie=require("./otp-input/otp-input.js"),se=require("./overlay/overlay.js"),ne=require("./pagination/pagination.js"),pe=require("./phone-number-input/phone-number-input.js"),ae=require("./pill/pill.js"),ue=require("./popover/popover-hoc.js"),le=require("./popover/popover.js"),xe=require("./popover-v2/popover.js"),de=require("./popover-v2/popover-inline/popover-inline.js"),me=require("./popover-v2/popover-trigger.js"),ge=require("./predictive-text-input/predictive-text-input.js"),ce=require("./progress-indicator/progress-indicator.js"),he=require("./radio-button/radio-button.js"),Te=require("./select-histogram/select-histogram.js"),je=require("./sidenav/sidenav.js"),qe=require("./singpass-button/singpass-button.js"),be=require("./smart-app-banner/smart-app-banner.js"),Se=require("./tab/tab.js"),ve=require("./table/table.js"),ye=require("./tag/tag.js"),Be=require("./text-list/index.js"),ke=require("./theme/index.js"),Ie=require("./time-range-picker/time-range-picker.js"),_e=require("./time-slot-bar/time-slot-bar.js"),Ce=require("./time-slot-bar-week/time-slot-bar-week.js"),Me=require("./time-slot-week-view/time-slot-week-view.js"),Ve=require("./timeline/timeline.js"),Pe=require("./timepicker/timepicker.js"),we=require("./timetable/timetable.js"),De=require("./toast/toast.js"),fe=require("./toggle/toggle.js"),Le=require("./tooltip/tooltip.js"),Re=require("./tooltip/tooltip-hoc.js"),Fe=require("./typography/typography.js"),Ge=require("./uneditable-section/index.js"),Ne=require("./unit-number/unit-number-input.js"),We=require("./v2_color/color.js"),Ae=require("./v2_design-token/design-token.js"),Oe=require("./v2_layout/index.js"),He=require("./v2_media/media.js"),Ee=require("./v2_text/helper.js"),Ue=require("./v2_text/text-style.js"),Qe=require("./v2_text/text.js"),Ke=require("./v2_text/types.js"),ze=require("./v2_text-list/index.js"),Je=require("./v2_theme/index.js"),Xe=require("./v2_transition/index.js"),Ye=require("./theme/ds-theme-provider.js"),Ze=require("./v2_theme/types.js"),$e=require("./theme/use-theme-mode.js");exports.Accordion=e.Accordion,exports.Alert=r.Alert,exports.LoadingSpinner=t.LoadingSpinner,exports.LoadingDots=o.LoadingDots,exports.LoadingDotsSpinner=i.LoadingDotsSpinner,exports.ThemedLoadingSpinner=s.ThemedLoadingSpinner,exports.Avatar=n.Avatar,exports.Badge=p.Badge,exports.BoxContainer=a.BoxContainer,exports.Breadcrumb=u.Breadcrumb,exports.Button=l.Button,exports.ButtonWithIcon=x.ButtonWithIcon,exports.Calendar=d.Calendar,exports.Card=m.Card,exports.Checkbox=g.Checkbox,exports.CountdownTimer=c.CountdownTimer,exports.DataTable=h.DataTable,exports.DateInput=T.DateInput,exports.DateNavigator=j.DateNavigator,exports.DateRangeInput=q.DateRangeInput,exports.Divider=b.Divider,exports.Drawer=S.Drawer,exports.ESignature=v.ESignature,exports.ErrorDisplay=y.ErrorDisplay,Object.defineProperty(exports,"ErrorDisplayHelper",{enumerable:!0,get:function(){return B.ErrorDisplayHelper}}),exports.FeedbackRating=k.FeedbackRating,exports.FileDownload=I.FileDownload,exports.FileUpload=_.FileUpload,exports.Filter=C.Filter,exports.Footer=M.Footer,exports.Form=V.Form,exports.Component=P.Component,exports.FullscreenImageCarousel=P.FullscreenImageCarousel,exports.HistogramSlider=w.HistogramSlider,exports.IconButton=D.IconButton,exports.ImageButton=f.ImageButton,exports.Input=L.Input,exports.InputGroup=R.InputGroup,exports.InputMultiSelect=F.InputMultiSelect,exports.InputNestedMultiSelect=G.InputNestedMultiSelect,exports.InputNestedSelect=N.InputNestedSelect,exports.InputRangeSelect=W.InputRangeSelect,exports.InputRangeSlider=A.InputRangeSlider,exports.InputSelect=O.InputSelect,exports.InputSlider=H.InputSlider,exports.Textarea=E.Textarea,exports.LanguageSwitcher=U.LanguageSwitcher,exports.Layout=Q.Layout,exports.LinkList=K.LinkList,exports.Markup=z.Markup,exports.MaskedInput=J.MaskedInput,exports.Masonry=X.Masonry,exports.Masthead=Y.Masthead,exports.Menu=Z.Menu,exports.MenuTrigger=Z.MenuTrigger,exports.Modal=$.Modal,exports.ModalV2=ee.ModalV2,exports.Navbar=re.Navbar,exports.NBComponent=te.NBComponent,exports.NotificationBanner=te.NotificationBanner,exports.withNotificationBanner=oe.withNotificationBanner,exports.OtpInput=ie.OtpInput,exports.Overlay=se.Overlay,exports.Pagination=ne.Pagination,exports.PhoneNumberInput=pe.PhoneNumberInput,exports.Pill=ae.Pill,exports.withPopover=ue.withPopover,exports.Popover=le.Popover,exports.PopoverV2=xe.PopoverV2,exports.PopoverInline=de.PopoverInline,exports.PopoverTrigger=me.PopoverTrigger,exports.PredictiveTextInput=ge.PredictiveTextInput,exports.ProgressIndicator=ce.ProgressIndicator,exports.RadioButton=he.RadioButton,exports.SelectHistogram=Te.SelectHistogram,exports.Sidenav=je.Sidenav,exports.SingpassButton=qe.SingpassButton,exports.SmartAppBanner=be.SmartAppBanner,exports.Tab=Se.Tab,exports.Table=ve.Table,exports.Tag=ye.Tag,exports.TextList=Be.TextList,exports.A11yPlaygroundTheme=ke.A11yPlaygroundTheme,exports.BookingSGTheme=ke.BookingSGTheme,exports.Border=ke.Border,exports.Breakpoint=ke.Breakpoint,exports.CCubeTheme=ke.CCubeTheme,exports.CareerCompassTheme=ke.CareerCompassTheme,exports.Colour=ke.Colour,exports.Font=ke.Font,exports.IMDATheme=ke.IMDATheme,exports.LifeSGTheme=ke.LifeSGTheme,exports.MediaQuery=ke.MediaQuery,exports.Motion=ke.Motion,exports.MyLegacyTheme=ke.MyLegacyTheme,exports.OneServiceTheme=ke.OneServiceTheme,exports.PATheme=ke.PATheme,exports.RBSTheme=ke.RBSTheme,exports.Radius=ke.Radius,exports.SGWDigitalLobbyTheme=ke.SGWDigitalLobbyTheme,exports.SGWDigitalLobbyThemeBase=ke.SGWDigitalLobbyThemeBase,exports.SMGSTheme=ke.SMGSTheme,exports.SPFTheme=ke.SPFTheme,exports.Shadow=ke.Shadow,exports.Spacing=ke.Spacing,exports.SupportGoWhereTheme=ke.SupportGoWhereTheme,exports.SupportGoWhereThemeBase=ke.SupportGoWhereThemeBase,exports.ThemeComponent=ke.ThemeComponent,exports.TimeRangePicker=Ie.TimeRangePicker,exports.TimeSlotBar=_e.TimeSlotBar,exports.TimeSlotBarWeek=Ce.TimeSlotBarWeek,exports.TimeSlotWeekView=Me.TimeSlotWeekView,exports.Timeline=Ve.Timeline,exports.Timepicker=Pe.Timepicker,exports.TimeTable=we.TimeTable,exports.Toast=De.Toast,exports.Toggle=fe.Toggle,exports.Tooltip=Le.Tooltip,exports.withTooltip=Re.withTooltip,Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return Fe.Typography}}),exports.UneditableSection=Ge.UneditableSection,exports.UnitNumberInput=Ne.UnitNumberInput,exports.V2_Color=We.V2_Color,exports.V2_DesignToken=Ae.V2_DesignToken,exports.V2_Layout=Oe.V2_Layout,exports.V2_MediaQuery=He.V2_MediaQuery,exports.V2_MediaWidths=He.V2_MediaWidths,exports.V2_TextStyleHelper=Ee.V2_TextStyleHelper,exports.V2_TextStyle=Ue.V2_TextStyle,Object.defineProperty(exports,"V2_Text",{enumerable:!0,get:function(){return Qe.V2_Text}}),Object.defineProperty(exports,"RedirectScope",{enumerable:!0,get:function(){return Ke.RedirectScope}}),exports.V2_TextList=ze.V2_TextList,exports.V2_BaseTheme=Je.V2_BaseTheme,exports.V2_BookingSGTheme=Je.V2_BookingSGTheme,exports.V2_CCubeTheme=Je.V2_CCubeTheme,exports.V2_MyLegacyTheme=Je.V2_MyLegacyTheme,exports.V2_OneServiceTheme=Je.V2_OneServiceTheme,exports.V2_RBSTheme=Je.V2_RBSTheme,exports.V2_Transition=Xe.V2_Transition,exports.DSThemeProvider=Ye.DSThemeProvider,Object.defineProperty(exports,"V2_ThemeContextKeys",{enumerable:!0,get:function(){return Ze.V2_ThemeContextKeys}}),exports.createThemeWithColourMode=$e.createThemeWithColourMode,exports.getSystemColourMode=$e.getSystemColourMode,exports.useDSTheme=$e.useDSTheme;
+"use strict";var e=require("./accordion/accordion.js"),r=require("./alert/alert.js"),t=require("./animations/loading-spinner/loading-spinner.js"),o=require("./animations/loading-dots/loading-dots.js"),i=require("./animations/loading-dots-spinner/loading-dots-spinner.js"),s=require("./animations/themed-loading-spinner/themed-loading-spinner.js"),n=require("./avatar/avatar.js"),p=require("./badge/badge.js"),a=require("./box-container/box-container.js"),u=require("./breadcrumb/breadcrumb.js"),l=require("./button/button.js"),x=require("./button-with-icon/button-with-icon.js"),d=require("./calendar/calendar.js"),m=require("./card/card.js"),g=require("./checkbox/checkbox.js"),c=require("./countdown-timer/countdown-timer.js"),T=require("./data-table/data-table.js"),h=require("./date-input/date-input.js"),j=require("./date-navigator/date-navigator.js"),q=require("./date-range-input/date-range-input.js"),b=require("./divider/divider.js"),S=require("./drawer/drawer.js"),v=require("./e-signature/e-signature.js"),y=require("./error-display/error-display.js"),B=require("./error-display/helper.js"),k=require("./feedback-rating/feedback-rating.js"),I=require("./file-download/file-download.js"),_=require("./file-upload/file-upload.js"),C=require("./filter/filter.js"),M=require("./footer/footer.js"),V=require("./form/index.js"),P=require("./fullscreen-image-carousel/fullscreen-image-carousel.js"),w=require("./histogram-slider/histogram-slider.js"),D=require("./icon-button/icon-button.js"),f=require("./image-button/image-button.js"),L=require("./input/input.js"),R=require("./input-group/input-group.js"),F=require("./input-multi-select/input-multi-select.js"),G=require("./input-nested-multi-select/input-nested-multi-select.js"),N=require("./input-nested-select/input-nested-select.js"),W=require("./input-range-select/input-range-select.js"),A=require("./input-range-slider/input-range-slider.js"),O=require("./input-select/input-select.js"),H=require("./input-slider/input-slider.js"),E=require("./input-textarea/textarea.js"),U=require("./language-switcher/language-switcher.js"),Q=require("./layout/index.js"),K=require("./link-list/link-list.js"),z=require("./markup/markup.js"),J=require("./masked-input/masked-input.js"),X=require("./masonry/masonry.js"),Y=require("./masthead/masthead.js"),Z=require("./menu/menu.js"),$=require("./modal/index.js"),ee=require("./modal-v2/index.js"),re=require("./navbar/navbar.js"),te=require("./notification-banner/notification-banner.js"),oe=require("./notification-banner/notification-banner-hoc.js"),ie=require("./otp-input/otp-input.js"),se=require("./overlay/overlay.js"),ne=require("./pagination/pagination.js"),pe=require("./phone-number-input/phone-number-input.js"),ae=require("./pill/pill.js"),ue=require("./popover/popover-hoc.js"),le=require("./popover/popover.js"),xe=require("./popover-v2/popover.js"),de=require("./popover-v2/popover-inline/popover-inline.js"),me=require("./popover-v2/popover-trigger.js"),ge=require("./predictive-text-input/predictive-text-input.js"),ce=require("./progress-indicator/progress-indicator.js"),Te=require("./radio-button/radio-button.js"),he=require("./select-histogram/select-histogram.js"),je=require("./sidenav/sidenav.js"),qe=require("./singpass-button/singpass-button.js"),be=require("./smart-app-banner/smart-app-banner.js"),Se=require("./tab/tab.js"),ve=require("./table/table.js"),ye=require("./tag/tag.js"),Be=require("./text-list/index.js"),ke=require("./theme/index.js"),Ie=require("./time-range-picker/time-range-picker.js"),_e=require("./time-slot-bar/time-slot-bar.js"),Ce=require("./time-slot-bar-week/time-slot-bar-week.js"),Me=require("./time-slot-week-view/time-slot-week-view.js"),Ve=require("./timeline/timeline.js"),Pe=require("./timepicker/timepicker.js"),we=require("./timetable/timetable.js"),De=require("./toast/toast.js"),fe=require("./toggle/toggle.js"),Le=require("./tooltip/tooltip.js"),Re=require("./tooltip/tooltip-hoc.js"),Fe=require("./typography/typography.js"),Ge=require("./uneditable-section/index.js"),Ne=require("./unit-number/unit-number-input.js"),We=require("./v2_color/color.js"),Ae=require("./v2_design-token/design-token.js"),Oe=require("./v2_layout/index.js"),He=require("./v2_media/media.js"),Ee=require("./v2_text/helper.js"),Ue=require("./v2_text/text-style.js"),Qe=require("./v2_text/text.js"),Ke=require("./v2_text/types.js"),ze=require("./v2_text-list/index.js"),Je=require("./v2_theme/index.js"),Xe=require("./v2_transition/index.js"),Ye=require("./theme/ds-theme-provider.js"),Ze=require("./v2_theme/types.js"),$e=require("./theme/use-theme-mode.js");exports.Accordion=e.Accordion,exports.Alert=r.Alert,exports.LoadingSpinner=t.LoadingSpinner,exports.LoadingDots=o.LoadingDots,exports.LoadingDotsSpinner=i.LoadingDotsSpinner,exports.ThemedLoadingSpinner=s.ThemedLoadingSpinner,exports.Avatar=n.Avatar,exports.Badge=p.Badge,exports.BoxContainer=a.BoxContainer,exports.Breadcrumb=u.Breadcrumb,exports.Button=l.Button,exports.ButtonWithIcon=x.ButtonWithIcon,exports.Calendar=d.Calendar,exports.Card=m.Card,exports.Checkbox=g.Checkbox,exports.CountdownTimer=c.CountdownTimer,exports.DataTable=T.DataTable,exports.DateInput=h.DateInput,exports.DateNavigator=j.DateNavigator,exports.DateRangeInput=q.DateRangeInput,exports.Divider=b.Divider,exports.Drawer=S.Drawer,exports.ESignature=v.ESignature,exports.ErrorDisplay=y.ErrorDisplay,Object.defineProperty(exports,"ErrorDisplayHelper",{enumerable:!0,get:function(){return B.ErrorDisplayHelper}}),exports.FeedbackRating=k.FeedbackRating,exports.FileDownload=I.FileDownload,exports.FileUpload=_.FileUpload,exports.Filter=C.Filter,exports.Footer=M.Footer,exports.Form=V.Form,exports.Component=P.Component,exports.FullscreenImageCarousel=P.FullscreenImageCarousel,exports.HistogramSlider=w.HistogramSlider,exports.IconButton=D.IconButton,exports.ImageButton=f.ImageButton,exports.Input=L.Input,exports.InputGroup=R.InputGroup,exports.InputMultiSelect=F.InputMultiSelect,exports.InputNestedMultiSelect=G.InputNestedMultiSelect,exports.InputNestedSelect=N.InputNestedSelect,exports.InputRangeSelect=W.InputRangeSelect,exports.InputRangeSlider=A.InputRangeSlider,exports.InputSelect=O.InputSelect,exports.InputSlider=H.InputSlider,exports.Textarea=E.Textarea,exports.LanguageSwitcher=U.LanguageSwitcher,exports.Layout=Q.Layout,exports.LinkList=K.LinkList,exports.Markup=z.Markup,exports.MaskedInput=J.MaskedInput,exports.Masonry=X.Masonry,exports.Masthead=Y.Masthead,exports.Menu=Z.Menu,exports.MenuTrigger=Z.MenuTrigger,exports.Modal=$.Modal,exports.ModalV2=ee.ModalV2,exports.Navbar=re.Navbar,exports.NBComponent=te.NBComponent,exports.NotificationBanner=te.NotificationBanner,exports.withNotificationBanner=oe.withNotificationBanner,exports.OtpInput=ie.OtpInput,exports.Overlay=se.Overlay,exports.Pagination=ne.Pagination,exports.PhoneNumberInput=pe.PhoneNumberInput,exports.Pill=ae.Pill,exports.withPopover=ue.withPopover,exports.Popover=le.Popover,exports.PopoverV2=xe.PopoverV2,exports.PopoverInline=de.PopoverInline,exports.PopoverTrigger=me.PopoverTrigger,exports.PredictiveTextInput=ge.PredictiveTextInput,exports.ProgressIndicator=ce.ProgressIndicator,exports.RadioButton=Te.RadioButton,exports.SelectHistogram=he.SelectHistogram,exports.Sidenav=je.Sidenav,exports.SingpassButton=qe.SingpassButton,exports.SmartAppBanner=be.SmartAppBanner,exports.Tab=Se.Tab,exports.Table=ve.Table,exports.Tag=ye.Tag,exports.TextList=Be.TextList,exports.A11yPlaygroundTheme=ke.A11yPlaygroundTheme,exports.BookingSGTheme=ke.BookingSGTheme,exports.Border=ke.Border,exports.Breakpoint=ke.Breakpoint,exports.CCubeTheme=ke.CCubeTheme,exports.CareerCompassTheme=ke.CareerCompassTheme,exports.Colour=ke.Colour,exports.Font=ke.Font,exports.IMDATheme=ke.IMDATheme,exports.LifeSGTheme=ke.LifeSGTheme,exports.MediaQuery=ke.MediaQuery,exports.Motion=ke.Motion,exports.MyLegacyTheme=ke.MyLegacyTheme,exports.OneServiceTheme=ke.OneServiceTheme,exports.PATheme=ke.PATheme,exports.RBSTheme=ke.RBSTheme,exports.Radius=ke.Radius,exports.SGWDigitalLobbyTheme=ke.SGWDigitalLobbyTheme,exports.SGWDigitalLobbyThemeBase=ke.SGWDigitalLobbyThemeBase,exports.SMGSTheme=ke.SMGSTheme,exports.SPFTheme=ke.SPFTheme,exports.Shadow=ke.Shadow,exports.Spacing=ke.Spacing,exports.SupportGoWhereTheme=ke.SupportGoWhereTheme,exports.SupportGoWhereThemeBase=ke.SupportGoWhereThemeBase,exports.ThemeComponent=ke.ThemeComponent,exports.ToteBoardTheme=ke.ToteBoardTheme,exports.TimeRangePicker=Ie.TimeRangePicker,exports.TimeSlotBar=_e.TimeSlotBar,exports.TimeSlotBarWeek=Ce.TimeSlotBarWeek,exports.TimeSlotWeekView=Me.TimeSlotWeekView,exports.Timeline=Ve.Timeline,exports.Timepicker=Pe.Timepicker,exports.TimeTable=we.TimeTable,exports.Toast=De.Toast,exports.Toggle=fe.Toggle,exports.Tooltip=Le.Tooltip,exports.withTooltip=Re.withTooltip,Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return Fe.Typography}}),exports.UneditableSection=Ge.UneditableSection,exports.UnitNumberInput=Ne.UnitNumberInput,exports.V2_Color=We.V2_Color,exports.V2_DesignToken=Ae.V2_DesignToken,exports.V2_Layout=Oe.V2_Layout,exports.V2_MediaQuery=He.V2_MediaQuery,exports.V2_MediaWidths=He.V2_MediaWidths,exports.V2_TextStyleHelper=Ee.V2_TextStyleHelper,exports.V2_TextStyle=Ue.V2_TextStyle,Object.defineProperty(exports,"V2_Text",{enumerable:!0,get:function(){return Qe.V2_Text}}),Object.defineProperty(exports,"RedirectScope",{enumerable:!0,get:function(){return Ke.RedirectScope}}),exports.V2_TextList=ze.V2_TextList,exports.V2_BaseTheme=Je.V2_BaseTheme,exports.V2_BookingSGTheme=Je.V2_BookingSGTheme,exports.V2_CCubeTheme=Je.V2_CCubeTheme,exports.V2_MyLegacyTheme=Je.V2_MyLegacyTheme,exports.V2_OneServiceTheme=Je.V2_OneServiceTheme,exports.V2_RBSTheme=Je.V2_RBSTheme,exports.V2_Transition=Xe.V2_Transition,exports.DSThemeProvider=Ye.DSThemeProvider,Object.defineProperty(exports,"V2_ThemeContextKeys",{enumerable:!0,get:function(){return Ze.V2_ThemeContextKeys}}),exports.createThemeWithColourMode=$e.createThemeWithColourMode,exports.getSystemColourMode=$e.getSystemColourMode,exports.useDSTheme=$e.useDSTheme;
 //# sourceMappingURL=index.js.map

package/cjs/navbar/drawer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),n=require("./brand.js"),a=require("./drawer.styles.js"),t=require("./navbar.styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(r).default.forwardRef(((s,i)=>{const{show:d,resources:o={},children:c,hideNavBranding:l,onClose:u,onBrandClick:w,drawerLabel:f="Mobile navigation menu",mobileMenuRef:j}=s,[h,p]=r.useState(0),v=r.useRef(null),{primary:m,secondary:x}=o,y=()=>{if(window){const e=.01*window.innerHeight;p(e)}};r.useEffect((()=>(y(),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y)})),[]),r.useLayoutEffect((()=>{if(d){const e=setTimeout((()=>{v.current&&v.current.focus({preventScroll:!0})}),550);return()=>clearTimeout(e)}}),[d]);return e.jsx(a.Wrapper,{ref:i,"data-testid":"drawer",children:e.jsx(a.Container,{ref:v,$show:d,$viewHeight:h,onKeyDown:e=>{d&&"Escape"===e.key&&(e.preventDefault(),null==u||u(),setTimeout((()=>{var e;null===(e=null==j?void 0:j.current)||void 0===e||e.focus()}),300))},tabIndex:d?0:-1,"aria-label":f,children:e.jsxs(a.Content,{children:[e.jsxs(a.TopBar,{children:[e.jsx(t.NavBrandContainer,{"data-id":"drawer-brand-container",children:!l&&e.jsxs(e.Fragment,{children:[m&&e.jsx(n.Brand,{resources:m,compress:!0,onClick:w,"data-id":"drawer-brand-primary","data-testid":"drawer__brand",type:"primary"}),x&&e.jsxs(e.Fragment,{children:[e.jsx(t.NavSeparator,{}),e.jsx(n.Brand,{resources:x,compress:!0,onClick:w,"data-id":"drawer-brand-secondary","data-testid":"drawer__brand-secondary",type:"secondary"})]})]})}),e.jsx(a.CloseButton,{onClick:u,focusHighlight:!1,"aria-label":"Close nav menu",children:e.jsx(a.CloseIcon,{})})]}),c]})})})}));exports.Drawer=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("@floating-ui/react"),n=require("react");require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js");var a=require("../util/merge-refs.js");require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var t=require("./brand.js"),i=require("./drawer.styles.js"),s=require("./navbar.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=o(n).default.forwardRef(((o,d)=>{const{show:l,resources:u={},children:c,hideNavBranding:f,onClose:j,onBrandClick:p,drawerLabel:h="Mobile navigation menu",mobileMenuRef:w}=o,[v,g]=n.useState(0),m=n.useRef(null),{primary:x,secondary:b}=u,{context:y,refs:q}=r.useFloating({open:l,onOpenChange:e=>{!e&&j&&j()}}),C=()=>{if(window){const e=.01*window.innerHeight;g(e)}};n.useEffect((()=>(C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)})),[]),n.useLayoutEffect((()=>{if(l){const e=setTimeout((()=>{m.current&&m.current.focus({preventScroll:!0})}),550);return()=>clearTimeout(e)}}),[l]);return e.jsx(r.FloatingFocusManager,{context:y,initialFocus:-1,returnFocus:!0,disabled:!l,children:e.jsx(i.Wrapper,{ref:a.mergeRefs(d,q.setFloating),"data-testid":"drawer",children:e.jsx(i.Container,{ref:m,$show:l,$viewHeight:v,onKeyDown:e=>{l&&"Escape"===e.key&&(e.preventDefault(),null==j||j(),setTimeout((()=>{var e;null===(e=null==w?void 0:w.current)||void 0===e||e.focus()}),300))},tabIndex:-1,"aria-label":h,children:e.jsxs(i.Content,{children:[e.jsxs(i.TopBar,{children:[e.jsx(s.NavBrandContainer,{"data-id":"drawer-brand-container",children:!f&&e.jsxs(e.Fragment,{children:[x&&e.jsx(t.Brand,{resources:x,compress:!0,onClick:p,"data-id":"drawer-brand-primary","data-testid":"drawer__brand",type:"primary"}),b&&e.jsxs(e.Fragment,{children:[e.jsx(s.NavSeparator,{}),e.jsx(t.Brand,{resources:b,compress:!0,onClick:p,"data-id":"drawer-brand-secondary","data-testid":"drawer__brand-secondary",type:"secondary"})]})]})}),e.jsx(i.CloseButton,{onClick:j,focusHighlight:!1,"aria-label":"Close nav menu",children:e.jsx(i.CloseIcon,{})})]}),c]})})})})}));exports.Drawer=d;
 //# sourceMappingURL=drawer.js.map

package/cjs/navbar/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/navbar/drawer.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { Brand } from \"./brand\";\nimport {\n    CloseButton,\n    CloseIcon,\n    Container,\n    Content,\n    TopBar,\n    Wrapper,\n} from \"./drawer.styles\";\nimport { NavBrandContainer, NavSeparator } from \"./navbar.styles\";\nimport { NavbarDrawerProps } from \"./types\";\n\nconst Component = (\n    props: NavbarDrawerProps,\n    ref: React.Ref<HTMLDivElement>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const {\n        show,\n        resources = {},\n        children,\n        hideNavBranding,\n        onClose,\n        onBrandClick,\n        drawerLabel = \"Mobile navigation menu\",\n        mobileMenuRef,\n    } = props;\n    const [viewHeight, setViewHeight] = useState<number>(0);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { primary, secondary } = resources;\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleResize = () => {\n        /**\n         * Reference:\n         * https://css-tricks.com/the-trick-to-viewport-units-on-mobile/\n         */\n        if (window) {\n            const viewHeight = window.innerHeight * 0.01;\n            setViewHeight(viewHeight);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!show) return;\n\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onClose?.();\n            // Return focus to the hamburger menu button\n            setTimeout(() => {\n                mobileMenuRef?.current?.focus();\n            }, 300);\n        }\n    };\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // Focus management when drawer opens\n    useLayoutEffect(() => {\n        if (show) {\n            const timer = setTimeout(() => {\n                if (containerRef.current) {\n                    containerRef.current.focus({ preventScroll: true });\n                }\n            }, 550);\n\n            return () => clearTimeout(timer);\n        }\n    }, [show]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBrand = () => {\n        return (\n            <>\n                {primary && (\n                    <Brand\n                        resources={primary}\n                        compress\n                        onClick={onBrandClick}\n                        data-id=\"drawer-brand-primary\"\n                        data-testid=\"drawer__brand\"\n                        type=\"primary\"\n                    />\n                )}\n                {secondary && (\n                    <>\n                        <NavSeparator />\n                        <Brand\n                            resources={secondary}\n                            compress\n                            onClick={onBrandClick}\n                            data-id=\"drawer-brand-secondary\"\n                            data-testid=\"drawer__brand-secondary\"\n                            type=\"secondary\"\n                        />\n                    </>\n                )}\n            </>\n        );\n    };\n\n    const renderTopBar = () => (\n        <TopBar>\n            <NavBrandContainer data-id=\"drawer-brand-container\">\n                {!hideNavBranding && renderBrand()}\n            </NavBrandContainer>\n            <CloseButton\n                onClick={onClose}\n                focusHighlight={false}\n                aria-label=\"Close nav menu\"\n            >\n                <CloseIcon />\n            </CloseButton>\n        </TopBar>\n    );\n\n    return (\n        <Wrapper ref={ref} data-testid=\"drawer\">\n            <Container\n                ref={containerRef}\n                $show={show}\n                $viewHeight={viewHeight}\n                onKeyDown={handleKeyDown}\n                tabIndex={show ? 0 : -1}\n                aria-label={drawerLabel}\n            >\n                <Content>\n                    {renderTopBar()}\n                    {children}\n                </Content>\n            </Container>\n        </Wrapper>\n    );\n};\n\nexport const Drawer = React.forwardRef(Component);\n"],"names":["Drawer","React","forwardRef","props","ref","show","resources","children","hideNavBranding","onClose","onBrandClick","drawerLabel","mobileMenuRef","viewHeight","setViewHeight","useState","containerRef","useRef","primary","secondary","handleResize","window","innerHeight","useEffect","addEventListener","removeEventListener","useLayoutEffect","timer","setTimeout","current","focus","preventScroll","clearTimeout","_jsx","Wrapper","Container","$show","onKeyDown","event","key","preventDefault","_a","tabIndex","_jsxs","Content","TopBar","NavBrandContainer","_Fragment","Brand","compress","onClick","type","NavSeparator","CloseButton","focusHighlight","CloseIcon"],"mappings":"mOAaA,MA6IaA,OAASC,QAAMC,YA7IV,CACdC,EACAC,KAKA,MAAMC,KACFA,EAAIC,UACJA,EAAY,CAAA,EAAEC,SACdA,EAAQC,gBACRA,EAAeC,QACfA,EAAOC,aACPA,EAAYC,YACZA,EAAc,yBAAwBC,cACtCA,GACAT,GACGU,EAAYC,GAAiBC,EAAAA,SAAiB,GAC/CC,EAAeC,EAAAA,OAAuB,OAEtCC,QAAEA,EAAOC,UAAEA,GAAcb,EAKzBc,EAAe,KAKjB,GAAIC,OAAQ,CACR,MAAMR,EAAkC,IAArBQ,OAAOC,YAC1BR,EAAcD,EAClB,GAmBJU,EAAAA,WAAU,KACNH,IACAC,OAAOG,iBAAiB,SAAUJ,GAE3B,KACHC,OAAOI,oBAAoB,SAAUL,EAAa,IAEvD,IAGHM,EAAAA,iBAAgB,KACZ,GAAIrB,EAAM,CACN,MAAMsB,EAAQC,YAAW,KACjBZ,EAAaa,SACbb,EAAaa,QAAQC,MAAM,CAAEC,eAAe,GAChD,GACD,KAEH,MAAO,IAAMC,aAAaL,EAC9B,IACD,CAACtB,IAkDJ,OACI4B,EAAAA,IAACC,EAAAA,QAAO,CAAC9B,IAAKA,EAAG,cAAc,SAAQG,SACnC0B,EAAAA,IAACE,EAAAA,UAAS,CACN/B,IAAKY,EAAYoB,MACV/B,cACMQ,EACbwB,UA5FWC,IACdjC,GAEa,WAAdiC,EAAMC,MACND,EAAME,iBACN/B,SAAAA,IAEAmB,YAAW,WACe,QAAtBa,EAAA7B,aAAa,EAAbA,EAAeiB,eAAO,IAAAY,GAAAA,EAAEX,OAAO,GAChC,KACP,EAmFQY,SAAUrC,EAAO,GAAI,EAAE,aACXM,WAEZgC,EAAAA,KAACC,EAAAA,QAAO,CAAArC,SAAA,CAxBhBoC,EAAAA,KAACE,EAAAA,OAAM,CAAAtC,SAAA,CACH0B,EAAAA,IAACa,EAAAA,6BAA0B,yBAAwBvC,UAC7CC,GA/BNmC,OAAAI,EAAAA,SAAA,CAAAxC,SAAA,CACKW,GACGe,EAAAA,IAACe,QAAK,CACF1C,UAAWY,EACX+B,UAAQ,EACRC,QAASxC,EAAY,UACb,uBAAsB,cAClB,gBACZyC,KAAK,YAGZhC,GACGwB,EAAAA,KAAAI,EAAAA,SAAA,CAAAxC,SAAA,CACI0B,EAAAA,IAACmB,EAAAA,aAAY,IACbnB,MAACe,EAAAA,MAAK,CACF1C,UAAWa,EACX8B,UAAQ,EACRC,QAASxC,EAAY,UACb,yBAAwB,cACpB,0BACZyC,KAAK,sBAarBlB,EAAAA,IAACoB,EAAAA,YAAW,CACRH,QAASzC,EACT6C,gBAAgB,EAAK,aACV,0BAEXrB,EAAAA,IAACsB,EAAAA,mBAiBIhD,QAGH"}
+{"version":3,"file":"drawer.js","sources":["../../../src/navbar/drawer.tsx"],"sourcesContent":["import { FloatingFocusManager, useFloating } from \"@floating-ui/react\";\nimport React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\nimport { mergeRefs } from \"../util\";\nimport { Brand } from \"./brand\";\nimport {\n    CloseButton,\n    CloseIcon,\n    Container,\n    Content,\n    TopBar,\n    Wrapper,\n} from \"./drawer.styles\";\nimport { NavBrandContainer, NavSeparator } from \"./navbar.styles\";\nimport { NavbarDrawerProps } from \"./types\";\n\nconst Component = (\n    props: NavbarDrawerProps,\n    ref: React.Ref<HTMLDivElement>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const {\n        show,\n        resources = {},\n        children,\n        hideNavBranding,\n        onClose,\n        onBrandClick,\n        drawerLabel = \"Mobile navigation menu\",\n        mobileMenuRef,\n    } = props;\n    const [viewHeight, setViewHeight] = useState<number>(0);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { primary, secondary } = resources;\n\n    // =========================================================================\n    // FLOATING UI CONFIG\n    // =========================================================================\n    const { context, refs: floatingRefs } = useFloating({\n        open: show,\n        onOpenChange: (open) => {\n            if (!open && onClose) {\n                onClose();\n            }\n        },\n    });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleResize = () => {\n        /**\n         * Reference:\n         * https://css-tricks.com/the-trick-to-viewport-units-on-mobile/\n         */\n        if (window) {\n            const viewHeight = window.innerHeight * 0.01;\n            setViewHeight(viewHeight);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!show) return;\n\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onClose?.();\n            // Return focus to the hamburger menu button\n            setTimeout(() => {\n                mobileMenuRef?.current?.focus();\n            }, 300);\n        }\n    };\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // Focus management when drawer opens\n    useLayoutEffect(() => {\n        if (show) {\n            const timer = setTimeout(() => {\n                if (containerRef.current) {\n                    containerRef.current.focus({ preventScroll: true });\n                }\n            }, 550);\n\n            return () => clearTimeout(timer);\n        }\n    }, [show]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBrand = () => {\n        return (\n            <>\n                {primary && (\n                    <Brand\n                        resources={primary}\n                        compress\n                        onClick={onBrandClick}\n                        data-id=\"drawer-brand-primary\"\n                        data-testid=\"drawer__brand\"\n                        type=\"primary\"\n                    />\n                )}\n                {secondary && (\n                    <>\n                        <NavSeparator />\n                        <Brand\n                            resources={secondary}\n                            compress\n                            onClick={onBrandClick}\n                            data-id=\"drawer-brand-secondary\"\n                            data-testid=\"drawer__brand-secondary\"\n                            type=\"secondary\"\n                        />\n                    </>\n                )}\n            </>\n        );\n    };\n\n    const renderTopBar = () => (\n        <TopBar>\n            <NavBrandContainer data-id=\"drawer-brand-container\">\n                {!hideNavBranding && renderBrand()}\n            </NavBrandContainer>\n            <CloseButton\n                onClick={onClose}\n                focusHighlight={false}\n                aria-label=\"Close nav menu\"\n            >\n                <CloseIcon />\n            </CloseButton>\n        </TopBar>\n    );\n\n    return (\n        <FloatingFocusManager\n            context={context}\n            initialFocus={-1}\n            returnFocus={true}\n            disabled={!show}\n        >\n            <Wrapper\n                ref={mergeRefs(ref, floatingRefs.setFloating)}\n                data-testid=\"drawer\"\n            >\n                <Container\n                    ref={containerRef}\n                    $show={show}\n                    $viewHeight={viewHeight}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={-1}\n                    aria-label={drawerLabel}\n                >\n                    <Content>\n                        {renderTopBar()}\n                        {children}\n                    </Content>\n                </Container>\n            </Wrapper>\n        </FloatingFocusManager>\n    );\n};\n\nexport const Drawer = React.forwardRef(Component);\n"],"names":["Drawer","React","forwardRef","props","ref","show","resources","children","hideNavBranding","onClose","onBrandClick","drawerLabel","mobileMenuRef","viewHeight","setViewHeight","useState","containerRef","useRef","primary","secondary","context","refs","floatingRefs","useFloating","open","onOpenChange","handleResize","window","innerHeight","useEffect","addEventListener","removeEventListener","useLayoutEffect","timer","setTimeout","current","focus","preventScroll","clearTimeout","_jsx","FloatingFocusManager","initialFocus","returnFocus","disabled","Wrapper","mergeRefs","setFloating","Container","$show","$viewHeight","onKeyDown","event","key","preventDefault","_a","tabIndex","_jsxs","Content","TopBar","NavBrandContainer","_Fragment","Brand","compress","onClick","type","NavSeparator","CloseButton","focusHighlight","CloseIcon"],"mappings":"khBAgBA,MAmKaA,OAASC,QAAMC,YAnKV,CACdC,EACAC,KAKA,MAAMC,KACFA,EAAIC,UACJA,EAAY,CAAA,EAAEC,SACdA,EAAQC,gBACRA,EAAeC,QACfA,EAAOC,aACPA,EAAYC,YACZA,EAAc,yBAAwBC,cACtCA,GACAT,GACGU,EAAYC,GAAiBC,EAAAA,SAAiB,GAC/CC,EAAeC,EAAAA,OAAuB,OAEtCC,QAAEA,EAAOC,UAAEA,GAAcb,GAKzBc,QAAEA,EAASC,KAAMC,GAAiBC,EAAAA,YAAY,CAChDC,KAAMnB,EACNoB,aAAeD,KACNA,GAAQf,GACTA,GACJ,IAOFiB,EAAe,KAKjB,GAAIC,OAAQ,CACR,MAAMd,EAAkC,IAArBc,OAAOC,YAC1Bd,EAAcD,EAClB,GAmBJgB,EAAAA,WAAU,KACNH,IACAC,OAAOG,iBAAiB,SAAUJ,GAE3B,KACHC,OAAOI,oBAAoB,SAAUL,EAAa,IAEvD,IAGHM,EAAAA,iBAAgB,KACZ,GAAI3B,EAAM,CACN,MAAM4B,EAAQC,YAAW,KACjBlB,EAAamB,SACbnB,EAAamB,QAAQC,MAAM,CAAEC,eAAe,GAChD,GACD,KAEH,MAAO,IAAMC,aAAaL,EAC9B,IACD,CAAC5B,IAkDJ,OACIkC,MAACC,EAAAA,qBAAoB,CACjBpB,QAASA,EACTqB,cAAc,EACdC,aAAa,EACbC,UAAWtC,EAAIE,SAEfgC,EAAAA,IAACK,EAAAA,QAAO,CACJxC,IAAKyC,EAAAA,UAAUzC,EAAKkB,EAAawB,aAAY,cACjC,SAAQvC,SAEpBgC,EAAAA,IAACQ,YAAS,CACN3C,IAAKY,EAAYgC,MACV3C,EAAI4C,YACEpC,EACbqC,UArGOC,IACd9C,GAEa,WAAd8C,EAAMC,MACND,EAAME,iBACN5C,SAAAA,IAEAyB,YAAW,WACe,QAAtBoB,EAAA1C,aAAa,EAAbA,EAAeuB,eAAO,IAAAmB,GAAAA,EAAElB,OAAO,GAChC,KACP,EA4FYmB,UAAU,EAAE,aACA5C,EAAWJ,SAEvBiD,EAAAA,KAACC,UAAO,CAAAlD,SAAA,CAjCpBiD,EAAAA,KAACE,EAAAA,OAAM,CAAAnD,SAAA,CACHgC,EAAAA,IAACoB,EAAAA,6BAA0B,yBAAwBpD,UAC7CC,GA/BNgD,OAAAI,EAAAA,SAAA,CAAArD,SAAA,CACKW,GACGqB,EAAAA,IAACsB,QAAK,CACFvD,UAAWY,EACX4C,UAAQ,EACRC,QAASrD,EAAY,UACb,uBAAsB,cAClB,gBACZsD,KAAK,YAGZ7C,GACGqC,EAAAA,KAAAI,EAAAA,SAAA,CAAArD,SAAA,CACIgC,EAAAA,IAAC0B,EAAAA,aAAY,IACb1B,MAACsB,EAAAA,MAAK,CACFvD,UAAWa,EACX2C,UAAQ,EACRC,QAASrD,EAAY,UACb,yBAAwB,cACpB,0BACZsD,KAAK,sBAarBzB,EAAAA,IAAC2B,EAAAA,YAAW,CACRH,QAAStD,EACT0D,gBAAgB,EAAK,aACV,0BAEX5B,EAAAA,IAAC6B,EAAAA,mBA0BQ7D,UAIM"}

package/cjs/navbar/navbar-logo-data.js

@@ -1,2 +1,2 @@
-"use strict";const e={primary:{brandName:"LifeSG",logoSrc:"https://assets.life.gov.sg/lifesg/logo-lifesg.svg"}},s={primary:{brandName:"BookingSG",logoSrc:"https://www.booking.gov.sg/logo.svg"}},g={primary:{brandName:"CCube",logoSrc:"https://assets.life.gov.sg/ccube/logo-ccube.svg"}},o={primary:{brandName:"IMDA",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/imda-logo.svg"}},r={primary:{brandName:"MyLegacy",logoSrc:"https://mylegacy.life.gov.sg/images/site-logo.png"}},a={primary:{brandName:"SPF",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/spf-logo.png"}},t={primary:{brandName:"SupportGoWhere",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png"}};exports.getDefaultResourceLogo=i=>{switch(i){case"bookingsg":return s;case"mylegacy":return r;case"ccube":return g;case"spf":return a;case"supportgowhere":return t;case"imda":return o;default:return e}};
+"use strict";const e={primary:{brandName:"LifeSG",logoSrc:"https://assets.life.gov.sg/lifesg/logo-lifesg.svg"}},s={primary:{brandName:"BookingSG",logoSrc:"https://www.booking.gov.sg/logo.svg"}},o={primary:{brandName:"CCube",logoSrc:"https://assets.life.gov.sg/ccube/logo-ccube.svg"}},g={primary:{brandName:"IMDA",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/imda-logo.svg"}},r={primary:{brandName:"MyLegacy",logoSrc:"https://mylegacy.life.gov.sg/images/site-logo.png"}},t={primary:{brandName:"SPF",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/spf-logo.png"}},a={primary:{brandName:"SupportGoWhere",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png"}},i={primary:{brandName:"ToteBoard",logoSrc:"https://assets.life.gov.sg/react-design-system/img/logo/tote-board-logo.svg"}};exports.getDefaultResourceLogo=l=>{switch(l){case"bookingsg":return s;case"mylegacy":return r;case"ccube":return o;case"spf":return t;case"supportgowhere":return a;case"imda":return g;case"toteboard":return i;default:return e}};
 //# sourceMappingURL=navbar-logo-data.js.map

package/cjs/navbar/navbar-logo-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-logo-data.js","sources":["../../../src/navbar/navbar-logo-data.ts"],"sourcesContent":["import { ResourceScheme } from \"../theme/types\";\nimport { NavbarResourcesProps } from \"./types\";\n\nconst DEFAULT_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"LifeSG\",\n        logoSrc: \"https://assets.life.gov.sg/lifesg/logo-lifesg.svg\",\n    },\n};\n\nconst BOOKINGSG_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"BookingSG\",\n        logoSrc: \"https://www.booking.gov.sg/logo.svg\",\n    },\n};\n\nconst CCUBE_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"CCube\",\n        logoSrc: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n    },\n};\n\nconst IMDA_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"IMDA\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/imda-logo.svg\",\n    },\n};\n\nconst MYLEGACY_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"MyLegacy\",\n        logoSrc: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n    },\n};\n\nconst SPF_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"SPF\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/spf-logo.png\",\n    },\n};\n\nconst SUPPORTGOWHERE_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"SupportGoWhere\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n    },\n};\n\nexport const getDefaultResourceLogo = (resourceScheme?: ResourceScheme) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BOOKINGSG_RESOURCES_LOGO;\n        case \"mylegacy\":\n            return MYLEGACY_RESOURCES_LOGO;\n        case \"ccube\":\n            return CCUBE_RESOURCES_LOGO;\n        case \"spf\":\n            return SPF_RESOURCE_LOGO;\n        case \"supportgowhere\":\n            return SUPPORTGOWHERE_RESOURCE_LOGO;\n        case \"imda\":\n            return IMDA_RESOURCE_LOGO;\n        default:\n            return DEFAULT_RESOURCES_LOGO;\n    }\n};\n"],"names":["DEFAULT_RESOURCES_LOGO","primary","brandName","logoSrc","BOOKINGSG_RESOURCES_LOGO","CCUBE_RESOURCES_LOGO","IMDA_RESOURCE_LOGO","MYLEGACY_RESOURCES_LOGO","SPF_RESOURCE_LOGO","SUPPORTGOWHERE_RESOURCE_LOGO","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,UAAW,SACXC,QAAS,sDAIXC,EAAiD,CACnDH,QAAS,CACLC,UAAW,YACXC,QAAS,wCAIXE,EAA6C,CAC/CJ,QAAS,CACLC,UAAW,QACXC,QAAS,oDAIXG,EAA2C,CAC7CL,QAAS,CACLC,UAAW,OACXC,QACI,0EAINI,EAAgD,CAClDN,QAAS,CACLC,UAAW,WACXC,QAAS,sDAIXK,EAA0C,CAC5CP,QAAS,CACLC,UAAW,MACXC,QACI,yEAINM,EAAqD,CACvDR,QAAS,CACLC,UAAW,iBACXC,QACI,wGAI2BO,IACnC,OAAQA,GACJ,IAAK,YACD,OAAON,EACX,IAAK,WACD,OAAOG,EACX,IAAK,QACD,OAAOF,EACX,IAAK,MACD,OAAOG,EACX,IAAK,iBACD,OAAOC,EACX,IAAK,OACD,OAAOH,EACX,QACI,OAAON"}
+{"version":3,"file":"navbar-logo-data.js","sources":["../../../src/navbar/navbar-logo-data.ts"],"sourcesContent":["import { ResourceScheme } from \"../theme/types\";\nimport { NavbarResourcesProps } from \"./types\";\n\nconst DEFAULT_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"LifeSG\",\n        logoSrc: \"https://assets.life.gov.sg/lifesg/logo-lifesg.svg\",\n    },\n};\n\nconst BOOKINGSG_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"BookingSG\",\n        logoSrc: \"https://www.booking.gov.sg/logo.svg\",\n    },\n};\n\nconst CCUBE_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"CCube\",\n        logoSrc: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n    },\n};\n\nconst IMDA_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"IMDA\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/imda-logo.svg\",\n    },\n};\n\nconst MYLEGACY_RESOURCES_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"MyLegacy\",\n        logoSrc: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n    },\n};\n\nconst SPF_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"SPF\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/spf-logo.png\",\n    },\n};\n\nconst SUPPORTGOWHERE_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"SupportGoWhere\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n    },\n};\n\nconst TOTEBOARD_RESOURCE_LOGO: NavbarResourcesProps = {\n    primary: {\n        brandName: \"ToteBoard\",\n        logoSrc:\n            \"https://assets.life.gov.sg/react-design-system/img/logo/tote-board-logo.svg\",\n    },\n};\n\nexport const getDefaultResourceLogo = (resourceScheme?: ResourceScheme) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BOOKINGSG_RESOURCES_LOGO;\n        case \"mylegacy\":\n            return MYLEGACY_RESOURCES_LOGO;\n        case \"ccube\":\n            return CCUBE_RESOURCES_LOGO;\n        case \"spf\":\n            return SPF_RESOURCE_LOGO;\n        case \"supportgowhere\":\n            return SUPPORTGOWHERE_RESOURCE_LOGO;\n        case \"imda\":\n            return IMDA_RESOURCE_LOGO;\n        case \"toteboard\":\n            return TOTEBOARD_RESOURCE_LOGO;\n        default:\n            return DEFAULT_RESOURCES_LOGO;\n    }\n};\n"],"names":["DEFAULT_RESOURCES_LOGO","primary","brandName","logoSrc","BOOKINGSG_RESOURCES_LOGO","CCUBE_RESOURCES_LOGO","IMDA_RESOURCE_LOGO","MYLEGACY_RESOURCES_LOGO","SPF_RESOURCE_LOGO","SUPPORTGOWHERE_RESOURCE_LOGO","TOTEBOARD_RESOURCE_LOGO","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,UAAW,SACXC,QAAS,sDAIXC,EAAiD,CACnDH,QAAS,CACLC,UAAW,YACXC,QAAS,wCAIXE,EAA6C,CAC/CJ,QAAS,CACLC,UAAW,QACXC,QAAS,oDAIXG,EAA2C,CAC7CL,QAAS,CACLC,UAAW,OACXC,QACI,0EAINI,EAAgD,CAClDN,QAAS,CACLC,UAAW,WACXC,QAAS,sDAIXK,EAA0C,CAC5CP,QAAS,CACLC,UAAW,MACXC,QACI,yEAINM,EAAqD,CACvDR,QAAS,CACLC,UAAW,iBACXC,QACI,yEAINO,EAAgD,CAClDT,QAAS,CACLC,UAAW,YACXC,QACI,+GAI2BQ,IACnC,OAAQA,GACJ,IAAK,YACD,OAAOP,EACX,IAAK,WACD,OAAOG,EACX,IAAK,QACD,OAAOF,EACX,IAAK,MACD,OAAOG,EACX,IAAK,iBACD,OAAOC,EACX,IAAK,OACD,OAAOH,EACX,IAAK,YACD,OAAOI,EACX,QACI,OAAOV"}

package/cjs/navbar/navbar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("styled-components"),t=require("../layout/index.js"),i=require("../masthead/masthead.js"),s=require("../overlay/overlay.js"),o=require("../theme/index.js"),d=require("./brand.js"),l=require("./drawer.js"),c=require("./navbar-action-buttons.js"),u=require("./navbar-helper.js"),m=require("./navbar-items.js"),v=require("./navbar-logo-data.js"),b=require("./navbar.styles.js");const h=r.forwardRef(((h,p)=>{var{items:k,className:j,id:x,selectedId:C,compress:y=!1,fixed:B=!0,resources:N,hideNavElements:w=!1,hideNavBranding:f=!1,hideLinkIndicator:g=!1,drawerDismissalExclusions:I=[],actionButtons:q,onItemClick:L,onActionButtonClick:_,onBrandClick:E,masthead:M=!0,layout:D="default",headerLabel:A="Main navigation menu",drawerLabel:O}=h,R=e.__rest(h,["items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel"]);const[$,H]=r.useState(!1),[S,z]=r.useState(!1),T=r.useRef(null),W="stretch"===D,F=r.useRef(null),G=r.useContext(n.ThemeContext),J=v.getDefaultResourceLogo(null==G?void 0:G.resourceScheme),K=o.Breakpoint["lg-max"]({theme:G}),P=(null==N?void 0:N.primary)||J.primary,Q=null==N?void 0:N.secondary;r.useImperativeHandle(p,(()=>Object.assign(F.current,{dismissDrawer:()=>{U()}})),[$]),r.useEffect((()=>(X(),window.addEventListener("resize",X),()=>{window.removeEventListener("resize",X)})),[]);const U=()=>{H(!1),setTimeout((()=>{z(!1)}),550)},V=e=>$&&-1===I.indexOf(e),X=()=>{window.innerWidth<=K&&$&&U()},Y=(e,a)=>{E&&E(a),V("brand-click")&&U()},Z=(e,a)=>{u.NavbarHelper.isNavItemCommon(a)&&a.onClick?a.onClick(e):L&&(e.preventDefault(),L(a)),u.NavbarHelper.isNavItemLink(a)&&!a.subMenu&&V("item-click")&&U()},ee=(e,a)=>{var r;"button"!==a.type&&"download"!==a.type||!(null===(r=a.args)||void 0===r?void 0:r.onClick)?_&&(e.preventDefault(),_(a)):a.args.onClick(e),V("item-click")&&U()},ae=()=>{H(!0),z(!0)},re=()=>{V("close-button-click")&&U()},ne=()=>{const e=k.mobile||k.desktop;return e&&e.length>0||q&&(e=>{const a=e.mobile||e.desktop;return!!a&&a.length&&a.some((e=>!e.uncollapsible))})(q)?a.jsx(b.MobileMenuButton,{ref:T,"aria-label":$?"Close nav menu":"Open nav menu","aria-expanded":$,"data-testid":"button__mobile-menu",onClick:ae,focusHighlight:!1,children:a.jsx(b.MobileMenuIcon,{})}):null};return a.jsxs(b.Wrapper,{ref:F,$fixed:B,className:j,id:x||"navbar-wrapper","data-testid":R["data-testid"]||"navbar-wrapper",children:[M&&a.jsx(i.Masthead,{stretch:W}),a.jsxs(t.Layout.Content,{stretch:W,children:[a.jsxs(b.Nav,{$compress:y,"aria-label":A,children:[!f&&a.jsxs(b.NavBrandContainer,{$compress:y,"data-id":"brand-container",children:[P&&a.jsx(d.Brand,{resources:P,onClick:Y,"data-id":"brand-primary","data-testid":"main__brand",type:"primary"}),Q&&a.jsxs(a.Fragment,{children:[a.jsx(b.NavSeparator,{$compress:y}),a.jsx(d.Brand,{resources:Q,onClick:Y,"data-id":"brand-secondary","data-testid":"main__brand-secondary",type:"secondary"})]})]}),!w&&a.jsxs(b.NavElementsContainer,{$hideNavBranding:f,children:[a.jsx(m.NavbarItems,{items:k.desktop,onItemClick:Z,selectedId:C,hideNavBranding:f,hideLinkIndicator:g}),a.jsx(c.NavbarActionButtons,{actionButtons:q,onActionButtonClick:ee}),ne()]})]}),!w&&a.jsx(s.Overlay,{show:S,enableOverlayClick:!0,onOverlayClick:re,children:a.jsxs(l.Drawer,{show:$,resources:{primary:P,secondary:Q},onClose:re,onBrandClick:Y,actionButtons:q,hideNavBranding:f,mobileMenuRef:T,drawerLabel:O,children:[a.jsx(m.NavbarItems,{items:k.mobile||k.desktop,onItemClick:Z,selectedId:C,mobile:!0,hideLinkIndicator:g}),a.jsx(c.NavbarActionButtons,{actionButtons:q,onActionButtonClick:ee,mobile:!0})]})})]})]})}));exports.Navbar=h;
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("styled-components"),t=require("../layout/index.js"),i=require("../masthead/masthead.js"),s=require("../overlay/overlay.js"),o=require("../theme/index.js"),d=require("./brand.js"),l=require("./drawer.js"),c=require("./navbar-action-buttons.js"),u=require("./navbar-helper.js"),m=require("./navbar-items.js"),v=require("./navbar-logo-data.js"),b=require("./navbar.styles.js");const h=r.forwardRef(((h,p)=>{var{items:k,className:j,id:x,selectedId:C,compress:y=!1,fixed:B=!0,resources:N,hideNavElements:w=!1,hideNavBranding:f=!1,hideLinkIndicator:g=!1,drawerDismissalExclusions:I=[],actionButtons:q,onItemClick:L,onActionButtonClick:_,onBrandClick:E,masthead:M=!0,layout:D="default",headerLabel:A="Main navigation menu",drawerLabel:O}=h,R=e.__rest(h,["items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel"]);const[$,H]=r.useState(!1),[S,z]=r.useState(!1),T=r.useRef(null),W="stretch"===D,F=r.useRef(null),G=r.useContext(n.ThemeContext),J=v.getDefaultResourceLogo(null==G?void 0:G.resourceScheme),K=o.Breakpoint["lg-max"]({theme:G}),P=(null==N?void 0:N.primary)||J.primary,Q=null==N?void 0:N.secondary;r.useImperativeHandle(p,(()=>Object.assign(F.current,{dismissDrawer:()=>{U()}})),[$]),r.useEffect((()=>(X(),window.addEventListener("resize",X),()=>{window.removeEventListener("resize",X)})),[]);const U=()=>{H(!1),setTimeout((()=>{z(!1)}),550)},V=e=>$&&-1===I.indexOf(e),X=()=>{window.innerWidth<=K&&$&&U()},Y=(e,a)=>{E&&E(a),V("brand-click")&&U()},Z=(e,a)=>{u.NavbarHelper.isNavItemCommon(a)&&a.onClick?a.onClick(e):L&&(e.preventDefault(),L(a)),u.NavbarHelper.isNavItemLink(a)&&!a.subMenu&&V("item-click")&&U()},ee=(e,a)=>{var r;"button"!==a.type&&"download"!==a.type||!(null===(r=a.args)||void 0===r?void 0:r.onClick)?_&&(e.preventDefault(),_(a)):a.args.onClick(e),V("item-click")&&U()},ae=()=>{H(!0),z(!0)},re=()=>{V("close-button-click")&&U()},ne=()=>{const e=k.mobile||k.desktop;return e&&e.length>0||q&&(e=>{const a=e.mobile||e.desktop;return!!a&&a.length&&a.some((e=>!e.uncollapsible))})(q)?a.jsx(b.MobileMenuButton,{ref:T,"aria-label":$?"Close nav menu":"Open nav menu","aria-expanded":$,"data-testid":"button__mobile-menu",onClick:ae,focusHighlight:!0,children:a.jsx(b.MobileMenuIcon,{})}):null};return a.jsxs(b.Wrapper,{ref:F,$fixed:B,className:j,id:x||"navbar-wrapper","data-testid":R["data-testid"]||"navbar-wrapper",children:[M&&a.jsx(i.Masthead,{stretch:W}),a.jsxs(t.Layout.Content,{stretch:W,children:[a.jsxs(b.Nav,{$compress:y,"aria-label":A,children:[!f&&a.jsxs(b.NavBrandContainer,{$compress:y,"data-id":"brand-container",children:[P&&a.jsx(d.Brand,{resources:P,onClick:Y,"data-id":"brand-primary","data-testid":"main__brand",type:"primary"}),Q&&a.jsxs(a.Fragment,{children:[a.jsx(b.NavSeparator,{$compress:y}),a.jsx(d.Brand,{resources:Q,onClick:Y,"data-id":"brand-secondary","data-testid":"main__brand-secondary",type:"secondary"})]})]}),!w&&a.jsxs(b.NavElementsContainer,{$hideNavBranding:f,children:[a.jsx(m.NavbarItems,{items:k.desktop,onItemClick:Z,selectedId:C,hideNavBranding:f,hideLinkIndicator:g}),a.jsx(c.NavbarActionButtons,{actionButtons:q,onActionButtonClick:ee}),ne()]})]}),!w&&a.jsx(s.Overlay,{show:S,enableOverlayClick:!0,onOverlayClick:re,children:a.jsxs(l.Drawer,{show:$,resources:{primary:P,secondary:Q},onClose:re,onBrandClick:Y,actionButtons:q,hideNavBranding:f,mobileMenuRef:T,drawerLabel:O,children:[a.jsx(m.NavbarItems,{items:k.mobile||k.desktop,onItemClick:Z,selectedId:C,mobile:!0,hideLinkIndicator:g}),a.jsx(c.NavbarActionButtons,{actionButtons:q,onActionButtonClick:ee,mobile:!0})]})})]})]})}));exports.Navbar=h;
 //# sourceMappingURL=navbar.js.map

package/cjs/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sources":["../../../src/navbar/navbar.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { Layout } from \"../layout\";\nimport { Masthead } from \"../masthead/masthead\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { Breakpoint } from \"../theme\";\nimport { Brand } from \"./brand\";\nimport { Drawer } from \"./drawer\";\nimport { NavbarActionButtons } from \"./navbar-action-buttons\";\nimport { NavbarHelper } from \"./navbar-helper\";\nimport { NavbarItems } from \"./navbar-items\";\nimport { getDefaultResourceLogo } from \"./navbar-logo-data\";\nimport {\n    MobileMenuButton,\n    MobileMenuIcon,\n    Nav,\n    NavBrandContainer,\n    NavElementsContainer,\n    NavSeparator,\n    Wrapper,\n} from \"./navbar.styles\";\nimport {\n    BrandType,\n    DrawerDismissalMethod,\n    NavItemCommonProps,\n    NavItemProps,\n    NavbarActionButtonsProps,\n    NavbarButtonProps,\n    NavbarDrawerApi,\n    NavbarDrawerHandle,\n    NavbarProps,\n} from \"./types\";\n\nconst Component = <T,>(\n    {\n        items,\n        className,\n        id,\n        selectedId,\n        compress = false,\n        fixed = true,\n        resources,\n        hideNavElements = false,\n        hideNavBranding = false,\n        hideLinkIndicator = false,\n        drawerDismissalExclusions: blockDrawerDismissalMethods = [],\n        actionButtons,\n        onItemClick,\n        onActionButtonClick,\n        onBrandClick,\n        masthead = true,\n        layout = \"default\",\n        headerLabel = \"Main navigation menu\",\n        drawerLabel,\n        ...otherProps\n    }: NavbarProps<T>,\n    ref: React.Ref<NavbarDrawerHandle>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const [showDrawer, setShowDrawer] = useState<boolean>(false);\n    const [showOverlay, setShowOverlay] = useState<boolean>(false);\n    const mobileMenuRef = useRef<HTMLButtonElement>(null);\n    const isStretch = layout === \"stretch\";\n    const elementRef = useRef<HTMLDivElement>(null);\n    const theme = useContext(ThemeContext);\n    const defaultResource = getDefaultResourceLogo(theme?.resourceScheme);\n    const tabletWidth = Breakpoint[\"lg-max\"]({ theme });\n\n    const primary = resources?.primary || defaultResource.primary;\n    const secondary = resources?.secondary;\n\n    useImperativeHandle(\n        ref,\n        () =>\n            Object.assign<HTMLDivElement, NavbarDrawerApi>(\n                elementRef.current!,\n                {\n                    dismissDrawer: () => {\n                        dismissDrawer();\n                    },\n                }\n            ),\n        [showDrawer]\n    );\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const dismissDrawer = () => {\n        setShowDrawer(false);\n        setTimeout(() => {\n            setShowOverlay(false);\n        }, 550); // For drawer animation to complete + buffer\n    };\n\n    const shouldDismissDrawer = (dismissalMethod: DrawerDismissalMethod) => {\n        return (\n            showDrawer &&\n            blockDrawerDismissalMethods.indexOf(dismissalMethod) === -1\n        );\n    };\n\n    const hasCollapsibleActionButtons = (\n        actionButtons: NavbarActionButtonsProps\n    ) => {\n        const drawerActionButtons =\n            actionButtons.mobile || actionButtons.desktop;\n        if (drawerActionButtons) {\n            return (\n                drawerActionButtons.length &&\n                drawerActionButtons.some(\n                    (actionButton) => !actionButton.uncollapsible\n                )\n            );\n        }\n\n        return false;\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleResize = () => {\n        if (window.innerWidth <= tabletWidth && showDrawer) {\n            dismissDrawer();\n        }\n    };\n\n    const handleBrandClick = (\n        event: React.MouseEvent<HTMLAnchorElement>,\n        type: BrandType\n    ) => {\n        if (onBrandClick) {\n            onBrandClick(type);\n        }\n\n        if (shouldDismissDrawer(\"brand-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleNavItemClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: NavItemProps<K> | NavItemCommonProps<K>\n    ) => {\n        if (NavbarHelper.isNavItemCommon(item) && item.onClick) {\n            item.onClick(event);\n        } else if (onItemClick) {\n            event.preventDefault();\n            onItemClick(item);\n        }\n\n        if (\n            NavbarHelper.isNavItemLink(item) &&\n            !item.subMenu &&\n            shouldDismissDrawer(\"item-click\")\n        ) {\n            dismissDrawer();\n        }\n    };\n\n    const handleActionButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<Element>,\n        actionButton: NavbarButtonProps\n    ) => {\n        if (\n            (actionButton.type === \"button\" ||\n                actionButton.type === \"download\") &&\n            actionButton.args?.onClick\n        ) {\n            actionButton.args.onClick(\n                event as React.MouseEvent<HTMLButtonElement>\n            );\n        } else if (onActionButtonClick) {\n            event.preventDefault();\n            onActionButtonClick(actionButton);\n        }\n\n        if (shouldDismissDrawer(\"item-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleMobileMenuButtonClick = () => {\n        setShowDrawer(true);\n        setShowOverlay(true);\n    };\n\n    const handleDrawerClose = () => {\n        if (shouldDismissDrawer(\"close-button-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderDrawer = () => (\n        <Overlay\n            show={showOverlay}\n            enableOverlayClick\n            onOverlayClick={handleDrawerClose}\n        >\n            <Drawer\n                show={showDrawer}\n                resources={{ primary, secondary }}\n                onClose={handleDrawerClose}\n                onBrandClick={handleBrandClick}\n                actionButtons={actionButtons}\n                hideNavBranding={hideNavBranding}\n                mobileMenuRef={mobileMenuRef}\n                drawerLabel={drawerLabel}\n            >\n                <NavbarItems\n                    items={items.mobile || items.desktop}\n                    onItemClick={handleNavItemClick}\n                    selectedId={selectedId}\n                    mobile\n                    hideLinkIndicator={hideLinkIndicator}\n                />\n                <NavbarActionButtons\n                    actionButtons={actionButtons}\n                    onActionButtonClick={handleActionButtonClick}\n                    mobile\n                />\n            </Drawer>\n        </Overlay>\n    );\n\n    const renderBrand = () => (\n        <NavBrandContainer $compress={compress} data-id=\"brand-container\">\n            {primary && (\n                <Brand\n                    resources={primary}\n                    onClick={handleBrandClick}\n                    data-id=\"brand-primary\"\n                    data-testid=\"main__brand\"\n                    type=\"primary\"\n                />\n            )}\n            {secondary && (\n                <>\n                    <NavSeparator $compress={compress} />\n                    <Brand\n                        resources={secondary}\n                        onClick={handleBrandClick}\n                        data-id=\"brand-secondary\"\n                        data-testid=\"main__brand-secondary\"\n                        type=\"secondary\"\n                    />\n                </>\n            )}\n        </NavBrandContainer>\n    );\n\n    const renderMobileMenuButton = () => {\n        const drawerItems = items.mobile || items.desktop;\n        if (\n            (drawerItems && drawerItems.length > 0) ||\n            (actionButtons && hasCollapsibleActionButtons(actionButtons))\n        ) {\n            return (\n                <MobileMenuButton\n                    ref={mobileMenuRef}\n                    aria-label={showDrawer ? \"Close nav menu\" : \"Open nav menu\"}\n                    aria-expanded={showDrawer}\n                    data-testid=\"button__mobile-menu\"\n                    onClick={handleMobileMenuButtonClick}\n                    focusHighlight={false}\n                >\n                    <MobileMenuIcon />\n                </MobileMenuButton>\n            );\n        }\n\n        return null;\n    };\n\n    const renderNavbar = () => {\n        return (\n            <Layout.Content stretch={isStretch}>\n                <Nav $compress={compress} aria-label={headerLabel}>\n                    {!hideNavBranding && renderBrand()}\n                    {!hideNavElements && (\n                        <NavElementsContainer\n                            $hideNavBranding={hideNavBranding}\n                        >\n                            <NavbarItems\n                                items={items.desktop}\n                                onItemClick={handleNavItemClick}\n                                selectedId={selectedId}\n                                hideNavBranding={hideNavBranding}\n                                hideLinkIndicator={hideLinkIndicator}\n                            />\n                            <NavbarActionButtons\n                                actionButtons={actionButtons}\n                                onActionButtonClick={handleActionButtonClick}\n                            />\n                            {renderMobileMenuButton()}\n                        </NavElementsContainer>\n                    )}\n                </Nav>\n\n                {!hideNavElements && renderDrawer()}\n            </Layout.Content>\n        );\n    };\n\n    return (\n        <Wrapper\n            ref={elementRef}\n            $fixed={fixed}\n            className={className}\n            id={id || \"navbar-wrapper\"}\n            data-testid={otherProps[\"data-testid\"] || \"navbar-wrapper\"}\n        >\n            {masthead && <Masthead stretch={isStretch} />}\n            {renderNavbar()}\n        </Wrapper>\n    );\n};\n\nexport const Navbar = forwardRef(Component);\n"],"names":["Navbar","forwardRef","_a","ref","items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","blockDrawerDismissalMethods","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel","otherProps","__rest","showDrawer","setShowDrawer","useState","showOverlay","setShowOverlay","mobileMenuRef","useRef","isStretch","elementRef","theme","useContext","ThemeContext","defaultResource","getDefaultResourceLogo","resourceScheme","tabletWidth","Breakpoint","primary","secondary","useImperativeHandle","Object","assign","current","dismissDrawer","useEffect","handleResize","window","addEventListener","removeEventListener","setTimeout","shouldDismissDrawer","dismissalMethod","indexOf","innerWidth","handleBrandClick","event","type","handleNavItemClick","item","NavbarHelper","isNavItemCommon","onClick","preventDefault","isNavItemLink","subMenu","handleActionButtonClick","actionButton","args","handleMobileMenuButtonClick","handleDrawerClose","renderMobileMenuButton","drawerItems","mobile","desktop","length","drawerActionButtons","some","uncollapsible","hasCollapsibleActionButtons","_jsx","MobileMenuButton","focusHighlight","MobileMenuIcon","_jsxs","Wrapper","$fixed","children","Masthead","stretch","Layout","Content","Nav","$compress","NavBrandContainer","Brand","_Fragment","NavSeparator","NavElementsContainer","$hideNavBranding","NavbarItems","NavbarActionButtons","Overlay","show","enableOverlayClick","onOverlayClick","Drawer","onClose"],"mappings":"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"}
+{"version":3,"file":"navbar.js","sources":["../../../src/navbar/navbar.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { Layout } from \"../layout\";\nimport { Masthead } from \"../masthead/masthead\";\nimport { Overlay } from \"../overlay/overlay\";\nimport { Breakpoint } from \"../theme\";\nimport { Brand } from \"./brand\";\nimport { Drawer } from \"./drawer\";\nimport { NavbarActionButtons } from \"./navbar-action-buttons\";\nimport { NavbarHelper } from \"./navbar-helper\";\nimport { NavbarItems } from \"./navbar-items\";\nimport { getDefaultResourceLogo } from \"./navbar-logo-data\";\nimport {\n    MobileMenuButton,\n    MobileMenuIcon,\n    Nav,\n    NavBrandContainer,\n    NavElementsContainer,\n    NavSeparator,\n    Wrapper,\n} from \"./navbar.styles\";\nimport {\n    BrandType,\n    DrawerDismissalMethod,\n    NavItemCommonProps,\n    NavItemProps,\n    NavbarActionButtonsProps,\n    NavbarButtonProps,\n    NavbarDrawerApi,\n    NavbarDrawerHandle,\n    NavbarProps,\n} from \"./types\";\n\nconst Component = <T,>(\n    {\n        items,\n        className,\n        id,\n        selectedId,\n        compress = false,\n        fixed = true,\n        resources,\n        hideNavElements = false,\n        hideNavBranding = false,\n        hideLinkIndicator = false,\n        drawerDismissalExclusions: blockDrawerDismissalMethods = [],\n        actionButtons,\n        onItemClick,\n        onActionButtonClick,\n        onBrandClick,\n        masthead = true,\n        layout = \"default\",\n        headerLabel = \"Main navigation menu\",\n        drawerLabel,\n        ...otherProps\n    }: NavbarProps<T>,\n    ref: React.Ref<NavbarDrawerHandle>\n) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const [showDrawer, setShowDrawer] = useState<boolean>(false);\n    const [showOverlay, setShowOverlay] = useState<boolean>(false);\n    const mobileMenuRef = useRef<HTMLButtonElement>(null);\n    const isStretch = layout === \"stretch\";\n    const elementRef = useRef<HTMLDivElement>(null);\n    const theme = useContext(ThemeContext);\n    const defaultResource = getDefaultResourceLogo(theme?.resourceScheme);\n    const tabletWidth = Breakpoint[\"lg-max\"]({ theme });\n\n    const primary = resources?.primary || defaultResource.primary;\n    const secondary = resources?.secondary;\n\n    useImperativeHandle(\n        ref,\n        () =>\n            Object.assign<HTMLDivElement, NavbarDrawerApi>(\n                elementRef.current!,\n                {\n                    dismissDrawer: () => {\n                        dismissDrawer();\n                    },\n                }\n            ),\n        [showDrawer]\n    );\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        handleResize();\n        window.addEventListener(\"resize\", handleResize);\n\n        return () => {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, []);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const dismissDrawer = () => {\n        setShowDrawer(false);\n        setTimeout(() => {\n            setShowOverlay(false);\n        }, 550); // For drawer animation to complete + buffer\n    };\n\n    const shouldDismissDrawer = (dismissalMethod: DrawerDismissalMethod) => {\n        return (\n            showDrawer &&\n            blockDrawerDismissalMethods.indexOf(dismissalMethod) === -1\n        );\n    };\n\n    const hasCollapsibleActionButtons = (\n        actionButtons: NavbarActionButtonsProps\n    ) => {\n        const drawerActionButtons =\n            actionButtons.mobile || actionButtons.desktop;\n        if (drawerActionButtons) {\n            return (\n                drawerActionButtons.length &&\n                drawerActionButtons.some(\n                    (actionButton) => !actionButton.uncollapsible\n                )\n            );\n        }\n\n        return false;\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleResize = () => {\n        if (window.innerWidth <= tabletWidth && showDrawer) {\n            dismissDrawer();\n        }\n    };\n\n    const handleBrandClick = (\n        event: React.MouseEvent<HTMLAnchorElement>,\n        type: BrandType\n    ) => {\n        if (onBrandClick) {\n            onBrandClick(type);\n        }\n\n        if (shouldDismissDrawer(\"brand-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleNavItemClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: NavItemProps<K> | NavItemCommonProps<K>\n    ) => {\n        if (NavbarHelper.isNavItemCommon(item) && item.onClick) {\n            item.onClick(event);\n        } else if (onItemClick) {\n            event.preventDefault();\n            onItemClick(item);\n        }\n\n        if (\n            NavbarHelper.isNavItemLink(item) &&\n            !item.subMenu &&\n            shouldDismissDrawer(\"item-click\")\n        ) {\n            dismissDrawer();\n        }\n    };\n\n    const handleActionButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<Element>,\n        actionButton: NavbarButtonProps\n    ) => {\n        if (\n            (actionButton.type === \"button\" ||\n                actionButton.type === \"download\") &&\n            actionButton.args?.onClick\n        ) {\n            actionButton.args.onClick(\n                event as React.MouseEvent<HTMLButtonElement>\n            );\n        } else if (onActionButtonClick) {\n            event.preventDefault();\n            onActionButtonClick(actionButton);\n        }\n\n        if (shouldDismissDrawer(\"item-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    const handleMobileMenuButtonClick = () => {\n        setShowDrawer(true);\n        setShowOverlay(true);\n    };\n\n    const handleDrawerClose = () => {\n        if (shouldDismissDrawer(\"close-button-click\")) {\n            dismissDrawer();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderDrawer = () => (\n        <Overlay\n            show={showOverlay}\n            enableOverlayClick\n            onOverlayClick={handleDrawerClose}\n        >\n            <Drawer\n                show={showDrawer}\n                resources={{ primary, secondary }}\n                onClose={handleDrawerClose}\n                onBrandClick={handleBrandClick}\n                actionButtons={actionButtons}\n                hideNavBranding={hideNavBranding}\n                mobileMenuRef={mobileMenuRef}\n                drawerLabel={drawerLabel}\n            >\n                <NavbarItems\n                    items={items.mobile || items.desktop}\n                    onItemClick={handleNavItemClick}\n                    selectedId={selectedId}\n                    mobile\n                    hideLinkIndicator={hideLinkIndicator}\n                />\n                <NavbarActionButtons\n                    actionButtons={actionButtons}\n                    onActionButtonClick={handleActionButtonClick}\n                    mobile\n                />\n            </Drawer>\n        </Overlay>\n    );\n\n    const renderBrand = () => (\n        <NavBrandContainer $compress={compress} data-id=\"brand-container\">\n            {primary && (\n                <Brand\n                    resources={primary}\n                    onClick={handleBrandClick}\n                    data-id=\"brand-primary\"\n                    data-testid=\"main__brand\"\n                    type=\"primary\"\n                />\n            )}\n            {secondary && (\n                <>\n                    <NavSeparator $compress={compress} />\n                    <Brand\n                        resources={secondary}\n                        onClick={handleBrandClick}\n                        data-id=\"brand-secondary\"\n                        data-testid=\"main__brand-secondary\"\n                        type=\"secondary\"\n                    />\n                </>\n            )}\n        </NavBrandContainer>\n    );\n\n    const renderMobileMenuButton = () => {\n        const drawerItems = items.mobile || items.desktop;\n        if (\n            (drawerItems && drawerItems.length > 0) ||\n            (actionButtons && hasCollapsibleActionButtons(actionButtons))\n        ) {\n            return (\n                <MobileMenuButton\n                    ref={mobileMenuRef}\n                    aria-label={showDrawer ? \"Close nav menu\" : \"Open nav menu\"}\n                    aria-expanded={showDrawer}\n                    data-testid=\"button__mobile-menu\"\n                    onClick={handleMobileMenuButtonClick}\n                    focusHighlight={true}\n                >\n                    <MobileMenuIcon />\n                </MobileMenuButton>\n            );\n        }\n\n        return null;\n    };\n\n    const renderNavbar = () => {\n        return (\n            <Layout.Content stretch={isStretch}>\n                <Nav $compress={compress} aria-label={headerLabel}>\n                    {!hideNavBranding && renderBrand()}\n                    {!hideNavElements && (\n                        <NavElementsContainer\n                            $hideNavBranding={hideNavBranding}\n                        >\n                            <NavbarItems\n                                items={items.desktop}\n                                onItemClick={handleNavItemClick}\n                                selectedId={selectedId}\n                                hideNavBranding={hideNavBranding}\n                                hideLinkIndicator={hideLinkIndicator}\n                            />\n                            <NavbarActionButtons\n                                actionButtons={actionButtons}\n                                onActionButtonClick={handleActionButtonClick}\n                            />\n                            {renderMobileMenuButton()}\n                        </NavElementsContainer>\n                    )}\n                </Nav>\n\n                {!hideNavElements && renderDrawer()}\n            </Layout.Content>\n        );\n    };\n\n    return (\n        <Wrapper\n            ref={elementRef}\n            $fixed={fixed}\n            className={className}\n            id={id || \"navbar-wrapper\"}\n            data-testid={otherProps[\"data-testid\"] || \"navbar-wrapper\"}\n        >\n            {masthead && <Masthead stretch={isStretch} />}\n            {renderNavbar()}\n        </Wrapper>\n    );\n};\n\nexport const Navbar = forwardRef(Component);\n"],"names":["Navbar","forwardRef","_a","ref","items","className","id","selectedId","compress","fixed","resources","hideNavElements","hideNavBranding","hideLinkIndicator","drawerDismissalExclusions","blockDrawerDismissalMethods","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout","headerLabel","drawerLabel","otherProps","__rest","showDrawer","setShowDrawer","useState","showOverlay","setShowOverlay","mobileMenuRef","useRef","isStretch","elementRef","theme","useContext","ThemeContext","defaultResource","getDefaultResourceLogo","resourceScheme","tabletWidth","Breakpoint","primary","secondary","useImperativeHandle","Object","assign","current","dismissDrawer","useEffect","handleResize","window","addEventListener","removeEventListener","setTimeout","shouldDismissDrawer","dismissalMethod","indexOf","innerWidth","handleBrandClick","event","type","handleNavItemClick","item","NavbarHelper","isNavItemCommon","onClick","preventDefault","isNavItemLink","subMenu","handleActionButtonClick","actionButton","args","handleMobileMenuButtonClick","handleDrawerClose","renderMobileMenuButton","drawerItems","mobile","desktop","length","drawerActionButtons","some","uncollapsible","hasCollapsibleActionButtons","_jsx","MobileMenuButton","focusHighlight","MobileMenuIcon","_jsxs","Wrapper","$fixed","children","Masthead","stretch","Layout","Content","Nav","$compress","NavBrandContainer","Brand","_Fragment","NavSeparator","NavElementsContainer","$hideNavBranding","NavbarItems","NavbarActionButtons","Overlay","show","enableOverlayClick","onOverlayClick","Drawer","onClose"],"mappings":"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"}

package/cjs/shared/internal-calendar/calendar-manager.style.js

@@ -1,16 +1,16 @@
-"use strict";var e=require("@lifesg/react-icons/chevron-down"),t=require("@lifesg/react-icons/chevron-left"),o=require("@lifesg/react-icons/chevron-right"),r=require("styled-components"),i=require("../../button/button.js"),n=require("../../theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(r);const s=r.css`
+"use strict";var e=require("@lifesg/react-icons/chevron-down"),t=require("@lifesg/react-icons/chevron-left"),o=require("@lifesg/react-icons/chevron-right"),r=require("styled-components"),i=require("../../button/button.js"),n=require("../../theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r);const s=r.css`
     color: ${n.Colour.icon};
     height: 1rem;
     width: 1rem;
-`,p=l.default(t.ChevronLeftIcon)`
+`,p=d.default(t.ChevronLeftIcon)`
     ${s}
-`,u=l.default(o.ChevronRightIcon)`
+`,u=d.default(o.ChevronRightIcon)`
     ${s}
-`,c=l.default(e.ChevronDownIcon)`
+`,c=d.default(e.ChevronDownIcon)`
     ${s}
     transition: transform 250ms ease-in-out;
     margin-left: 0.5rem;
-`,f=l.default.div`
+`,f=d.default.div`
     position: relative;
     width: 100%;
     display: flex;
@@ -18,17 +18,18 @@
 
     padding-top: var(--vertical-inset);
     padding-bottom: var(--vertical-inset);
-`,g=l.default.div`
+`,v=d.default.div`
     display: flex;
     flex: 1;
     position: relative;
-`,v=l.default.div`
+    overflow-y: scroll;
+`,g=d.default.div`
     isolation: isolate;
     width: 100%;
 
     padding-left: var(--horizontal-inset);
     padding-right: var(--horizontal-inset);
-`,h=l.default.div`
+`,h=d.default.div`
     position: absolute;
     top: 0;
     left: 0;
@@ -42,16 +43,16 @@
     ${e=>{if(!e.$visible)return r.css`
                 display: none;
             `}}
-`,x=l.default.div`
+`,x=d.default.div`
     display: flex;
     justify-content: space-between;
 
     padding-left: var(--header-horizontal-inset, var(--horizontal-inset));
     padding-right: var(--header-horizontal-inset, var(--horizontal-inset));
     padding-bottom: var(--header-bottom-spacing);
-`,m=l.default.div`
+`,m=d.default.div`
     display: flex;
-`,b=l.default.button`
+`,b=d.default.button`
     border: none;
     display: flex;
     align-items: center;
@@ -66,26 +67,26 @@
                     transform: rotate(180deg);
                 }
             `:void 0};
-`,w=l.default.span`
+`,w=d.default.span`
     ${n.Font["body-md-regular"]}
     color: ${n.Colour.text};
-`,y=l.default.div`
+`,y=d.default.div`
     display: flex;
-`,$=l.default(a.ClickableIcon)`
+`,$=d.default(a.ClickableIcon)`
     margin: auto 0;
     padding: 0.75rem;
 
     &:disabled {
         cursor: not-allowed;
     }
-`,z=l.default.div`
+`,z=d.default.div`
     display: flex;
     gap: 0.5rem;
     margin-top: 1.5rem;
 
     padding-left: var(--horizontal-inset);
     padding-right: var(--horizontal-inset);
-`,C=l.default(i.Button.Small)`
+`,C=d.default(i.Button.Small)`
     flex: 1;
-`;exports.ActionButton=C,exports.ActionButtonSection=z,exports.ArrowLeft=p,exports.ArrowRight=u,exports.Container=f,exports.DefaultView=v,exports.DropdownButton=b,exports.DropdownText=w,exports.Header=x,exports.HeaderArrowButton=$,exports.HeaderArrows=y,exports.HeaderInputDropdown=m,exports.IconChevronDown=c,exports.OptionsOverlay=h,exports.ToggleZone=g;
+`;exports.ActionButton=C,exports.ActionButtonSection=z,exports.ArrowLeft=p,exports.ArrowRight=u,exports.Container=f,exports.DefaultView=g,exports.DropdownButton=b,exports.DropdownText=w,exports.Header=x,exports.HeaderArrowButton=$,exports.HeaderArrows=y,exports.HeaderInputDropdown=m,exports.IconChevronDown=c,exports.OptionsOverlay=h,exports.ToggleZone=v;
 //# sourceMappingURL=calendar-manager.style.js.map

package/cjs/shared/internal-calendar/calendar-manager.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-manager.style.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n    $expanded: boolean;\n    $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n    $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n    color: ${Colour.icon};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n    ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n    ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n    ${iconStyle}\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(--vertical-inset);\n    padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n    display: flex;\n    flex: 1;\n    position: relative;\n`;\n\nexport const DefaultView = styled.div`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour.bg};\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n\n    ${(props) => {\n        if (!props.$visible) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n    display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n\n    ${(props) => {\n        if (props.$visible === false) {\n            return css`\n                display: none;\n            `;\n        }\n\n        if (props.$expanded) {\n            return css`\n                ${IconChevronDown} {\n                    transform: rotate(180deg);\n                }\n            `;\n        }\n    }};\n`;\n\nexport const DropdownText = styled.span`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n    display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n    flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"qYA0BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,OAAOC;;;EAKPC,EAAYC,EAAAA,QAAOC,EAAAA,gBAAgB;MAC1CN;EAGOO,EAAaF,EAAAA,QAAOG,EAAAA,iBAAiB;MAC5CR;EAGOS,EAAkBJ,EAAAA,QAAOK,EAAAA,gBAAgB;MAChDV;;;EAQOW,EAAYN,EAAAA,QAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAAA,QAAOO,GAAG;;;;EAMvBE,EAAcT,EAAAA,QAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAAA,QAAOO,GAAsB;;;;;;kBAMzCV,EAAAA,OAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,KAAG;;aAGd;EAOKkB,EAASd,EAAAA,QAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAAA,QAAOO,GAAG;;EAIhCS,EAAiBhB,EAAAA,QAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,KAAG;;cAKVgB,EAAMM,UACCtB,KAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAAA,QAAOoB,IAAI;MACjCC,EAAAA,KAAK;aACExB,EAAAA,OAAa;EAGbyB,EAAetB,EAAAA,QAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAAA,QAAOwB,EAAAA,cAAc;;;;;;;EAYzCC,EAAsBzB,EAAAA,QAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAAA,QAAO2B,SAAOC,MAAM;;"}
+{"version":3,"file":"calendar-manager.style.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n    $expanded: boolean;\n    $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n    $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n    color: ${Colour.icon};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n    ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n    ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n    ${iconStyle}\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(--vertical-inset);\n    padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n    display: flex;\n    flex: 1;\n    position: relative;\n    overflow-y: scroll;\n`;\n\nexport const DefaultView = styled.div`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour.bg};\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n\n    ${(props) => {\n        if (!props.$visible) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n    display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n\n    ${(props) => {\n        if (props.$visible === false) {\n            return css`\n                display: none;\n            `;\n        }\n\n        if (props.$expanded) {\n            return css`\n                ${IconChevronDown} {\n                    transform: rotate(180deg);\n                }\n            `;\n        }\n    }};\n`;\n\nexport const DropdownText = styled.span`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n    display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n    flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"qYA0BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,OAAOC;;;EAKPC,EAAYC,EAAAA,QAAOC,EAAAA,gBAAgB;MAC1CN;EAGOO,EAAaF,EAAAA,QAAOG,EAAAA,iBAAiB;MAC5CR;EAGOS,EAAkBJ,EAAAA,QAAOK,EAAAA,gBAAgB;MAChDV;;;EAQOW,EAAYN,EAAAA,QAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAAA,QAAOO,GAAG;;;;;EAOvBE,EAAcT,EAAAA,QAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAAA,QAAOO,GAAsB;;;;;;kBAMzCV,EAAAA,OAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,KAAG;;aAGd;EAOKkB,EAASd,EAAAA,QAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAAA,QAAOO,GAAG;;EAIhCS,EAAiBhB,EAAAA,QAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,KAAG;;cAKVgB,EAAMM,UACCtB,KAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAAA,QAAOoB,IAAI;MACjCC,EAAAA,KAAK;aACExB,EAAAA,OAAa;EAGbyB,EAAetB,EAAAA,QAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAAA,QAAOwB,EAAAA,cAAc;;;;;;;EAYzCC,EAAsBzB,EAAAA,QAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAAA,QAAO2B,SAAOC,MAAM;;"}

package/cjs/theme/colour-primitive/specs/toteboard-colour-set.js

@@ -0,0 +1,2 @@
+"use strict";exports.ToteBoardColourSet={"brand-10":"#001240","brand-20":"#001F6D","brand-30":"#002A91","brand-40":"#043ECB","brand-50":"#2C58F0","brand-60":"#7184FF","brand-70":"#9EA9FF","brand-80":"#BFC7FF","brand-90":"#DADEFF","brand-95":"#EAEDFF","brand-100":"#F7F8FF","primary-10":"#001240","primary-20":"#001F6D","primary-30":"#002A91","primary-40":"#043ECB","primary-50":"#2C58F0","primary-60":"#7184FF","primary-70":"#9EA9FF","primary-80":"#BFC7FF","primary-90":"#DADEFF","primary-95":"#EAEDFF","primary-100":"#F7F8FF","secondary-10":"#0E1723","secondary-20":"#18293D","secondary-30":"#213753","secondary-40":"#305078","secondary-50":"#4B6A8F","secondary-60":"#7B91A9","secondary-70":"#A1B1C3","secondary-80":"#C1CBD7","secondary-90":"#DBE1E8","secondary-95":"#EBEFF2","secondary-100":"#F7F8FA","neutral-10":"#101625","neutral-20":"#212836","neutral-30":"#2F3642","neutral-40":"#464F5D","neutral-50":"#5D697A","neutral-60":"#8190A4","neutral-70":"#A5B0BE","neutral-80":"#C3CAD4","neutral-90":"#DCE0E6","neutral-95":"#ECEEF1","neutral-100":"#F7F8F9","success-10":"#081A0F","success-20":"#0E2D1B","success-30":"#133D24","success-40":"#1C5A34","success-50":"#257645","success-60":"#44A068","success-70":"#64C189","success-80":"#80DCA5","success-90":"#B4ECCB","success-95":"#D5F6E2","success-100":"#EFFCF4","warning-10":"#221302","warning-20":"#3B2204","warning-30":"#502E05","warning-40":"#744408","warning-50":"#98590C","warning-60":"#D07A13","warning-70":"#E4A244","warning-80":"#F5C26C","warning-90":"#FADBA6","warning-95":"#FCECD4","warning-100":"#FDF7F0","error-10":"#330505","error-20":"#550808","error-30":"#700B0B","error-40":"#9E130F","error-50":"#CB2213","error-60":"#DE6C6C","error-70":"#E89B9B","error-80":"#EFBEBE","error-90":"#F5D9D9","error-95":"#F9ECEC","error-100":"#FCF7F7","info-10":"#031537","info-20":"#05245E","info-30":"#07307D","info-40":"#0E47B1","info-50":"#2462D4","info-60":"#558CF5","info-70":"#86AFFB","info-80":"#B0CAFF","info-90":"#D0E2FC","info-95":"#E4F1FB","info-100":"#F4FAFD",white:"#FFFFFF",black:"#121212","primary-inverse":"#FEAB10"};
+//# sourceMappingURL=toteboard-colour-set.js.map

package/cjs/theme/colour-primitive/specs/toteboard-colour-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toteboard-colour-set.js","sources":["../../../../../src/theme/colour-primitive/specs/toteboard-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const ToteBoardColourSet: PrimitiveColourSet = {\n    \"brand-10\": \"#001240\",\n    \"brand-20\": \"#001F6D\",\n    \"brand-30\": \"#002A91\",\n    \"brand-40\": \"#043ECB\",\n    \"brand-50\": \"#2C58F0\",\n    \"brand-60\": \"#7184FF\",\n    \"brand-70\": \"#9EA9FF\",\n    \"brand-80\": \"#BFC7FF\",\n    \"brand-90\": \"#DADEFF\",\n    \"brand-95\": \"#EAEDFF\",\n    \"brand-100\": \"#F7F8FF\",\n    \"primary-10\": \"#001240\",\n    \"primary-20\": \"#001F6D\",\n    \"primary-30\": \"#002A91\",\n    \"primary-40\": \"#043ECB\",\n    \"primary-50\": \"#2C58F0\",\n    \"primary-60\": \"#7184FF\",\n    \"primary-70\": \"#9EA9FF\",\n    \"primary-80\": \"#BFC7FF\",\n    \"primary-90\": \"#DADEFF\",\n    \"primary-95\": \"#EAEDFF\",\n    \"primary-100\": \"#F7F8FF\",\n    \"secondary-10\": \"#0E1723\",\n    \"secondary-20\": \"#18293D\",\n    \"secondary-30\": \"#213753\",\n    \"secondary-40\": \"#305078\",\n    \"secondary-50\": \"#4B6A8F\",\n    \"secondary-60\": \"#7B91A9\",\n    \"secondary-70\": \"#A1B1C3\",\n    \"secondary-80\": \"#C1CBD7\",\n    \"secondary-90\": \"#DBE1E8\",\n    \"secondary-95\": \"#EBEFF2\",\n    \"secondary-100\": \"#F7F8FA\",\n    \"neutral-10\": \"#101625\",\n    \"neutral-20\": \"#212836\",\n    \"neutral-30\": \"#2F3642\",\n    \"neutral-40\": \"#464F5D\",\n    \"neutral-50\": \"#5D697A\",\n    \"neutral-60\": \"#8190A4\",\n    \"neutral-70\": \"#A5B0BE\",\n    \"neutral-80\": \"#C3CAD4\",\n    \"neutral-90\": \"#DCE0E6\",\n    \"neutral-95\": \"#ECEEF1\",\n    \"neutral-100\": \"#F7F8F9\",\n    \"success-10\": \"#081A0F\",\n    \"success-20\": \"#0E2D1B\",\n    \"success-30\": \"#133D24\",\n    \"success-40\": \"#1C5A34\",\n    \"success-50\": \"#257645\",\n    \"success-60\": \"#44A068\",\n    \"success-70\": \"#64C189\",\n    \"success-80\": \"#80DCA5\",\n    \"success-90\": \"#B4ECCB\",\n    \"success-95\": \"#D5F6E2\",\n    \"success-100\": \"#EFFCF4\",\n    \"warning-10\": \"#221302\",\n    \"warning-20\": \"#3B2204\",\n    \"warning-30\": \"#502E05\",\n    \"warning-40\": \"#744408\",\n    \"warning-50\": \"#98590C\",\n    \"warning-60\": \"#D07A13\",\n    \"warning-70\": \"#E4A244\",\n    \"warning-80\": \"#F5C26C\",\n    \"warning-90\": \"#FADBA6\",\n    \"warning-95\": \"#FCECD4\",\n    \"warning-100\": \"#FDF7F0\",\n    \"error-10\": \"#330505\",\n    \"error-20\": \"#550808\",\n    \"error-30\": \"#700B0B\",\n    \"error-40\": \"#9E130F\",\n    \"error-50\": \"#CB2213\",\n    \"error-60\": \"#DE6C6C\",\n    \"error-70\": \"#E89B9B\",\n    \"error-80\": \"#EFBEBE\",\n    \"error-90\": \"#F5D9D9\",\n    \"error-95\": \"#F9ECEC\",\n    \"error-100\": \"#FCF7F7\",\n    \"info-10\": \"#031537\",\n    \"info-20\": \"#05245E\",\n    \"info-30\": \"#07307D\",\n    \"info-40\": \"#0E47B1\",\n    \"info-50\": \"#2462D4\",\n    \"info-60\": \"#558CF5\",\n    \"info-70\": \"#86AFFB\",\n    \"info-80\": \"#B0CAFF\",\n    \"info-90\": \"#D0E2FC\",\n    \"info-95\": \"#E4F1FB\",\n    \"info-100\": \"#F4FAFD\",\n    white: \"#FFFFFF\",\n    black: \"#121212\",\n    \"primary-inverse\": \"#FEAB10\",\n};\n"],"names":["white","black"],"mappings":"wCAEsD,CAClD,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UACjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZA,MAAO,UACPC,MAAO,UACP,kBAAmB"}

package/cjs/theme/colour-primitive/theme-helper.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),n=require("./specs/mylegacy-colour-set.js"),a=require("./specs/oneservice-colour-set.js"),u=require("./specs/pa-colour-set.js"),i=require("./specs/rbs-colour-set.js"),c=require("./specs/a11yplayground-colour-set.js"),l=require("./specs/supportgowhere-colour-set.js"),t=require("./specs/imda-colour-set.js"),p=require("./specs/spf-colour-set.js"),y=require("./specs/smgs-colour-set.js"),d=require("./specs/careercompass-colour-set.js");const g={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},S={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},m=e=>o=>{var s;const n=o.theme,a="dark"===(null==n?void 0:n.colourMode),u=a?S:g,i=r.getCollection(u,null==n?void 0:n.colourScheme),c=a?"primitiveColourDark":"primitiveColour",l=null===(s=null==n?void 0:n.overrides)||void 0===s?void 0:s[c];return l?r.getValue(i,e,l):i[e]},C={"brand-10":m("brand-10"),"brand-20":m("brand-20"),"brand-30":m("brand-30"),"brand-40":m("brand-40"),"brand-50":m("brand-50"),"brand-60":m("brand-60"),"brand-70":m("brand-70"),"brand-80":m("brand-80"),"brand-90":m("brand-90"),"brand-95":m("brand-95"),"brand-100":m("brand-100"),"primary-10":m("primary-10"),"primary-20":m("primary-20"),"primary-30":m("primary-30"),"primary-40":m("primary-40"),"primary-50":m("primary-50"),"primary-60":m("primary-60"),"primary-70":m("primary-70"),"primary-80":m("primary-80"),"primary-90":m("primary-90"),"primary-95":m("primary-95"),"primary-100":m("primary-100"),"secondary-10":m("secondary-10"),"secondary-20":m("secondary-20"),"secondary-30":m("secondary-30"),"secondary-40":m("secondary-40"),"secondary-50":m("secondary-50"),"secondary-60":m("secondary-60"),"secondary-70":m("secondary-70"),"secondary-80":m("secondary-80"),"secondary-90":m("secondary-90"),"secondary-95":m("secondary-95"),"secondary-100":m("secondary-100"),"neutral-10":m("neutral-10"),"neutral-20":m("neutral-20"),"neutral-30":m("neutral-30"),"neutral-40":m("neutral-40"),"neutral-50":m("neutral-50"),"neutral-60":m("neutral-60"),"neutral-70":m("neutral-70"),"neutral-80":m("neutral-80"),"neutral-90":m("neutral-90"),"neutral-95":m("neutral-95"),"neutral-100":m("neutral-100"),"success-10":m("success-10"),"success-20":m("success-20"),"success-30":m("success-30"),"success-40":m("success-40"),"success-50":m("success-50"),"success-60":m("success-60"),"success-70":m("success-70"),"success-80":m("success-80"),"success-90":m("success-90"),"success-95":m("success-95"),"success-100":m("success-100"),"warning-10":m("warning-10"),"warning-20":m("warning-20"),"warning-30":m("warning-30"),"warning-40":m("warning-40"),"warning-50":m("warning-50"),"warning-60":m("warning-60"),"warning-70":m("warning-70"),"warning-80":m("warning-80"),"warning-90":m("warning-90"),"warning-95":m("warning-95"),"warning-100":m("warning-100"),"error-10":m("error-10"),"error-20":m("error-20"),"error-30":m("error-30"),"error-40":m("error-40"),"error-50":m("error-50"),"error-60":m("error-60"),"error-70":m("error-70"),"error-80":m("error-80"),"error-90":m("error-90"),"error-95":m("error-95"),"error-100":m("error-100"),"info-10":m("info-10"),"info-20":m("info-20"),"info-30":m("info-30"),"info-40":m("info-40"),"info-50":m("info-50"),"info-60":m("info-60"),"info-70":m("info-70"),"info-80":m("info-80"),"info-90":m("info-90"),"info-95":m("info-95"),"info-100":m("info-100"),white:m("white"),black:m("black"),"primary-inverse":m("primary-inverse")};exports.ColourSpec=g,exports.DarkColourSpec=S,exports.PrimitiveColour=C,exports.getPrimitiveColour=m;
+"use strict";var r=require("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),a=require("./specs/mylegacy-colour-set.js"),n=require("./specs/oneservice-colour-set.js"),u=require("./specs/pa-colour-set.js"),i=require("./specs/rbs-colour-set.js"),c=require("./specs/a11yplayground-colour-set.js"),l=require("./specs/supportgowhere-colour-set.js"),t=require("./specs/imda-colour-set.js"),p=require("./specs/spf-colour-set.js"),d=require("./specs/smgs-colour-set.js"),y=require("./specs/careercompass-colour-set.js"),g=require("./specs/toteboard-colour-set.js");const S={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:a.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:n.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:y.CareerCompassColourSet,smgs:d.SMGSColourSet,toteboard:g.ToteBoardColourSet},defaultValue:"lifesg"},C={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:a.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:n.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:y.CareerCompassColourSet,smgs:d.SMGSColourSet,toteboard:g.ToteBoardColourSet},defaultValue:"lifesg"},m=e=>o=>{var s;const a=o.theme,n="dark"===(null==a?void 0:a.colourMode),u=n?C:S,i=r.getCollection(u,null==a?void 0:a.colourScheme),c=n?"primitiveColourDark":"primitiveColour",l=null===(s=null==a?void 0:a.overrides)||void 0===s?void 0:s[c];return l?r.getValue(i,e,l):i[e]},b={"brand-10":m("brand-10"),"brand-20":m("brand-20"),"brand-30":m("brand-30"),"brand-40":m("brand-40"),"brand-50":m("brand-50"),"brand-60":m("brand-60"),"brand-70":m("brand-70"),"brand-80":m("brand-80"),"brand-90":m("brand-90"),"brand-95":m("brand-95"),"brand-100":m("brand-100"),"primary-10":m("primary-10"),"primary-20":m("primary-20"),"primary-30":m("primary-30"),"primary-40":m("primary-40"),"primary-50":m("primary-50"),"primary-60":m("primary-60"),"primary-70":m("primary-70"),"primary-80":m("primary-80"),"primary-90":m("primary-90"),"primary-95":m("primary-95"),"primary-100":m("primary-100"),"secondary-10":m("secondary-10"),"secondary-20":m("secondary-20"),"secondary-30":m("secondary-30"),"secondary-40":m("secondary-40"),"secondary-50":m("secondary-50"),"secondary-60":m("secondary-60"),"secondary-70":m("secondary-70"),"secondary-80":m("secondary-80"),"secondary-90":m("secondary-90"),"secondary-95":m("secondary-95"),"secondary-100":m("secondary-100"),"neutral-10":m("neutral-10"),"neutral-20":m("neutral-20"),"neutral-30":m("neutral-30"),"neutral-40":m("neutral-40"),"neutral-50":m("neutral-50"),"neutral-60":m("neutral-60"),"neutral-70":m("neutral-70"),"neutral-80":m("neutral-80"),"neutral-90":m("neutral-90"),"neutral-95":m("neutral-95"),"neutral-100":m("neutral-100"),"success-10":m("success-10"),"success-20":m("success-20"),"success-30":m("success-30"),"success-40":m("success-40"),"success-50":m("success-50"),"success-60":m("success-60"),"success-70":m("success-70"),"success-80":m("success-80"),"success-90":m("success-90"),"success-95":m("success-95"),"success-100":m("success-100"),"warning-10":m("warning-10"),"warning-20":m("warning-20"),"warning-30":m("warning-30"),"warning-40":m("warning-40"),"warning-50":m("warning-50"),"warning-60":m("warning-60"),"warning-70":m("warning-70"),"warning-80":m("warning-80"),"warning-90":m("warning-90"),"warning-95":m("warning-95"),"warning-100":m("warning-100"),"error-10":m("error-10"),"error-20":m("error-20"),"error-30":m("error-30"),"error-40":m("error-40"),"error-50":m("error-50"),"error-60":m("error-60"),"error-70":m("error-70"),"error-80":m("error-80"),"error-90":m("error-90"),"error-95":m("error-95"),"error-100":m("error-100"),"info-10":m("info-10"),"info-20":m("info-20"),"info-30":m("info-30"),"info-40":m("info-40"),"info-50":m("info-50"),"info-60":m("info-60"),"info-70":m("info-70"),"info-80":m("info-80"),"info-90":m("info-90"),"info-95":m("info-95"),"info-100":m("info-100"),white:m("white"),black:m("black"),"primary-inverse":m("primary-inverse")};exports.ColourSpec=S,exports.DarkColourSpec=C,exports.PrimitiveColour=b,exports.getPrimitiveColour=m;
 //# sourceMappingURL=theme-helper.js.map