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

package/select-histogram/select-histogram.styles_n260dy.css

@@ -1,5 +1,5 @@
-.h1snxaxy{overflow:hidden;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);padding:var(--fds-spacing-16);min-width:23rem;}:where(body.fds-breakpoint-sm-max) .h1snxaxy{min-width:unset;width:calc(100vw - var(--fds-breakpoint-margin-sm) * 2);}:where(body.fds-breakpoint-xs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xs) * 2);}:where(body.fds-breakpoint-xxs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xxs) * 2);}
+@layer fds{.h1snxaxy{overflow:hidden;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);padding:var(--fds-spacing-16);min-width:23rem;}:where(body.fds-breakpoint-sm-max) .h1snxaxy{min-width:unset;width:calc(100vw - var(--fds-breakpoint-margin-sm) * 2);}:where(body.fds-breakpoint-xs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xs) * 2);}:where(body.fds-breakpoint-xxs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xxs) * 2);}
 .l1e4uw6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
 .s134rtp9{margin:0 0.5rem;color:var(--fds-colour-text);}
 .p11079xa{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);text-align:left;overflow:hidden;color:var(--fds-colour-text-subtler);}
-.p1bydnw6{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
+.p1bydnw6{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}}

package/shared/accessibility/index_13g9vp.css

@@ -1 +1 @@
-.v17efraz{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;}
+@layer fds{.v17efraz{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;}}

package/shared/clickable-icon/clickable-icon.styles_1v2imml.css

@@ -1,3 +1,3 @@
-.m18ljjag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fds-spacing-24);background-color:transparent;border:none;cursor:pointer;}.m18ljjag img{height:1rem;width:1rem;}.m18ljjag svg{height:1.125rem;width:1.125rem;}
+@layer fds{.m18ljjag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fds-spacing-24);background-color:transparent;border:none;cursor:pointer;}.m18ljjag img{height:1rem;width:1rem;}.m18ljjag svg{height:1.125rem;width:1.125rem;}
 .o1plr5dj:active,.o1plr5dj:focus{outline:none;}
-.hv69up9:active,.hv69up9:focus{background-color:var(--fds-colour-bg-hover-neutral);}
+.hv69up9:active,.hv69up9:focus{background-color:var(--fds-colour-bg-hover-neutral);}}

package/shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css

@@ -1,5 +1,5 @@
-.oqwr3hs{display:inline-block;position:relative;width:var(--fds-internal-componentLoadingSpinner-root-size, 1em);height:var(--fds-internal-componentLoadingSpinner-root-size, 1em);color:var(--fds-internal-componentLoadingSpinner-root-colour, currentColor);}
+@layer fds{.oqwr3hs{display:inline-block;position:relative;width:var(--fds-internal-componentLoadingSpinner-root-size, 1em);height:var(--fds-internal-componentLoadingSpinner-root-size, 1em);color:var(--fds-internal-componentLoadingSpinner-root-colour, currentColor);}
 .i5p5ltp{box-sizing:border-box;display:block;position:absolute;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-width:2px;border-style:solid;border-radius:100%;border-color:currentColor transparent transparent transparent;-webkit-animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;}@-webkit-keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 .i1trawld{-webkit-animation-delay:-0.45s;animation-delay:-0.45s;}
 .iav978u{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
-.i1fnvvih{-webkit-animation-delay:-0.15s;animation-delay:-0.15s;}
+.i1fnvvih{-webkit-animation-delay:-0.15s;animation-delay:-0.15s;}}

package/shared/dropdown-list/dropdown-label.styles_mloii0.css

@@ -1,4 +1,4 @@
-.pi58ntt{font-weight:var(--fds-font-weight-regular);color:var(--fds-colour-text);width:100%;overflow-wrap:break-word;}
+@layer fds{.pi58ntt{font-weight:var(--fds-font-weight-regular);color:var(--fds-colour-text);width:100%;overflow-wrap:break-word;}
 .p1wtg030{font-weight:var(--fds-font-weight-semibold);}
 .p4cirxp{color:var(--fds-colour-text-selected);}
 .pp0vhoy{color:var(--fds-colour-text-disabled);}
@@ -16,4 +16,4 @@
 .b1tiox0q{display:inline-block;width:100%;height:1lh;overflow:hidden;}
 .t1y8fzo0{word-break:break-all;}
 .t18n9ljk{text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:right;}
-.tgn5sfi{width:50%;}
+.tgn5sfi{width:50%;}}

package/shared/dropdown-list/dropdown-list.styles_konwm.css

@@ -1,4 +1,4 @@
-.c1wprmqt{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);--fds-internal-dropdownList-container-xSpacing:0px;--fds-internal-dropdownList-container-availableWidth:calc(
+@layer fds{.c1wprmqt{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);--fds-internal-dropdownList-container-xSpacing:0px;--fds-internal-dropdownList-container-availableWidth:calc(
         100vw - var(--fds-internal-dropdownList-container-xSpacing) * 2
     );max-height:min(
         27rem,
@@ -23,4 +23,4 @@
 .rlpycri{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--fds-spacing-12) var(--fds-spacing-16);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fds-colour-text);}
 .l9eregy{margin-right:var(--fds-spacing-4);color:var(--fds-colour-icon-error);height:1em;width:1em;}
 .smon6ho{margin-right:var(--fds-spacing-8);color:var(--fds-colour-icon);}
-.n1mo99ai{color:var(--fds-colour-text-subtle);padding:0 var(--fds-spacing-16);padding-bottom:var(--fds-spacing-12);}
+.n1mo99ai{color:var(--fds-colour-text-subtle);padding:0 var(--fds-spacing-16);padding-bottom:var(--fds-spacing-12);}}

package/shared/dropdown-list/dropdown-search.styles_1hc1gkh.css

@@ -1,7 +1,7 @@
-.cimxtn{background:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+@layer fds{.cimxtn{background:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
 .c5t5jsb{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
 .s9xptf8{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);padding:10px var(--fds-spacing-8);}
 .s15dwc6n{padding:var(--fds-spacing-8) var(--fds-spacing-16);}
 .slme00w{-webkit-flex:1;-ms-flex:1;flex:1;}
 .s18shux7{color:var(--fds-colour-icon);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}
-.c1ml832z{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;box-sizing:content-box;padding:var(--fds-spacing-8);margin-left:calc(var(--fds-spacing-8) * -1);color:var(--fds-colour-icon);cursor:pointer;font-size:inherit;}.c1ml832z svg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}
+.c1ml832z{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;box-sizing:content-box;padding:var(--fds-spacing-8);margin-left:calc(var(--fds-spacing-8) * -1);color:var(--fds-colour-icon);cursor:pointer;font-size:inherit;}.c1ml832z svg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}}

package/shared/dropdown-list/expandable-element.styles_rkkvqr.css

@@ -1,5 +1,5 @@
-.s14ftgne{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);width:100%;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);height:calc(3rem - 2px);}.s14ftgne:disabled{cursor:not-allowed;}.s14ftgne:focus-visible{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}
+@layer fds{.s14ftgne{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);width:100%;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);height:calc(3rem - 2px);}.s14ftgne:disabled{cursor:not-allowed;}.s14ftgne:focus-visible{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}
 .s14xk9xz{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);height:calc(2.5rem - 2px);}
 .s2pr33o{padding:var(--fds-spacing-16);}
 .i11rk48k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);transition:transform var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);}.i11rk48k svg{color:var(--fds-colour-icon);height:1em;width:1em;}
-.i1r624au{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+.i1r624au{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}}

package/shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css

@@ -1,4 +1,4 @@
-.l6gdpz7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+@layer fds{.l6gdpz7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .l2m1xi2{display:none;}
 .l7sjxgx{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--fds-spacing-8);padding:var(--fds-spacing-12) var(--fds-spacing-8);cursor:pointer;overflow:hidden;border-radius:var(--fds-radius-none);outline:none;}
 .lda1ll2{cursor:default;}
@@ -9,4 +9,4 @@
 .uz6io6h{width:1lh;height:1lh;margin-right:var(--fds-spacing-8);}
 .simvld9{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1lh;width:var(--fds-spacing-16);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
 .s1en693q{width:1lh;}
-.c1an54qc{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1lh;width:1lh;color:var(--fds-colour-icon-selected);}
+.c1an54qc{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1lh;width:1lh;color:var(--fds-colour-icon-selected);}}

package/shared/dropdown-wrapper/dropdown-wrapper.styles_15hwwoj.css

@@ -1,3 +1,3 @@
-.l9c71lq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-all;}.l9c71lq[data-disabled="true"]{color:var(--fds-colour-text-disabled);}
+@layer fds{.l9c71lq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-all;}.l9c71lq[data-disabled="true"]{color:var(--fds-colour-text-disabled);}
 .vlxe5wy{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);text-align:left;overflow:hidden;}.vlxe5wy[data-variant="small"]{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}.vlxe5wy:not([data-truncate="middle"]){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
-.p3mumjy{color:var(--fds-colour-text-subtler);}
+.p3mumjy{color:var(--fds-colour-text-subtler);}}

package/shared/fade-wrapper/fade-wrapper.styles_16iug7l.css

