@lifesg/react-design-system 1.1.1 → 1.1.2

package/index.js

@@ -20,7 +20,7 @@ import require$$0,{jsx,jsxs,Fragment}from"react/jsx-runtime";import*as React fro
                 background-color: ${Color.Neutral[7]};
             `}
     }
-`,Component$c=({children:e,focusHighlight:t=!0,focusOutline:r="none",...i},a)=>jsx(Main$2,{ref:a,$outline:r,$highlight:t,...i,children:e}),IconButton=React__default.forwardRef(Component$c),MediaWidths$1={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},getMediaQuerySpec=e=>Object.keys(MediaWidths$1).reduce(((t,r)=>{const i=MediaWidths$1[r];return t[r]=`@media screen and (${e}: ${i}px)`,t}),{}),MediaQuery={MaxWidth:getMediaQuerySpec("max-width"),MinWidth:getMediaQuerySpec("min-width")},MediaWidths=MediaWidths$1;var external={},ExternalIcon;Object.defineProperty(external,"__esModule",{value:!0});var C$d=require$$0;const e$k=e=>C$d.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:C$d.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});e$k.displayName="ExternalIcon",ExternalIcon=external.ExternalIcon=e$k;const FontFamily={OpenSans:{Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},MerriWeather:"Merriweather"},BaseTextStyleSet={D1:{fontFamily:FontFamily.OpenSans.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:FontFamily.OpenSans.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:FontFamily.OpenSans.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:FontFamily.OpenSans.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:FontFamily.OpenSans.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}},TextStyleSpec={collections:{base:BaseTextStyleSet},defaultValue:"base"},getThemeTextStyles=e=>t=>{const r=t.theme,i=getCollection(TextStyleSpec,r[ThemeContextKeys.textStyleScheme]);return r.options&&r.options.textStyle?getValue(i,e,r.options.textStyle):getValue(i,e)},TextStyle={D1:{fontFamily:getThemeTextStyles("D1.fontFamily"),fontSize:getThemeTextStyles("D1.fontSize"),fontWeight:getThemeTextStyles("D1.fontWeight"),lineHeight:getThemeTextStyles("D1.lineHeight"),letterSpacing:getThemeTextStyles("D1.letterSpacing")},D2:{fontFamily:getThemeTextStyles("D2.fontFamily"),fontSize:getThemeTextStyles("D2.fontSize"),fontWeight:getThemeTextStyles("D2.fontWeight"),lineHeight:getThemeTextStyles("D2.lineHeight"),letterSpacing:getThemeTextStyles("D2.letterSpacing")},D3:{fontFamily:getThemeTextStyles("D3.fontFamily"),fontSize:getThemeTextStyles("D3.fontSize"),fontWeight:getThemeTextStyles("D3.fontWeight"),lineHeight:getThemeTextStyles("D3.lineHeight"),letterSpacing:getThemeTextStyles("D3.letterSpacing")},D4:{fontFamily:getThemeTextStyles("D4.fontFamily"),fontSize:getThemeTextStyles("D4.fontSize"),fontWeight:getThemeTextStyles("D4.fontWeight"),lineHeight:getThemeTextStyles("D4.lineHeight"),letterSpacing:getThemeTextStyles("D4.letterSpacing")},DBody:{fontFamily:getThemeTextStyles("DBody.fontFamily"),fontSize:getThemeTextStyles("DBody.fontSize"),fontWeight:getThemeTextStyles("DBody.fontWeight"),lineHeight:getThemeTextStyles("DBody.lineHeight"),letterSpacing:getThemeTextStyles("DBody.letterSpacing")},H1:{fontFamily:getThemeTextStyles("H1.fontFamily"),fontSize:getThemeTextStyles("H1.fontSize"),fontWeight:getThemeTextStyles("H1.fontWeight"),lineHeight:getThemeTextStyles("H1.lineHeight"),letterSpacing:getThemeTextStyles("H1.letterSpacing")},H2:{fontFamily:getThemeTextStyles("H2.fontFamily"),fontSize:getThemeTextStyles("H2.fontSize"),fontWeight:getThemeTextStyles("H2.fontWeight"),lineHeight:getThemeTextStyles("H2.lineHeight"),letterSpacing:getThemeTextStyles("H2.letterSpacing")},H3:{fontFamily:getThemeTextStyles("H3.fontFamily"),fontSize:getThemeTextStyles("H3.fontSize"),fontWeight:getThemeTextStyles("H3.fontWeight"),lineHeight:getThemeTextStyles("H3.lineHeight"),letterSpacing:getThemeTextStyles("H3.letterSpacing")},H4:{fontFamily:getThemeTextStyles("H4.fontFamily"),fontSize:getThemeTextStyles("H4.fontSize"),fontWeight:getThemeTextStyles("H4.fontWeight"),lineHeight:getThemeTextStyles("H4.lineHeight"),letterSpacing:getThemeTextStyles("H4.letterSpacing")},H5:{fontFamily:getThemeTextStyles("H5.fontFamily"),fontSize:getThemeTextStyles("H5.fontSize"),fontWeight:getThemeTextStyles("H5.fontWeight"),lineHeight:getThemeTextStyles("H5.lineHeight"),letterSpacing:getThemeTextStyles("H5.letterSpacing")},H6:{fontFamily:getThemeTextStyles("H6.fontFamily"),fontSize:getThemeTextStyles("H6.fontSize"),fontWeight:getThemeTextStyles("H6.fontWeight"),lineHeight:getThemeTextStyles("H6.lineHeight"),letterSpacing:getThemeTextStyles("H6.letterSpacing")},Body:{fontFamily:getThemeTextStyles("Body.fontFamily"),fontSize:getThemeTextStyles("Body.fontSize"),fontWeight:getThemeTextStyles("Body.fontWeight"),lineHeight:getThemeTextStyles("Body.lineHeight"),letterSpacing:getThemeTextStyles("Body.letterSpacing")},BodySmall:{fontFamily:getThemeTextStyles("BodySmall.fontFamily"),fontSize:getThemeTextStyles("BodySmall.fontSize"),fontWeight:getThemeTextStyles("BodySmall.fontWeight"),lineHeight:getThemeTextStyles("BodySmall.lineHeight"),letterSpacing:getThemeTextStyles("BodySmall.letterSpacing")},XSmall:{fontFamily:getThemeTextStyles("XSmall.fontFamily"),fontSize:getThemeTextStyles("XSmall.fontSize"),fontWeight:getThemeTextStyles("XSmall.fontWeight"),lineHeight:getThemeTextStyles("XSmall.lineHeight"),letterSpacing:getThemeTextStyles("XSmall.letterSpacing")}},getFont=e=>{switch(e){case 700:case"bold":return FontFamily.OpenSans.Bold;case 600:case"semibold":return FontFamily.OpenSans.Semibold;case 300:case"light":return FontFamily.OpenSans.Light;case 400:case"regular":return FontFamily.OpenSans.Regular;default:return""}},getFontFamily=(e,t)=>r=>{const i=TextStyle[e].fontFamily(r),a=TextStyle[e].fontWeight(r);return Object.values(FontFamily.OpenSans).includes(i)?css`
+`,Component$c=({children:e,focusHighlight:t=!0,focusOutline:r="none",type:i="button",...a},n)=>jsx(Main$2,{ref:n,$outline:r,$highlight:t,type:i,...a,children:e}),IconButton=React__default.forwardRef(Component$c),MediaWidths$1={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},getMediaQuerySpec=e=>Object.keys(MediaWidths$1).reduce(((t,r)=>{const i=MediaWidths$1[r];return t[r]=`@media screen and (${e}: ${i}px)`,t}),{}),MediaQuery={MaxWidth:getMediaQuerySpec("max-width"),MinWidth:getMediaQuerySpec("min-width")},MediaWidths=MediaWidths$1;var external={},ExternalIcon;Object.defineProperty(external,"__esModule",{value:!0});var C$d=require$$0;const e$k=e=>C$d.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:C$d.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});e$k.displayName="ExternalIcon",ExternalIcon=external.ExternalIcon=e$k;const FontFamily={OpenSans:{Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},MerriWeather:"Merriweather"},BaseTextStyleSet={D1:{fontFamily:FontFamily.OpenSans.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:FontFamily.OpenSans.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:FontFamily.OpenSans.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:FontFamily.OpenSans.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:FontFamily.OpenSans.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:FontFamily.OpenSans.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:FontFamily.OpenSans.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}},TextStyleSpec={collections:{base:BaseTextStyleSet},defaultValue:"base"},getThemeTextStyles=e=>t=>{const r=t.theme,i=getCollection(TextStyleSpec,r[ThemeContextKeys.textStyleScheme]);return r.options&&r.options.textStyle?getValue(i,e,r.options.textStyle):getValue(i,e)},TextStyle={D1:{fontFamily:getThemeTextStyles("D1.fontFamily"),fontSize:getThemeTextStyles("D1.fontSize"),fontWeight:getThemeTextStyles("D1.fontWeight"),lineHeight:getThemeTextStyles("D1.lineHeight"),letterSpacing:getThemeTextStyles("D1.letterSpacing")},D2:{fontFamily:getThemeTextStyles("D2.fontFamily"),fontSize:getThemeTextStyles("D2.fontSize"),fontWeight:getThemeTextStyles("D2.fontWeight"),lineHeight:getThemeTextStyles("D2.lineHeight"),letterSpacing:getThemeTextStyles("D2.letterSpacing")},D3:{fontFamily:getThemeTextStyles("D3.fontFamily"),fontSize:getThemeTextStyles("D3.fontSize"),fontWeight:getThemeTextStyles("D3.fontWeight"),lineHeight:getThemeTextStyles("D3.lineHeight"),letterSpacing:getThemeTextStyles("D3.letterSpacing")},D4:{fontFamily:getThemeTextStyles("D4.fontFamily"),fontSize:getThemeTextStyles("D4.fontSize"),fontWeight:getThemeTextStyles("D4.fontWeight"),lineHeight:getThemeTextStyles("D4.lineHeight"),letterSpacing:getThemeTextStyles("D4.letterSpacing")},DBody:{fontFamily:getThemeTextStyles("DBody.fontFamily"),fontSize:getThemeTextStyles("DBody.fontSize"),fontWeight:getThemeTextStyles("DBody.fontWeight"),lineHeight:getThemeTextStyles("DBody.lineHeight"),letterSpacing:getThemeTextStyles("DBody.letterSpacing")},H1:{fontFamily:getThemeTextStyles("H1.fontFamily"),fontSize:getThemeTextStyles("H1.fontSize"),fontWeight:getThemeTextStyles("H1.fontWeight"),lineHeight:getThemeTextStyles("H1.lineHeight"),letterSpacing:getThemeTextStyles("H1.letterSpacing")},H2:{fontFamily:getThemeTextStyles("H2.fontFamily"),fontSize:getThemeTextStyles("H2.fontSize"),fontWeight:getThemeTextStyles("H2.fontWeight"),lineHeight:getThemeTextStyles("H2.lineHeight"),letterSpacing:getThemeTextStyles("H2.letterSpacing")},H3:{fontFamily:getThemeTextStyles("H3.fontFamily"),fontSize:getThemeTextStyles("H3.fontSize"),fontWeight:getThemeTextStyles("H3.fontWeight"),lineHeight:getThemeTextStyles("H3.lineHeight"),letterSpacing:getThemeTextStyles("H3.letterSpacing")},H4:{fontFamily:getThemeTextStyles("H4.fontFamily"),fontSize:getThemeTextStyles("H4.fontSize"),fontWeight:getThemeTextStyles("H4.fontWeight"),lineHeight:getThemeTextStyles("H4.lineHeight"),letterSpacing:getThemeTextStyles("H4.letterSpacing")},H5:{fontFamily:getThemeTextStyles("H5.fontFamily"),fontSize:getThemeTextStyles("H5.fontSize"),fontWeight:getThemeTextStyles("H5.fontWeight"),lineHeight:getThemeTextStyles("H5.lineHeight"),letterSpacing:getThemeTextStyles("H5.letterSpacing")},H6:{fontFamily:getThemeTextStyles("H6.fontFamily"),fontSize:getThemeTextStyles("H6.fontSize"),fontWeight:getThemeTextStyles("H6.fontWeight"),lineHeight:getThemeTextStyles("H6.lineHeight"),letterSpacing:getThemeTextStyles("H6.letterSpacing")},Body:{fontFamily:getThemeTextStyles("Body.fontFamily"),fontSize:getThemeTextStyles("Body.fontSize"),fontWeight:getThemeTextStyles("Body.fontWeight"),lineHeight:getThemeTextStyles("Body.lineHeight"),letterSpacing:getThemeTextStyles("Body.letterSpacing")},BodySmall:{fontFamily:getThemeTextStyles("BodySmall.fontFamily"),fontSize:getThemeTextStyles("BodySmall.fontSize"),fontWeight:getThemeTextStyles("BodySmall.fontWeight"),lineHeight:getThemeTextStyles("BodySmall.lineHeight"),letterSpacing:getThemeTextStyles("BodySmall.letterSpacing")},XSmall:{fontFamily:getThemeTextStyles("XSmall.fontFamily"),fontSize:getThemeTextStyles("XSmall.fontSize"),fontWeight:getThemeTextStyles("XSmall.fontWeight"),lineHeight:getThemeTextStyles("XSmall.lineHeight"),letterSpacing:getThemeTextStyles("XSmall.letterSpacing")}},getFont=e=>{switch(e){case 700:case"bold":return FontFamily.OpenSans.Bold;case 600:case"semibold":return FontFamily.OpenSans.Semibold;case 300:case"light":return FontFamily.OpenSans.Light;case 400:case"regular":return FontFamily.OpenSans.Regular;default:return""}},getFontFamily=(e,t)=>r=>{const i=TextStyle[e].fontFamily(r),a=TextStyle[e].fontWeight(r);return Object.values(FontFamily.OpenSans).includes(i)?css`
                 font-family: ${getFont(t)||getFont(a)||i};
                 font-weight: normal !important;
             `:css`
@@ -353,7 +353,7 @@ import require$$0,{jsx,jsxs,Fragment}from"react/jsx-runtime";import*as React fro
     padding: 1.75rem 1rem; // larger clickable area
     margin: -1rem -1rem -1rem 0px;
     white-space: nowrap;
-`,AccordionBase=({children:e,title:t,enableExpandAll:r=!0,showTitleInMobile:i=!1,className:a})=>{const[n,o]=useState(!0),s=e=>{e.preventDefault(),o((e=>!e))};return jsx(AccordionContext.Provider,{value:n,children:jsxs(Content$5,{className:a,children:[jsxs(TitleWrapper,{$hasTitle:!!t||i,children:[t&&jsx(Title$3,{$showInMobile:i,"data-testid":"accordion-title",children:t}),r&&jsx(ExpandCollapseLink,{"data-testid":"accordion-expand-collapse-button",onClick:s,styleType:"link",children:n?"Hide all":"Show all"})]}),e]})})},Accordion=Object.assign(AccordionBase,{Item:AccordionItem});var arrowRight={},ArrowRightIcon;Object.defineProperty(arrowRight,"__esModule",{value:!0});var e$j=require$$0;const r$6=e=>e$j.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$j.jsx("path",{d:"M9.39601 16.062C9.21534 15.882 9.12167 15.6807 9.11501 15.458C9.10767 15.236 9.19434 15.0347 9.37501 14.854L13.354 10.875H4.20801C3.97201 10.875 3.76734 10.7883 3.59401 10.615C3.42001 10.441 3.33301 10.236 3.33301 10C3.33301 9.764 3.42001 9.559 3.59401 9.385C3.76734 9.21167 3.97201 9.125 4.20801 9.125H13.354L9.37501 5.167C9.19434 4.98633 9.10767 4.78133 9.11501 4.552C9.12167 4.32267 9.21534 4.118 9.39601 3.938C9.57667 3.75733 9.77801 3.667 10 3.667C10.222 3.667 10.4233 3.75733 10.604 3.938L16.042 9.375C16.1393 9.45833 16.2087 9.55567 16.25 9.667C16.2913 9.77767 16.312 9.88867 16.312 10C16.312 10.1113 16.2913 10.219 16.25 10.323C16.2087 10.427 16.1393 10.5277 16.042 10.625L10.604 16.062C10.4233 16.2427 10.222 16.333 10 16.333C9.77801 16.333 9.57667 16.2427 9.39601 16.062Z",fill:"currentColor"})});r$6.displayName="ArrowRightIcon",ArrowRightIcon=arrowRight.ArrowRightIcon=r$6;const Wrapper$n=styled.div`
+`,AccordionBase=({children:e,title:t,enableExpandAll:r=!0,showTitleInMobile:i=!1,className:a})=>{const[n,o]=useState(!0),s=e=>{e.preventDefault(),o((e=>!e))};return jsx(AccordionContext.Provider,{value:n,children:jsxs(Content$5,{className:a,children:[jsxs(TitleWrapper,{$hasTitle:!!t||i,children:[t&&jsx(Title$3,{$showInMobile:i,"data-testid":"accordion-title",children:t}),r&&jsx(ExpandCollapseLink,{"data-testid":"accordion-expand-collapse-button",onClick:s,type:"button",styleType:"link",children:n?"Hide all":"Show all"})]}),e]})})},Accordion=Object.assign(AccordionBase,{Item:AccordionItem});var arrowRight={},ArrowRightIcon;Object.defineProperty(arrowRight,"__esModule",{value:!0});var e$j=require$$0;const r$6=e=>e$j.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$j.jsx("path",{d:"M9.39601 16.062C9.21534 15.882 9.12167 15.6807 9.11501 15.458C9.10767 15.236 9.19434 15.0347 9.37501 14.854L13.354 10.875H4.20801C3.97201 10.875 3.76734 10.7883 3.59401 10.615C3.42001 10.441 3.33301 10.236 3.33301 10C3.33301 9.764 3.42001 9.559 3.59401 9.385C3.76734 9.21167 3.97201 9.125 4.20801 9.125H13.354L9.37501 5.167C9.19434 4.98633 9.10767 4.78133 9.11501 4.552C9.12167 4.32267 9.21534 4.118 9.39601 3.938C9.57667 3.75733 9.77801 3.667 10 3.667C10.222 3.667 10.4233 3.75733 10.604 3.938L16.042 9.375C16.1393 9.45833 16.2087 9.55567 16.25 9.667C16.2913 9.77767 16.312 9.88867 16.312 10C16.312 10.1113 16.2913 10.219 16.25 10.323C16.2087 10.427 16.1393 10.5277 16.042 10.625L10.604 16.062C10.4233 16.2427 10.222 16.333 10 16.333C9.77801 16.333 9.57667 16.2427 9.39601 16.062Z",fill:"currentColor"})});r$6.displayName="ArrowRightIcon",ArrowRightIcon=arrowRight.ArrowRightIcon=r$6;const Wrapper$n=styled.div`
     padding: 0.5rem 1rem;
     display: flex;
     flex-direction: column;
@@ -865,7 +865,7 @@ import require$$0,{jsx,jsxs,Fragment}from"react/jsx-runtime";import*as React fro
                 `:css`
                     margin: auto 0 auto 0.625rem; // to counter the padding
                 `}