@@ -1,4 +1,4 @@
-.wslc1qs{position:relative;width:100%;}
+@layer fds{.wslc1qs{position:relative;width:100%;}
 .f4ndmik{width:64px;height:100%;top:0;position:absolute;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .f10r53jk{left:0;}:where(body.fds-breakpoint-lg-max) .f10r53jk{background-image:linear-gradient(
             to right,
@@ -13,4 +13,4 @@
 .cv4qfjc{position:relative;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;}.cv4qfjc::-webkit-scrollbar{display:none;}
 .fgwhr72{display:none;}:where(body.fds-breakpoint-lg-max) .fgwhr72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;padding:unset;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}:where(body.fds-breakpoint-lg-max) .fgwhr72 svg{color:var(--fds-colour-icon);}
 .i135a9q0{-webkit-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;padding-left:var(--fds-spacing-8);}
-.i18cgy8z{-webkit-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;padding-right:var(--fds-spacing-8);}
+.i18cgy8z{-webkit-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;padding-right:var(--fds-spacing-8);}}

package/shared/image-placeholder/image-placeholder.styles_44nwil.css

@@ -1 +1 @@
-.p74g98x{background-color:var(--fds-colour-bg-stronger);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:1rem;}.p74g98x svg{min-width:48px;width:18%;height:auto;color:var(--fds-colour-icon-subtle);}
+@layer fds{.p74g98x{background-color:var(--fds-colour-bg-stronger);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:1rem;}.p74g98x svg{min-width:48px;width:18%;height:auto;color:var(--fds-colour-icon-subtle);}}

package/shared/input-wrapper/input-wrapper.styles_je6maw.css

@@ -1,4 +1,4 @@
-.i156rlh{border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);}.i156rlh:focus-within,.i156rlh[data-focused="true"]{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}
+@layer fds{.i156rlh{border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);}.i156rlh:focus-within,.i156rlh[data-focused="true"]{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}
 .irl4gvd{border-color:transparent;padding:0;background:transparent!important;}.irl4gvd:focus-within,.irl4gvd[data-focused="true"]{outline-color:var(--fds-colour-border-focus);}
 .iwp8knk{background:var(--fds-colour-bg-disabled);cursor:not-allowed;}.iwp8knk:focus-within,.iwp8knk[data-focused="true"]{outline-color:var(--fds-colour-border-disabled);}
 .i1ec8vtj{border-color:var(--fds-colour-border-error);}.i1ec8vtj:focus-within,.i1ec8vtj[data-focused="true"]{outline-color:var(--fds-colour-border-error-focus);}
@@ -11,4 +11,4 @@
 .b191fi5o{background:transparent;border:none;outline:none;}.b191fi5o:focus,.b191fi5o:active{outline:none;}.b191fi5o:focus-visible{outline:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border-focus);border-radius:var(--fds-radius-sm);}
 .c179s2uy{background:transparent;border:none;outline:none;height:auto;padding:var(--fds-spacing-12) var(--fds-spacing-16);margin:calc(var(--fds-spacing-12) * -1) calc(var(--fds-spacing-16) * -1);cursor:pointer;color:var(--fds-colour-icon);}.c179s2uy:focus,.c179s2uy:active{outline:none;}.c179s2uy:focus-visible{outline:2px solid var(--fds-colour-border-focus);border-radius:var(--fds-radius-sm);}
 .c1buolhy{height:1.25rem;width:1.25rem;vertical-align:middle;}
-.ccmyj2w{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:var(--fds-spacing-16);}
+.ccmyj2w{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:var(--fds-spacing-16);}}

package/shared/internal-calendar/calendar-dropdown.styles_wybjai.css