-`,Component$b=({disabledDates:e,onYearMonthDisplayChange:t,onCalendarView:r,onSelect:i,onHover:a,onDismiss:n,actionComponent:o,isOpen:s,value:l,endValue:p,currentFocus:c,withButton:d,variant:h,between:u,type:m="standalone",...f},y)=>{const[g,_]=useState(dayjs()),[x,b]=useState("default"),[v,C]=useState(),[S,$]=useState(),[w,T]=useState(),[k,E]=useState(!0),A=useRef(null),P=useRef(null),I=useResizeDetector();useImperativeHandle(y,(()=>({defaultView(){b("default"),r("default")}})),[]),useEffect((()=>{s&&(_(dayjs()),b("default"),"range"===h&&l?.length&&p?.length&&E(!1))}),[s]),useEffect((()=>{const e="end"===c?p:l;T(dayjs(e)),e&&_(dayjs(e))}),[c]),useEffect((()=>{E(!0),l?("input"===o&&_(dayjs(l)),C(l),_(dayjs(l))):C(void 0)}),[l]),useEffect((()=>{E(!0),p?("input"===o&&_(dayjs(p)),$(p)):$(void 0)}),[p]);const M=()=>{switch(x){case"default":T((e=>e.subtract(1,"month"))),_((e=>{const t=e.subtract(1,"month");return N(t),t}));break;case"month-options":_((e=>e.subtract(1,"year")));break;case"year-options":_((e=>e.subtract(10,"year")))}},D=()=>{switch(x){case"default":T((e=>e.add(1,"month"))),_((e=>{const t=e.add(1,"month");return N(t),t}));break;case"month-options":_((e=>e.add(1,"year")));break;case"year-options":_((e=>e.add(10,"year")))}},F=e=>{const t=e.format("YYYY-MM-DD");_(e),T(e),H(t),B(t)},R=e=>{_(e),T(e),N(e)},j=()=>{_(dayjs("end"===c?p:l)),V("reset")},L=e=>{O(e)},B=e=>{i&&i(e)},O=e=>{a&&a(e)},N=e=>{if(t){const r={month:e.month()+1,year:e.year()};t(r)}},V=e=>{n&&n(e)},H=e=>{if(c)switch(c){case"start":default:C(e);break;case"end":$(e)}else C(e)},z=()=>{"month-options"!==x?(b("month-options"),U("month-options"),I.ref.current.focus()):(b("default"),_(w),U("default"))},G=()=>{"default"!==x?(b("default"),_(w),U("default")):(b("year-options"),U("year-options"))},W=()=>{if("year-options"===x){const{beginDecade:e,endDecade:t}=CalendarHelper.getStartEndDecade(g);return`${e} to ${t}`}return dayjs(g).format("YYYY")},U=e=>{r&&r(e)},q=()=>jsxs(Fragment,{children:[jsxs(DropdownButton,{type:"button",tabIndex:-1,$type:m,$expandedDisplay:"month-options"===x,$visible:"default"===x,id:"month-dropdown",onClick:z,children:[jsx(DropdownText,{$type:m,children:dayjs(g).format("MMM")}),jsx(IconChevronDown,{})]}),jsxs(DropdownButton,{type:"button",tabIndex:-1,$type:m,$expandedDisplay:"default"!==x,id:"year-dropdown",onClick:G,children:[jsx(DropdownText,{$type:m,children:W()}),jsx(IconChevronDown,{})]})]}),Q=()=>{switch(x){case"month-options":return jsx(InternalCalendarMonth,{type:m,calendarDate:g,currentFocus:c,selectedStartDate:v,selectedEndDate:S,viewCalendarDate:w,between:u,isNewSelection:k,onMonthSelect:R});case"year-options":return jsx(InternalCalendarYear,{type:m,calendarDate:g,currentFocus:c,selectedStartDate:v,selectedEndDate:S,viewCalendarDate:w,between:u,isNewSelection:k,onYearSelect:R});default:return null}},Y=()=>{switch(m){case"standalone":default:return jsx(HeaderDropdown,{children:q()});case"input":return jsxs(Header,{children:[jsx(HeaderInputDropdown,{children:q()}),jsxs(HeaderArrows,{children:[jsx(HeaderArrowButton,{tabIndex:-1,onClick:M,children:jsx(ArrowLeft,{})}),jsx(HeaderArrowButton,{tabIndex:-1,onClick:D,children:jsx(ArrowRight$2,{})})]})]})}},K=()=>{if("standalone"===m||!d)return;let e=!0;const t=["default"].includes(x);switch(h){case"single":e=!v;break;case"range":e=!v||!S}const r=!!t&&e;return jsxs(ActionButtonSection,{children:[jsx(ActionButton$2,{ref:P,"data-testid":"cancel-button",styleType:"light",onClick:j,children:"Cancel"}),jsx(ActionButton$2,{"data-testid":"done-button",ref:A,onClick:()=>(e=>{e||(_(w),V("confirmed"))})(r),disabled:r,children:"Done"})]})},Z=()=>jsxs(Container$i,{ref:I.ref,tabIndex:-1,"data-id":"calendar-container",$type:m,...f,children:["standalone"===m&&jsx(SideArrowButton,{$direction:"left",onClick:M,children:jsx(ArrowLeft,{})}),jsxs(ContentBody,{children:[Y(),jsxs(ToggleZone,{children:[jsx(InternalCalendarDay,{type:m,calendarDate:g,currentFocus:c,disabledDates:e,selectedStartDate:v,selectedEndDate:S,variant:h,between:u,isNewSelection:k,onSelect:F,onHover:L}),jsx(OptionsOverlay,{$visible:"default"!==x,children:Q()})]}),K()]}),"standalone"===m&&jsx(SideArrowButton,{$direction:"right",onClick:D,children:jsx(ArrowRight$2,{})})]}),X=useSpring({height:s?I.height+64:0});return"input"===m?jsx(AnimatedDiv$2,{style:X,children:Z()}):jsx(Fragment,{children:Z()})},InternalCalendar=React__default.forwardRef(Component$b),Calendar=({className:e,...t})=>jsx(Wrapper$i,{className:e,children:jsx(InternalCalendar,{type:"standalone",...t})}),Wrapper$i=styled.div`
+`,Component$b=({disabledDates:e,onYearMonthDisplayChange:t,onCalendarView:r,onSelect:i,onHover:a,onDismiss:n,actionComponent:o,isOpen:s,value:l,endValue:p,currentFocus:c,withButton:d,variant:h,between:u,type:m="standalone",...f},y)=>{const[g,_]=useState(dayjs()),[x,b]=useState("default"),[v,C]=useState(),[S,$]=useState(),[w,T]=useState(),[k,E]=useState(!0),A=useRef(null),P=useRef(null),I=useResizeDetector();useImperativeHandle(y,(()=>({defaultView(){b("default"),r("default")}})),[]),useEffect((()=>{s&&(_(dayjs()),b("default"),"range"===h&&l?.length&&p?.length&&E(!1))}),[s]),useEffect((()=>{const e="end"===c?p:l;T(dayjs(e)),e&&_(dayjs(e))}),[c]),useEffect((()=>{E(!0),l?("input"===o&&_(dayjs(l)),C(l),_(dayjs(l))):C(void 0)}),[l]),useEffect((()=>{E(!0),p?("input"===o&&_(dayjs(p)),$(p)):$(void 0)}),[p]);const M=()=>{switch(x){case"default":T((e=>e.subtract(1,"month"))),_((e=>{const t=e.subtract(1,"month");return N(t),t}));break;case"month-options":_((e=>e.subtract(1,"year")));break;case"year-options":_((e=>e.subtract(10,"year")))}},D=()=>{switch(x){case"default":T((e=>e.add(1,"month"))),_((e=>{const t=e.add(1,"month");return N(t),t}));break;case"month-options":_((e=>e.add(1,"year")));break;case"year-options":_((e=>e.add(10,"year")))}},F=e=>{const t=e.format("YYYY-MM-DD");_(e),T(e),H(t),B(t)},R=e=>{_(e),T(e),N(e)},j=()=>{_(dayjs("end"===c?p:l)),V("reset")},L=e=>{O(e)},B=e=>{i&&i(e)},O=e=>{a&&a(e)},N=e=>{if(t){const r={month:e.month()+1,year:e.year()};t(r)}},V=e=>{n&&n(e)},H=e=>{if(c)switch(c){case"start":default:C(e);break;case"end":$(e)}else C(e)},z=()=>{"month-options"!==x?(b("month-options"),U("month-options"),I.ref.current.focus()):(b("default"),_(w),U("default"))},G=()=>{"default"!==x?(b("default"),_(w),U("default")):(b("year-options"),U("year-options"))},W=()=>{if("year-options"===x){const{beginDecade:e,endDecade:t}=CalendarHelper.getStartEndDecade(g);return`${e} to ${t}`}return dayjs(g).format("YYYY")},U=e=>{r&&r(e)},q=()=>jsxs(Fragment,{children:[jsxs(DropdownButton,{type:"button",tabIndex:-1,$type:m,$expandedDisplay:"month-options"===x,$visible:"default"===x,id:"month-dropdown",onClick:z,children:[jsx(DropdownText,{$type:m,children:dayjs(g).format("MMM")}),jsx(IconChevronDown,{})]}),jsxs(DropdownButton,{type:"button",tabIndex:-1,$type:m,$expandedDisplay:"default"!==x,id:"year-dropdown",onClick:G,children:[jsx(DropdownText,{$type:m,children:W()}),jsx(IconChevronDown,{})]})]}),Q=()=>{switch(x){case"month-options":return jsx(InternalCalendarMonth,{type:m,calendarDate:g,currentFocus:c,selectedStartDate:v,selectedEndDate:S,viewCalendarDate:w,between:u,isNewSelection:k,onMonthSelect:R});case"year-options":return jsx(InternalCalendarYear,{type:m,calendarDate:g,currentFocus:c,selectedStartDate:v,selectedEndDate:S,viewCalendarDate:w,between:u,isNewSelection:k,onYearSelect:R});default:return null}},Y=()=>{switch(m){case"standalone":default:return jsx(HeaderDropdown,{children:q()});case"input":return jsxs(Header,{children:[jsx(HeaderInputDropdown,{children:q()}),jsxs(HeaderArrows,{children:[jsx(HeaderArrowButton,{tabIndex:-1,onClick:M,children:jsx(ArrowLeft,{})}),jsx(HeaderArrowButton,{tabIndex:-1,onClick:D,children:jsx(ArrowRight$2,{})})]})]})}},K=()=>{if("standalone"===m||!d)return;let e=!0;const t=["default"].includes(x);switch(h){case"single":e=!v;break;case"range":e=!v||!S}const r=!!t&&e;return jsxs(ActionButtonSection,{children:[jsx(ActionButton$2,{ref:P,type:"button","data-testid":"cancel-button",styleType:"light",onClick:j,children:"Cancel"}),jsx(ActionButton$2,{"data-testid":"done-button",type:"button",ref:A,onClick:()=>(e=>{e||(_(w),V("confirmed"))})(r),disabled:r,children:"Done"})]})},Z=()=>jsxs(Container$i,{ref:I.ref,tabIndex:-1,"data-id":"calendar-container",$type:m,...f,children:["standalone"===m&&jsx(SideArrowButton,{$direction:"left",onClick:M,children:jsx(ArrowLeft,{})}),jsxs(ContentBody,{children:[Y(),jsxs(ToggleZone,{children:[jsx(InternalCalendarDay,{type:m,calendarDate:g,currentFocus:c,disabledDates:e,selectedStartDate:v,selectedEndDate:S,variant:h,between:u,isNewSelection:k,onSelect:F,onHover:L}),jsx(OptionsOverlay,{$visible:"default"!==x,children:Q()})]}),K()]}),"standalone"===m&&jsx(SideArrowButton,{$direction:"right",onClick:D,children:jsx(ArrowRight$2,{})})]}),X=useSpring({height:s?I.height+64:0});return"input"===m?jsx(AnimatedDiv$2,{style:X,children:Z()}):jsx(Fragment,{children:Z()})},InternalCalendar=React__default.forwardRef(Component$b),Calendar=({className:e,...t})=>jsx(Wrapper$i,{className:e,children:jsx(InternalCalendar,{type:"standalone",...t})}),Wrapper$i=styled.div`
     width: 41rem;
     border: 1px solid ${Color.Neutral[5]};
     border-radius: 12px;
@@ -1333,7 +1333,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
 `,SubmitButton=styled(Button.Default)`
     margin-top: 1rem;
     width: 100%;
-`,FeedbackRating=e=>{const{imgSrc:t,buttonLabel:r,description:i,rating:a,className:n,onRatingChange:o,onSubmit:s}=e,l=t??FeedbackRatingData.IMG,p=i??FeedbackRatingData.DEFAULT_DESCRIPTION;return jsxs(MainContainer,{className:n,children:[l&&jsx(Image$1,{src:l,alt:"","aria-label":"banner image",onError:e=>e.currentTarget.style.display="none"}),jsxs(ChildContainer,{children:[jsx(Text.H3,{weight:"semibold",children:p}),jsx(FeedbackRatingStarsContainer,{description:p,rating:a,onRatingChange:o}),jsx(SubmitButton,{disabled:!a,onClick:s,children:r??FeedbackRatingData.DEFAULT_BUTTON_LABEL})]})]})};var cross={},CrossIcon;Object.defineProperty(cross,"__esModule",{value:!0});var e$b=require$$0;const C$9=e=>e$b.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$b.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});C$9.displayName="CrossIcon",CrossIcon=cross.CrossIcon=C$9;const getBackdropFilter=e=>{let t="";return e&&(t+="blur(10px)"),t.length>0?t:"none"},Root=styled.div`
+`,FeedbackRating=e=>{const{imgSrc:t,buttonLabel:r,description:i,rating:a,className:n,onRatingChange:o,onSubmit:s}=e,l=t??FeedbackRatingData.IMG,p=i??FeedbackRatingData.DEFAULT_DESCRIPTION;return jsxs(MainContainer,{className:n,children:[l&&jsx(Image$1,{src:l,alt:"","aria-label":"banner image",onError:e=>e.currentTarget.style.display="none"}),jsxs(ChildContainer,{children:[jsx(Text.H3,{weight:"semibold",children:p}),jsx(FeedbackRatingStarsContainer,{description:p,rating:a,onRatingChange:o}),jsx(SubmitButton,{disabled:!a,onClick:s,type:"button",children:r??FeedbackRatingData.DEFAULT_BUTTON_LABEL})]})]})};var cross={},CrossIcon;Object.defineProperty(cross,"__esModule",{value:!0});var e$b=require$$0;const C$9=e=>e$b.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$b.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});C$9.displayName="CrossIcon",CrossIcon=cross.CrossIcon=C$9;const getBackdropFilter=e=>{let t="";return e&&(t+="blur(10px)"),t.length>0?t:"none"},Root=styled.div`
     position: fixed;
     left: 0;
     top: 0;