@@ -1 +1 @@
-.cfbaf44{--fds-internal-calendarDropdown-verticalInset:var(--fds-spacing-24);--fds-internal-calendarDropdown-horizontalInset:var(--fds-spacing-20);--fds-internal-calendarDropdown-headerBottomSpacing:var(--fds-spacing-4);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);overflow:hidden;--fds-internal-calendarDropdown-width:initial;width:var(--fds-internal-calendarDropdown-width);max-width:41rem;min-width:21rem;}:where(body.fds-breakpoint-sm-max) .cfbaf44{min-width:17.5rem;}
+@layer fds{.cfbaf44{--fds-internal-calendarDropdown-verticalInset:var(--fds-spacing-24);--fds-internal-calendarDropdown-horizontalInset:var(--fds-spacing-20);--fds-internal-calendarDropdown-headerBottomSpacing:var(--fds-spacing-4);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);overflow:hidden;--fds-internal-calendarDropdown-width:initial;width:var(--fds-internal-calendarDropdown-width);max-width:41rem;min-width:21rem;}:where(body.fds-breakpoint-sm-max) .cfbaf44{min-width:17.5rem;}}

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

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as a,Fragment as r}from"react/jsx-runtime";import{ChevronDownIcon as n}from"@lifesg/react-icons/chevron-down";import{ChevronLeftIcon as o}from"@lifesg/react-icons/chevron-left";import{ChevronRightIcon as i}from"@lifesg/react-icons/chevron-right";import s from"clsx";import l from"../../external/dayjs/dayjs.min.js";import c,{useState as d,useRef as u,useImperativeHandle as m,useEffect as h}from"react";import{Button as f}from"../../button/button.js";import{CalendarHelper as p}from"../../util/calendar-helper.js";import{DateHelper as D}from"../../util/date-helper.js";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import{inertValue as b}from"../accessibility/index.js";import{ClickableIcon as y}from"../clickable-icon/clickable-icon.js";import{container as g,toggleZone as w,header as v,headerInputDropdown as N,headerArrows as k,headerArrowButton as j,icon as C,defaultView as M,optionsOverlay as x,hidden as A,actionButtonSection as R,actionButton as S,dropdownText as Y,iconChevronDown as H,iconChevronDownExpanded as W,dropdownButton as L}from"./calendar-manager.styles.js";import{InternalCalendarMonth as $}from"./internal-calendar-month.js";import{InternalCalendarYear as E}from"./internal-calendar-year.js";const F=c.forwardRef(((c,F)=>{var{children:U,initialCalendarDate:B,minDate:I,maxDate:P,currentFocus:O,selectedStartDate:T,selectedEndDate:V,selectWithinRange:z,dynamicHeight:K=!1,allowDisabledSelection:_,onCalendarDateChange:q,withButton:G,doneButtonDisabled:J,onDismiss:Q,showNavigationHeader:X=!0,getLeftArrowDate:Z,getRightArrowDate:ee,isLeftArrowDisabled:te,isRightArrowDisabled:ae,getMonthHeaderLabel:re,getYearHeaderLabel:ne,isFocusable:oe=!1}=c,ie=e(c,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[se,le]=d(D.toDayjs(B)),[ce,de]=d(D.toDayjs(B)),[ue,me]=d("default"),he=u(null),fe=u(null),pe=u(null),De=u(null);m(F,(()=>({defaultView(){me("default")},resetView(){const e=D.toDayjs(B);le(e),de(e),me("default")},setCalendarDate(e){const t=D.toDayjs(e);le(t),de(t)}}))),h((()=>{const e=D.toDayjs(B);le(e),de(e)}),[B]),h((()=>{Ce(ce)}),[ce]);const be=()=>{var e;"month-options"!==ue?(me("month-options"),null===(e=pe.current)||void 0===e||e.focus()):(me("default"),le(ce))},ye=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),be(),null===(t=De.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?se.subtract(1,"month"):se.add(1,"month");if(!p.isWithinRange(t,I?l(I):void 0,P?l(P):void 0,"month"))return;le(t),"default"===ue&&de(t)}},ge=()=>{"default"!==ue?(me("default"),le(ce)):me("year-options")},we=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ge()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===ue?"ArrowUp"===e.key?se.subtract(10,"year"):se.add(10,"year"):"ArrowUp"===e.key?se.subtract(1,"year"):se.add(1,"year"),!p.isWithinRange(t,I?l(I):void 0,P?l(P):void 0,"year"))return;le(t),"default"===ue&&de(t)}},ve=()=>{var e;null===(e=pe.current)||void 0===e||e.focus();const t=Z?Z(se):se.subtract(1,"month");switch(ue){case"default":de(t),le(t);break;case"month-options":le((e=>e.subtract(1,"year")));break;case"year-options":le((e=>e.subtract(10,"year")))}},Ne=()=>{var e;null===(e=pe.current)||void 0===e||e.focus();const t=ee?ee(se):se.add(1,"month");switch(ue){case"default":de(t),le(t);break;case"month-options":le((e=>e.add(1,"year")));break;case"year-options":le((e=>e.add(10,"year")))}},ke=e=>{le(e),de(e),G||me("default")},je=()=>{const e=D.toDayjs(B);le(e),de(e),"default"===ue?Me("reset"):me("default")},Ce=e=>{q&&q(e)},Me=e=>{Q&&Q(e)},xe=()=>{if(!I||_)return!1;const e=l(I);return"month-options"===ue?!p.isPreviousYearWithinRange(se,e):"year-options"===ue?!p.isPreviousDecadeWithinRange(se,e):te?te(se):!p.isPreviousMonthWithinRange(se,e)},Ae=()=>{if(!P||_)return!1;const e=l(P);return"month-options"===ue?!p.isNextYearWithinRange(se,e):"year-options"===ue?!p.isNextDecadeWithinRange(se,e):ae?ae(se):!p.isNextMonthWithinRange(se,e)},Re=()=>{const e=re?re(se):se.format("MMM"),o=l(e,"MMM").format("MMMM"),i=(()=>{if("year-options"===ue){const{beginDecade:e,endDecade:t}=p.getStartEndDecade(se);return`${e} to ${t}`}return ne?ne(se):se.format("YYYY")})(),c={"month-options":`${i}, Close month selection`,"year-options":`${i}, Close year selection`,default:`${i}, Select year`};return t(r,{children:[t("button",{className:s(L,"default"!==ue&&A),"aria-label":`${o}, Select month`,type:"button",id:"month-dropdown",onClick:be,onKeyDown:ye,tabIndex:oe?0:-1,children:[a("span",{className:Y,children:e}),a(n,{className:s(C,H,"month-options"===ue&&W)})]}),t("button",{ref:De,className:L,"aria-label":c[ue],type:"button",id:"year-dropdown",onClick:ge,onKeyDown:we,tabIndex:oe?0:-1,children:[a("span",{className:Y,children:i}),a(n,{className:s(C,H,"default"!==ue&&W)})]})]})},Se=()=>{switch(ue){case"month-options":return a($,{calendarDate:se,currentFocus:O,minDate:I,maxDate:P,selectedStartDate:T,selectedEndDate:V,viewCalendarDate:ce,isNewSelection:!!z,onMonthSelect:ke,allowDisabledSelection:_});case"year-options":return a(E,{setCalendarDate:le,calendarDate:se,currentFocus:O,minDate:I,maxDate:P,selectedStartDate:T,selectedEndDate:V,viewCalendarDate:ce,isNewSelection:!!z,onYearSelect:ke,allowDisabledSelection:_});default:return null}};return t("div",Object.assign({className:g,ref:pe,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":ce.format("MMMM, YYYY"),role:"group"},ie,{children:[X&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[ue];return t("div",{className:v,"data-id":"calendar-header","data-testid":"calendar-header",children:[a("div",{className:N,children:Re()}),t("div",{className:k,children:[a(y,{className:j,"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:xe(),focusHighlight:!1,focusOutline:"browser",onClick:ve,tabIndex:oe?0:-1,children:a(o,{className:C})}),a(y,{className:j,"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:Ae(),focusHighlight:!1,focusOutline:"browser",onClick:Ne,tabIndex:oe?0:-1,children:a(i,{className:C})})]})]})})(),a("div",{className:w,children:(()=>{const e="function"==typeof U?U({calendarDate:ce,currentView:ue}):U;if(K)return t(r,{children:["default"===ue&&e,Se()]});{const n="default"===ue;return t(r,{children:[a("div",{className:M,inert:b(!n),children:e}),a("div",{className:s(x,n&&A),children:Se()})]})}})()}),(()=>{if(!G)return;const e=!!("default"===ue)&&J;return t("div",{className:R,children:[a(f,{className:S,ref:fe,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:je,sizeType:"small",children:"Cancel"}),a(f,{className:S,"data-testid":"done-button",ref:he,type:"button",onClick:()=>{e||(le(ce),"default"===ue?Me("confirmed"):me("default"))},disabled:e,sizeType:"small",children:"Done"})]})})()]}))}));export{F as CalendarManager};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as a,Fragment as r}from"react/jsx-runtime";import{ChevronDownIcon as n}from"@lifesg/react-icons/chevron-down";import{ChevronLeftIcon as o}from"@lifesg/react-icons/chevron-left";import{ChevronRightIcon as i}from"@lifesg/react-icons/chevron-right";import s from"clsx";import l from"../../external/dayjs/dayjs.min.js";import d,{useState as c,useRef as u,useImperativeHandle as m,useEffect as h}from"react";import{Button as f}from"../../button/button.js";import{CalendarHelper as p}from"../../util/calendar-helper.js";import{DateHelper as D}from"../../util/date-helper.js";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import{inertValue as b}from"../accessibility/index.js";import{ClickableIcon as y}from"../clickable-icon/clickable-icon.js";import{container as g,toggleZone as w,header as v,headerInputDropdown as N,headerArrows as k,headerArrowButton as j,icon as C,defaultView as M,optionsOverlay as x,hidden as A,actionButtonSection as R,actionButton as S,dropdownText as Y,iconChevronDown as H,iconChevronDownExpanded as W,dropdownButton as L}from"./calendar-manager.styles.js";import{InternalCalendarMonth as $}from"./internal-calendar-month.js";import{InternalCalendarYear as E}from"./internal-calendar-year.js";const F=d.forwardRef(((d,F)=>{var{children:U,initialCalendarDate:B,minDate:I,maxDate:P,currentFocus:z,selectedStartDate:O,selectedEndDate:T,selectWithinRange:V,dynamicHeight:K=!1,allowDisabledSelection:_,onCalendarDateChange:q,withButton:G,doneButtonDisabled:J,onDismiss:Q,showNavigationHeader:X=!0,getLeftArrowDate:Z,getRightArrowDate:ee,isLeftArrowDisabled:te,isRightArrowDisabled:ae,getMonthHeaderLabel:re,getYearHeaderLabel:ne,isFocusable:oe=!1}=d,ie=e(d,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[se,le]=c(D.toDayjs(B)),[de,ce]=c(D.toDayjs(B)),[ue,me]=c("default"),he=u(null),fe=u(null),pe=u(null),De=u(null);m(F,(()=>({defaultView(){me("default")},resetView(){const e=D.toDayjs(B);le(e),ce(e),me("default")},setCalendarDate(e){const t=D.toDayjs(e);le(t),ce(t)}}))),h((()=>{const e=D.toDayjs(B);le(e),ce(e)}),[B]),h((()=>{Ce(de)}),[de]);const be=()=>{var e;"month-options"!==ue?(me("month-options"),null===(e=pe.current)||void 0===e||e.focus()):(me("default"),le(de))},ye=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),be(),null===(t=De.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?se.subtract(1,"month"):se.add(1,"month");if(!p.isWithinRange(t,I?l(I):void 0,P?l(P):void 0,"month"))return;le(t),"default"===ue&&ce(t)}},ge=()=>{"default"!==ue?(me("default"),le(de)):me("year-options")},we=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ge()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===ue?"ArrowUp"===e.key?se.subtract(10,"year"):se.add(10,"year"):"ArrowUp"===e.key?se.subtract(1,"year"):se.add(1,"year"),!p.isWithinRange(t,I?l(I):void 0,P?l(P):void 0,"year"))return;le(t),"default"===ue&&ce(t)}},ve=()=>{var e;null===(e=pe.current)||void 0===e||e.focus();const t=Z?Z(se):se.subtract(1,"month");switch(ue){case"default":ce(t),le(t);break;case"month-options":le((e=>e.subtract(1,"year")));break;case"year-options":le((e=>e.subtract(10,"year")))}},Ne=()=>{var e;null===(e=pe.current)||void 0===e||e.focus();const t=ee?ee(se):se.add(1,"month");switch(ue){case"default":ce(t),le(t);break;case"month-options":le((e=>e.add(1,"year")));break;case"year-options":le((e=>e.add(10,"year")))}},ke=e=>{le(e),ce(e),G||me("default")},je=()=>{const e=D.toDayjs(B);le(e),ce(e),"default"===ue?Me("reset"):me("default")},Ce=e=>{q&&q(e)},Me=e=>{Q&&Q(e)},xe=()=>{if(!I||_)return!1;const e=l(I);return"month-options"===ue?!p.isPreviousYearWithinRange(se,e):"year-options"===ue?!p.isPreviousDecadeWithinRange(se,e):te?te(se):!p.isPreviousMonthWithinRange(se,e)},Ae=()=>{if(!P||_)return!1;const e=l(P);return"month-options"===ue?!p.isNextYearWithinRange(se,e):"year-options"===ue?!p.isNextDecadeWithinRange(se,e):ae?ae(se):!p.isNextMonthWithinRange(se,e)},Re=()=>{const e=re?re(se):se.format("MMM"),o=l(e,"MMM").format("MMMM"),i=(()=>{if("year-options"===ue){const{beginDecade:e,endDecade:t}=p.getStartEndDecade(se);return`${e} to ${t}`}return ne?ne(se):se.format("YYYY")})(),d={"month-options":`${i}, Close month selection`,"year-options":`${i}, Close year selection`,default:`${i}, Select year`};return t(r,{children:[t("button",{className:s(L,"default"!==ue&&A),"aria-label":`${o}, Select month`,type:"button",id:"month-dropdown",onClick:be,onKeyDown:ye,tabIndex:oe?0:-1,children:[a("span",{className:Y,children:e}),a(n,{className:s(C,H,"month-options"===ue&&W)})]}),t("button",{ref:De,className:L,"aria-label":d[ue],type:"button",id:"year-dropdown",onClick:ge,onKeyDown:we,tabIndex:oe?0:-1,children:[a("span",{className:Y,children:i}),a(n,{className:s(C,H,"default"!==ue&&W)})]})]})},Se=()=>{switch(ue){case"month-options":return a($,{calendarDate:se,currentFocus:z,minDate:I,maxDate:P,selectedStartDate:O,selectedEndDate:T,viewCalendarDate:de,isNewSelection:!!V,onMonthSelect:ke,allowDisabledSelection:_});case"year-options":return a(E,{setCalendarDate:le,calendarDate:se,currentFocus:z,minDate:I,maxDate:P,selectedStartDate:O,selectedEndDate:T,viewCalendarDate:de,isNewSelection:!!V,onYearSelect:ke,allowDisabledSelection:_});default:return null}};return t("div",Object.assign({className:g,ref:pe,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":de.format("MMMM, YYYY"),role:"group"},ie,{children:[X&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[ue];return t("div",{className:v,"data-id":"calendar-header","data-testid":"calendar-header",children:[a("div",{className:N,children:Re()}),t("div",{className:k,children:[a(y,{className:j,"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:xe(),focusHighlight:!1,focusOutline:"browser",onClick:ve,tabIndex:oe?0:-1,children:a(o,{className:C})}),a(y,{className:j,"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:Ae(),focusHighlight:!1,focusOutline:"browser",onClick:Ne,tabIndex:oe?0:-1,children:a(i,{className:C})})]})]})})(),a("div",{className:w,"data-testid":"toggle-zone",children:(()=>{const e="function"==typeof U?U({calendarDate:de,currentView:ue}):U;if(K)return t(r,{children:["default"===ue&&e,Se()]});{const n="default"===ue;return t(r,{children:[a("div",{className:M,inert:b(!n),children:e}),a("div",{className:s(x,n&&A),children:Se()})]})}})()}),(()=>{if(!G)return;const e=!!("default"===ue)&&J;return t("div",{className:R,children:[a(f,{className:S,ref:fe,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:je,sizeType:"small",children:"Cancel"}),a(f,{className:S,"data-testid":"done-button",ref:he,type:"button",onClick:()=>{e||(le(de),"default"===ue?Me("confirmed"):me("default"))},disabled:e,sizeType:"small",children:"Done"})]})})()]}))}));export{F as CalendarManager};
 //# sourceMappingURL=calendar-manager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-manager.js","sources":["../../../src/shared/internal-calendar/calendar-manager.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 clsx from \"clsx\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { DateHelper } from \"../../util\";\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { inertValue } from \"../accessibility\";\nimport { ClickableIcon } from \"../clickable-icon\";\nimport * as styles from \"./calendar-manager.styles\";\nimport { InternalCalendarMonth } from \"./internal-calendar-month\";\nimport { InternalCalendarYear } from \"./internal-calendar-year\";\nimport type {\n    CalendarAction,\n    CalendarManagerProps,\n    CalendarManagerRef,\n    View,\n} from \"./types\";\n\nconst Component = (\n    {\n        children,\n        initialCalendarDate,\n        minDate,\n        maxDate,\n        currentFocus,\n        selectedStartDate,\n        selectedEndDate,\n        selectWithinRange,\n        dynamicHeight = false,\n        allowDisabledSelection,\n        onCalendarDateChange,\n        /* action button props */\n        withButton,\n        doneButtonDisabled,\n        onDismiss,\n        /* header props */\n        showNavigationHeader = true,\n        getLeftArrowDate,\n        getRightArrowDate,\n        isLeftArrowDisabled: _isLeftArrowDisabled,\n        isRightArrowDisabled: _isRightArrowDisabled,\n        getMonthHeaderLabel,\n        getYearHeaderLabel,\n        isFocusable = false,\n        ...otherProps\n    }: CalendarManagerProps,\n    ref: React.ForwardedRef<CalendarManagerRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    // the current visible date in month/year views and header\n    const [calendarDate, setCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    // the selected date in month/year views and the current visible date in day view\n    const [viewCalendarDate, setViewCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    const [currentView, setCurrentView] = useState<View>(\"default\");\n\n    const doneButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const yearDropdownRef = useRef<HTMLButtonElement>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            defaultView() {\n                setCurrentView(\"default\");\n            },\n            resetView() {\n                const date = DateHelper.toDayjs(initialCalendarDate);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n\n                setCurrentView(\"default\");\n            },\n            setCalendarDate(value?: string) {\n                const date = DateHelper.toDayjs(value);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n            },\n        };\n    });\n\n    useEffect(() => {\n        const date = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(date);\n        setViewCalendarDate(date);\n    }, [initialCalendarDate]);\n\n    useEffect(() => {\n        performOnCalendarDateChange(viewCalendarDate);\n        // more accurate than calendarDate since it accounts for selection state\n        // in month/year views\n    }, [viewCalendarDate]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMonthDropdownClick = () => {\n        if (currentView !== \"month-options\") {\n            setCurrentView(\"month-options\");\n\n            // Maintain focus when selecting month dropdown\n            containerRef.current?.focus();\n        } else {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        }\n    };\n\n    const handleMonthDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleMonthDropdownClick();\n            yearDropdownRef.current?.focus(); // Focus on year dropdown after month selection\n        }\n\n        // Up and Down arrow keys will change the month\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const nextDate =\n                event.key === \"ArrowUp\"\n                    ? calendarDate.subtract(1, \"month\")\n                    : calendarDate.add(1, \"month\");\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"month\"\n                )\n            )\n                return;\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleYearDropdownClick = () => {\n        /**\n         * If the view is in the month options view,\n         * then clicking will send the view back to\n         * default\n         */\n        if (currentView !== \"default\") {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        } else {\n            setCurrentView(\"year-options\");\n        }\n    };\n\n    const handleYearDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleYearDropdownClick();\n        }\n\n        // Up and Down arrow keys will change the year\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const isYearView = currentView === \"year-options\";\n            let nextDate: Dayjs;\n\n            if (isYearView) {\n                // In year options view, change decade\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(10, \"year\")\n                        : calendarDate.add(10, \"year\");\n            } else {\n                // In default view, change year\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(1, \"year\")\n                        : calendarDate.add(1, \"year\");\n            }\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"year\"\n                )\n            )\n                return;\n\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleLeftArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getLeftArrowDate\n            ? getLeftArrowDate(calendarDate)\n            : calendarDate.subtract(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.subtract(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.subtract(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleRightArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getRightArrowDate\n            ? getRightArrowDate(calendarDate)\n            : calendarDate.add(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.add(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.add(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleMonthYearSelect = (value: Dayjs) => {\n        setCalendarDate(value);\n        setViewCalendarDate(value);\n\n        if (!withButton) {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleCancelButton = () => {\n        const initialValue = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(initialValue);\n        setViewCalendarDate(initialValue);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"reset\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleDoneButton = (isDisabled: boolean | undefined) => {\n        if (isDisabled) return;\n\n        setCalendarDate(viewCalendarDate);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"confirmed\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnCalendarDateChange = (date: Dayjs) => {\n        if (onCalendarDateChange) {\n            onCalendarDateChange(date);\n        }\n    };\n\n    const performOnDismissHandler = (action: CalendarAction) => {\n        if (onDismiss) {\n            onDismiss(action);\n        }\n    };\n\n    const isLeftArrowDisabled = () => {\n        if (!minDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const min = dayjs(minDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isPreviousYearWithinRange(calendarDate, min);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isPreviousDecadeWithinRange(\n                calendarDate,\n                min\n            );\n        } else {\n            if (_isLeftArrowDisabled) {\n                return _isLeftArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isPreviousMonthWithinRange(\n                calendarDate,\n                min\n            );\n        }\n    };\n\n    const isRightArrowDisabled = () => {\n        if (!maxDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const max = dayjs(maxDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isNextYearWithinRange(calendarDate, max);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isNextDecadeWithinRange(calendarDate, max);\n        } else {\n            if (_isRightArrowDisabled) {\n                return _isRightArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isNextMonthWithinRange(calendarDate, max);\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const getYearHeaderText = (): string => {\n        if (currentView === \"year-options\") {\n            const { beginDecade, endDecade } =\n                CalendarHelper.getStartEndDecade(calendarDate);\n\n            return `${beginDecade} to ${endDecade}`;\n        } else {\n            return getYearHeaderLabel\n                ? getYearHeaderLabel(calendarDate)\n                : calendarDate.format(\"YYYY\");\n        }\n    };\n\n    const renderDropdownButtons = () => {\n        const monthLabel = getMonthHeaderLabel\n            ? getMonthHeaderLabel(calendarDate)\n            : calendarDate.format(\"MMM\");\n\n        const fullMonthLabel = dayjs(monthLabel, \"MMM\").format(\"MMMM\");\n\n        const yearLabel = getYearHeaderText();\n        const viewToYearLabel: Record<View, string> = {\n            \"month-options\": `${yearLabel}, Close month selection`,\n            \"year-options\": `${yearLabel}, Close year selection`,\n            default: `${yearLabel}, Select year`,\n        };\n\n        return (\n            <>\n                <button\n                    className={clsx(\n                        styles.dropdownButton,\n                        currentView !== \"default\" && styles.hidden\n                    )}\n                    aria-label={`${fullMonthLabel}, Select month`}\n                    type=\"button\"\n                    id=\"month-dropdown\"\n                    onClick={handleMonthDropdownClick}\n                    onKeyDown={handleMonthDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{monthLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView === \"month-options\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n                <button\n                    ref={yearDropdownRef}\n                    className={styles.dropdownButton}\n                    aria-label={viewToYearLabel[currentView]}\n                    type=\"button\"\n                    id=\"year-dropdown\"\n                    onClick={handleYearDropdownClick}\n                    onKeyDown={handleYearDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{yearLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView !== \"default\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n            </>\n        );\n    };\n\n    const renderOptionsOverlay = () => {\n        switch (currentView) {\n            case \"month-options\":\n                return (\n                    <InternalCalendarMonth\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onMonthSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            case \"year-options\":\n                return (\n                    <InternalCalendarYear\n                        setCalendarDate={setCalendarDate}\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onYearSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    const renderHeader = () => {\n        const viewToSelection: Record<View, string> = {\n            \"month-options\": \"year\",\n            \"year-options\": \"decade\",\n            default: \"month\",\n        };\n\n        const selection = viewToSelection[currentView];\n\n        return (\n            <div\n                className={styles.header}\n                data-id=\"calendar-header\"\n                data-testid=\"calendar-header\"\n            >\n                <div className={styles.headerInputDropdown}>\n                    {renderDropdownButtons()}\n                </div>\n                <div className={styles.headerArrows}>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Previous ${selection}`}\n                        data-testid=\"left-arrow-btn\"\n                        disabled={isLeftArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleLeftArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronLeftIcon className={styles.icon} />\n                    </ClickableIcon>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Next ${selection}`}\n                        data-testid=\"right-arrow-btn\"\n                        disabled={isRightArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleRightArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronRightIcon className={styles.icon} />\n                    </ClickableIcon>\n                </div>\n            </div>\n        );\n    };\n\n    const renderActionButtons = () => {\n        if (!withButton) return;\n\n        const isDayView = currentView === \"default\";\n\n        const disabled = !isDayView ? false : doneButtonDisabled;\n\n        return (\n            <div className={styles.actionButtonSection}>\n                <Button\n                    className={styles.actionButton}\n                    ref={cancelButtonRef}\n                    data-testid=\"cancel-button\"\n                    styleType=\"light\"\n                    type=\"button\"\n                    onClick={handleCancelButton}\n                    sizeType=\"small\"\n                >\n                    Cancel\n                </Button>\n                <Button\n                    className={styles.actionButton}\n                    data-testid=\"done-button\"\n                    ref={doneButtonRef}\n                    type=\"button\"\n                    onClick={() => handleDoneButton(disabled)}\n                    disabled={disabled}\n                    sizeType=\"small\"\n                >\n                    Done\n                </Button>\n            </div>\n        );\n    };\n\n    const renderViews = () => {\n        const defaultView =\n            typeof children === \"function\"\n                ? children({ calendarDate: viewCalendarDate, currentView })\n                : children;\n\n        if (dynamicHeight) {\n            return (\n                <>\n                    {currentView === \"default\" && defaultView}\n                    {renderOptionsOverlay()}\n                </>\n            );\n        } else {\n            const isDefaultView = currentView === \"default\";\n            return (\n                // Prevent interaction with the default view when options are open\n                <>\n                    <div\n                        className={styles.defaultView}\n                        inert={inertValue(!isDefaultView)}\n                    >\n                        {defaultView}\n                    </div>\n                    <div\n                        className={clsx(\n                            styles.optionsOverlay,\n                            isDefaultView && styles.hidden\n                        )}\n                    >\n                        {renderOptionsOverlay()}\n                    </div>\n                </>\n            );\n        }\n    };\n\n    return (\n        <div\n            className={styles.container}\n            ref={containerRef}\n            data-id=\"calendar-container\"\n            data-testid=\"calendar-container\"\n            aria-label={viewCalendarDate.format(\"MMMM, YYYY\")}\n            role=\"group\"\n            {...otherProps}\n        >\n            {showNavigationHeader && renderHeader()}\n            <div className={styles.toggleZone}>{renderViews()}</div>\n            {renderActionButtons()}\n        </div>\n    );\n};\n\nexport const CalendarManager = React.forwardRef(Component);\n"],"names":["CalendarManager","React","forwardRef","_a","ref","children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","_isLeftArrowDisabled","isRightArrowDisabled","_isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable","otherProps","__rest","calendarDate","setCalendarDate","useState","DateHelper","toDayjs","viewCalendarDate","setViewCalendarDate","currentView","setCurrentView","doneButtonRef","useRef","cancelButtonRef","containerRef","yearDropdownRef","useImperativeHandle","defaultView","resetView","date","value","useEffect","performOnCalendarDateChange","handleMonthDropdownClick","current","focus","handleMonthDropdownKeydown","event","key","preventDefault","nextDate","subtract","add","CalendarHelper","isWithinRange","dayjs","undefined","handleYearDropdownClick","handleYearDropdownKeydown","handleLeftArrowClick","handleRightArrowClick","handleMonthYearSelect","handleCancelButton","initialValue","performOnDismissHandler","action","min","isPreviousYearWithinRange","isPreviousDecadeWithinRange","isPreviousMonthWithinRange","max","isNextYearWithinRange","isNextDecadeWithinRange","isNextMonthWithinRange","renderDropdownButtons","monthLabel","format","fullMonthLabel","yearLabel","beginDecade","endDecade","getStartEndDecade","getYearHeaderText","viewToYearLabel","default","_jsxs","_Fragment","className","clsx","styles.dropdownButton","styles.hidden","type","id","onClick","onKeyDown","tabIndex","_jsx","styles.dropdownText","ChevronDownIcon","styles.icon","styles.iconChevronDown","styles.iconChevronDownExpanded","renderOptionsOverlay","InternalCalendarMonth","isNewSelection","onMonthSelect","InternalCalendarYear","onYearSelect","styles.container","role","selection","styles.header","styles.headerInputDropdown","styles.headerArrows","ClickableIcon","styles.headerArrowButton","disabled","focusHighlight","focusOutline","ChevronLeftIcon","ChevronRightIcon","renderHeader","styles.toggleZone","isDefaultView","styles.defaultView","inert","inertValue","styles.optionsOverlay","renderViews","styles.actionButtonSection","Button","styles.actionButton","styleType","sizeType","renderActionButtons"],"mappings":"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"}