@@ -1451,7 +1451,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
             ${TextStyleHelper.getTextStyle("H6","semibold")}
         }
     }
-`,FilterItem=({collapsible:e=!0,minimisable:t=!1,minimisedHeight:r,showDivider:i=!0,showMobileDivider:a=!0,title:n,children:o,...s})=>{const{mode:l}=useContext(FilterContext),p="mobile"===l,[c,d]=useState(!p&&e),[h,u]=useState(t),m=!p&&e,f=useResizeDetector(),y=useResizeDetector(),g=useSpring({height:c?0:f.height}),_=h?r??Math.min(.5*y.height,216):y.height;return jsxs(FilterItemWrapper,{$collapsible:m,children:[jsx(Divider$2,{$showDivider:i,$showMobileDivider:a}),(n||m)&&jsxs(FilterItemHeader,{children:[n&&jsx(FilterItemTitle,{weight:"semibold",children:n}),m&&jsx(FilterItemExpandButton,{focusHighlight:!1,focusOutline:"browser",onClick:()=>{d(!c)},"aria-label":c?"Expand":"Collapse",children:jsx(ChevronIcon$1,{$expanded:!c})})]}),jsx(ExpandableItem,{style:p?void 0:g,children:jsx("div",{ref:f.ref,children:jsxs(FilterItemBody,{...s,children:[jsx(MinimisableContent,{$height:_,$minimisable:t,children:jsx("div",{ref:y.ref,children:jsx("div",{"data-id":"content-container",children:"function"==typeof o?o(l,{minimised:h}):o})})}),t&&jsxs(FilterItemMinimiseButton,{"data-id":"minimise-button",styleType:"link",onClick:()=>{u(!h)},children:["View ",h?"more":"less"]})]})})})]})},Container$d=styled.div`
+`,FilterItem=({collapsible:e=!0,minimisable:t=!1,minimisedHeight:r,showDivider:i=!0,showMobileDivider:a=!0,title:n,children:o,...s})=>{const{mode:l}=useContext(FilterContext),p="mobile"===l,[c,d]=useState(!p&&e),[h,u]=useState(t),m=!p&&e,f=useResizeDetector(),y=useResizeDetector(),g=useSpring({height:c?0:f.height}),_=h?r??Math.min(.5*y.height,216):y.height;return jsxs(FilterItemWrapper,{$collapsible:m,children:[jsx(Divider$2,{$showDivider:i,$showMobileDivider:a}),(n||m)&&jsxs(FilterItemHeader,{children:[n&&jsx(FilterItemTitle,{weight:"semibold",children:n}),m&&jsx(FilterItemExpandButton,{focusHighlight:!1,focusOutline:"browser",onClick:()=>{d(!c)},"aria-label":c?"Expand":"Collapse",children:jsx(ChevronIcon$1,{$expanded:!c})})]}),jsx(ExpandableItem,{style:p?void 0:g,children:jsx("div",{ref:f.ref,children:jsxs(FilterItemBody,{...s,children:[jsx(MinimisableContent,{$height:_,$minimisable:t,children:jsx("div",{ref:y.ref,children:jsx("div",{"data-id":"content-container",children:"function"==typeof o?o(l,{minimised:h}):o})})}),t&&jsxs(FilterItemMinimiseButton,{"data-id":"minimise-button",styleType:"link",type:"button",onClick:()=>{u(!h)},children:["View ",h?"more":"less"]})]})})})]})},Container$d=styled.div`
     position: relative;
     display: inline-flex;
     min-width: 10.375rem;
@@ -1679,7 +1679,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
     border-top: 1px solid ${Color.Neutral[5]};
 `,FilterDoneButton=styled(Button.Default)`
     width: 100%;
-`,FilterItemPage=({onDismiss:e,onDone:t,children:r})=>jsxs(FilterItemPageContainer,{children:[jsx(FilterHeaderButton,{onClick:e,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:jsx(ChevronLeftIcon,{})}),jsx(FilterBody,{children:r}),jsx(FilterFooter,{children:jsx(FilterDoneButton,{onClick:t,children:"Done"})})]}),FilterBase=({toggleFilterButtonLabel:e="Filters",headerTitle:t="Filters",clearButtonDisabled:r=!1,onClear:i,onDismiss:a,onDone:n,children:o,...s})=>{const[l,p]=useState(!1);reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL},void 0,(e=>{e||d()}));const c=()=>{p(!0)},d=()=>{p(!1),a&&a()},h=()=>{p(!1),n&&n()},u=()=>{i&&i()},m=e=>"function"==typeof o?o(e):o,f=e=>jsxs(FilterHeader,{children:["mobile"===e&&jsx(FilterHeaderButton,{onClick:d,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:jsx(CrossIcon,{})}),jsx(FilterTitle,{weight:"semibold",children:t}),jsx(FilterClearButton,{styleType:"link",onClick:u,disabled:r,children:"Clear"})]});return jsxs("div",{...s,children:[jsx(MobileView,{children:jsx(FilterContext.Provider,{value:{mode:"mobile"},children:jsxs(Fragment,{children:[jsxs(FilterButton,{styleType:"light",onClick:c,children:[jsx(StyledFilterIcon,{})," ",e]}),jsx(Overlay,{show:l,disableTransition:!0,children:jsxs(MobileContainer,{children:[f("mobile"),jsx(FilterBody,{children:m("mobile")}),jsx(FilterFooter,{children:jsx(FilterDoneButton,{onClick:h,children:"Done"})})]})})]})})}),jsx(DesktopView,{children:jsx(FilterContext.Provider,{value:{mode:"default"},children:jsxs(DesktopContainer,{children:[f("default"),m("default")]})})})]})},Filter=Object.assign(FilterBase,{Item:FilterItem,Page:FilterItemPage,Checkbox:FilterItemCheckbox}),Wrapper$f=styled.div`
+`,FilterItemPage=({onDismiss:e,onDone:t,children:r})=>jsxs(FilterItemPageContainer,{children:[jsx(FilterHeaderButton,{onClick:e,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:jsx(ChevronLeftIcon,{})}),jsx(FilterBody,{children:r}),jsx(FilterFooter,{children:jsx(FilterDoneButton,{onClick:t,type:"button",children:"Done"})})]}),FilterBase=({toggleFilterButtonLabel:e="Filters",headerTitle:t="Filters",clearButtonDisabled:r=!1,onClear:i,onDismiss:a,onDone:n,children:o,...s})=>{const[l,p]=useState(!1);reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL},void 0,(e=>{e||d()}));const c=()=>{p(!0)},d=()=>{p(!1),a&&a()},h=()=>{p(!1),n&&n()},u=()=>{i&&i()},m=e=>"function"==typeof o?o(e):o,f=e=>jsxs(FilterHeader,{children:["mobile"===e&&jsx(FilterHeaderButton,{onClick:d,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:jsx(CrossIcon,{})}),jsx(FilterTitle,{weight:"semibold",children:t}),jsx(FilterClearButton,{styleType:"link",type:"button",onClick:u,disabled:r,children:"Clear"})]});return jsxs("div",{...s,children:[jsx(MobileView,{children:jsx(FilterContext.Provider,{value:{mode:"mobile"},children:jsxs(Fragment,{children:[jsxs(FilterButton,{styleType:"light",type:"button",onClick:c,children:[jsx(StyledFilterIcon,{})," ",e]}),jsx(Overlay,{show:l,disableTransition:!0,children:jsxs(MobileContainer,{children:[f("mobile"),jsx(FilterBody,{children:m("mobile")}),jsx(FilterFooter,{children:jsx(FilterDoneButton,{type:"button",onClick:h,children:"Done"})})]})})]})})}),jsx(DesktopView,{children:jsx(FilterContext.Provider,{value:{mode:"default"},children:jsxs(DesktopContainer,{children:[f("default"),m("default")]})})})]})},Filter=Object.assign(FilterBase,{Item:FilterItem,Page:FilterItemPage,Checkbox:FilterItemCheckbox}),Wrapper$f=styled.div`
     display: flex;
     align-items: flex-start;
     flex-direction: column;
@@ -2173,7 +2173,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
 `,ClearIcon=styled(CrossIcon)`
     height: 1.25rem;
     width: 1.25rem;