+{"version":3,"file":"calendar-manager.js","sources":["../../../src/shared/internal-calendar/calendar-manager.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 clsx from \"clsx\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { DateHelper } from \"../../util\";\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { inertValue } from \"../accessibility\";\nimport { ClickableIcon } from \"../clickable-icon\";\nimport * as styles from \"./calendar-manager.styles\";\nimport { InternalCalendarMonth } from \"./internal-calendar-month\";\nimport { InternalCalendarYear } from \"./internal-calendar-year\";\nimport type {\n    CalendarAction,\n    CalendarManagerProps,\n    CalendarManagerRef,\n    View,\n} from \"./types\";\n\nconst Component = (\n    {\n        children,\n        initialCalendarDate,\n        minDate,\n        maxDate,\n        currentFocus,\n        selectedStartDate,\n        selectedEndDate,\n        selectWithinRange,\n        dynamicHeight = false,\n        allowDisabledSelection,\n        onCalendarDateChange,\n        /* action button props */\n        withButton,\n        doneButtonDisabled,\n        onDismiss,\n        /* header props */\n        showNavigationHeader = true,\n        getLeftArrowDate,\n        getRightArrowDate,\n        isLeftArrowDisabled: _isLeftArrowDisabled,\n        isRightArrowDisabled: _isRightArrowDisabled,\n        getMonthHeaderLabel,\n        getYearHeaderLabel,\n        isFocusable = false,\n        ...otherProps\n    }: CalendarManagerProps,\n    ref: React.ForwardedRef<CalendarManagerRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    // the current visible date in month/year views and header\n    const [calendarDate, setCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    // the selected date in month/year views and the current visible date in day view\n    const [viewCalendarDate, setViewCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    const [currentView, setCurrentView] = useState<View>(\"default\");\n\n    const doneButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const yearDropdownRef = useRef<HTMLButtonElement>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            defaultView() {\n                setCurrentView(\"default\");\n            },\n            resetView() {\n                const date = DateHelper.toDayjs(initialCalendarDate);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n\n                setCurrentView(\"default\");\n            },\n            setCalendarDate(value?: string) {\n                const date = DateHelper.toDayjs(value);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n            },\n        };\n    });\n\n    useEffect(() => {\n        const date = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(date);\n        setViewCalendarDate(date);\n    }, [initialCalendarDate]);\n\n    useEffect(() => {\n        performOnCalendarDateChange(viewCalendarDate);\n        // more accurate than calendarDate since it accounts for selection state\n        // in month/year views\n    }, [viewCalendarDate]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMonthDropdownClick = () => {\n        if (currentView !== \"month-options\") {\n            setCurrentView(\"month-options\");\n\n            // Maintain focus when selecting month dropdown\n            containerRef.current?.focus();\n        } else {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        }\n    };\n\n    const handleMonthDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleMonthDropdownClick();\n            yearDropdownRef.current?.focus(); // Focus on year dropdown after month selection\n        }\n\n        // Up and Down arrow keys will change the month\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const nextDate =\n                event.key === \"ArrowUp\"\n                    ? calendarDate.subtract(1, \"month\")\n                    : calendarDate.add(1, \"month\");\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"month\"\n                )\n            )\n                return;\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleYearDropdownClick = () => {\n        /**\n         * If the view is in the month options view,\n         * then clicking will send the view back to\n         * default\n         */\n        if (currentView !== \"default\") {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        } else {\n            setCurrentView(\"year-options\");\n        }\n    };\n\n    const handleYearDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleYearDropdownClick();\n        }\n\n        // Up and Down arrow keys will change the year\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const isYearView = currentView === \"year-options\";\n            let nextDate: Dayjs;\n\n            if (isYearView) {\n                // In year options view, change decade\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(10, \"year\")\n                        : calendarDate.add(10, \"year\");\n            } else {\n                // In default view, change year\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(1, \"year\")\n                        : calendarDate.add(1, \"year\");\n            }\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"year\"\n                )\n            )\n                return;\n\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleLeftArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getLeftArrowDate\n            ? getLeftArrowDate(calendarDate)\n            : calendarDate.subtract(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.subtract(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.subtract(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleRightArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getRightArrowDate\n            ? getRightArrowDate(calendarDate)\n            : calendarDate.add(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.add(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.add(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleMonthYearSelect = (value: Dayjs) => {\n        setCalendarDate(value);\n        setViewCalendarDate(value);\n\n        if (!withButton) {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleCancelButton = () => {\n        const initialValue = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(initialValue);\n        setViewCalendarDate(initialValue);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"reset\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleDoneButton = (isDisabled: boolean | undefined) => {\n        if (isDisabled) return;\n\n        setCalendarDate(viewCalendarDate);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"confirmed\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnCalendarDateChange = (date: Dayjs) => {\n        if (onCalendarDateChange) {\n            onCalendarDateChange(date);\n        }\n    };\n\n    const performOnDismissHandler = (action: CalendarAction) => {\n        if (onDismiss) {\n            onDismiss(action);\n        }\n    };\n\n    const isLeftArrowDisabled = () => {\n        if (!minDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const min = dayjs(minDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isPreviousYearWithinRange(calendarDate, min);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isPreviousDecadeWithinRange(\n                calendarDate,\n                min\n            );\n        } else {\n            if (_isLeftArrowDisabled) {\n                return _isLeftArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isPreviousMonthWithinRange(\n                calendarDate,\n                min\n            );\n        }\n    };\n\n    const isRightArrowDisabled = () => {\n        if (!maxDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const max = dayjs(maxDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isNextYearWithinRange(calendarDate, max);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isNextDecadeWithinRange(calendarDate, max);\n        } else {\n            if (_isRightArrowDisabled) {\n                return _isRightArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isNextMonthWithinRange(calendarDate, max);\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const getYearHeaderText = (): string => {\n        if (currentView === \"year-options\") {\n            const { beginDecade, endDecade } =\n                CalendarHelper.getStartEndDecade(calendarDate);\n\n            return `${beginDecade} to ${endDecade}`;\n        } else {\n            return getYearHeaderLabel\n                ? getYearHeaderLabel(calendarDate)\n                : calendarDate.format(\"YYYY\");\n        }\n    };\n\n    const renderDropdownButtons = () => {\n        const monthLabel = getMonthHeaderLabel\n            ? getMonthHeaderLabel(calendarDate)\n            : calendarDate.format(\"MMM\");\n\n        const fullMonthLabel = dayjs(monthLabel, \"MMM\").format(\"MMMM\");\n\n        const yearLabel = getYearHeaderText();\n        const viewToYearLabel: Record<View, string> = {\n            \"month-options\": `${yearLabel}, Close month selection`,\n            \"year-options\": `${yearLabel}, Close year selection`,\n            default: `${yearLabel}, Select year`,\n        };\n\n        return (\n            <>\n                <button\n                    className={clsx(\n                        styles.dropdownButton,\n                        currentView !== \"default\" && styles.hidden\n                    )}\n                    aria-label={`${fullMonthLabel}, Select month`}\n                    type=\"button\"\n                    id=\"month-dropdown\"\n                    onClick={handleMonthDropdownClick}\n                    onKeyDown={handleMonthDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{monthLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView === \"month-options\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n                <button\n                    ref={yearDropdownRef}\n                    className={styles.dropdownButton}\n                    aria-label={viewToYearLabel[currentView]}\n                    type=\"button\"\n                    id=\"year-dropdown\"\n                    onClick={handleYearDropdownClick}\n                    onKeyDown={handleYearDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{yearLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView !== \"default\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n            </>\n        );\n    };\n\n    const renderOptionsOverlay = () => {\n        switch (currentView) {\n            case \"month-options\":\n                return (\n                    <InternalCalendarMonth\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onMonthSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            case \"year-options\":\n                return (\n                    <InternalCalendarYear\n                        setCalendarDate={setCalendarDate}\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onYearSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    const renderHeader = () => {\n        const viewToSelection: Record<View, string> = {\n            \"month-options\": \"year\",\n            \"year-options\": \"decade\",\n            default: \"month\",\n        };\n\n        const selection = viewToSelection[currentView];\n\n        return (\n            <div\n                className={styles.header}\n                data-id=\"calendar-header\"\n                data-testid=\"calendar-header\"\n            >\n                <div className={styles.headerInputDropdown}>\n                    {renderDropdownButtons()}\n                </div>\n                <div className={styles.headerArrows}>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Previous ${selection}`}\n                        data-testid=\"left-arrow-btn\"\n                        disabled={isLeftArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleLeftArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronLeftIcon className={styles.icon} />\n                    </ClickableIcon>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Next ${selection}`}\n                        data-testid=\"right-arrow-btn\"\n                        disabled={isRightArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleRightArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronRightIcon className={styles.icon} />\n                    </ClickableIcon>\n                </div>\n            </div>\n        );\n    };\n\n    const renderActionButtons = () => {\n        if (!withButton) return;\n\n        const isDayView = currentView === \"default\";\n\n        const disabled = !isDayView ? false : doneButtonDisabled;\n\n        return (\n            <div className={styles.actionButtonSection}>\n                <Button\n                    className={styles.actionButton}\n                    ref={cancelButtonRef}\n                    data-testid=\"cancel-button\"\n                    styleType=\"light\"\n                    type=\"button\"\n                    onClick={handleCancelButton}\n                    sizeType=\"small\"\n                >\n                    Cancel\n                </Button>\n                <Button\n                    className={styles.actionButton}\n                    data-testid=\"done-button\"\n                    ref={doneButtonRef}\n                    type=\"button\"\n                    onClick={() => handleDoneButton(disabled)}\n                    disabled={disabled}\n                    sizeType=\"small\"\n                >\n                    Done\n                </Button>\n            </div>\n        );\n    };\n\n    const renderViews = () => {\n        const defaultView =\n            typeof children === \"function\"\n                ? children({ calendarDate: viewCalendarDate, currentView })\n                : children;\n\n        if (dynamicHeight) {\n            return (\n                <>\n                    {currentView === \"default\" && defaultView}\n                    {renderOptionsOverlay()}\n                </>\n            );\n        } else {\n            const isDefaultView = currentView === \"default\";\n            return (\n                // Prevent interaction with the default view when options are open\n                <>\n                    <div\n                        className={styles.defaultView}\n                        inert={inertValue(!isDefaultView)}\n                    >\n                        {defaultView}\n                    </div>\n                    <div\n                        className={clsx(\n                            styles.optionsOverlay,\n                            isDefaultView && styles.hidden\n                        )}\n                    >\n                        {renderOptionsOverlay()}\n                    </div>\n                </>\n            );\n        }\n    };\n\n    return (\n        <div\n            className={styles.container}\n            ref={containerRef}\n            data-id=\"calendar-container\"\n            data-testid=\"calendar-container\"\n            aria-label={viewCalendarDate.format(\"MMMM, YYYY\")}\n            role=\"group\"\n            {...otherProps}\n        >\n            {showNavigationHeader && renderHeader()}\n            <div className={styles.toggleZone} data-testid=\"toggle-zone\">\n                {renderViews()}\n            </div>\n            {renderActionButtons()}\n        </div>\n    );\n};\n\nexport const CalendarManager = React.forwardRef(Component);\n"],"names":["CalendarManager","React","forwardRef","_a","ref","children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","_isLeftArrowDisabled","isRightArrowDisabled","_isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable","otherProps","__rest","calendarDate","setCalendarDate","useState","DateHelper","toDayjs","viewCalendarDate","setViewCalendarDate","currentView","setCurrentView","doneButtonRef","useRef","cancelButtonRef","containerRef","yearDropdownRef","useImperativeHandle","defaultView","resetView","date","value","useEffect","performOnCalendarDateChange","handleMonthDropdownClick","current","focus","handleMonthDropdownKeydown","event","key","preventDefault","nextDate","subtract","add","CalendarHelper","isWithinRange","dayjs","undefined","handleYearDropdownClick","handleYearDropdownKeydown","handleLeftArrowClick","handleRightArrowClick","handleMonthYearSelect","handleCancelButton","initialValue","performOnDismissHandler","action","min","isPreviousYearWithinRange","isPreviousDecadeWithinRange","isPreviousMonthWithinRange","max","isNextYearWithinRange","isNextDecadeWithinRange","isNextMonthWithinRange","renderDropdownButtons","monthLabel","format","fullMonthLabel","yearLabel","beginDecade","endDecade","getStartEndDecade","getYearHeaderText","viewToYearLabel","default","_jsxs","_Fragment","className","clsx","styles.dropdownButton","styles.hidden","type","id","onClick","onKeyDown","tabIndex","_jsx","styles.dropdownText","ChevronDownIcon","styles.icon","styles.iconChevronDown","styles.iconChevronDownExpanded","renderOptionsOverlay","InternalCalendarMonth","isNewSelection","onMonthSelect","InternalCalendarYear","onYearSelect","styles.container","role","selection","styles.header","styles.headerInputDropdown","styles.headerArrows","ClickableIcon","styles.headerArrowButton","disabled","focusHighlight","focusOutline","ChevronLeftIcon","ChevronRightIcon","renderHeader","styles.toggleZone","isDefaultView","styles.defaultView","inert","inertValue","styles.optionsOverlay","renderViews","styles.actionButtonSection","Button","styles.actionButton","styleType","sizeType","renderActionButtons"],"mappings":"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"}

package/shared/internal-calendar/calendar-manager.styles.js

@@ -1,2 +1,2 @@
-import"./calendar-manager.styles_1iuq5zw.css";const a="idyldum",d="islfrvo",e="i9mhzaa",h="c1pjct36",n="tnbj4wx",s="d1wdaxlf",c="o9us63x",i="h1vuzb9k",r="hwdoiu6",t="d11dpfam",l="d14qnn0y",m="h6pztie",o="h1g80qmc",p="h1eddcvs",u="ah8v88g",q="am01jhq";export{q as actionButton,u as actionButtonSection,h as container,s as defaultView,t as dropdownButton,l as dropdownText,i as header,o as headerArrowButton,m as headerArrows,r as headerInputDropdown,p as hidden,a as icon,d as iconChevronDown,e as iconChevronDownExpanded,c as optionsOverlay,n as toggleZone};
+import"./calendar-manager.styles_1njwkj2.css";const a="idyldum",d="islfrvo",n="i9mhzaa",e="c1pjct36",h="tnbj4wx",s="d1wdaxlf",c="o9us63x",r="h1vuzb9k",t="hwdoiu6",i="d11dpfam",l="d14qnn0y",m="h6pztie",o="h1g80qmc",j="h1eddcvs",p="ah8v88g",u="am01jhq";export{u as actionButton,p as actionButtonSection,e as container,s as defaultView,i as dropdownButton,l as dropdownText,r as header,o as headerArrowButton,m as headerArrows,t as headerInputDropdown,j as hidden,a as icon,d as iconChevronDown,n as iconChevronDownExpanded,c as optionsOverlay,h as toggleZone};
 //# sourceMappingURL=calendar-manager.styles.js.map

package/shared/internal-calendar/calendar-manager.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-manager.styles.js","sources":["../../../src/shared/internal-calendar/calendar-manager.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../../theme\";\nimport * as calendarDropdownStyles from \"../internal-calendar/calendar-dropdown.styles\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nexport const icon = css`\n    color: ${Colour[\"icon\"]};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const iconChevronDown = css`\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\nexport const iconChevronDownExpanded = css`\n    transform: rotate(180deg);\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const container = css`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(${calendarDropdownStyles.tokens.verticalInset});\n    padding-bottom: var(${calendarDropdownStyles.tokens.verticalInset});\n`;\n\nexport const toggleZone = css`\n    display: flex;\n    flex: 1;\n    position: relative;\n`;\n\nexport const defaultView = css`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const optionsOverlay = css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour[\"bg\"]};\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const header = css`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-right: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-bottom: var(${calendarDropdownStyles.tokens.headerBottomSpacing});\n`;\n\nexport const headerInputDropdown = css`\n    display: flex;\n`;\n\nexport const dropdownButton = css`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n`;\n\nexport const dropdownText = css`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const headerArrows = css`\n    display: flex;\n`;\n\nexport const headerArrowButton = css`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// COMMON\n// -----------------------------------------------------------------------------\nexport const hidden = css`\n    display: none;\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const actionButtonSection = css`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const actionButton = css`\n    flex: 1;\n`;\n"],"names":["icon","iconChevronDown","iconChevronDownExpanded","container","toggleZone","defaultView","optionsOverlay","header","headerInputDropdown","dropdownButton","dropdownText","headerArrows","headerArrowButton","hidden","actionButtonSection","actionButton"],"mappings":"sFAWO,MAAMA,EAAI,UAMJC,EAAe,UAKfC,EAAuB,UAOvBC,EAAS,WAUTC,EAAU,UAMVC,EAAW,WAQXC,EAAc,UAedC,EAAM,WAeNC,EAAmB,UAInBC,EAAc,WASdC,EAAY,WAKZC,EAAY,UAIZC,EAAiB,WAYjBC,EAAM,WAONC,EAAmB,UASnBC,EAAY"}
+{"version":3,"file":"calendar-manager.styles.js","sources":["../../../src/shared/internal-calendar/calendar-manager.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../../theme\";\nimport * as calendarDropdownStyles from \"../internal-calendar/calendar-dropdown.styles\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nexport const icon = css`\n    color: ${Colour[\"icon\"]};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const iconChevronDown = css`\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\nexport const iconChevronDownExpanded = css`\n    transform: rotate(180deg);\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const container = css`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(${calendarDropdownStyles.tokens.verticalInset});\n    padding-bottom: var(${calendarDropdownStyles.tokens.verticalInset});\n`;\n\nexport const toggleZone = css`\n    display: flex;\n    flex: 1;\n    position: relative;\n    overflow-y: scroll;\n`;\n\nexport const defaultView = css`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const optionsOverlay = css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour[\"bg\"]};\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const header = css`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-right: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-bottom: var(${calendarDropdownStyles.tokens.headerBottomSpacing});\n`;\n\nexport const headerInputDropdown = css`\n    display: flex;\n`;\n\nexport const dropdownButton = css`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n`;\n\nexport const dropdownText = css`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const headerArrows = css`\n    display: flex;\n`;\n\nexport const headerArrowButton = css`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// COMMON\n// -----------------------------------------------------------------------------\nexport const hidden = css`\n    display: none;\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const actionButtonSection = css`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const actionButton = css`\n    flex: 1;\n`;\n"],"names":["icon","iconChevronDown","iconChevronDownExpanded","container","toggleZone","defaultView","optionsOverlay","header","headerInputDropdown","dropdownButton","dropdownText","headerArrows","headerArrowButton","hidden","actionButtonSection","actionButton"],"mappings":"sFAWO,MAAMA,EAAI,UAMJC,EAAe,UAKfC,EAAuB,UAOvBC,EAAS,WAUTC,EAAU,UAOVC,EAAW,WAQXC,EAAc,UAedC,EAAM,WAeNC,EAAmB,UAInBC,EAAc,WASdC,EAAY,WAKZC,EAAY,UAIZC,EAAiB,WAYjBC,EAAM,WAONC,EAAmB,UASnBC,EAAY"}

package/shared/internal-calendar/{calendar-manager.styles_1iuq5zw.css → calendar-manager.styles_1njwkj2.css}

@@ -1,8 +1,8 @@
-.idyldum{color:var(--fds-colour-icon);height:1rem;width:1rem;}
+@layer fds{.idyldum{color:var(--fds-colour-icon);height:1rem;width:1rem;}
 .islfrvo{-webkit-transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;margin-left:0.5rem;}
 .i9mhzaa{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .c1pjct36{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--fds-internal-calendarDropdown-verticalInset);padding-bottom:var(--fds-internal-calendarDropdown-verticalInset);}
-.tnbj4wx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}
+.tnbj4wx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;overflow-y:scroll;}
 .d1wdaxlf{isolation:isolate;width:100%;padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
 .o9us63x{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--fds-colour-bg);padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
 .h1vuzb9k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;padding-left:var(
@@ -19,4 +19,4 @@
 .h1g80qmc{margin:auto 0;padding:0.75rem;}.h1g80qmc:disabled{cursor:not-allowed;}
 .h1eddcvs{display:none;}
 .ah8v88g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.5rem;margin-top:1.5rem;padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
-.am01jhq{-webkit-flex:1;-ms-flex:1;flex:1;}
+.am01jhq{-webkit-flex:1;-ms-flex:1;flex:1;}}

package/shared/internal-calendar/day-cell/day-cell.styles_1t5oqc1.css

@@ -1,8 +1,8 @@
-.cgev3fe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;width:100%;height:2.5rem;}
+@layer fds{.cgev3fe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;width:100%;height:2.5rem;}
 .l1vee93p{position:absolute;height:2.5rem;width:50%;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-left:none;border-right:none;-webkit-background-clip:border-box;background-clip:border-box;left:0;}.l1vee93p[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-top-color:var(--fds-colour-bg-hover);border-bottom-color:var(--fds-colour-bg-hover);}.l1vee93p[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-top-color:var(--fds-colour-bg-hover-strong);border-bottom-color:var(--fds-colour-bg-hover-strong);}.l1vee93p[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-top-color:var(--fds-colour-border-hover);border-bottom-color:var(--fds-colour-border-hover);}.l1vee93p[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected);border-bottom-color:var(--fds-colour-border-selected);}.l1vee93p[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected-subtle);border-bottom-color:var(--fds-colour-border-selected-subtle);}.l1vee93p[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.l1vee93p[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-top-color:var(--fds-colour-border-selected-hover);border-bottom-color:var(--fds-colour-border-selected-hover);}
 .ri6o55u{position:absolute;height:2.5rem;width:50%;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-left:none;border-right:none;-webkit-background-clip:border-box;background-clip:border-box;right:0;}.ri6o55u[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-top-color:var(--fds-colour-bg-hover);border-bottom-color:var(--fds-colour-bg-hover);}.ri6o55u[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-top-color:var(--fds-colour-bg-hover-strong);border-bottom-color:var(--fds-colour-bg-hover-strong);}.ri6o55u[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-top-color:var(--fds-colour-border-hover);border-bottom-color:var(--fds-colour-border-hover);}.ri6o55u[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected);border-bottom-color:var(--fds-colour-border-selected);}.ri6o55u[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected-subtle);border-bottom-color:var(--fds-colour-border-selected-subtle);}.ri6o55u[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.ri6o55u[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-top-color:var(--fds-colour-border-selected-hover);border-bottom-color:var(--fds-colour-border-selected-hover);}
 .lyjz5wx{position:absolute;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:2.5rem;width:2.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-radius:var(--fds-radius-md);-webkit-background-clip:content-box;background-clip:content-box;right:calc(50% - 1.25rem);-webkit-clip-path:inset(-3px 1.25rem -3px -3px);clip-path:inset(-3px 1.25rem -3px -3px);}.lyjz5wx[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-color:var(--fds-colour-bg-hover);}.lyjz5wx[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-color:var(--fds-colour-bg-hover-strong);}.lyjz5wx[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-color:var(--fds-colour-border-hover);}.lyjz5wx[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);}.lyjz5wx[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected-subtle);}.lyjz5wx[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.lyjz5wx[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);}
 .r1l3qdei{position:absolute;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:2.5rem;width:2.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-radius:var(--fds-radius-md);-webkit-background-clip:content-box;background-clip:content-box;left:calc(50% - 1.25rem);-webkit-clip-path:inset(-3px -3px -3px 1.25rem);clip-path:inset(-3px -3px -3px 1.25rem);}.r1l3qdei[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-color:var(--fds-colour-bg-hover);}.r1l3qdei[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-color:var(--fds-colour-bg-hover-strong);}.r1l3qdei[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-color:var(--fds-colour-border-hover);}.r1l3qdei[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);}.r1l3qdei[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected-subtle);}.r1l3qdei[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.r1l3qdei[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);}
 .lxr1b4f{position:absolute;top:0;bottom:0;z-index:2;cursor:default;}.lxr1b4f[data-day-cell-state="interactive"]{cursor:pointer;}.lxr1b4f[data-day-cell-state="disabled"]{cursor:not-allowed;}
 .lm3qs71{all:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:2.5rem;width:2.5rem;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);pointer-events:none;color:var(--fds-colour-text);}.lm3qs71[data-day-cell-state="interactive"]{pointer-events:auto;}.lm3qs71[data-day-cell-label-type="selected"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-selected);}.lm3qs71[data-day-cell-label-type="selected-hover"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-selected-hover);}.lm3qs71[data-day-cell-label-type="current"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-primary);}.lm3qs71[data-day-cell-label-type="hover"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-hover);}.lm3qs71[data-day-cell-label-type="unavailable"]{color:var(--fds-colour-text-disabled-subtlest);}.lm3qs71[data-day-cell-label-type="hidden"]{visibility:hidden;}.lm3qs71[data-day-cell-disabled="true"]{color:var(--fds-colour-text-disabled-subtlest);}.lm3qs71:focus{outline:none;}