-`,Component$7=({value:e,spacing:t,type:r,error:i,disabled:a,readOnly:n,onChange:o,onClear:s,allowClear:l=!1,className:p,...c},d)=>{const h=useRef();useImperativeHandle(d,(()=>h.current),[]);const u=()=>"tel"===r&&t,m=e=>{const t=e.target,r=t.value,i=t.value.replace(/\s/g,"");t.value=i,o(e),t.value=r},f=e?(e=>e?u()?StringHelper.transformWithSpaces(e,t):e:"")(e):e;return jsxs(InputWrapper,{disabled:a,$error:i,$readOnly:n,className:p,children:[jsx(InputElement,{"data-testid":"input",ref:h,disabled:a,value:f,onChange:e=>{o&&(u()?m(e):o(e))},type:r,readOnly:n,...c}),l&&!a&&!n&&!!e&&jsx(ClearContainer,{onClick:()=>{s&&s(),h&&h.current&&h.current.focus()},children:jsx(ClearIcon,{})})]})},Input$1=React__default.forwardRef(Component$7),Component$6=(e,t)=>{const{label:r,errorMessage:i,id:a="form-field","data-error-testid":n,"data-testid":o,...s}=e;return jsx(FormWrapper,{id:a,label:r,errorMessage:i,disabled:s.disabled,"data-error-testid":n,children:jsx(Input$1,{id:`${a}-base`,"data-testid":o||a,ref:t,error:!!i,...s})})},FormInput=React__default.forwardRef(Component$6),Container$9=styled.div`
+`,Component$7=({value:e,spacing:t,type:r,error:i,disabled:a,readOnly:n,onChange:o,onClear:s,allowClear:l=!1,className:p,...c},d)=>{const h=useRef();useImperativeHandle(d,(()=>h.current),[]);const u=()=>"tel"===r&&t,m=e=>{const t=e.target,r=t.value,i=t.value.replace(/\s/g,"");t.value=i,o(e),t.value=r},f=e?(e=>e?u()?StringHelper.transformWithSpaces(e,t):e:"")(e):e;return jsxs(InputWrapper,{disabled:a,$error:i,$readOnly:n,className:p,children:[jsx(InputElement,{"data-testid":"input",ref:h,disabled:a,value:f,onChange:e=>{o&&(u()?m(e):o(e))},type:r,readOnly:n,...c}),l&&!a&&!n&&!!e&&jsx(ClearContainer,{onClick:()=>{s&&s(),h&&h.current&&h.current.focus()},type:"button",children:jsx(ClearIcon,{})})]})},Input$1=React__default.forwardRef(Component$7),Component$6=(e,t)=>{const{label:r,errorMessage:i,id:a="form-field","data-error-testid":n,"data-testid":o,...s}=e;return jsx(FormWrapper,{id:a,label:r,errorMessage:i,disabled:s.disabled,"data-error-testid":n,children:jsx(Input$1,{id:`${a}-base`,"data-testid":o||a,ref:t,error:!!i,...s})})},FormInput=React__default.forwardRef(Component$6),Container$9=styled.div`
     display: flex;
     position: relative;
     border: 1px solid ${Color.Neutral[5]};
@@ -2438,7 +2438,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
     height: 1.375rem;
     width: 1.375rem;
     color: ${Color.Neutral[3]};
-`,Component$5=(e,t)=>{const{onClear:r,...i}=e;return jsxs(Container$7,{children:[jsx(SearchIcon,{}),jsx(SearchInput,{ref:t,...i}),i.value&&jsx(CancelButton,{"aria-label":"Clear search",focusOutline:"browser",onClick:r,children:jsx(CancelIcon,{})})]},"search")},DropdownSearch=forwardRef(Component$5),DropdownList=({listItems:e,listExtractor:t,valueExtractor:r,onSelectItem:i,listStyleWidth:a,visible:n,enableSearch:o,searchPlaceholder:s="Search",onSearch:l,searchFunction:p,onDismiss:c,multiSelect:d,selectedItems:h,onSelectAll:u,onRetry:m,itemsLoadState:f="success",itemTruncationType:y="end",renderListItem:g,onBlur:_,hideNoResultsDisplay:x,renderCustomCallToAction:b,...v})=>{const[C,S]=useState(0),[$,w]=useState(""),[T,k]=useState(e),[E,A]=useState(0),P=useSpring({height:E}),I=useRef(),M=useRef(),D=useRef([]),F=useRef(),R=useRef(),j=useRef(C),L=useRef(T),B=e=>{j.current=e,S(e)},O=e=>{L.current=e,k(e)};useEffect((()=>(document.addEventListener("keydown",W),()=>{document.removeEventListener("keydown",W)})),[]),useEffect((()=>{z($)}),[$]),useEffect((()=>{w(""),n?(setTimeout((()=>{A(G())})),F&&F.current?(F.current.focus(),B(-1)):D.current[C]&&D.current[C].focus()):A(0)}),[n]),useEffect((()=>{if(n){const e=G();A(e)}}),[T]),useEffect((()=>{O(e),w(""),B(0)}),[e]);const N=e=>t?t(e):e.toString(),V=e=>{const r=t?t(e):e.toString();let i=0;return M&&M.current&&(i=M.current.getBoundingClientRect().width-100),StringHelper.shouldTruncateToTwoLines("string"==typeof r?r:r.title,i)},H=e=>!!find_1(h,(t=>isEqual_1(t,e))),z=t=>{if(""===t)O(e);else if(p){const e=p(t);O(e)}else{const r=e.filter((e=>{const r=N(e),i="object"==typeof r?r.title.toLowerCase():r.toLowerCase();return"object"==typeof r&&r.secondaryLabel?i.includes(t.trim().toLowerCase())||r.secondaryLabel.includes(t.trim().toLowerCase()):i.includes(t.trim().toLowerCase())}));O(r)}},G=()=>(M&&M.current?M.current.getBoundingClientRect().height:0)+(R.current?R.current.getBoundingClientRect().height:0),W=e=>{if(I&&I.current.contains(e.target))switch(e.code){case"ArrowDown":if(j.current<L.current.length-1){const e=j.current+1;D.current[e].focus(),B(e)}break;case"ArrowUp":if(j.current>0){const e=j.current-1;D.current[e].focus(),B(j.current-1)}break;case"Escape":c&&c(!0)}},U=(e,t)=>{e.preventDefault(),i&&i(t,(e=>r?r(e):e)(t))},q=e=>{const t=e.target.value;w(t),l&&l()},Q=()=>{w(""),l&&l()},Y=()=>{m&&m()},K=()=>{_&&_()},Z=e=>{const t=N(e),r="string"==typeof t?t:t.title;return jsxs(TruncateContainer,{"data-testid":"truncate-middle-container",children:[jsx(TruncateFirstLine,{children:r}),jsxs(TruncateSecondLine,{children:[" ",r]})]})},X=e=>{const t=N(e);return"string"==typeof t?jsx(Fragment,{children:t}):jsxs(Fragment,{children:[t.title,t.secondaryLabel&&jsx(SecondaryLabel,{children:t.secondaryLabel})]})},J=()=>{if(!m||m&&"success"===f)return T.map(((e,t)=>jsx(ListItem,{checked:H(e)&&!d,children:jsxs(ListItemSelector,{onClick:t=>{U(t,e)},ref:e=>D.current[t]=e,"data-testid":"list-item",type:"button",tabIndex:n?0:-1,multiSelect:d,onBlur:K,children:[d&&jsx(ListCheckbox,{checked:H(e),displaySize:"small"}),g?g(e,{selected:H(e)}):jsx(Label,{truncateType:y,children:"middle"===y&&V(e)?Z(e):X(e)})]})},((e,t)=>`item_${t}__${r?r(e):e}`)(e,t))))},ee=()=>{if(d&&T.length>0&&!$&&"success"===f)return jsx(SelectAllContainer,{children:jsx(DropdownCommonButton,{onClick:u,children:0===h.length?"Select all":"Unselect all"})},"selectAll")},te=()=>{if(!x&&$&&0===T.length)return jsxs(ResultStateContainer,{"data-testid":"list-no-results",children:[jsx(LabelIcon,{"data-testid":"no-result-icon"}),jsx(ResultStateText,{children:"No results found."})]},"noResults")},re=()=>{if(m&&"loading"===f)return jsxs(ResultStateContainer,{"data-testid":"list-loading",children:[jsx(Spinner,{$buttonStyle:"secondary",size:24}),jsx(ResultStateText,{children:"Loading..."})]},"loading")},ie=()=>{if(m&&"fail"===f)return jsxs(ResultStateContainer,{"data-testid":"list-fail",children:[jsx(LabelIcon,{"data-testid":"load-error-icon"}),jsx(ResultStateText,{children:"Failed to load."}),jsx(DropdownCommonButton,{onClick:Y,children:"Try again."})]},"noResults")};return jsx(Fragment,{children:jsxs(Container$8,{style:P,"data-testid":n?"dropdown-container":"dropdown-container-hidden",ref:I,children:[(()=>{if(n)return jsxs(List,{ref:M,"data-testid":"dropdown-list",width:a,role:"list",...v,children:[(o||p)&&"success"===f?jsx(DropdownSearch,{ref:F,onChange:q,value:$,placeholder:s,"data-testid":"search-input","aria-label":"search-input",tabIndex:n?0:-1,onClear:Q}):null,ee(),te(),re(),ie(),J()]})})(),(()=>{if(n&&b)return jsx("div",{ref:R,"data-testid":"custom-cta",children:b(c,T)})})()]})})},BORDER_RADIUS$2="4px",Wrapper$e=styled.div`
+`,Component$5=(e,t)=>{const{onClear:r,...i}=e;return jsxs(Container$7,{children:[jsx(SearchIcon,{}),jsx(SearchInput,{ref:t,...i}),i.value&&jsx(CancelButton,{"aria-label":"Clear search",focusOutline:"browser",onClick:r,children:jsx(CancelIcon,{})})]},"search")},DropdownSearch=forwardRef(Component$5),DropdownList=({listItems:e,listExtractor:t,valueExtractor:r,onSelectItem:i,listStyleWidth:a,visible:n,enableSearch:o,searchPlaceholder:s="Search",onSearch:l,searchFunction:p,onDismiss:c,multiSelect:d,selectedItems:h,onSelectAll:u,onRetry:m,itemsLoadState:f="success",itemTruncationType:y="end",renderListItem:g,onBlur:_,hideNoResultsDisplay:x,renderCustomCallToAction:b,...v})=>{const[C,S]=useState(0),[$,w]=useState(""),[T,k]=useState(e),[E,A]=useState(0),P=useSpring({height:E}),I=useRef(),M=useRef(),D=useRef([]),F=useRef(),R=useRef(),j=useRef(C),L=useRef(T),B=e=>{j.current=e,S(e)},O=e=>{L.current=e,k(e)};useEffect((()=>(document.addEventListener("keydown",W),()=>{document.removeEventListener("keydown",W)})),[]),useEffect((()=>{z($)}),[$]),useEffect((()=>{w(""),n?(setTimeout((()=>{A(G())})),F&&F.current?(F.current.focus(),B(-1)):D.current[C]&&D.current[C].focus()):A(0)}),[n]),useEffect((()=>{if(n){const e=G();A(e)}}),[T]),useEffect((()=>{O(e),w(""),B(0)}),[e]);const N=e=>t?t(e):e.toString(),V=e=>{const r=t?t(e):e.toString();let i=0;return M&&M.current&&(i=M.current.getBoundingClientRect().width-100),StringHelper.shouldTruncateToTwoLines("string"==typeof r?r:r.title,i)},H=e=>!!find_1(h,(t=>isEqual_1(t,e))),z=t=>{if(""===t)O(e);else if(p){const e=p(t);O(e)}else{const r=e.filter((e=>{const r=N(e),i="object"==typeof r?r.title.toLowerCase():r.toLowerCase();return"object"==typeof r&&r.secondaryLabel?i.includes(t.trim().toLowerCase())||r.secondaryLabel.includes(t.trim().toLowerCase()):i.includes(t.trim().toLowerCase())}));O(r)}},G=()=>(M&&M.current?M.current.getBoundingClientRect().height:0)+(R.current?R.current.getBoundingClientRect().height:0),W=e=>{if(I&&I.current.contains(e.target))switch(e.code){case"ArrowDown":if(j.current<L.current.length-1){const e=j.current+1;D.current[e].focus(),B(e)}break;case"ArrowUp":if(j.current>0){const e=j.current-1;D.current[e].focus(),B(j.current-1)}break;case"Escape":c&&c(!0)}},U=(e,t)=>{e.preventDefault(),i&&i(t,(e=>r?r(e):e)(t))},q=e=>{const t=e.target.value;w(t),l&&l()},Q=()=>{w(""),l&&l()},Y=()=>{m&&m()},K=()=>{_&&_()},Z=e=>{const t=N(e),r="string"==typeof t?t:t.title;return jsxs(TruncateContainer,{"data-testid":"truncate-middle-container",children:[jsx(TruncateFirstLine,{children:r}),jsxs(TruncateSecondLine,{children:[" ",r]})]})},X=e=>{const t=N(e);return"string"==typeof t?jsx(Fragment,{children:t}):jsxs(Fragment,{children:[t.title,t.secondaryLabel&&jsx(SecondaryLabel,{children:t.secondaryLabel})]})},J=()=>{if(!m||m&&"success"===f)return T.map(((e,t)=>jsx(ListItem,{checked:H(e)&&!d,children:jsxs(ListItemSelector,{onClick:t=>{U(t,e)},ref:e=>D.current[t]=e,"data-testid":"list-item",type:"button",tabIndex:n?0:-1,multiSelect:d,onBlur:K,children:[d&&jsx(ListCheckbox,{checked:H(e),displaySize:"small"}),g?g(e,{selected:H(e)}):jsx(Label,{truncateType:y,children:"middle"===y&&V(e)?Z(e):X(e)})]})},((e,t)=>`item_${t}__${r?r(e):e}`)(e,t))))},ee=()=>{if(d&&T.length>0&&!$&&"success"===f)return jsx(SelectAllContainer,{children:jsx(DropdownCommonButton,{onClick:u,type:"button",children:0===h.length?"Select all":"Unselect all"})},"selectAll")},te=()=>{if(!x&&$&&0===T.length)return jsxs(ResultStateContainer,{"data-testid":"list-no-results",children:[jsx(LabelIcon,{"data-testid":"no-result-icon"}),jsx(ResultStateText,{children:"No results found."})]},"noResults")},re=()=>{if(m&&"loading"===f)return jsxs(ResultStateContainer,{"data-testid":"list-loading",children:[jsx(Spinner,{$buttonStyle:"secondary",size:24}),jsx(ResultStateText,{children:"Loading..."})]},"loading")},ie=()=>{if(m&&"fail"===f)return jsxs(ResultStateContainer,{"data-testid":"list-fail",children:[jsx(LabelIcon,{"data-testid":"load-error-icon"}),jsx(ResultStateText,{children:"Failed to load."}),jsx(DropdownCommonButton,{onClick:Y,type:"button",children:"Try again."})]},"noResults")};return jsx(Fragment,{children:jsxs(Container$8,{style:P,"data-testid":n?"dropdown-container":"dropdown-container-hidden",ref:I,children:[(()=>{if(n)return jsxs(List,{ref:M,"data-testid":"dropdown-list",width:a,role:"list",...v,children:[(o||p)&&"success"===f?jsx(DropdownSearch,{ref:F,onChange:q,value:$,placeholder:s,"data-testid":"search-input","aria-label":"search-input",tabIndex:n?0:-1,onClear:Q}):null,ee(),te(),re(),ie(),J()]})})(),(()=>{if(n&&b)return jsx("div",{ref:R,"data-testid":"custom-cta",children:b(c,T)})})()]})})},BORDER_RADIUS$2="4px",Wrapper$e=styled.div`
     position: relative;
     min-height: 3rem;
     height: 3rem; // Need this to persist the height when expanding or collapsing list