-.i8ea7e7{position:absolute;width:4px;height:4px;background-color:currentColor;border-radius:100%;bottom:4px;}
+.i8ea7e7{position:absolute;width:4px;height:4px;background-color:currentColor;border-radius:100%;bottom:4px;}}

package/shared/internal-calendar/internal-calendar-month.styles_14oh57f.css

@@ -1,8 +1,8 @@
-.w1tx88ym{width:100%;height:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);-ms-grid-rows:repeat(6, 2.5rem);grid-template-rows:repeat(6, 2.5rem);-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:0.5rem 0;}
+@layer fds{.w1tx88ym{width:100%;height:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);-ms-grid-rows:repeat(6, 2.5rem);grid-template-rows:repeat(6, 2.5rem);-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:0.5rem 0;}
 .m37bydr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--fds-radius-md);margin:0 0.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-background-clip:border-box;background-clip:border-box;color:var(--fds-colour-text);cursor:default;}
 .m10033nc{cursor:not-allowed;color:var(--fds-colour-text-disabled-subtlest);}
 .mhzr9th{cursor:pointer;}
 .m1t53w7a{color:var(--fds-colour-text-primary);font-weight:var(--fds-font-weight-semibold);}
 .mznpfg{background:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);color:var(--fds-colour-text-selected);font-weight:var(--fds-font-weight-semibold);}
 .mgh0mxh:hover{background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);font-weight:var(--fds-font-weight-semibold);}
-.mhccb5n:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}
+.mhccb5n:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}}

package/shared/internal-calendar/internal-calendar-year.styles_therlc.css

@@ -1,4 +1,4 @@
-.w3rwm60{width:100%;height:100%;display:-ms-grid;display:grid;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr);}
+@layer fds{.w3rwm60{width:100%;height:100%;display:-ms-grid;display:grid;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr);}
 .y6pbhbr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 0.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);padding:0.5rem;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);border-radius:var(--fds-radius-md);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-background-clip:border-box;background-clip:border-box;color:var(--fds-colour-text);cursor:default;}
 .y1iq0wsu{cursor:not-allowed;color:var(--fds-colour-text-disabled-subtlest);}
 .ylfpv0z{cursor:pointer;}
@@ -6,4 +6,4 @@
 .y1w3dlxt{color:var(--fds-colour-text-primary);font-weight:var(--fds-font-weight-semibold);}
 .ynkab5y{background:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);color:var(--fds-colour-text-selected);font-weight:var(--fds-font-weight-semibold);}
 .yivyhzm:hover{background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);font-weight:var(--fds-font-weight-semibold);}
-.y1pbdzuc:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}
+.y1pbdzuc:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}}

package/shared/internal-calendar/internal-calendar.styles_gnc3eq.css

@@ -1 +1 @@
-.c3n22sv{width:100%;background:var(--fds-colour-bg);}
+@layer fds{.c3n22sv{width:100%;background:var(--fds-colour-bg);}}

package/shared/internal-calendar/standard/standard-calendar-day-view.styles_1bw26au.css

@@ -1,3 +1,3 @@
-.w1fb9dn4{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(7, 1fr);grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;}
+@layer fds{.w1fb9dn4{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(7, 1fr);grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;}
 .hd5h60i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:2.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text);}