@@ -3307,7 +3307,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
         outline: none;
         cursor: not-allowed;
     }
-`;var img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAYAAACeXX40AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARTSURBVHgB7Z1tUuJAEIY7qMRYWnIE9wR6BD2Be5S9weoN1pusJ1iPwJ5guYH4GeNH2HkppgojYAIhbXrepwoJEMofPHZP9zQxkgJpmh5HUfTdHZ6624EQsiLOp7676+d5fp4kyeDda/5gNBr1siz76Q5/CCHr41ccx+dOyiEejAWcyHflDg+FkDWDiNjtdk8gYQdPTCIf5SON4ALe0cQ5idya78CZ+E8IaRgn4gki4JkQogCK3Y77wdRLtDiNnp6eRkKIEh0hRBEKSFShgEQVCkhUoYBEFQpIVKGARBUKSFShgEQVCkhUoYBEFQpIVNkUokqWZfLy8iJvb2/jx1tbWxLHsWxsbEgIcBpGCQh3e3srr6+vH16Lokh2dnbGN+swAioA+a6vrzERPPN1PP/w8CB5nsvu7q5YhmvAhoFciHzz5JsmTVNxGUosQwEbBmu+WWl3Ho+Pj6VkbSsUsGGqRjSka6Riq1DAhllGJkZAUhuocKtCAUltLNPfs9wTpIAL8M3hOtne3q50PhrTnY7dj4kCzgFrteFwKM/Pz1In3W53vNNRFvYBA+Xm5mYs4bzdilWAVJubn+8B7O3tlTqvzVDAGaAB7KVDAXB/f19rIYCU2uv1JEmSmUUJpMPrVdN1G+FecAGs+5B6i+0SpM79/X2pG/weyI57yIiCw3rUm4Z7wVMgyt3d3c3s1WEtiMiIqFUniIaQO1SYgqfALgVGo+aBVFx3URI6FHACoh4mUD4DRYnlrbGmoYATUPWWKTRwDtaIlncnmoQCyvuqtwwoVJCOyeoELyBkKpN6i2C9iFEpshrBC1h2OHQWEHeZogTvwVwgCVxARLBVdzmqFiUQD+/BbR17zW0jWAHx4deRQhE9yxYwfu3oz10l+lohWAHLSlMGRFE0sBfhhxumoyXeF3oxE6SAiHx1pz+k1nnj9pDODzcUwXusf/FoEcEJiKizruoVUbC4k+LlW7TW9F/BDJHgBFz3uqu4l4zHnxU6fuwrxPVgUAKi4bzuytNf8cAPNpRt0yByhthXDGYcC1EIVyNoCoxUVW3xYBwLQ6hVJqbbThAR0EejJlmmv+iHX0NaDwYhYB0N56bw68FQMC8gxMPar02EtB40LyBSbxurS7RmFg3HWsG0gG1KvbNo6x9PFcwKiOixzJjVV2K6pWMVkwL6atIC1ke3TArY9tRbpMxuSlsxJ2Abq94yWE3F5gS0+kFZ/R6KKQFRdFieMsbYlrXobkbAUJq31ka3zFyaAwKGsomPqrjuS4RowYsTEVX4xXSiCgUkqlBAogoFJKpQQKIKBSSqUECiCgUkqlBAogoFJKpAwIEQokO/k+f5pRCiQBRF/ShN02N38EcIaZjRaPStkyTJlYuCF0JIs1w49wbj/5TnTOxlWYYoeCSErJ+/cRwj8w7HVTAO3BMnjISkAS68fHjw4X+FujXhgbs7cyccCiMiqYeBu126TPsbS77pF/4DuxeyMpdnp3gAAAAASUVORK5CYII=";const ImageWithFallback=({imgSrc:e,alt:t})=>jsx("img",{src:e,alt:t||"",onError:e=>{e.target.onerror=null,e.target.src=img}}),Component$2=({children:e,imgSrc:t,selected:r,error:i,...a},n)=>jsxs(Main,{ref:n,$selected:r,$error:i,...a,children:[jsx(ImageWithFallback,{imgSrc:t}),e]}),ImageButton=React__default.forwardRef(Component$2);var minus={},MinusIcon;Object.defineProperty(minus,"__esModule",{value:!0});var e$3=require$$0;const r=e=>e$3.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$3.jsx("path",{d:"M5.04199 10.833C4.80599 10.833 4.60099 10.7463 4.42699 10.573C4.25366 10.399 4.16699 10.194 4.16699 9.958C4.16699 9.722 4.25366 9.51733 4.42699 9.344C4.60099 9.17 4.80599 9.083 5.04199 9.083H14.958C15.194 9.083 15.399 9.17 15.573 9.344C15.7463 9.51733 15.833 9.722 15.833 9.958C15.833 10.194 15.7463 10.399 15.573 10.573C15.399 10.7463 15.194 10.833 14.958 10.833H5.04199Z",fill:"currentColor"})});r.displayName="MinusIcon",MinusIcon=minus.MinusIcon=r;var plus={},PlusIcon;Object.defineProperty(plus,"__esModule",{value:!0});var e$2=require$$0;const C$2=e=>e$2.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$2.jsx("path",{d:"M9.99999 15.833C9.76399 15.833 9.55899 15.7463 9.38499 15.573C9.21166 15.399 9.12499 15.194 9.12499 14.958V10.875H5.04199C4.80599 10.875 4.60099 10.7883 4.42699 10.615C4.25366 10.441 4.16699 10.236 4.16699 10C4.16699 9.764 4.25366 9.559 4.42699 9.385C4.60099 9.21167 4.80599 9.125 5.04199 9.125H9.12499V5.042C9.12499 4.806 9.21166 4.601 9.38499 4.427C9.55899 4.25367 9.76399 4.167 9.99999 4.167C10.236 4.167 10.441 4.25367 10.615 4.427C10.7883 4.601 10.875 4.806 10.875 5.042V9.125H14.958C15.194 9.125 15.399 9.21167 15.573 9.385C15.7463 9.559 15.833 9.764 15.833 10C15.833 10.236 15.7463 10.441 15.573 10.615C15.399 10.7883 15.194 10.875 14.958 10.875H10.875V14.958C10.875 15.194 10.7883 15.399 10.615 15.573C10.441 15.7463 10.236 15.833 9.99999 15.833Z",fill:"currentColor"})});C$2.displayName="PlusIcon",PlusIcon=plus.PlusIcon=C$2;const iconStyle=css`
+`;var img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAYAAACeXX40AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARTSURBVHgB7Z1tUuJAEIY7qMRYWnIE9wR6BD2Be5S9weoN1pusJ1iPwJ5guYH4GeNH2HkppgojYAIhbXrepwoJEMofPHZP9zQxkgJpmh5HUfTdHZ6624EQsiLOp7676+d5fp4kyeDda/5gNBr1siz76Q5/CCHr41ccx+dOyiEejAWcyHflDg+FkDWDiNjtdk8gYQdPTCIf5SON4ALe0cQ5idya78CZ+E8IaRgn4gki4JkQogCK3Y77wdRLtDiNnp6eRkKIEh0hRBEKSFShgEQVCkhUoYBEFQpIVKGARBUKSFShgEQVCkhUoYBEFQpIVNkUokqWZfLy8iJvb2/jx1tbWxLHsWxsbEgIcBpGCQh3e3srr6+vH16Lokh2dnbGN+swAioA+a6vrzERPPN1PP/w8CB5nsvu7q5YhmvAhoFciHzz5JsmTVNxGUosQwEbBmu+WWl3Ho+Pj6VkbSsUsGGqRjSka6Riq1DAhllGJkZAUhuocKtCAUltLNPfs9wTpIAL8M3hOtne3q50PhrTnY7dj4kCzgFrteFwKM/Pz1In3W53vNNRFvYBA+Xm5mYs4bzdilWAVJubn+8B7O3tlTqvzVDAGaAB7KVDAXB/f19rIYCU2uv1JEmSmUUJpMPrVdN1G+FecAGs+5B6i+0SpM79/X2pG/weyI57yIiCw3rUm4Z7wVMgyt3d3c3s1WEtiMiIqFUniIaQO1SYgqfALgVGo+aBVFx3URI6FHACoh4mUD4DRYnlrbGmoYATUPWWKTRwDtaIlncnmoQCyvuqtwwoVJCOyeoELyBkKpN6i2C9iFEpshrBC1h2OHQWEHeZogTvwVwgCVxARLBVdzmqFiUQD+/BbR17zW0jWAHx4deRQhE9yxYwfu3oz10l+lohWAHLSlMGRFE0sBfhhxumoyXeF3oxE6SAiHx1pz+k1nnj9pDODzcUwXusf/FoEcEJiKizruoVUbC4k+LlW7TW9F/BDJHgBFz3uqu4l4zHnxU6fuwrxPVgUAKi4bzuytNf8cAPNpRt0yByhthXDGYcC1EIVyNoCoxUVW3xYBwLQ6hVJqbbThAR0EejJlmmv+iHX0NaDwYhYB0N56bw68FQMC8gxMPar02EtB40LyBSbxurS7RmFg3HWsG0gG1KvbNo6x9PFcwKiOixzJjVV2K6pWMVkwL6atIC1ke3TArY9tRbpMxuSlsxJ2Abq94yWE3F5gS0+kFZ/R6KKQFRdFieMsbYlrXobkbAUJq31ka3zFyaAwKGsomPqrjuS4RowYsTEVX4xXSiCgUkqlBAogoFJKpQQKIKBSSqUECiCgUkqlBAogoFJKpAwIEQokO/k+f5pRCiQBRF/ShN02N38EcIaZjRaPStkyTJlYuCF0JIs1w49wbj/5TnTOxlWYYoeCSErJ+/cRwj8w7HVTAO3BMnjISkAS68fHjw4X+FujXhgbs7cyccCiMiqYeBu126TPsbS77pF/4DuxeyMpdnp3gAAAAASUVORK5CYII=";const ImageWithFallback=({imgSrc:e,alt:t})=>jsx("img",{src:e,alt:t||"",onError:e=>{e.target.onerror=null,e.target.src=img}}),Component$2=({children:e,imgSrc:t,selected:r,error:i,type:a="button",...n},o)=>jsxs(Main,{ref:o,$selected:r,$error:i,type:a,...n,children:[jsx(ImageWithFallback,{imgSrc:t}),e]}),ImageButton=React__default.forwardRef(Component$2);var minus={},MinusIcon;Object.defineProperty(minus,"__esModule",{value:!0});var e$3=require$$0;const r=e=>e$3.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$3.jsx("path",{d:"M5.04199 10.833C4.80599 10.833 4.60099 10.7463 4.42699 10.573C4.25366 10.399 4.16699 10.194 4.16699 9.958C4.16699 9.722 4.25366 9.51733 4.42699 9.344C4.60099 9.17 4.80599 9.083 5.04199 9.083H14.958C15.194 9.083 15.399 9.17 15.573 9.344C15.7463 9.51733 15.833 9.722 15.833 9.958C15.833 10.194 15.7463 10.399 15.573 10.573C15.399 10.7463 15.194 10.833 14.958 10.833H5.04199Z",fill:"currentColor"})});r.displayName="MinusIcon",MinusIcon=minus.MinusIcon=r;var plus={},PlusIcon;Object.defineProperty(plus,"__esModule",{value:!0});var e$2=require$$0;const C$2=e=>e$2.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:e$2.jsx("path",{d:"M9.99999 15.833C9.76399 15.833 9.55899 15.7463 9.38499 15.573C9.21166 15.399 9.12499 15.194 9.12499 14.958V10.875H5.04199C4.80599 10.875 4.60099 10.7883 4.42699 10.615C4.25366 10.441 4.16699 10.236 4.16699 10C4.16699 9.764 4.25366 9.559 4.42699 9.385C4.60099 9.21167 4.80599 9.125 5.04199 9.125H9.12499V5.042C9.12499 4.806 9.21166 4.601 9.38499 4.427C9.55899 4.25367 9.76399 4.167 9.99999 4.167C10.236 4.167 10.441 4.25367 10.615 4.427C10.7883 4.601 10.875 4.806 10.875 5.042V9.125H14.958C15.194 9.125 15.399 9.21167 15.573 9.385C15.7463 9.559 15.833 9.764 15.833 10C15.833 10.236 15.7463 10.441 15.573 10.615C15.399 10.7883 15.194 10.875 14.958 10.875H10.875V14.958C10.875 15.194 10.7883 15.399 10.615 15.573C10.441 15.7463 10.236 15.833 9.99999 15.833Z",fill:"currentColor"})});C$2.displayName="PlusIcon",PlusIcon=plus.PlusIcon=C$2;const iconStyle=css`
     height: 1.125rem;
     width: 1.125rem;
     color: ${Color.Primary};