-.r7m17b5{-ms-grid-column:1/-1;grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.r7m17b5{-ms-grid-column:1/-1;grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}

package/shared/progress-bar/progress-bar.styles_125ri7a.css

@@ -1 +1 @@
-.b1gldp2k{position:relative;width:100%;height:8px;background:transparent;border-style:var(--fds-border-style-solid);border-width:var(--fds-border-width-010);border-radius:var(--fds-radius-sm);border-color:var(--fds-internal-progressBar-colour);}.b1gldp2k progress{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}.b1gldp2k:after{content:"";position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--fds-internal-progressBar-colour);width:var(--fds-internal-progressBar-width);}
+@layer fds{.b1gldp2k{position:relative;width:100%;height:8px;background:transparent;border-style:var(--fds-border-style-solid);border-width:var(--fds-border-width-010);border-radius:var(--fds-radius-sm);border-color:var(--fds-internal-progressBar-colour);}.b1gldp2k progress{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}.b1gldp2k:after{content:"";position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--fds-internal-progressBar-colour);width:var(--fds-internal-progressBar-width);}}

package/shared/range-input-inner-container/range-input-inner-container.styles_1v61utg.css

@@ -1,4 +1,4 @@
-.w1i0lopf{position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}
+@layer fds{.w1i0lopf{position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}
 .ws05n6a{-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.ws05n6a [data-id="range-container-elem1-container"],.ws05n6a [data-id="range-container-elem2-container"]{max-width:calc(
             100% - var(--fds-font-body-size-baseline) - var(--fds-spacing-16)
         );-webkit-flex:unset;-ms-flex:unset;flex:unset;}.ws05n6a [data-id="range-container-elem2-container"]{margin-top:var(--fds-spacing-8);}
@@ -9,4 +9,4 @@
         50% - var(--fds-spacing-8) - (var(--fds-font-body-size-baseline) / 2)
     );-webkit-transition:left var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard),opacity var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard);transition:left var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard),opacity var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard);left:0;bottom:0;opacity:0;}.i1c4xw6e[data-position="start"]{opacity:1;}.i1c4xw6e[data-position="end"]{left:calc(50% + var(--fds-spacing-16));opacity:1;}
 .i1gifs7v{background:var(--fds-colour-border-error-focus-strong);}
-.i175ocg1{display:none;}
+.i175ocg1{display:none;}}

package/shared/standalone-date-input/standalone-date-input.styles_157qo89.css

@@ -1,4 +1,4 @@
-.i48x656{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-flex:1;-ms-flex:1;flex:1;}
+@layer fds{.i48x656{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-flex:1;-ms-flex:1;flex:1;}
 .b11lxf0g{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);display:block;background:transparent;border:none;outline:none;box-shadow:none;padding:0;margin:0;text-align:center;position:absolute;inset:0;--webkit-appearance:none;--moz-appearance:textfield;}.b11lxf0g:disabled{color:var(--fds-colour-text-subtler);}.b11lxf0g:disabled:hover{cursor:not-allowed;}.b11lxf0g::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b11lxf0g::-webkit-outer-spin-button,.b11lxf0g::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.b11lxf0g::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b11lxf0g::-moz-placeholder{color:var(--fds-colour-text-subtler);}.b11lxf0g:-ms-input-placeholder{color:var(--fds-colour-text-subtler);}.b11lxf0g::placeholder{color:var(--fds-colour-text-subtler);}
 .b1owk99f{color:var(--fds-colour-text-subtler);}
 .d1hrb2q6{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);}
@@ -12,4 +12,4 @@
 .yzrktuq::after{content:"YYYY";}
 .p1jcopfd{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);background-color:var(--fds-colour-bg);color:var(--fds-colour-text-subtler);position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;}
 .p10ypbkc{background-color:var(--fds-colour-bg-disabled);cursor:not-allowed;}
-.p1yc7tqu{display:none;}
+.p1yc7tqu{display:none;}}

package/shared/time-slot/time-slot.styles_18s0to7.css

@@ -1,4 +1,4 @@
-.tsti7hb{--fds-internal-timeSlot-slot-bgColor:var(--fds-colour-bg-stronger);--fds-internal-timeSlot-slot-bgColor2:var(--fds-colour-bg-strongest);--fds-internal-timeSlot-slot-hoverBgColor:var(--fds-colour-bg-stronger);--fds-internal-timeSlot-slot-hoverBgColor2:var(--fds-colour-bg-strongest);cursor:var(--fds-internal-timeSlot-slot-cursor, default);}.tsti7hb[data-clickable="true"]{cursor:pointer;}.tsti7hb[data-style-type="default"]{background-color:var(--fds-internal-timeSlot-slot-bgColor);}.tsti7hb[data-style-type="default"][data-hoverable="true"]:hover{background-color:var(--fds-internal-timeSlot-slot-hoverBgColor);}.tsti7hb[data-style-type="stripes"]{background:repeating-linear-gradient(     135deg,     var(--fds-internal-timeSlot-slot-bgColor2) 0px,     var(--fds-internal-timeSlot-slot-bgColor2) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 12px );}.tsti7hb[data-style-type="stripes"][data-hoverable="true"]:hover{background:repeating-linear-gradient(
+@layer fds{.tsti7hb{--fds-internal-timeSlot-slot-bgColor:var(--fds-colour-bg-stronger);--fds-internal-timeSlot-slot-bgColor2:var(--fds-colour-bg-strongest);--fds-internal-timeSlot-slot-hoverBgColor:var(--fds-colour-bg-stronger);--fds-internal-timeSlot-slot-hoverBgColor2:var(--fds-colour-bg-strongest);cursor:var(--fds-internal-timeSlot-slot-cursor, default);}.tsti7hb[data-clickable="true"]{cursor:pointer;}.tsti7hb[data-style-type="default"]{background-color:var(--fds-internal-timeSlot-slot-bgColor);}.tsti7hb[data-style-type="default"][data-hoverable="true"]:hover{background-color:var(--fds-internal-timeSlot-slot-hoverBgColor);}.tsti7hb[data-style-type="stripes"]{background:repeating-linear-gradient(     135deg,     var(--fds-internal-timeSlot-slot-bgColor2) 0px,     var(--fds-internal-timeSlot-slot-bgColor2) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 12px );}.tsti7hb[data-style-type="stripes"][data-hoverable="true"]:hover{background:repeating-linear-gradient(
                 135deg,
                 var(--fds-internal-timeSlot-slot-hoverBgColor2, var(--fds-internal-timeSlot-slot-bgColor2))
                     0px,
@@ -26,4 +26,4 @@
                 to bottom,
                 transparent 50%,
                 var(--fds-colour-bg-strongest) 50%
-            ),repeating-linear-gradient(     135deg,     var(--fds-internal-timeSlot-slot-bgColor2) 0px,     var(--fds-internal-timeSlot-slot-bgColor2) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 12px );}
+            ),repeating-linear-gradient(     135deg,     var(--fds-internal-timeSlot-slot-bgColor2) 0px,     var(--fds-internal-timeSlot-slot-bgColor2) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 6px,     var(--fds-internal-timeSlot-slot-bgColor) 12px );}}

package/shared/timepicker-dropdown/timepicker-dropdown.styles_119l6k6.css

@@ -1,4 +1,4 @@
-.ru5iz77{overflow:hidden;}:where(body.fds-breakpoint-xxs-max) .ru5iz77{max-width:100%;}
+@layer fds{.ru5iz77{overflow:hidden;}:where(body.fds-breakpoint-xxs-max) .ru5iz77{max-width:100%;}
 .c1o8b9oi{position:relative;width:100%;padding:var(--fds-spacing-8) var(--fds-spacing-20) var(--fds-spacing-24) var(--fds-spacing-20);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--fds-colour-bg);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);}
 .i11svvg0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}:where(body.fds-breakpoint-xxs-max) .i11svvg0{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
 .c1ljojaz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-top:var(--fds-spacing-16);gap:var(--fds-spacing-8);}:where(body.fds-breakpoint-xxs-max) .c1ljojaz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--fds-spacing-32);}
@@ -10,4 +10,4 @@
 .t1b5fiv0{height:calc(3rem - 2px);width:5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}:where(body.fds-breakpoint-xxs-max) .t1b5fiv0{width:100%;}
 .tr1n08z{text-align:center;width:100%;}.tr1n08z:focus::-webkit-input-placeholder{color:transparent;}.tr1n08z:focus::-moz-placeholder{color:transparent;}.tr1n08z:focus:-ms-input-placeholder{color:transparent;}.tr1n08z:focus::placeholder{color:transparent;}
 .t1xgwy38{min-width:5rem;-webkit-flex:1;-ms-flex:1;flex:1;}
-.covfne3{width:7rem;}:where(body.fds-breakpoint-sm-max) .covfne3{-webkit-flex:1;-ms-flex:1;flex:1;}:where(body.fds-breakpoint-xxs-max) .covfne3{width:100%;}
+.covfne3{width:7rem;}:where(body.fds-breakpoint-sm-max) .covfne3{-webkit-flex:1;-ms-flex:1;flex:1;}:where(body.fds-breakpoint-xxs-max) .covfne3{width:100%;}}

package/sidenav/sidenav-drawer-item.styles_1ljnyx2.css

@@ -1,6 +1,6 @@
-.l1011b8q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;gap:1rem;width:100%;padding:0.75rem 1rem;border-radius:var(--fds-radius-md);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}.l1011b8q:hover,.l1011b8q:focus{background:var(--fds-colour-bg-hover-strong);}
+@layer fds{.l1011b8q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;gap:1rem;width:100%;padding:0.75rem 1rem;border-radius:var(--fds-radius-md);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}.l1011b8q:hover,.l1011b8q:focus{background:var(--fds-colour-bg-hover-strong);}
 .lmu4z67:hover,.lmu4z67:focus{background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);}
 .dlg5ewg{margin:0.125rem 0 0.125rem 0.5rem;overflow:hidden;}
 .c1ey6q8x{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--fds-colour-icon);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:transform var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);}
 .cpftd7o{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.ttch7cq{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;}
+.ttch7cq{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;}}