@@ -3644,7 +3644,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
             max-width: 100%;
         }
     }
-`,APP_STORE_ICON="https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",PLAY_STORE_ICON="https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",NavbarActionButtons=({actionButtons:e,mobile:t=!1,onActionButtonClick:r})=>{const i=e=>{e.stopPropagation()},a=e=>t=>{t.stopPropagation(),"download"===e.type&&window.scrollTo({left:0,top:document.body.scrollHeight,behavior:"smooth"}),r(t,e)},n=(t=!1)=>(t?(e=>{const t=findIndex_1(e,(e=>"download"===e.type));if(t>-1){const r=[...e],i=r.splice(t,1);return[...r,i[0]]}return e})(e):e).map(((e,r)=>{let n;switch(e.type){case"download":n=t?(o=e.args,jsxs(DownloadAppWrapper,{children:[jsx(DownloadAppTitle,{weight:"semibold",children:o&&o.children||"Download the app"}),jsxs(DownloadAppImageLinkWrapper,{children:[jsx(DownloadAppImageLink,{href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer","data-testid":"button__app-store",onClick:i,children:jsx("img",{src:APP_STORE_ICON,alt:"apple-app-store"})}),jsx(DownloadAppImageLink,{href:"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG",target:"_blank",rel:"noopener noreferrer","data-testid":"button__play-store",onClick:i,children:jsx("img",{src:PLAY_STORE_ICON,alt:"google-play-store"})})]})]})):jsx(ActionButton,{onClick:a(e),...e.args,"data-testid":"action-button__download",children:"Download the app"});break;case"button":{const i=e.args["data-testid"]?`action-button__${e.args["data-testid"]}`:`action-button__button-${t?"mobile-":""}${r+1}`;n=jsx(ActionButton,{...e.args,onClick:a(e),"data-testid":i});break}case"component":{const t=e.args;n=t&&t.render||null;break}default:n=null}var o;if(n)return jsx(ButtonItem,{children:n},`action-button-${r+1}`)}));if(e&&e.length>0){return jsx(t?MobileWrapper$2:Wrapper$6,{children:n(t)})}return jsx(Fragment,{})},Wrapper$5=styled.ul`
+`,APP_STORE_ICON="https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",PLAY_STORE_ICON="https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",NavbarActionButtons=({actionButtons:e,mobile:t=!1,onActionButtonClick:r})=>{const i=e=>{e.stopPropagation()},a=e=>t=>{t.stopPropagation(),"download"===e.type&&window.scrollTo({left:0,top:document.body.scrollHeight,behavior:"smooth"}),r(t,e)},n=(t=!1)=>(t?(e=>{const t=findIndex_1(e,(e=>"download"===e.type));if(t>-1){const r=[...e],i=r.splice(t,1);return[...r,i[0]]}return e})(e):e).map(((e,r)=>{let n;switch(e.type){case"download":n=t?(o=e.args,jsxs(DownloadAppWrapper,{children:[jsx(DownloadAppTitle,{weight:"semibold",children:o&&o.children||"Download the app"}),jsxs(DownloadAppImageLinkWrapper,{children:[jsx(DownloadAppImageLink,{href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer","data-testid":"button__app-store",onClick:i,children:jsx("img",{src:APP_STORE_ICON,alt:"apple-app-store"})}),jsx(DownloadAppImageLink,{href:"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG",target:"_blank",rel:"noopener noreferrer","data-testid":"button__play-store",onClick:i,children:jsx("img",{src:PLAY_STORE_ICON,alt:"google-play-store"})})]})]})):jsx(ActionButton,{type:"button",onClick:a(e),...e.args,"data-testid":"action-button__download",children:"Download the app"});break;case"button":{const i=e.args["data-testid"]?`action-button__${e.args["data-testid"]}`:`action-button__button-${t?"mobile-":""}${r+1}`;n=jsx(ActionButton,{type:"button",...e.args,onClick:a(e),"data-testid":i});break}case"component":{const t=e.args;n=t&&t.render||null;break}default:n=null}var o;if(n)return jsx(ButtonItem,{children:n},`action-button-${r+1}`)}));if(e&&e.length>0){return jsx(t?MobileWrapper$2:Wrapper$6,{children:n(t)})}return jsx(Fragment,{})},Wrapper$5=styled.ul`
     width: 100%;
     overflow: auto;
     display: flex;
@@ -3910,7 +3910,7 @@ function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof S
     }
 `,CTAButton=styled(Button.Small)`
     margin: 2rem 0rem;
-`,OtpInput=({id:e,value:t=[],"data-testid":r,className:i,cooldownDuration:a,actionButtonProps:n,errorMessage:o,numOfInput:s,onChange:l,onCooldownStart:p,onCooldownEnd:c,...d})=>{const{disabled:h,onClick:u,styleType:m="secondary",...f}=n??{},y=useRef([]),g=useRef(l),[_,x]=useState(new Array(s).fill("")),[b,v]=useState(a),[C,S]=useState(new Date);useEffect((()=>(y?.current[0]?.focus(),document.addEventListener("paste",T),()=>document.removeEventListener("paste",T))),[]),useEffect((()=>{if(0!==a){p&&p();const e=A();return()=>e()}}),[C]),useEffect((()=>{g.current=l}),[l]),useEffect((()=>{t.length===s&&x(t)}),[t]);const $=e=>t=>{const r=t.target.value.replace(/[^0-9]/g,"");if(k(r)){const t=[..._];t[e]=r.substring(r.length-1),y.current[e+1]?.focus(),x(t),l&&l(t)}},w=e=>t=>{const{key:r,code:i}=t;if("Backspace"===r||"Backspace"===i){const t=[..._];""!==t[e]?t[e]="":0!==e&&(t[e-1]="",y.current[e-1]?.focus()),x(t),l&&l(t)}},T=e=>{const t=e.clipboardData.getData("text"),r=t.split("");t&&k(t,s)?(x(r),g.current&&g.current(r)):e.preventDefault()},k=(e,t=1)=>!!e&&RegExp(`^[0-9]{${t}}$`).test(e),E=()=>{const e=Date.now(),t=1e3*a;return e<C.valueOf()+t},A=()=>{const e=setInterval((()=>{const t=Date.now(),r=1e3*a,i=Math.ceil((C.valueOf()+r-t)/1e3);v(i),i<=0&&(c&&c(),clearInterval(e))}),1e3);return()=>{clearInterval(e)}},P=(e,t,r)=>r?`${r}-${t}-${e+1}`:`${t}-${e+1}`;return jsxs(Wrapper$2,{id:e,"data-testid":r,className:i,children:[jsx(InputContainer,{children:_.map(((t,i)=>jsx(InputField,{id:P(i,"otp-input",e),"data-testid":P(i,"otp-input",r),ref:e=>y.current[i]=e,type:"text",inputMode:"numeric",value:t,error:!!o,onChange:$(i),onKeyDown:w(i),...d},i)))}),o&&jsx(FormErrorMessage,{children:o}),jsx(CTAButton,{styleType:m,...f,onClick:e=>{x(new Array(s).fill("")),E()||(S(new Date),v(a)),u&&u(e)},disabled:h||E(),children:f.children?f.children:"Resend OTP"+(b?` in ${b} second${b>1?"s":""}`:"")})]})},INDICATOR_BAR_WIDTH_MOBILE=10,INDICATOR_BAR_MARGIN_RIGHT_MOBILE=.5,INDICATOR_BAR_FADE_WIDTH_MOBILE=4,Wrapper$1=styled.div`
+`,OtpInput=({id:e,value:t=[],"data-testid":r,className:i,cooldownDuration:a,actionButtonProps:n,errorMessage:o,numOfInput:s,onChange:l,onCooldownStart:p,onCooldownEnd:c,...d})=>{const{disabled:h,onClick:u,styleType:m="secondary",...f}=n??{},y=useRef([]),g=useRef(l),[_,x]=useState(new Array(s).fill("")),[b,v]=useState(a),[C,S]=useState(new Date);useEffect((()=>(y?.current[0]?.focus(),document.addEventListener("paste",T),()=>document.removeEventListener("paste",T))),[]),useEffect((()=>{if(0!==a){p&&p();const e=A();return()=>e()}}),[C]),useEffect((()=>{g.current=l}),[l]),useEffect((()=>{t.length===s&&x(t)}),[t]);const $=e=>t=>{const r=t.target.value.replace(/[^0-9]/g,"");if(k(r)){const t=[..._];t[e]=r.substring(r.length-1),y.current[e+1]?.focus(),x(t),l&&l(t)}},w=e=>t=>{const{key:r,code:i}=t;if("Backspace"===r||"Backspace"===i){const t=[..._];""!==t[e]?t[e]="":0!==e&&(t[e-1]="",y.current[e-1]?.focus()),x(t),l&&l(t)}},T=e=>{const t=e.clipboardData.getData("text"),r=t.split("");t&&k(t,s)?(x(r),g.current&&g.current(r)):e.preventDefault()},k=(e,t=1)=>!!e&&RegExp(`^[0-9]{${t}}$`).test(e),E=()=>{const e=Date.now(),t=1e3*a;return e<C.valueOf()+t},A=()=>{const e=setInterval((()=>{const t=Date.now(),r=1e3*a,i=Math.ceil((C.valueOf()+r-t)/1e3);v(i),i<=0&&(c&&c(),clearInterval(e))}),1e3);return()=>{clearInterval(e)}},P=(e,t,r)=>r?`${r}-${t}-${e+1}`:`${t}-${e+1}`;return jsxs(Wrapper$2,{id:e,"data-testid":r,className:i,children:[jsx(InputContainer,{children:_.map(((t,i)=>jsx(InputField,{id:P(i,"otp-input",e),"data-testid":P(i,"otp-input",r),ref:e=>y.current[i]=e,type:"text",inputMode:"numeric",value:t,error:!!o,onChange:$(i),onKeyDown:w(i),...d},i)))}),o&&jsx(FormErrorMessage,{children:o}),jsx(CTAButton,{styleType:m,type:"button",...f,onClick:e=>{x(new Array(s).fill("")),E()||(S(new Date),v(a)),u&&u(e)},disabled:h||E(),children:f.children?f.children:"Resend OTP"+(b?` in ${b} second${b>1?"s":""}`:"")})]})},INDICATOR_BAR_WIDTH_MOBILE=10,INDICATOR_BAR_MARGIN_RIGHT_MOBILE=.5,INDICATOR_BAR_FADE_WIDTH_MOBILE=4,Wrapper$1=styled.div`
     position: relative;
     width: 100%;
     z-index: 1;
@@ -4085,7 +4085,7 @@ function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof S
     ${starIconStyle}
 `,StarEmpty=styled(StarIcon)`
     ${starIconStyle}
-`,APP_ICON="https://assets.life.gov.sg/react-design-system/img/app-icon/app-icon.png",ID="smart-app-banner";function SmartAppBannerComponent(e,t){const{className:r,show:i,href:a,content:n,offset:o=0,icon:s=APP_ICON,animated:l=!1,onDismiss:p,onClick:c}=e,{title:d,message:h,buttonLabel:u,buttonAriaLabel:m,numberOfStars:f}=n,y=e=>{e.stopPropagation(),window.open(a,"_blank","noreferrer"),c?.()};return jsx(Fragment,{children:i&&jsxs(SmartAppBannerContainer,{ref:t,$isAnimated:l,$offset:o,className:r,children:[jsx(DismissContainer,{onClick:p,id:`${ID}-dismiss`,"data-testid":`${ID}-dismiss-container`,children:jsx(DismissButton$1,{"aria-label":"Dismiss",children:jsx(Cross,{})})}),jsxs(ProceedContainer,{onClick:y,id:`${ID}-proceed`,"data-testid":`${ID}-proceed-container`,children:[jsx(BannerIcon,{src:s,alt:"lifesg-app-icon"}),jsxs(TextContainer$1,{children:[jsx(Title$1,{children:d}),jsx(Description$1,{children:h}),(()=>{if(isNaN(f)||f<0)return;const e=[],t=f-Math.floor(f)>=.4;for(let t=0;t<Math.floor(f);t++)e.push(jsx(Star,{},`star${t}`));if(t&&e.push(jsx(StarHalf,{},"halfstar")),e.length<5){const t=5-e.length;for(let r=0;r<t;r++)e.push(jsx(StarEmpty,{},`emptystar${r}`))}return jsx(RatingContainer,{children:e.slice(0,5)})})()]}),jsx(ButtonContainer,{children:jsx(StyledButton,{onClick:y,"aria-label":m,children:u})})]})]})})}const SmartAppBanner=React__default.forwardRef(SmartAppBannerComponent),baseListStyle=e=>`\n\tmargin-bottom: ${e||0}rem;\n`,BASE_MARGIN=3,StyledOrderedList=styled.ol`
+`,APP_ICON="https://assets.life.gov.sg/react-design-system/img/app-icon/app-icon.png",ID="smart-app-banner";function SmartAppBannerComponent(e,t){const{className:r,show:i,href:a,content:n,offset:o=0,icon:s=APP_ICON,animated:l=!1,onDismiss:p,onClick:c}=e,{title:d,message:h,buttonLabel:u,buttonAriaLabel:m,numberOfStars:f}=n,y=e=>{e.stopPropagation(),window.open(a,"_blank","noreferrer"),c?.()};return jsx(Fragment,{children:i&&jsxs(SmartAppBannerContainer,{ref:t,$isAnimated:l,$offset:o,className:r,children:[jsx(DismissContainer,{onClick:p,id:`${ID}-dismiss`,"data-testid":`${ID}-dismiss-container`,children:jsx(DismissButton$1,{"aria-label":"Dismiss",children:jsx(Cross,{})})}),jsxs(ProceedContainer,{onClick:y,id:`${ID}-proceed`,"data-testid":`${ID}-proceed-container`,children:[jsx(BannerIcon,{src:s,alt:"lifesg-app-icon"}),jsxs(TextContainer$1,{children:[jsx(Title$1,{children:d}),jsx(Description$1,{children:h}),(()=>{if(isNaN(f)||f<0)return;const e=[],t=f-Math.floor(f)>=.4;for(let t=0;t<Math.floor(f);t++)e.push(jsx(Star,{},`star${t}`));if(t&&e.push(jsx(StarHalf,{},"halfstar")),e.length<5){const t=5-e.length;for(let r=0;r<t;r++)e.push(jsx(StarEmpty,{},`emptystar${r}`))}return jsx(RatingContainer,{children:e.slice(0,5)})})()]}),jsx(ButtonContainer,{children:jsx(StyledButton,{type:"button",onClick:y,"aria-label":m,children:u})})]})]})})}const SmartAppBanner=React__default.forwardRef(SmartAppBannerComponent),baseListStyle=e=>`\n\tmargin-bottom: ${e||0}rem;\n`,BASE_MARGIN=3,StyledOrderedList=styled.ol`
     ${e=>baseListStyle(e.bottomMargin)}
     margin-left: ${BASE_MARGIN}rem;