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

package/cjs/filter/filter-item.styles_1yixp8h.css

@@ -0,0 +1,17 @@
+@layer fds{.f1afprn0{background-color:var(--fds-colour-bg);}
+.fo96iku{background-color:var(--fds-colour-bg-strong);}
+.d136l108{display:none;height:1px;background-color:var(--fds-colour-border);}
+.d89ue12{display:block;}
+.d4x3x5q{margin:0 var(--fds-spacing-16);}
+.f1eimp3e{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;background-color:var(--fds-colour-bg);}
+.f1b5woey{background-color:transparent;}
+.fe52bn7{margin:0 0 0 auto;color:var(--fds-colour-icon);}.fe52bn7:hover{color:var(--fds-colour-icon-hover);}
+.cjime8m{height:var(--fds-font-body-size-baseline);width:var(--fds-font-body-size-baseline);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard);transition:transform var(--fds-motion-duration-350) var(--fds-motion-timing-ease-standard);}
+.cl88d88{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+.fxnpooo{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);color:var(--fds-colour-text);margin:var(--fds-spacing-24) 0;margin-left:var(--fds-spacing-20);}
+.f9puapc{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-subtle);margin:var(--fds-spacing-24) var(--fds-spacing-20) 0 var(--fds-spacing-20);}
+.eqgs6og{overflow:hidden;}
+.fu0jz3r{padding:var(--fds-spacing-24) var(--fds-spacing-20);}
+.m1n17l6q{--fds-internal-filter-minimisableContent-height:initial;height:var(--fds-internal-filter-minimisableContent-height);}
+.my7z4fl{overflow:hidden;}
+.fw516jj{min-height:unset;padding:0;margin:var(--fds-spacing-16) 0 0 0;}}

package/cjs/filter/filter-modal.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),l=require("@floating-ui/react"),i=require("@lifesg/react-icons"),r=require("react"),o=require("../overlay/overlay.js"),n=require("../shared/accessibility/index.js"),s=require("./filter.styles.js"),a=require("./filter-context.js"),d=require("./filter-modal.styles.js");const u=u=>{var{customLabels:c,onClear:b,onDone:h,onDismiss:g,onModalOpen:j,toggleFilterButtonStyle:x="light",clearButtonDisabled:F=!1,insets:v,children:f,toggleFilterButtonLabel:y,headerTitle:B,doneButtonLabel:m}=u,p=e.__rest(u,["customLabels","onClear","onDone","onDismiss","onModalOpen","toggleFilterButtonStyle","clearButtonDisabled","insets","children","toggleFilterButtonLabel","headerTitle","doneButtonLabel"]);const{context:C,refs:q}=l.useFloating(),L=r.useRef(null),[D,T]=r.useState(!1),M={toggle:(null==c?void 0:c.toggleFilterButtonLabel)||y||"Filters",title:(null==c?void 0:c.headerTitle)||B||"Filters",done:(null==c?void 0:c.doneButtonLabel)||m||"Done",clear:(null==c?void 0:c.clearButtonLabel)||"Clear"};return r.useEffect((()=>{var e;D&&(null===(e=L.current)||void 0===e||e.focus())}),[D]),t.jsxs(a.FilterContext.Provider,{value:{mode:"mobile",rootNode:L},children:[t.jsx("div",Object.assign({},p,{children:t.jsx(d.FilterButton,{"data-testid":"filter-show-button",styleType:x,onClick:()=>{T(!0),null==j||j()},type:"button",icon:t.jsx(i.FilterIcon,{}),children:M.toggle})})),t.jsx(o.Overlay,{show:D,disableTransition:!0,children:t.jsx(d.FloatingWrapper,{inert:n.inertValue(!D),children:t.jsx(l.FloatingFocusManager,{context:C,disabled:!D,children:t.jsx(d.MobileOverlayContainer,{"data-id":"filter-mobile","data-testid":"filter-mobile",ref:q.setFloating,children:t.jsxs(d.MobileContainer,{ref:L,tabIndex:0,children:[t.jsxs(d.FilterHeader,{$insetTop:null==v?void 0:v.top,children:[t.jsx(s.FilterHeaderButton,{onClick:()=>{T(!1),null==g||g()},focusOutline:"browser",focusHighlight:!1,"aria-label":`close ${M.title}`,children:t.jsx(i.CrossIcon,{})}),t.jsx(d.FilterTitle,{children:M.title}),t.jsx(d.FilterClearButton,{styleType:"link",type:"button",onClick:()=>null==b?void 0:b(),disabled:F,"aria-label":`clear ${M.title}`,children:M.clear})]}),t.jsx(s.FilterBody,{children:f}),t.jsx(s.FilterFooter,{$insetBottom:null==v?void 0:v.bottom,children:t.jsx(s.FilterDoneButton,{onClick:()=>{T(!1),null==h||h()},children:M.done})})]})})})})})]})};u.displayName="Filter.Modal",exports.FilterModal=u;
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),l=require("@floating-ui/react"),i=require("@lifesg/react-icons"),r=require("clsx"),s=require("../external/lodash/isNumber.js"),o=require("react"),n=require("../button/button.js"),a=require("../overlay/overlay.js"),u=require("../shared/accessibility/index.js"),d=require("../shared/clickable-icon/clickable-icon.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var c=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var f=require("./filter.styles.js"),m=require("./filter-badge.js"),h=require("./filter-context.js"),j=require("./filter-modal.styles.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(r);const v=r=>{var{customLabels:b,onClear:v,onDone:g,onDismiss:p,onModalOpen:y,toggleFilterButtonStyle:q="light",clearButtonDisabled:B=!1,insets:F,count:N,children:k,toggleFilterButtonLabel:C,headerTitle:T,doneButtonLabel:L,className:D}=r,I=e.__rest(r,["customLabels","onClear","onDone","onDismiss","onModalOpen","toggleFilterButtonStyle","clearButtonDisabled","insets","count","children","toggleFilterButtonLabel","headerTitle","doneButtonLabel","className"]);const{context:O,refs:H}=l.useFloating(),M=o.useRef(null),S=o.useRef(null),$=o.useRef(null),[_,w]=o.useState(!1);c.useApplyStyle(S,{[j.tokens.filterHeader.insetTop]:s.default(null==F?void 0:F.top)?`${F.top}px`:null}),c.useApplyStyle($,{[f.tokens.filterFooter.insetBottom]:s.default(null==F?void 0:F.bottom)?`${F.bottom}px`:null});const R={toggle:(null==b?void 0:b.toggleFilterButtonLabel)||C||"Filters",title:(null==b?void 0:b.headerTitle)||T||"Filters",done:(null==b?void 0:b.doneButtonLabel)||L||"Done",clear:(null==b?void 0:b.clearButtonLabel)||"Clear"};return o.useEffect((()=>{var e;_&&(null===(e=M.current)||void 0===e||e.focus())}),[_]),t.jsxs(h.FilterContext.Provider,{value:{mode:"mobile",rootNode:M},children:[t.jsx("div",Object.assign({className:D},I,{children:t.jsx(n.Button,{className:j.filterButton,"data-testid":"filter-show-button",styleType:q,onClick:()=>{w(!0),null==y||y()},type:"button",icon:t.jsx(i.FilterIcon,{}),children:t.jsxs("span",{className:j.filterToggleContent,children:[t.jsx("span",{children:R.toggle}),t.jsx(m.FilterBadge,{count:N})]})})})),t.jsx(a.Overlay,{show:_,disableTransition:!0,children:t.jsx("div",{className:j.floatingWrapper,inert:u.inertValue(!_),children:t.jsx(l.FloatingFocusManager,{context:O,disabled:!_,children:t.jsx("div",{className:j.mobileOverlayContainer,"data-id":"filter-mobile","data-testid":"filter-mobile",ref:H.setFloating,children:t.jsxs("div",{className:j.mobileContainer,ref:M,tabIndex:0,children:[t.jsxs("div",{ref:S,className:x.default(j.filterHeader,s.default(null==F?void 0:F.top)&&j.filterHeaderWithInsetTop),children:[t.jsx(d.ClickableIcon,{className:f.filterHeaderButton,onClick:()=>{w(!1),null==p||p()},focusOutline:"browser",focusHighlight:!1,"aria-label":`close ${R.title}`,children:t.jsx(i.CrossIcon,{})}),t.jsxs("div",{className:j.filterTitleGroup,children:[t.jsx("h2",{className:j.filterTitle,children:R.title}),t.jsx(m.FilterBadge,{count:N})]}),t.jsx(n.Button,{className:j.filterClearButton,styleType:"link",type:"button",sizeType:"small",onClick:()=>null==v?void 0:v(),disabled:B,"aria-label":`clear ${R.title}`,children:R.clear})]}),t.jsx("div",{className:f.filterBody,children:k}),t.jsx("div",{ref:$,className:x.default(f.filterFooter,s.default(null==F?void 0:F.bottom)&&f.filterFooterWithInsetBottom),children:t.jsx(n.Button,{className:f.filterDoneButton,onClick:()=>{w(!1),null==g||g()},children:R.done})})]})})})})})]})};v.displayName="Filter.Modal",exports.FilterModal=v;
 //# sourceMappingURL=filter-modal.js.map

package/cjs/filter/filter-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-modal.js","sources":["../../../src/filter/filter-modal.tsx"],"sourcesContent":["import { FloatingFocusManager, useFloating } from \"@floating-ui/react\";\nimport { CrossIcon, FilterIcon } from \"@lifesg/react-icons\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Overlay } from \"../overlay\";\nimport { inertValue } from \"../shared/accessibility\";\nimport {\n    FilterBody,\n    FilterDoneButton,\n    FilterFooter,\n    FilterHeaderButton,\n} from \"./filter.styles\";\nimport { FilterContext } from \"./filter-context\";\nimport {\n    FilterButton,\n    FilterClearButton,\n    FilterHeader,\n    FilterTitle,\n    FloatingWrapper,\n    MobileContainer,\n    MobileOverlayContainer,\n} from \"./filter-modal.styles\";\nimport type { FilterModalProps } from \"./types\";\n\nexport const FilterModal = ({\n    customLabels,\n    onClear,\n    onDone,\n    onDismiss,\n    onModalOpen,\n    toggleFilterButtonStyle = \"light\",\n    clearButtonDisabled = false,\n    insets,\n    children,\n    toggleFilterButtonLabel: _toggleFilterButtonLabel,\n    headerTitle: _headerTitle,\n    doneButtonLabel: _doneButtonLabel,\n    ...otherProps\n}: FilterModalProps) => {\n    const { context, refs } = useFloating();\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    const [visible, setVisible] = useState(false);\n\n    const handleShow = () => setVisible(true);\n    const handleDismiss = () => {\n        setVisible(false);\n        onDismiss?.();\n    };\n    const handleDone = () => {\n        setVisible(false);\n        onDone?.();\n    };\n\n    const handleShowFilter = () => {\n        handleShow();\n        onModalOpen?.();\n    };\n\n    const labels = {\n        toggle:\n            customLabels?.toggleFilterButtonLabel ||\n            _toggleFilterButtonLabel ||\n            \"Filters\",\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        done: customLabels?.doneButtonLabel || _doneButtonLabel || \"Done\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    useEffect(() => {\n        if (visible) {\n            nodeRef.current?.focus();\n        }\n    }, [visible]);\n\n    return (\n        <FilterContext.Provider value={{ mode: \"mobile\", rootNode: nodeRef }}>\n            <div {...otherProps}>\n                <FilterButton\n                    data-testid=\"filter-show-button\"\n                    styleType={toggleFilterButtonStyle}\n                    onClick={handleShowFilter}\n                    type=\"button\"\n                    icon={<FilterIcon />}\n                >\n                    {labels.toggle}\n                </FilterButton>\n            </div>\n            <Overlay show={visible} disableTransition>\n                <FloatingWrapper inert={inertValue(!visible)}>\n                    <FloatingFocusManager context={context} disabled={!visible}>\n                        <MobileOverlayContainer\n                            data-id=\"filter-mobile\"\n                            data-testid=\"filter-mobile\"\n                            ref={refs.setFloating}\n                        >\n                            <MobileContainer ref={nodeRef} tabIndex={0}>\n                                <FilterHeader $insetTop={insets?.top}>\n                                    <FilterHeaderButton\n                                        onClick={handleDismiss}\n                                        focusOutline=\"browser\"\n                                        focusHighlight={false}\n                                        aria-label={`close ${labels.title}`}\n                                    >\n                                        <CrossIcon />\n                                    </FilterHeaderButton>\n                                    <FilterTitle>{labels.title}</FilterTitle>\n                                    <FilterClearButton\n                                        styleType=\"link\"\n                                        type=\"button\"\n                                        onClick={() => onClear?.()}\n                                        disabled={clearButtonDisabled}\n                                        aria-label={`clear ${labels.title}`}\n                                    >\n                                        {labels.clear}\n                                    </FilterClearButton>\n                                </FilterHeader>\n                                <FilterBody>{children}</FilterBody>\n                                <FilterFooter $insetBottom={insets?.bottom}>\n                                    <FilterDoneButton onClick={handleDone}>\n                                        {labels.done}\n                                    </FilterDoneButton>\n                                </FilterFooter>\n                            </MobileContainer>\n                        </MobileOverlayContainer>\n                    </FloatingFocusManager>\n                </FloatingWrapper>\n            </Overlay>\n        </FilterContext.Provider>\n    );\n};\n\nFilterModal.displayName = \"Filter.Modal\";\n"],"names":["FilterModal","_a","customLabels","onClear","onDone","onDismiss","onModalOpen","toggleFilterButtonStyle","clearButtonDisabled","insets","children","toggleFilterButtonLabel","_toggleFilterButtonLabel","headerTitle","_headerTitle","doneButtonLabel","_doneButtonLabel","otherProps","__rest","context","refs","useFloating","nodeRef","useRef","visible","setVisible","useState","labels","toggle","title","done","clear","clearButtonLabel","useEffect","current","focus","_jsxs","FilterContext","Provider","value","mode","rootNode","_jsx","Object","assign","FilterButton","styleType","onClick","type","icon","FilterIcon","Overlay","show","disableTransition","FloatingWrapper","inert","inertValue","FloatingFocusManager","disabled","MobileOverlayContainer","ref","setFloating","MobileContainer","tabIndex","FilterHeader","$insetTop","top","FilterHeaderButton","focusOutline","focusHighlight","CrossIcon","FilterTitle","FilterClearButton","FilterBody","FilterFooter","$insetBottom","bottom","FilterDoneButton","displayName"],"mappings":"+VAwBO,MAAMA,EAAeC,IAAA,IAAAC,aACxBA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,UACNA,EAASC,YACTA,EAAWC,wBACXA,EAA0B,QAAOC,oBACjCA,GAAsB,EAAKC,OAC3BA,EAAMC,SACNA,EACAC,wBAAyBC,EACzBC,YAAaC,EACbC,gBAAiBC,GAAgBf,EAC9BgB,EAAUC,SAAAjB,EAbW,6LAexB,MAAMkB,QAAEA,EAAOC,KAAEA,GAASC,gBACpBC,EAAUC,EAAAA,OAAuB,OAEhCC,EAASC,GAAcC,EAAAA,UAAS,GAiBjCC,EAAS,CACXC,QACI1B,aAAY,EAAZA,EAAcS,0BACdC,GACA,UACJiB,OAAO3B,aAAY,EAAZA,EAAcW,cAAeC,GAAgB,UACpDgB,MAAM5B,aAAY,EAAZA,EAAca,kBAAmBC,GAAoB,OAC3De,OAAO7B,eAAAA,EAAc8B,mBAAoB,SAS7C,OANAC,EAAAA,WAAU,WACFT,IACe,QAAfvB,EAAAqB,EAAQY,eAAO,IAAAjC,GAAAA,EAAEkC,QACrB,GACD,CAACX,IAGAY,EAAAA,KAACC,gBAAcC,UAASC,MAAO,CAAEC,KAAM,SAAUC,SAAUnB,GAASZ,SAAA,CAChEgC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,GAAS3B,EAAU,CAAAP,SACfgC,EAAAA,IAACG,eAAY,CAAA,cACG,qBACZC,UAAWvC,EACXwC,QA3BS,KAVAtB,GAAW,GAYhCnB,SAAAA,GAAe,EA0BH0C,KAAK,SACLC,KAAMP,EAAAA,IAACQ,EAAAA,WAAU,CAAA,GAAGxC,SAEnBiB,EAAOC,YAGhBc,MAACS,EAAAA,QAAO,CAACC,KAAM5B,EAAS6B,mBAAiB,EAAA3C,SACrCgC,EAAAA,IAACY,kBAAe,CAACC,MAAOC,cAAYhC,YAChCkB,EAAAA,IAACe,EAAAA,qBAAoB,CAACtC,QAASA,EAASuC,UAAWlC,EAAOd,SACtDgC,EAAAA,IAACiB,oCACW,gBAAe,cACX,gBACZC,IAAKxC,EAAKyC,YAAWnD,SAErB0B,EAAAA,KAAC0B,EAAAA,gBAAe,CAACF,IAAKtC,EAASyC,SAAU,EAACrD,SAAA,CACtC0B,EAAAA,KAAC4B,eAAY,CAAAC,UAAYxD,aAAM,EAANA,EAAQyD,IAAGxD,SAAA,CAChCgC,EAAAA,IAACyB,EAAAA,mBAAkB,CACfpB,QAtDd,KAClBtB,GAAW,GACXpB,SAAAA,GAAa,EAqDmB+D,aAAa,UACbC,gBAAgB,EAAK,aACT,SAAS1C,EAAOE,QAAOnB,SAEnCgC,EAAAA,IAAC4B,YAAS,CAAA,KAEd5B,EAAAA,IAAC6B,EAAAA,YAAW,CAAA7D,SAAEiB,EAAOE,QACrBa,EAAAA,IAAC8B,oBAAiB,CACd1B,UAAU,OACVE,KAAK,SACLD,QAAS,IAAM5C,eAAAA,IACfuD,SAAUlD,eACE,SAASmB,EAAOE,QAAOnB,SAElCiB,EAAOI,WAGhBW,MAAC+B,EAAAA,WAAU,CAAA/D,SAAEA,IACbgC,EAAAA,IAACgC,EAAAA,aAAY,CAAAC,aAAelE,aAAM,EAANA,EAAQmE,gBAChClC,EAAAA,IAACmC,EAAAA,iBAAgB,CAAC9B,QAtE/B,KACftB,GAAW,GACXrB,SAAAA,GAAU,WAqEuBuB,EAAOG,sBAQf,EAIjC9B,EAAY8E,YAAc"}
+{"version":3,"file":"filter-modal.js","sources":["../../../src/filter/filter-modal.tsx"],"sourcesContent":["import { FloatingFocusManager, useFloating } from \"@floating-ui/react\";\nimport { CrossIcon, FilterIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport isNumber from \"lodash/isNumber\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Overlay } from \"../overlay\";\nimport { inertValue } from \"../shared/accessibility\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { useApplyStyle } from \"../theme\";\nimport * as filterStyles from \"./filter.styles\";\nimport { FilterBadge } from \"./filter-badge\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-modal.styles\";\nimport type { FilterModalProps } from \"./types\";\n\nexport const FilterModal = ({\n    customLabels,\n    onClear,\n    onDone,\n    onDismiss,\n    onModalOpen,\n    toggleFilterButtonStyle = \"light\",\n    clearButtonDisabled = false,\n    insets,\n    count,\n    children,\n    toggleFilterButtonLabel: _toggleFilterButtonLabel,\n    headerTitle: _headerTitle,\n    doneButtonLabel: _doneButtonLabel,\n    className,\n    ...otherProps\n}: FilterModalProps) => {\n    const { context, refs } = useFloating();\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLDivElement>(null);\n    const footerRef = useRef<HTMLDivElement>(null);\n\n    const [visible, setVisible] = useState(false);\n\n    useApplyStyle(headerRef, {\n        [styles.tokens.filterHeader.insetTop]: isNumber(insets?.top)\n            ? `${insets.top}px`\n            : null,\n    });\n\n    useApplyStyle(footerRef, {\n        [filterStyles.tokens.filterFooter.insetBottom]: isNumber(insets?.bottom)\n            ? `${insets.bottom}px`\n            : null,\n    });\n\n    const handleShow = () => setVisible(true);\n    const handleDismiss = () => {\n        setVisible(false);\n        onDismiss?.();\n    };\n    const handleDone = () => {\n        setVisible(false);\n        onDone?.();\n    };\n\n    const handleShowFilter = () => {\n        handleShow();\n        onModalOpen?.();\n    };\n\n    const labels = {\n        toggle:\n            customLabels?.toggleFilterButtonLabel ||\n            _toggleFilterButtonLabel ||\n            \"Filters\",\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        done: customLabels?.doneButtonLabel || _doneButtonLabel || \"Done\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    useEffect(() => {\n        if (visible) {\n            nodeRef.current?.focus();\n        }\n    }, [visible]);\n\n    return (\n        <FilterContext.Provider value={{ mode: \"mobile\", rootNode: nodeRef }}>\n            <div className={className} {...otherProps}>\n                <Button\n                    className={styles.filterButton}\n                    data-testid=\"filter-show-button\"\n                    styleType={toggleFilterButtonStyle}\n                    onClick={handleShowFilter}\n                    type=\"button\"\n                    icon={<FilterIcon />}\n                >\n                    <span className={styles.filterToggleContent}>\n                        <span>{labels.toggle}</span>\n                        <FilterBadge count={count} />\n                    </span>\n                </Button>\n            </div>\n            <Overlay show={visible} disableTransition>\n                <div\n                    className={styles.floatingWrapper}\n                    inert={inertValue(!visible)}\n                >\n                    <FloatingFocusManager context={context} disabled={!visible}>\n                        <div\n                            className={styles.mobileOverlayContainer}\n                            data-id=\"filter-mobile\"\n                            data-testid=\"filter-mobile\"\n                            ref={refs.setFloating}\n                        >\n                            <div\n                                className={styles.mobileContainer}\n                                ref={nodeRef}\n                                tabIndex={0}\n                            >\n                                <div\n                                    ref={headerRef}\n                                    className={clsx(\n                                        styles.filterHeader,\n                                        isNumber(insets?.top) &&\n                                            styles.filterHeaderWithInsetTop\n                                    )}\n                                >\n                                    <ClickableIcon\n                                        className={\n                                            filterStyles.filterHeaderButton\n                                        }\n                                        onClick={handleDismiss}\n                                        focusOutline=\"browser\"\n                                        focusHighlight={false}\n                                        aria-label={`close ${labels.title}`}\n                                    >\n                                        <CrossIcon />\n                                    </ClickableIcon>\n                                    <div className={styles.filterTitleGroup}>\n                                        <h2 className={styles.filterTitle}>\n                                            {labels.title}\n                                        </h2>\n                                        <FilterBadge count={count} />\n                                    </div>\n                                    <Button\n                                        className={styles.filterClearButton}\n                                        styleType=\"link\"\n                                        type=\"button\"\n                                        sizeType=\"small\"\n                                        onClick={() => onClear?.()}\n                                        disabled={clearButtonDisabled}\n                                        aria-label={`clear ${labels.title}`}\n                                    >\n                                        {labels.clear}\n                                    </Button>\n                                </div>\n                                <div className={filterStyles.filterBody}>\n                                    {children}\n                                </div>\n                                <div\n                                    ref={footerRef}\n                                    className={clsx(\n                                        filterStyles.filterFooter,\n                                        isNumber(insets?.bottom) &&\n                                            filterStyles.filterFooterWithInsetBottom\n                                    )}\n                                >\n                                    <Button\n                                        className={\n                                            filterStyles.filterDoneButton\n                                        }\n                                        onClick={handleDone}\n                                    >\n                                        {labels.done}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </FloatingFocusManager>\n                </div>\n            </Overlay>\n        </FilterContext.Provider>\n    );\n};\n\nFilterModal.displayName = \"Filter.Modal\";\n"],"names":["FilterModal","_a","customLabels","onClear","onDone","onDismiss","onModalOpen","toggleFilterButtonStyle","clearButtonDisabled","insets","count","children","toggleFilterButtonLabel","_toggleFilterButtonLabel","headerTitle","_headerTitle","doneButtonLabel","_doneButtonLabel","className","otherProps","__rest","context","refs","useFloating","nodeRef","useRef","headerRef","footerRef","visible","setVisible","useState","useApplyStyle","styles.tokens","filterHeader","insetTop","isNumber","top","filterStyles.tokens","filterFooter","insetBottom","bottom","labels","toggle","title","done","clear","clearButtonLabel","useEffect","current","focus","_jsxs","FilterContext","Provider","value","mode","rootNode","_jsx","Object","assign","Button","styles.filterButton","styleType","onClick","type","icon","FilterIcon","styles.filterToggleContent","FilterBadge","Overlay","show","disableTransition","styles.floatingWrapper","inert","inertValue","FloatingFocusManager","disabled","styles.mobileOverlayContainer","ref","setFloating","styles.mobileContainer","tabIndex","clsx","styles.filterHeader","styles.filterHeaderWithInsetTop","ClickableIcon","filterStyles.filterHeaderButton","focusOutline","focusHighlight","CrossIcon","styles.filterTitleGroup","styles.filterTitle","styles.filterClearButton","sizeType","filterStyles.filterBody","filterStyles.filterFooter","filterStyles.filterFooterWithInsetBottom","filterStyles.filterDoneButton","displayName"],"mappings":"87BAiBO,MAAMA,EAAeC,IAAA,IAAAC,aACxBA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,UACNA,EAASC,YACTA,EAAWC,wBACXA,EAA0B,QAAOC,oBACjCA,GAAsB,EAAKC,OAC3BA,EAAMC,MACNA,EAAKC,SACLA,EACAC,wBAAyBC,EACzBC,YAAaC,EACbC,gBAAiBC,EAAgBC,UACjCA,GAASjB,EACNkB,EAAUC,EAAAA,OAAAnB,EAfW,iNAiBxB,MAAMoB,QAAEA,EAAOC,KAAEA,GAASC,gBACpBC,EAAUC,EAAAA,OAAuB,MACjCC,EAAYD,EAAAA,OAAuB,MACnCE,EAAYF,EAAAA,OAAuB,OAElCG,EAASC,GAAcC,EAAAA,UAAS,GAEvCC,EAAAA,cAAcL,EAAW,CACrB,CAACM,SAAcC,aAAaC,UAAWC,UAAS1B,eAAAA,EAAQ2B,KAClD,GAAG3B,EAAO2B,QACV,OAGVL,EAAAA,cAAcJ,EAAW,CACrB,CAACU,SAAoBC,aAAaC,aAAcJ,UAAS1B,eAAAA,EAAQ+B,QAC3D,GAAG/B,EAAO+B,WACV,OAGV,MAeMC,EAAS,CACXC,QACIxC,aAAY,EAAZA,EAAcU,0BACdC,GACA,UACJ8B,OAAOzC,aAAY,EAAZA,EAAcY,cAAeC,GAAgB,UACpD6B,MAAM1C,aAAY,EAAZA,EAAcc,kBAAmBC,GAAoB,OAC3D4B,OAAO3C,eAAAA,EAAc4C,mBAAoB,SAS7C,OANAC,EAAAA,WAAU,WACFnB,IACe,QAAf3B,EAAAuB,EAAQwB,eAAO,IAAA/C,GAAAA,EAAEgD,QACrB,GACD,CAACrB,IAGAsB,EAAAA,KAACC,EAAAA,cAAcC,UAASC,MAAO,CAAEC,KAAM,SAAUC,SAAU/B,GAASb,SAAA,CAChE6C,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CAAKxC,UAAWA,GAAeC,YAC3BqC,EAAAA,IAACG,EAAAA,QACGzC,UAAW0C,EAAAA,aAAmB,cAClB,qBACZC,UAAWtD,EACXuD,QA5BS,KAVAjC,GAAW,GAYhCvB,SAAAA,GAAe,EA2BHyD,KAAK,SACLC,KAAMR,EAAAA,IAACS,EAAAA,WAAU,CAAA,YAEjBf,EAAAA,KAAA,OAAA,CAAMhC,UAAWgD,EAAAA,oBAA0BvD,SAAA,CACvC6C,EAAAA,IAAA,OAAA,CAAA7C,SAAO8B,EAAOC,SACdc,EAAAA,IAACW,EAAAA,YAAW,CAACzD,MAAOA,YAIhC8C,EAAAA,IAACY,EAAAA,QAAO,CAACC,KAAMzC,EAAS0C,8BACpBd,EAAAA,IAAA,MAAA,CACItC,UAAWqD,EAAAA,gBACXC,MAAOC,EAAAA,YAAY7C,GAAQjB,SAE3B6C,EAAAA,IAACkB,EAAAA,qBAAoB,CAACrD,QAASA,EAASsD,UAAW/C,WAC/C4B,EAAAA,IAAA,MAAA,CACItC,UAAW0D,EAAAA,uBAA6B,UAChC,gBAAe,cACX,gBACZC,IAAKvD,EAAKwD,YAAWnE,SAErBuC,EAAAA,KAAA,MAAA,CACIhC,UAAW6D,EAAAA,gBACXF,IAAKrD,EACLwD,SAAU,YAEV9B,EAAAA,KAAA,MAAA,CACI2B,IAAKnD,EACLR,UAAW+D,EAAAA,QACPC,EAAAA,aACA/C,EAAAA,QAAS1B,eAAAA,EAAQ2B,MACb+C,EAAAA,0BACPxE,SAAA,CAED6C,EAAAA,IAAC4B,EAAAA,cAAa,CACVlE,UACImE,qBAEJvB,QA5Ed,KAClBjC,GAAW,GACXxB,SAAAA,GAAa,EA2EmBiF,aAAa,UACbC,gBAAgB,EAAK,aACT,SAAS9C,EAAOE,QAAOhC,SAEnC6C,EAAAA,IAACgC,YAAS,CAAA,KAEdtC,OAAA,MAAA,CAAKhC,UAAWuE,EAAAA,iBAAuB9E,SAAA,CACnC6C,MAAA,KAAA,CAAItC,UAAWwE,EAAAA,YAAkB/E,SAC5B8B,EAAOE,QAEZa,EAAAA,IAACW,cAAW,CAACzD,MAAOA,OAExB8C,EAAAA,IAACG,EAAAA,OAAM,CACHzC,UAAWyE,EAAAA,kBACX9B,UAAU,OACVE,KAAK,SACL6B,SAAS,QACT9B,QAAS,IAAM3D,aAAO,EAAPA,IACfwE,SAAUnE,EAAmB,aACjB,SAASiC,EAAOE,iBAE3BF,EAAOI,WAGhBW,EAAAA,IAAA,MAAA,CAAKtC,UAAW2E,EAAAA,WAAuBlF,SAClCA,IAEL6C,EAAAA,IAAA,MAAA,CACIqB,IAAKlD,EACLT,UAAW+D,EAAAA,QACPa,EAAAA,aACA3D,EAAAA,QAAS1B,aAAM,EAANA,EAAQ+B,SACbuD,+BACPpF,SAED6C,EAAAA,IAACG,EAAAA,OAAM,CACHzC,UACI8E,EAAAA,iBAEJlC,QAhHjB,KACfjC,GAAW,GACXzB,SAAAA,GAAU,EA8GyCO,SAElB8B,EAAOG,sBAQf,EAIjC5C,EAAYiG,YAAc"}

package/cjs/filter/filter-modal.styles.js

@@ -1,30 +1,2 @@
-"use strict";var t=require("styled-components"),e=require("../button/button.js"),o=require("../button-with-icon/button-with-icon.js"),i=require("../v3_theme/index.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(t);const a=r.default.div`
-    background-color: ${i.V3_Colour["bg-strong"]};
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-`,l=r.default.div`
-    background-color: ${i.V3_Colour.bg};
-    height: 100%;
-    width: 100%;
-`,u=r.default.div`
-    height: 100%;
-`,d=r.default.div`
-    display: flex;
-    align-items: center;
-    background-color: ${i.V3_Colour.bg};
-    ${t=>t.$insetTop&&`padding-top: ${t.$insetTop}px;`}
-`,s=r.default.h2`
-    ${i.V3_Font["heading-xs-semibold"]}
-    flex: 1;
-    text-align: center;
-    margin: ${i.V3_Spacing["spacing-24"]} 0;
-`,c=r.default(e.Button.Small)`
-    background-color: transparent;
-    height: 100%;
-    padding: ${i.V3_Spacing["spacing-24"]} ${i.V3_Spacing["spacing-20"]};
-`,p=r.default(o.ButtonWithIcon.Default)`
-    width: 100%;
-`;exports.FilterButton=p,exports.FilterClearButton=c,exports.FilterHeader=d,exports.FilterTitle=s,exports.FloatingWrapper=u,exports.MobileContainer=a,exports.MobileOverlayContainer=l;
+"use strict";require("./filter-modal.styles_kuth21.css");exports.filterButton="flrfycx",exports.filterClearButton="f14zog8f",exports.filterHeader="f1ijv0o9",exports.filterHeaderWithInsetTop="f50yopa",exports.filterTitle="f14huz7l",exports.filterTitleGroup="f15rygha",exports.filterToggleContent="fxpov9b",exports.floatingWrapper="fidypou",exports.mobileContainer="m19agezm",exports.mobileOverlayContainer="m11wuwo8",exports.tokens={filterHeader:{insetTop:"--fds-internal-filter-filterModalHeader-insetTop"}};
 //# sourceMappingURL=filter-modal.styles.js.map

package/cjs/filter/filter-modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-modal.styles.js","sources":["../../../src/filter/filter-modal.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { ButtonWithIcon } from \"../button-with-icon\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ntype FilterHeaderProps = {\n    $insetTop?: number | undefined;\n};\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const MobileContainer = styled.div`\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const MobileOverlayContainer = styled.div`\n    background-color: ${V3_Colour[\"bg\"]};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const FloatingWrapper = styled.div`\n    height: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const FilterHeader = styled.div<FilterHeaderProps>`\n    display: flex;\n    align-items: center;\n    background-color: ${V3_Colour[\"bg\"]};\n    ${(props) => props.$insetTop && `padding-top: ${props.$insetTop}px;`}\n`;\n\nexport const FilterTitle = styled.h2`\n    ${V3_Font[\"heading-xs-semibold\"]}\n    flex: 1;\n    text-align: center;\n    margin: ${V3_Spacing[\"spacing-24\"]} 0;\n`;\n\nexport const FilterClearButton = styled(Button.Small)`\n    background-color: transparent;\n    height: 100%;\n    padding: ${V3_Spacing[\"spacing-24\"]} ${V3_Spacing[\"spacing-20\"]};\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const FilterButton = styled(ButtonWithIcon.Default)`\n    width: 100%;\n`;\n"],"names":["MobileContainer","styled","div","V3_Colour","MobileOverlayContainer","FloatingWrapper","FilterHeader","props","$insetTop","FilterTitle","h2","V3_Font","V3_Spacing","FilterClearButton","Button","Small","FilterButton","ButtonWithIcon","Default"],"mappings":"2PAiBO,MAAMA,EAAkBC,EAAAA,QAAOC,GAAG;wBACjBC,EAAAA,UAAU;;;;;EAOrBC,EAAyBH,EAAAA,QAAOC,GAAG;wBACxBC,EAAAA,UAAc;;;EAKzBE,EAAkBJ,EAAAA,QAAOC,GAAG;;EAQ5BI,EAAeL,EAAAA,QAAOC,GAAsB;;;wBAGjCC,EAAAA,UAAc;MAC/BI,GAAUA,EAAMC,WAAa,gBAAgBD,EAAMC;EAG7CC,EAAcR,EAAAA,QAAOS,EAAE;MAC9BC,EAAAA,QAAQ;;;cAGAC,EAAAA,WAAW;EAGZC,EAAoBZ,EAAAA,QAAOa,SAAOC,MAAM;;;eAGtCH,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;EAOzCI,EAAef,EAAAA,QAAOgB,iBAAeC,QAAQ;;"}
+{"version":3,"file":"filter-modal.styles.js","sources":["../../../src/filter/filter-modal.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../theme\";\n\nexport const tokens = {\n    filterHeader: {\n        insetTop: \"--fds-internal-filter-filterModalHeader-insetTop\",\n    },\n} as const;\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const mobileContainer = css`\n    background-color: ${Colour[\"bg-strong\"]};\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const mobileOverlayContainer = css`\n    background-color: ${Colour[\"bg\"]};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const floatingWrapper = css`\n    height: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeader = css`\n    display: flex;\n    align-items: center;\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterHeaderWithInsetTop = css`\n    ${tokens.filterHeader.insetTop}: initial;\n    padding-top: var(${tokens.filterHeader.insetTop});\n`;\n\nexport const filterTitleGroup = css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: ${Spacing[\"spacing-8\"]};\n    margin: ${Spacing[\"spacing-24\"]} 0;\n`;\n\nexport const filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const filterToggleContent = css`\n    display: inline-flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    min-height: unset;\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const filterButton = css`\n    width: 100%;\n`;\n"],"names":["filterHeader","insetTop"],"mappings":"oGA6EyB,oCAVK,gCA/BL,4CAMY,8BAcb,oCATK,uCAcG,kCAjCJ,kCAdA,0CAQO,0BAlBb,CAClBA,aAAc,CACVC,SAAU"}

package/cjs/filter/filter-modal.styles_kuth21.css

@@ -0,0 +1,10 @@
+@layer fds{.m19agezm{background-color:var(--fds-colour-bg-strong);height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.m11wuwo8{background-color:var(--fds-colour-bg);height:100%;width:100%;}
+.fidypou{height:100%;}
+.f1ijv0o9{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;background-color:var(--fds-colour-bg);}
+.f50yopa{--fds-internal-filter-filterModalHeader-insetTop:initial;padding-top:var(--fds-internal-filter-filterModalHeader-insetTop);}
+.f15rygha{-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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--fds-spacing-8);margin:var(--fds-spacing-24) 0;}
+.f14huz7l{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);color:var(--fds-colour-text);}
+.fxpov9b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);}
+.f14zog8f{background-color:transparent;min-height:unset;padding:var(--fds-spacing-24) var(--fds-spacing-20);}
+.flrfycx{width:100%;}}

package/cjs/filter/filter-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),l=require("./filter.styles.js"),i=require("./filter-context.js"),s=require("./filter-sidebar.styles.js");const a=a=>{var{customLabels:d,onClear:n,clearButtonDisabled:o=!1,children:c,headerTitle:u}=a,b=e.__rest(a,["customLabels","onClear","clearButtonDisabled","children","headerTitle"]);const j=t.useRef(null),h={title:(null==d?void 0:d.headerTitle)||u||"Filters",clear:(null==d?void 0:d.clearButtonLabel)||"Clear"};return r.jsx(i.FilterContext.Provider,{value:{mode:"default",rootNode:j},children:r.jsxs(s.DesktopContainer,Object.assign({"data-id":"filter-desktop","data-testid":"filter-desktop",ref:j},b,{children:[r.jsxs(s.FilterHeader,{children:[r.jsx(s.FilterTitle,{children:h.title}),r.jsx(s.FilterClearButton,{styleType:"link",type:"button",onClick:()=>null==n?void 0:n(),disabled:o,"aria-label":`clear ${h.title}`,children:h.clear})]}),r.jsx(l.FilterBody,{children:c})]}))})};a.displayName="Filter.Sidebar",exports.FilterSidebar=a;
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),l=require("clsx"),r=require("react"),i=require("../button/button.js"),s=require("./filter.styles.js"),a=require("./filter-badge.js"),d=require("./filter-context.js"),n=require("./filter-sidebar.styles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(l);const o=l=>{var{customLabels:c,onClear:o,clearButtonDisabled:f=!1,count:b,children:j,headerTitle:m,className:h}=l,v=e.__rest(l,["customLabels","onClear","clearButtonDisabled","count","children","headerTitle","className"]);const x=r.useRef(null),p={title:(null==c?void 0:c.headerTitle)||m||"Filters",clear:(null==c?void 0:c.clearButtonLabel)||"Clear"};return t.jsx(d.FilterContext.Provider,{value:{mode:"default",rootNode:x},children:t.jsxs("div",Object.assign({"data-id":"filter-desktop","data-testid":"filter-desktop",ref:x,className:u.default(n.desktopContainer,h)},v,{children:[t.jsxs("div",{className:n.filterHeader,children:[t.jsxs("div",{className:n.filterTitleGroup,children:[t.jsx("h2",{className:n.filterTitle,children:p.title}),t.jsx(a.FilterBadge,{count:b})]}),t.jsx(i.Button,{className:n.filterClearButton,styleType:"link",type:"button",sizeType:"small",onClick:()=>null==o?void 0:o(),disabled:f,"aria-label":`clear ${p.title}`,children:p.clear})]}),t.jsx("div",{className:s.filterBody,children:j})]}))})};o.displayName="Filter.Sidebar",exports.FilterSidebar=o;
 //# sourceMappingURL=filter-sidebar.js.map

package/cjs/filter/filter-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-sidebar.js","sources":["../../../src/filter/filter-sidebar.tsx"],"sourcesContent":["import { useRef } from \"react\";\n\nimport { FilterBody } from \"./filter.styles\";\nimport { FilterContext } from \"./filter-context\";\nimport {\n    DesktopContainer,\n    FilterClearButton,\n    FilterHeader,\n    FilterTitle,\n} from \"./filter-sidebar.styles\";\nimport type { FilterSidebarProps } from \"./types\";\n\nexport const FilterSidebar = ({\n    customLabels,\n    onClear,\n    clearButtonDisabled = false,\n    children,\n    headerTitle: _headerTitle,\n    ...otherProps\n}: FilterSidebarProps) => {\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    const labels = {\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    return (\n        <FilterContext.Provider value={{ mode: \"default\", rootNode: nodeRef }}>\n            <DesktopContainer\n                data-id=\"filter-desktop\"\n                data-testid=\"filter-desktop\"\n                ref={nodeRef}\n                {...otherProps}\n            >\n                <FilterHeader>\n                    <FilterTitle>{labels.title}</FilterTitle>\n                    <FilterClearButton\n                        styleType=\"link\"\n                        type=\"button\"\n                        onClick={() => onClear?.()}\n                        disabled={clearButtonDisabled}\n                        aria-label={`clear ${labels.title}`}\n                    >\n                        {labels.clear}\n                    </FilterClearButton>\n                </FilterHeader>\n                <FilterBody>{children}</FilterBody>\n            </DesktopContainer>\n        </FilterContext.Provider>\n    );\n};\n\nFilterSidebar.displayName = \"Filter.Sidebar\";\n"],"names":["FilterSidebar","_a","customLabels","onClear","clearButtonDisabled","children","headerTitle","_headerTitle","otherProps","__rest","nodeRef","useRef","labels","title","clear","clearButtonLabel","_jsx","FilterContext","Provider","value","mode","rootNode","_jsxs","DesktopContainer","Object","assign","ref","FilterHeader","FilterTitle","FilterClearButton","styleType","type","onClick","disabled","FilterBody","displayName"],"mappings":"+MAYO,MAAMA,EAAiBC,IAAA,IAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,SAC3BA,EACAC,YAAaC,GAAYN,EACtBO,EAAUC,EAAAA,OAAAR,EANa,2EAQ1B,MAAMS,EAAUC,EAAAA,OAAuB,MAEjCC,EAAS,CACXC,OAAOX,aAAY,EAAZA,EAAcI,cAAeC,GAAgB,UACpDO,OAAOZ,eAAAA,EAAca,mBAAoB,SAG7C,OACIC,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASL,SACjEiB,OAACC,EAAAA,iBAAgBC,OAAAC,OAAA,CAAA,UACL,iBAAgB,cACZ,iBACZC,IAAKhB,GACDF,EAAU,CAAAH,SAAA,CAEdiB,EAAAA,KAACK,EAAAA,aAAY,CAAAtB,SAAA,CACTW,MAACY,EAAAA,YAAW,CAAAvB,SAAEO,EAAOC,QACrBG,EAAAA,IAACa,EAAAA,kBAAiB,CACdC,UAAU,OACVC,KAAK,SACLC,QAAS,IAAM7B,eAAAA,IACf8B,SAAU7B,EAAmB,aACjB,SAASQ,EAAOC,QAAOR,SAElCO,EAAOE,WAGhBE,EAAAA,IAACkB,EAAAA,WAAU,CAAA7B,SAAEA,SAEI,EAIjCL,EAAcmC,YAAc"}
+{"version":3,"file":"filter-sidebar.js","sources":["../../../src/filter/filter-sidebar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { Button } from \"../button\";\nimport * as filterStyles from \"./filter.styles\";\nimport { FilterBadge } from \"./filter-badge\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-sidebar.styles\";\nimport type { FilterSidebarProps } from \"./types\";\n\nexport const FilterSidebar = ({\n    customLabels,\n    onClear,\n    clearButtonDisabled = false,\n    count,\n    children,\n    headerTitle: _headerTitle,\n    className,\n    ...otherProps\n}: FilterSidebarProps) => {\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    const labels = {\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    return (\n        <FilterContext.Provider value={{ mode: \"default\", rootNode: nodeRef }}>\n            <div\n                data-id=\"filter-desktop\"\n                data-testid=\"filter-desktop\"\n                ref={nodeRef}\n                className={clsx(styles.desktopContainer, className)}\n                {...otherProps}\n            >\n                <div className={styles.filterHeader}>\n                    <div className={styles.filterTitleGroup}>\n                        <h2 className={styles.filterTitle}>{labels.title}</h2>\n                        <FilterBadge count={count} />\n                    </div>\n                    <Button\n                        className={styles.filterClearButton}\n                        styleType=\"link\"\n                        type=\"button\"\n                        sizeType=\"small\"\n                        onClick={() => onClear?.()}\n                        disabled={clearButtonDisabled}\n                        aria-label={`clear ${labels.title}`}\n                    >\n                        {labels.clear}\n                    </Button>\n                </div>\n                <div className={filterStyles.filterBody}>{children}</div>\n            </div>\n        </FilterContext.Provider>\n    );\n};\n\nFilterSidebar.displayName = \"Filter.Sidebar\";\n"],"names":["FilterSidebar","_a","customLabels","onClear","clearButtonDisabled","count","children","headerTitle","_headerTitle","className","otherProps","__rest","nodeRef","useRef","labels","title","clear","clearButtonLabel","_jsx","FilterContext","Provider","value","mode","rootNode","_jsxs","Object","assign","ref","clsx","styles.desktopContainer","styles.filterHeader","styles.filterTitleGroup","styles.filterTitle","FilterBadge","Button","styles.filterClearButton","styleType","type","sizeType","onClick","disabled","filterStyles.filterBody","displayName"],"mappings":"oXAUO,MAAMA,EAAiBC,QAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,MAC3BA,EAAKC,SACLA,EACAC,YAAaC,EAAYC,UACzBA,KACGC,EAAUC,SAAAV,EARa,CAAA,eAAA,UAAA,sBAAA,QAAA,WAAA,cAAA,cAU1B,MAAMW,EAAUC,EAAAA,OAAuB,MAEjCC,EAAS,CACXC,OAAOb,aAAY,EAAZA,EAAcK,cAAeC,GAAgB,UACpDQ,OAAOd,eAAAA,EAAce,mBAAoB,SAG7C,OACIC,MAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASN,SACjEkB,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAA,UACY,iBAAgB,cACZ,iBACZC,IAAKf,EACLH,UAAWmB,EAAAA,QAAKC,EAAAA,iBAAyBpB,IACrCC,EAAU,CAAAJ,SAAA,CAEdkB,EAAAA,KAAA,MAAA,CAAKf,UAAWqB,eAAmBxB,SAAA,CAC/BkB,EAAAA,YAAKf,UAAWsB,EAAAA,iBAAuBzB,SAAA,CACnCY,EAAAA,IAAA,KAAA,CAAIT,UAAWuB,EAAAA,YAAkB1B,SAAGQ,EAAOC,QAC3CG,EAAAA,IAACe,EAAAA,YAAW,CAAC5B,MAAOA,OAExBa,EAAAA,IAACgB,SAAM,CACHzB,UAAW0B,EAAAA,kBACXC,UAAU,OACVC,KAAK,SACLC,SAAS,QACTC,QAAS,IAAMpC,aAAO,EAAPA,IACfqC,SAAUpC,EAAmB,aACjB,SAASU,EAAOC,iBAE3BD,EAAOE,WAGhBE,EAAAA,IAAA,MAAA,CAAKT,UAAWgC,EAAAA,WAAuBnC,SAAGA,SAEzB,EAIjCN,EAAc0C,YAAc"}

package/cjs/filter/filter-sidebar.styles.js

@@ -1,24 +1,2 @@
-"use strict";var e=require("styled-components"),r=require("../button/button.js"),t=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const n=i.default.div`
-    background-color: ${t.V3_Colour.bg};
-    border: ${t.V3_Border["width-010"]} ${t.V3_Border.solid}
-        ${t.V3_Colour.border};
-    border-radius: ${t.V3_Radius.md};
-    overflow: hidden;
-    width: 100%;
-`,a=i.default.div`
-    display: flex;
-    align-items: center;
-
-    background-color: ${t.V3_Colour.bg};
-`,d=i.default.h2`
-    ${t.V3_Font["heading-xs-semibold"]}
-    flex: 1;
-    margin: ${t.V3_Spacing["spacing-24"]} 0 ${t.V3_Spacing["spacing-24"]}
-        ${t.V3_Spacing["spacing-20"]};
-`,l=i.default(r.Button.Small)`
-    background-color: transparent;
-    padding-right: ${t.V3_Spacing["spacing-20"]};
-    padding-left: ${t.V3_Spacing["spacing-20"]};
-    height: 100%;
-`;exports.DesktopContainer=n,exports.FilterClearButton=l,exports.FilterHeader=a,exports.FilterTitle=d;
+"use strict";require("./filter-sidebar.styles_rbfq4f.css");exports.desktopContainer="d1a2pl71",exports.filterClearButton="f122t6n9",exports.filterHeader="fq9unar",exports.filterTitle="f1i4s84l",exports.filterTitleGroup="fjfy2r5";
 //# sourceMappingURL=filter-sidebar.styles.js.map

package/cjs/filter/filter-sidebar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-sidebar.styles.js","sources":["../../../src/filter/filter-sidebar.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const DesktopContainer = styled.div`\n    background-color: ${V3_Colour[\"bg\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-radius: ${V3_Radius[\"md\"]};\n    overflow: hidden;\n    width: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const FilterHeader = styled.div`\n    display: flex;\n    align-items: center;\n\n    background-color: ${V3_Colour[\"bg\"]};\n`;\n\nexport const FilterTitle = styled.h2`\n    ${V3_Font[\"heading-xs-semibold\"]}\n    flex: 1;\n    margin: ${V3_Spacing[\"spacing-24\"]} 0 ${V3_Spacing[\"spacing-24\"]}\n        ${V3_Spacing[\"spacing-20\"]};\n`;\n\nexport const FilterClearButton = styled(Button.Small)`\n    background-color: transparent;\n    padding-right: ${V3_Spacing[\"spacing-20\"]};\n    padding-left: ${V3_Spacing[\"spacing-20\"]};\n    height: 100%;\n`;\n"],"names":["DesktopContainer","styled","div","V3_Colour","V3_Border","V3_Radius","FilterHeader","FilterTitle","h2","V3_Font","V3_Spacing","FilterClearButton","Button","Small"],"mappings":"sMAeO,MAAMA,EAAmBC,EAAAA,QAAOC,GAAG;wBAClBC,EAAAA,UAAc;cACxBC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UAC/CD,EAAAA,UAAkB;qBACPE,EAAAA,UAAc;;;EAStBC,EAAeL,EAAAA,QAAOC,GAAG;;;;wBAIdC,EAAAA,UAAc;EAGzBI,EAAcN,EAAAA,QAAOO,EAAE;MAC9BC,EAAAA,QAAQ;;cAEAC,EAAAA,WAAW,mBAAmBA,EAAAA,WAAW;UAC7CA,EAAAA,WAAW;EAGRC,EAAoBV,EAAAA,QAAOW,SAAOC,MAAM;;qBAEhCH,EAAAA,WAAW;oBACZA,EAAAA,WAAW;;"}
+{"version":3,"file":"filter-sidebar.styles.js","sources":["../../../src/filter/filter-sidebar.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const desktopContainer = css`\n    background-color: ${Colour[\"bg\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    overflow: hidden;\n    width: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeader = css`\n    display: flex;\n    align-items: center;\n\n    background-color: ${Colour[\"bg\"]};\n    color: ${Colour[\"text\"]};\n`;\n\nexport const filterTitleGroup = css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: ${Spacing[\"spacing-8\"]};\n    margin: ${Spacing[\"spacing-24\"]} 0 ${Spacing[\"spacing-24\"]}\n        ${Spacing[\"spacing-20\"]};\n`;\n\nexport const filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    padding-right: ${Spacing[\"spacing-20\"]};\n    padding-left: ${Spacing[\"spacing-20\"]};\n    min-height: unset;\n`;\n"],"names":[],"mappings":"0GAQ6B,qCAkCC,gCAtBL,8BAkBD,oCAVK"}

package/cjs/filter/filter-sidebar.styles_rbfq4f.css

@@ -0,0 +1,5 @@
+@layer fds{.d1a2pl71{background-color:var(--fds-colour-bg);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-md);overflow:hidden;width:100%;}
+.fq9unar{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;background-color:var(--fds-colour-bg);color:var(--fds-colour-text);}
+.fjfy2r5{-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;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;gap:var(--fds-spacing-8);margin:var(--fds-spacing-24) 0 var(--fds-spacing-24) var(--fds-spacing-20);}
+.f1i4s84l{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);}
+.f122t6n9{background-color:transparent;padding-right:var(--fds-spacing-20);padding-left:var(--fds-spacing-20);min-height:unset;}}

package/cjs/filter/filter.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("../external/react-responsive/dist/react-responsive.js"),s=require("styled-components"),l=require("../v3_theme/index.js"),n=require("./addons/filter-item-checkbox.js"),o=require("./filter-item.js"),a=require("./filter-item-page.js"),d=require("./filter-modal.js"),c=require("./filter-sidebar.js");const u=n=>{var{children:o,className:a,style:u,onDismiss:m,onDone:x,onModalOpen:j,toggleFilterButtonStyle:p,insets:f,id:g,"data-testid":h}=n,b=e.__rest(n,["children","className","style","onDismiss","onDone","onModalOpen","toggleFilterButtonStyle","insets","id","data-testid"]);const q=i.useContext(s.ThemeContext),F=l.V3_Breakpoint["lg-max"]({theme:q}),y=r.reactResponsiveExports.useMediaQuery({maxWidth:F});return i.useEffect((()=>{y||null==m||m()}),[y]),t.jsx("div",{className:a,style:u,id:g,"data-testid":h,children:y?t.jsx(d.FilterModal,Object.assign({onDismiss:m,onDone:x,onModalOpen:j,toggleFilterButtonStyle:p,insets:f},b,{children:"function"==typeof o?o("mobile"):o})):t.jsx(c.FilterSidebar,Object.assign({},b,{children:"function"==typeof o?o("default"):o}))})};u.Sidebar=c.FilterSidebar,u.Modal=d.FilterModal,u.Item=o.FilterItem,u.Page=a.FilterItemPage,u.Checkbox=n.FilterItemCheckbox,exports.Filter=u;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("../theme/utils/use-media-query.js"),s=require("./addons/filter-item-checkbox.js"),l=require("./filter-item.js"),n=require("./filter-item-page.js"),a=require("./filter-modal.js"),o=require("./filter-sidebar.js");const u=s=>{var{children:l,className:n,style:u,onDismiss:d,onDone:m,onModalOpen:c,toggleFilterButtonStyle:j,insets:q,id:h,"data-testid":g}=s,f=e.__rest(s,["children","className","style","onDismiss","onDone","onModalOpen","toggleFilterButtonStyle","insets","id","data-testid"]);const y=i.useMaxWidthMediaQuery("lg");return t.useEffect((()=>{y||null==d||d()}),[y]),r.jsx("div",{className:n,style:u,id:h,"data-testid":g,children:y?r.jsx(a.FilterModal,Object.assign({onDismiss:d,onDone:m,onModalOpen:c,toggleFilterButtonStyle:j,insets:q},f,{children:"function"==typeof l?l("mobile"):l})):r.jsx(o.FilterSidebar,Object.assign({},f,{children:"function"==typeof l?l("default"):l}))})};u.Sidebar=o.FilterSidebar,u.Modal=a.FilterModal,u.Item=l.FilterItem,u.Page=n.FilterItemPage,u.Checkbox=s.FilterItemCheckbox,exports.Filter=u;
 //# sourceMappingURL=filter.js.map

package/cjs/filter/filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter.js","sources":["../../../src/filter/filter.tsx"],"sourcesContent":["import { useContext, useEffect } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport { FilterItemCheckbox } from \"./addons/filter-item-checkbox\";\nimport { FilterItem } from \"./filter-item\";\nimport { FilterItemPage } from \"./filter-item-page\";\nimport { FilterModal } from \"./filter-modal\";\nimport { FilterSidebar } from \"./filter-sidebar\";\nimport type { FilterProps } from \"./types\";\n\nexport const Filter = ({\n    children,\n    className,\n    style,\n    onDismiss,\n    onDone,\n    onModalOpen,\n    toggleFilterButtonStyle,\n    insets,\n    id,\n    \"data-testid\": testId,\n    ...props\n}: FilterProps) => {\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"lg-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n\n    useEffect(() => {\n        if (!isMobile) {\n            onDismiss?.();\n        }\n    }, [isMobile]);\n\n    return (\n        <div className={className} style={style} id={id} data-testid={testId}>\n            {isMobile ? (\n                <FilterModal\n                    onDismiss={onDismiss}\n                    onDone={onDone}\n                    onModalOpen={onModalOpen}\n                    toggleFilterButtonStyle={toggleFilterButtonStyle}\n                    insets={insets}\n                    {...props}\n                >\n                    {typeof children === \"function\"\n                        ? children(\"mobile\")\n                        : children}\n                </FilterModal>\n            ) : (\n                <FilterSidebar {...props}>\n                    {typeof children === \"function\"\n                        ? children(\"default\")\n                        : children}\n                </FilterSidebar>\n            )}\n        </div>\n    );\n};\n\nFilter.Sidebar = FilterSidebar;\nFilter.Modal = FilterModal;\nFilter.Item = FilterItem;\nFilter.Page = FilterItemPage;\nFilter.Checkbox = FilterItemCheckbox;\n"],"names":["Filter","_a","children","className","style","onDismiss","onDone","onModalOpen","toggleFilterButtonStyle","insets","id","testId","props","__rest","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","useEffect","_jsx","FilterModal","Object","assign","FilterSidebar","Sidebar","Modal","Item","FilterItem","Page","FilterItemPage","Checkbox","FilterItemCheckbox"],"mappings":"yZAYO,MAAMA,EAAUC,QAAAC,SACnBA,EAAQC,UACRA,EAASC,MACTA,EAAKC,UACLA,EAASC,OACTA,EAAMC,YACNA,EAAWC,wBACXA,EAAuBC,OACvBA,EAAMC,GACNA,EACA,cAAeC,GAAMV,EAClBW,EAAKC,EAAAA,OAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAQC,EAAAA,WAAWC,gBACnBC,EAAmBC,EAAAA,cAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,uBAAAA,cAAc,CAAEC,SAAUJ,IAQ3C,OANAK,EAAAA,WAAU,KACDH,GACDd,SAAAA,GACJ,GACD,CAACc,IAGAI,EAAAA,WAAKpB,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DiB,EACGI,EAAAA,IAACC,cAAWC,OAAAC,OAAA,CACRrB,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVqB,EAAAA,IAACI,EAAAA,+BAAkBf,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAIdF,EAAO4B,QAAUD,EAAAA,cACjB3B,EAAO6B,MAAQL,EAAAA,YACfxB,EAAO8B,KAAOC,EAAAA,WACd/B,EAAOgC,KAAOC,EAAAA,eACdjC,EAAOkC,SAAWC,EAAAA"}
+{"version":3,"file":"filter.js","sources":["../../../src/filter/filter.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { useMaxWidthMediaQuery } from \"../theme\";\nimport { FilterItemCheckbox } from \"./addons/filter-item-checkbox\";\nimport { FilterItem } from \"./filter-item\";\nimport { FilterItemPage } from \"./filter-item-page\";\nimport { FilterModal } from \"./filter-modal\";\nimport { FilterSidebar } from \"./filter-sidebar\";\nimport type { FilterProps } from \"./types\";\n\n// @catalog\n/**\n * A responsive filter panel that switches between a persistent sidebar on\n * desktop and a modal overlay on mobile.\n *\n * Use `Filter` to let users narrow a result set by one or more criteria.\n * On mobile (below lg breakpoint) the panel is hidden behind a toggle button and\n * rendered in a full-screen modal; otherwise it is displayed as a\n * fixed sidebar.\n *\n * Sub-components:\n * - `Filter.Sidebar` — standalone desktop sidebar, used by `Filter` internally.\n * - `Filter.Modal` — standalone mobile modal, used by `Filter` internally.\n * - `Filter.Item` — a collapsible section within the panel.\n * - `Filter.Page` — a drill-down sub-page inside the mobile modal.\n * - `Filter.Checkbox` — a filter item with selectable checkbox or toggle options.\n * @keywords criteria, refinement, search\n */\nexport const Filter = ({\n    children,\n    className,\n    style,\n    onDismiss,\n    onDone,\n    onModalOpen,\n    toggleFilterButtonStyle,\n    insets,\n    id,\n    \"data-testid\": testId,\n    ...props\n}: FilterProps) => {\n    const isMobile = useMaxWidthMediaQuery(\"lg\");\n\n    useEffect(() => {\n        if (!isMobile) {\n            onDismiss?.();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isMobile]);\n\n    return (\n        <div className={className} style={style} id={id} data-testid={testId}>\n            {isMobile ? (\n                <FilterModal\n                    onDismiss={onDismiss}\n                    onDone={onDone}\n                    onModalOpen={onModalOpen}\n                    toggleFilterButtonStyle={toggleFilterButtonStyle}\n                    insets={insets}\n                    {...props}\n                >\n                    {typeof children === \"function\"\n                        ? children(\"mobile\")\n                        : children}\n                </FilterModal>\n            ) : (\n                <FilterSidebar {...props}>\n                    {typeof children === \"function\"\n                        ? children(\"default\")\n                        : children}\n                </FilterSidebar>\n            )}\n        </div>\n    );\n};\n\n/** Standalone desktop sidebar variant of the filter panel. */\nFilter.Sidebar = FilterSidebar;\n/** Standalone mobile modal variant of the filter panel. */\nFilter.Modal = FilterModal;\n/** A collapsible section within a filter panel. */\nFilter.Item = FilterItem;\n/** A full-screen sub-page overlay for drill-down selection in the mobile modal. */\nFilter.Page = FilterItemPage;\n/** A filter item that renders selectable checkboxes (desktop) or toggle chips (mobile). */\nFilter.Checkbox = FilterItemCheckbox;\n"],"names":["Filter","_a","children","className","style","onDismiss","onDone","onModalOpen","toggleFilterButtonStyle","insets","id","testId","props","__rest","isMobile","useMaxWidthMediaQuery","useEffect","_jsx","FilterModal","Object","assign","FilterSidebar","Sidebar","Modal","Item","FilterItem","Page","FilterItemPage","Checkbox","FilterItemCheckbox"],"mappings":"6vBA4BO,MAAMA,EAAUC,QAAAC,SACnBA,EAAQC,UACRA,EAASC,MACTA,EAAKC,UACLA,EAASC,OACTA,EAAMC,YACNA,EAAWC,wBACXA,EAAuBC,OACvBA,EAAMC,GACNA,EACA,cAAeC,GAAMV,EAClBW,EAAKC,EAAAA,OAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAWC,EAAAA,sBAAsB,MASvC,OAPAC,EAAAA,WAAU,KACDF,GACDT,SAAAA,GACJ,GAED,CAACS,IAGAG,EAAAA,WAAKd,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DY,EACGG,EAAAA,IAACC,cAAWC,OAAAC,OAAA,CACRf,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVe,EAAAA,IAACI,EAAAA,+BAAkBT,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAKdF,EAAOsB,QAAUD,EAAAA,cAEjBrB,EAAOuB,MAAQL,EAAAA,YAEflB,EAAOwB,KAAOC,EAAAA,WAEdzB,EAAO0B,KAAOC,EAAAA,eAEd3B,EAAO4B,SAAWC,EAAAA"}

package/cjs/filter/filter.styles.js

@@ -1,27 +1,2 @@
-"use strict";var o=require("styled-components"),e=require("../button/button.js"),t=require("../shared/clickable-icon/clickable-icon.js"),r=require("../v3_theme/index.js");function i(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var n=i(o);const a=n.default.div`
-    flex: 1;
-    width: 100%;
-    overflow-y: auto;
-`,d=n.default(t.ClickableIcon)`
-    padding: ${r.V3_Spacing["spacing-24"]} ${r.V3_Spacing["spacing-20"]};
-    margin-right: auto;
-    color: ${r.V3_Colour.icon};
-
-    svg {
-        height: 1.5rem;
-        width: 1.5rem;
-    }
-
-    &:hover {
-        color: ${r.V3_Colour["icon-hover"]};
-    }
-`,l=n.default.div`
-    padding: ${r.V3_Spacing["spacing-24"]} ${r.V3_Spacing["spacing-20"]};
-    background-color: ${r.V3_Colour.bg};
-    border-top: ${r.V3_Border["width-010"]} ${r.V3_Border.solid}
-        ${r.V3_Colour.border};
-    ${o=>o.$insetBottom&&`padding-bottom: ${o.$insetBottom}px;`}
-`,c=n.default(e.Button.Default)`
-    width: 100%;
-`;exports.FilterBody=a,exports.FilterDoneButton=c,exports.FilterFooter=l,exports.FilterHeaderButton=d;
+"use strict";require("./filter.styles_1ykijwm.css");exports.filterBody="fh4ozpc",exports.filterDoneButton="f1iv2dy9",exports.filterFooter="fp6e1r1",exports.filterFooterWithInsetBottom="f8nn92t",exports.filterHeaderButton="f3bn9l4",exports.tokens={filterFooter:{insetBottom:"--fds-internal-filter-filterFooter-insetBottom"}};
 //# sourceMappingURL=filter.styles.js.map

package/cjs/filter/filter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter.styles.js","sources":["../../../src/filter/filter.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { V3_Border, V3_Colour, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ntype FilterFooterProps = {\n    $insetBottom?: number | undefined;\n};\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const FilterBody = styled.div`\n    flex: 1;\n    width: 100%;\n    overflow-y: auto;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const FilterHeaderButton = styled(ClickableIcon)`\n    padding: ${V3_Spacing[\"spacing-24\"]} ${V3_Spacing[\"spacing-20\"]};\n    margin-right: auto;\n    color: ${V3_Colour[\"icon\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n\n    &:hover {\n        color: ${V3_Colour[\"icon-hover\"]};\n    }\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const FilterFooter = styled.div<FilterFooterProps>`\n    padding: ${V3_Spacing[\"spacing-24\"]} ${V3_Spacing[\"spacing-20\"]};\n    background-color: ${V3_Colour[\"bg\"]};\n    border-top: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    ${(props) =>\n        props.$insetBottom && `padding-bottom: ${props.$insetBottom}px;`}\n`;\n\nexport const FilterDoneButton = styled(Button.Default)`\n    width: 100%;\n`;\n"],"names":["FilterBody","styled","div","FilterHeaderButton","ClickableIcon","V3_Spacing","V3_Colour","FilterFooter","V3_Border","props","$insetBottom","FilterDoneButton","Button","Default"],"mappings":"8PAkBO,MAAMA,EAAaC,EAAAA,QAAOC,GAAG;;;;EAUvBC,EAAqBF,EAAAA,QAAOG,EAAAA,cAAc;eACxCC,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;;aAEzCC,EAAAA,UAAgB;;;;;;;;iBAQZA,EAAAA,UAAU;;EAQdC,EAAeN,EAAAA,QAAOC,GAAsB;eAC1CG,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;wBAC9BC,EAAAA,UAAc;kBACpBE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACnDF,EAAAA,UAAkB;MACrBG,GACCA,EAAMC,cAAgB,mBAAmBD,EAAMC;EAG1CC,EAAmBV,EAAAA,QAAOW,SAAOC,QAAQ;;"}
+{"version":3,"file":"filter.styles.js","sources":["../../../src/filter/filter.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Spacing } from \"../theme\";\n\nexport const tokens = {\n    filterFooter: {\n        insetBottom: \"--fds-internal-filter-filterFooter-insetBottom\",\n    },\n} as const;\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const filterBody = css`\n    flex: 1;\n    width: 100%;\n    overflow-y: auto;\n    color: ${Colour[\"text\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeaderButton = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    margin-right: auto;\n    color: ${Colour[\"icon\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n\n    &:hover {\n        color: ${Colour[\"icon-hover\"]};\n    }\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const filterFooter = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    background-color: ${Colour[\"bg\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n`;\n\nexport const filterFooterWithInsetBottom = css`\n    ${tokens.filterFooter.insetBottom}: initial;\n    padding-bottom: var(${tokens.filterFooter.insetBottom});\n`;\n\nexport const filterDoneButton = css`\n    width: 100%;\n`;\n"],"names":["filterFooter","insetBottom"],"mappings":"6FAcuB,mCAyCM,gCAXJ,8CAMe,qCAzBT,yBArBT,CAClBA,aAAc,CACVC,YAAa"}

package/cjs/filter/filter.styles_1ykijwm.css

@@ -0,0 +1,5 @@
+@layer fds{.fh4ozpc{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;overflow-y:auto;color:var(--fds-colour-text);}
+.f3bn9l4{padding:var(--fds-spacing-24) var(--fds-spacing-20);margin-right:auto;color:var(--fds-colour-icon);}.f3bn9l4 svg{height:1.5rem;width:1.5rem;}.f3bn9l4:hover{color:var(--fds-colour-icon-hover);}
+.fp6e1r1{padding:var(--fds-spacing-24) var(--fds-spacing-20);background-color:var(--fds-colour-bg);border-top:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.f8nn92t{--fds-internal-filter-filterFooter-insetBottom:initial;padding-bottom:var(--fds-internal-filter-filterFooter-insetBottom);}
+.f1iv2dy9{width:100%;}}

package/cjs/footer/footer-disclaimer-links-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-disclaimer-links-data.js","sources":["../../../src/footer/footer-disclaimer-links-data.tsx"],"sourcesContent":["import type { V3_ResourceScheme } from \"../v3_theme/types\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\n\nconst BaseDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst BookingSgDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst IMDADisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.imda.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.imda.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst MyLegacyDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://mylegacy.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://mylegacy.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SPFDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.police.gov.sg/Privacy-Statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.police.gov.sg/Terms-of-Use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report-vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SupportGoWhereDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://supportgowhere.life.gov.sg/privacy-statement.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://supportgowhere.life.gov.sg/terms-of-use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nexport const getDefaultDisclaimerLinks = (\n    resourceScheme?: V3_ResourceScheme\n) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BookingSgDisclaimerLinks;\n        case \"imda\":\n            return IMDADisclaimerLinks;\n        case \"mylegacy\":\n            return MyLegacyDisclaimerLinks;\n        case \"spf\":\n            return SPFDisclaimerLinks;\n        case \"supportgowhere\":\n            return SupportGoWhereDisclaimerLinks;\n        default:\n            return BaseDisclaimerLinks;\n    }\n};\n"],"names":["BaseDisclaimerLinks","privacy","href","target","rel","termsOfUse","reportVulnerability","external","BookingSgDisclaimerLinks","IMDADisclaimerLinks","MyLegacyDisclaimerLinks","SPFDisclaimerLinks","SupportGoWhereDisclaimerLinks","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZC,EAAoD,CACtDP,QAAS,CACLC,KAAM,8DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4DACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZE,EAA+C,CACjDR,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZG,EAAmD,CACrDT,QAAS,CACLC,KAAM,iDACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZI,EAA8C,CAChDV,QAAS,CACLC,KAAM,8CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,yCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZK,EAAyD,CAC3DX,QAAS,CACLC,KAAM,2DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,sDACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,sCAKdM,IAEA,OAAQA,GACJ,IAAK,YACD,OAAOL,EACX,IAAK,OACD,OAAOC,EACX,IAAK,WACD,OAAOC,EACX,IAAK,MACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,QACI,OAAOZ"}
+{"version":3,"file":"footer-disclaimer-links-data.js","sources":["../../../src/footer/footer-disclaimer-links-data.tsx"],"sourcesContent":["import type { ThemeType } from \"../theme/types\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\n\nconst BaseDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst BookingSgDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst IMDADisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.imda.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.imda.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst MyLegacyDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://mylegacy.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://mylegacy.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SPFDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.police.gov.sg/Privacy-Statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.police.gov.sg/Terms-of-Use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report-vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SupportGoWhereDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://supportgowhere.life.gov.sg/privacy-statement.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://supportgowhere.life.gov.sg/terms-of-use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nexport const getDefaultDisclaimerLinks = (resourceScheme?: ThemeType) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BookingSgDisclaimerLinks;\n        case \"imda\":\n            return IMDADisclaimerLinks;\n        case \"mylegacy\":\n            return MyLegacyDisclaimerLinks;\n        case \"spf\":\n            return SPFDisclaimerLinks;\n        case \"supportgowhere\":\n            return SupportGoWhereDisclaimerLinks;\n        default:\n            return BaseDisclaimerLinks;\n    }\n};\n"],"names":["BaseDisclaimerLinks","privacy","href","target","rel","termsOfUse","reportVulnerability","external","BookingSgDisclaimerLinks","IMDADisclaimerLinks","MyLegacyDisclaimerLinks","SPFDisclaimerLinks","SupportGoWhereDisclaimerLinks","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZC,EAAoD,CACtDP,QAAS,CACLC,KAAM,8DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4DACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZE,EAA+C,CACjDR,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZG,EAAmD,CACrDT,QAAS,CACLC,KAAM,iDACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZI,EAA8C,CAChDV,QAAS,CACLC,KAAM,8CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,yCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZK,EAAyD,CAC3DX,QAAS,CACLC,KAAM,2DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,sDACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,sCAIwBM,IACtC,OAAQA,GACJ,IAAK,YACD,OAAOL,EACX,IAAK,OACD,OAAOC,EACX,IAAK,WACD,OAAOC,EACX,IAAK,MACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,QACI,OAAOZ"}

package/cjs/footer/footer-download-app.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("./footer-download-app.style.js");exports.DownloadApp=()=>e.jsxs(o.Wrapper,{"data-testid":"download-app-section",children:[e.jsx(o.Label,{weight:"semibold",children:"Download the app"}),e.jsxs(o.AppButtonsWrapper,{children:[e.jsx(o.AppStoreLink,{href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-apple",children:e.jsx("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",alt:"Download on the App Store"})}),e.jsx(o.AppStoreLink,{href:"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-android",children:e.jsx("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",alt:"Get it on Google Play"})})]})]});
+"use strict";var e=require("react/jsx-runtime"),a=require("../typography/index.js"),o=require("./footer-download-app.styles.js");exports.DownloadApp=()=>e.jsxs("div",{className:o.wrapper,"data-testid":"download-app-section",children:[e.jsx(a.Typography.BodyMD,{className:o.label,weight:"semibold",children:"Download the app"}),e.jsxs("div",{className:o.appButtonsWrapper,children:[e.jsx("a",{className:o.appStoreLink,href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-apple",children:e.jsx("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",alt:"Download on the App Store"})}),e.jsx("a",{className:o.appStoreLink,href:"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-android",children:e.jsx("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",alt:"Get it on Google Play"})})]})]});
 //# sourceMappingURL=footer-download-app.js.map

package/cjs/footer/footer-download-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-download-app.js","sources":["../../../src/footer/footer-download-app.tsx"],"sourcesContent":["import {\n    AppButtonsWrapper,\n    AppStoreLink,\n    Label,\n    Wrapper,\n} from \"./footer-download-app.style\";\n\nconst APP_STORE_ICON =\n    \"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png\";\nconst PLAY_STORE_ICON =\n    \"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png\";\n\nexport const DownloadApp = () => (\n    <Wrapper data-testid=\"download-app-section\">\n        <Label weight=\"semibold\">Download the app</Label>\n        <AppButtonsWrapper>\n            <AppStoreLink\n                href=\"https://apps.apple.com/sg/app/moments-of-life/id1383218758\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                id=\"footer-download-app-apple\"\n            >\n                <img src={APP_STORE_ICON} alt=\"Download on the App Store\" />\n            </AppStoreLink>\n            <AppStoreLink\n                href=\"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                id=\"footer-download-app-android\"\n            >\n                <img src={PLAY_STORE_ICON} alt=\"Get it on Google Play\" />\n            </AppStoreLink>\n        </AppButtonsWrapper>\n    </Wrapper>\n);\n"],"names":["_jsxs","Wrapper","children","_jsx","Label","weight","AppButtonsWrapper","AppStoreLink","href","target","rel","id","src","alt"],"mappings":"gHAY2B,IACvBA,EAAAA,KAACC,EAAAA,QAAO,CAAA,cAAa,uBAAsBC,SAAA,CACvCC,EAAAA,IAACC,EAAAA,MAAK,CAACC,OAAO,WAAUH,SAAA,qBACxBF,EAAAA,KAACM,EAAAA,kBAAiB,CAAAJ,SAAA,CACdC,EAAAA,IAACI,EAAAA,aAAY,CACTC,KAAK,6DACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,4BAA2BT,SAE9BC,MAAA,MAAA,CAAKS,IAdjB,kFAcsCC,IAAI,gCAElCV,EAAAA,IAACI,EAAAA,cACGC,KAAK,wEACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,8BAA6BT,SAEhCC,EAAAA,WAAKS,IApBjB,oFAoBuCC,IAAI"}
+{"version":3,"file":"footer-download-app.js","sources":["../../../src/footer/footer-download-app.tsx"],"sourcesContent":["import { Typography } from \"../typography\";\nimport * as styles from \"./footer-download-app.styles\";\n\nconst APP_STORE_ICON =\n    \"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png\";\nconst PLAY_STORE_ICON =\n    \"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png\";\n\nexport const DownloadApp = () => (\n    <div className={styles.wrapper} data-testid=\"download-app-section\">\n        <Typography.BodyMD className={styles.label} weight=\"semibold\">\n            Download the app\n        </Typography.BodyMD>\n        <div className={styles.appButtonsWrapper}>\n            <a\n                className={styles.appStoreLink}\n                href=\"https://apps.apple.com/sg/app/moments-of-life/id1383218758\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                id=\"footer-download-app-apple\"\n            >\n                <img src={APP_STORE_ICON} alt=\"Download on the App Store\" />\n            </a>\n            <a\n                className={styles.appStoreLink}\n                href=\"https://play.google.com/store/apps/details?id=sg.gov.app.mol&hl=en_SG\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                id=\"footer-download-app-android\"\n            >\n                <img src={PLAY_STORE_ICON} alt=\"Get it on Google Play\" />\n            </a>\n        </div>\n    </div>\n);\n"],"names":["_jsxs","className","styles.wrapper","children","_jsx","Typography","BodyMD","styles.label","weight","styles.appButtonsWrapper","styles.appStoreLink","href","target","rel","id","src","alt"],"mappings":"qJAQ2B,IACvBA,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAc,cAAc,uBAAsBC,SAAA,CAC9DC,EAAAA,IAACC,EAAAA,WAAWC,OAAM,CAACL,UAAWM,EAAAA,MAAcC,OAAO,WAAUL,SAAA,qBAG7DH,EAAAA,YAAKC,UAAWQ,EAAAA,kBAAwBN,SAAA,CACpCC,EAAAA,SACIH,UAAWS,eACXC,KAAK,6DACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,qCAEHV,EAAAA,IAAA,MAAA,CAAKW,IAjBjB,kFAiBsCC,IAAI,gCAElCZ,MAAA,IAAA,CACIH,UAAWS,EAAAA,aACXC,KAAK,wEACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,8BAA6BX,SAEhCC,EAAAA,WAAKW,IAxBjB,oFAwBuCC,IAAI"}

package/cjs/footer/footer-download-app.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./footer-download-app.styles_1v1j2us.css");exports.appButtonsWrapper="a17bpz54",exports.appStoreLink="a30jq0e",exports.label="l171bo4j",exports.wrapper="wmm1xbv";
+//# sourceMappingURL=footer-download-app.styles.js.map

package/cjs/footer/footer-download-app.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-download-app.styles.js","sources":["../../../src/footer/footer-download-app.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { ComponentToken, MediaQuery, Spacing } from \"../theme\";\n\nexport const wrapper = css`\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n\n    ${MediaQuery.MaxWidth.lg} {\n        justify-content: flex-start;\n        padding: 0;\n    }\n`;\n\nexport const label = css`\n    margin-bottom: ${Spacing[\"spacing-16\"]};\n    color: ${ComponentToken.Footer[\"colour-text\"]};\n`;\n\nexport const appButtonsWrapper = css`\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: ${Spacing[\"spacing-16\"]};\n    column-gap: ${Spacing[\"spacing-16\"]};\n`;\n\nexport const appStoreLink = css`\n    img {\n        width: auto;\n        height: 3.75rem;\n        object-fit: contain;\n        display: block;\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        img {\n            height: 3rem;\n            width: 100%;\n        }\n    }\n`;\n"],"names":[],"mappings":"iHAoB8B,gCAOL,wBAZP,2BAXE"}

package/cjs/footer/footer-download-app.styles_1v1j2us.css

@@ -0,0 +1,4 @@
+@layer fds{.wmm1xbv{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;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}:where(body.fds-breakpoint-lg-max) .wmm1xbv{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0;}
+.l171bo4j{margin-bottom:var(--fds-spacing-16);color:var(--fds-footer-colour-text);}
+.a17bpz54{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:var(--fds-spacing-16);-webkit-column-gap:var(--fds-spacing-16);column-gap:var(--fds-spacing-16);}
+.a30jq0e img{width:auto;height:3.75rem;object-fit:contain;display:block;}:where(body.fds-breakpoint-lg-max) .a30jq0e img{height:3rem;width:100%;}}

package/cjs/footer/footer-helper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../external/dayjs/dayjs.min.js"),t=require("./footer-disclaimer-links-data.js");class s{static getCopyrightInfo(t=new Date,r){const i=s.getCopyrightText(r);return`${`${(new Date).getFullYear()} ${i}`} Last updated ${e.default(t).format("D MMMM YYYY")}`}static getCopyrightText(e){switch(e){case"lifesg":return"LifeSG, Government of Singapore.";case"bookingsg":return"BookingSG, Government of Singapore.";case"mylegacy":return"MyLegacy@LifeSG, Government of Singapore.";case"ccube":return"Citizen Collective Common, Government of Singapore.";case"imda":return"IMDA, Government of Singapore.";default:return"Government of Singapore."}}static getFooterLogoAttribute(e){switch(e){case"lifesg":return{src:"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg",alt:"LifeSG",style:{width:"4rem"}};case"bookingsg":return{src:"https://home.booking.gov.sg/images/bookingsg/footer.svg",alt:"BookingSG",style:{width:"4rem"}};case"mylegacy":return{src:"https://mylegacy.life.gov.sg/images/site-logo.png",alt:"MyLegacy",style:{width:"10rem",maxHeight:"2rem"}};case"ccube":return{src:"https://assets.life.gov.sg/ccube/logo-ccube.svg",alt:"Citizen Collective Common",style:{width:"10rem"}};case"supportgowhere":return{src:"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png",alt:"SupportGoWhere",style:{width:"10rem"}};default:return{}}}static getDisclaimerLinks(e,s){const r=t.getDefaultDisclaimerLinks(e);return{privacy:Object.assign(Object.assign(Object.assign({},r.privacy),s&&s.privacy?s.privacy:{}),{children:"Privacy Statement"}),termsOfUse:Object.assign(Object.assign(Object.assign({},r.termsOfUse),s&&s.termsOfUse?s.termsOfUse:{}),{children:"Terms of Use"}),reportVulnerability:Object.assign(Object.assign(Object.assign({},r.reportVulnerability),s&&s.reportVulnerability?s.reportVulnerability:{}),{children:"Report Vulnerability"})}}}exports.FooterHelper=s;
+"use strict";var e=require("../external/dayjs/dayjs.min.js"),t=require("./footer-disclaimer-links-data.js");class s{static getCopyrightInfo(t=new Date,r){const o=s.getCopyrightText(r);return`${`${(new Date).getFullYear()} ${o}`} Last updated ${e.default(t).format("D MMMM YYYY")}`}static getCopyrightText(e){switch(e){case"lifesg":return"LifeSG, Government of Singapore.";case"bookingsg":return"BookingSG, Government of Singapore.";case"mylegacy":return"MyLegacy@LifeSG, Government of Singapore.";case"ccube":return"Citizen Collective Common, Government of Singapore.";case"imda":return"IMDA, Government of Singapore.";default:return"Government of Singapore."}}static getFooterLogoAttribute(e){switch(e){case"lifesg":return{src:"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg",alt:"LifeSG",logoType:"lifesg"};case"bookingsg":return{src:"https://home.booking.gov.sg/images/bookingsg/footer.svg",alt:"BookingSG",logoType:"bookingsg"};case"mylegacy":return{src:"https://mylegacy.life.gov.sg/images/site-logo.png",alt:"MyLegacy",logoType:"mylegacy"};case"ccube":return{src:"https://assets.life.gov.sg/ccube/logo-ccube.svg",alt:"Citizen Collective Common",logoType:"ccube"};case"supportgowhere":case"sgw-digital-lobby":return{src:"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png",alt:"SupportGoWhere",logoType:"supportgowhere"};default:return{}}}static getDisclaimerLinks(e,s){const r=t.getDefaultDisclaimerLinks(e);return{privacy:Object.assign(Object.assign(Object.assign({},r.privacy),s&&s.privacy?s.privacy:{}),{children:"Privacy Statement"}),termsOfUse:Object.assign(Object.assign(Object.assign({},r.termsOfUse),s&&s.termsOfUse?s.termsOfUse:{}),{children:"Terms of Use"}),reportVulnerability:Object.assign(Object.assign(Object.assign({},r.reportVulnerability),s&&s.reportVulnerability?s.reportVulnerability:{}),{children:"Report Vulnerability"})}}}exports.FooterHelper=s;
 //# sourceMappingURL=footer-helper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer-helper.js","sources":["../../../src/footer/footer-helper.ts"],"sourcesContent":["import dayjs from \"dayjs\";\n\nimport type { TypographyLinkProps } from \"../typography\";\nimport type { V3_ResourceScheme } from \"../v3_theme/types\";\nimport { getDefaultDisclaimerLinks } from \"./footer-disclaimer-links-data\";\nimport type { DisclaimerLinks } from \"./types\";\n\n/* Internally used.  Not to be exported */\nexport interface InternalDisclaimerLinks {\n    privacy?: TypographyLinkProps | undefined;\n    termsOfUse?: TypographyLinkProps | undefined;\n    reportVulnerability?: TypographyLinkProps | undefined;\n}\n\nexport class FooterHelper {\n    public static getCopyrightInfo(\n        lastUpdated: Date = new Date(),\n        resourceScheme: V3_ResourceScheme | undefined\n    ): string {\n        const copyrightText = FooterHelper.getCopyrightText(resourceScheme);\n        const copyright = `${new Date().getFullYear()} ${copyrightText}`;\n        const lastUpdatedDateString = dayjs(lastUpdated).format(\"D MMMM YYYY\");\n\n        return `${copyright} Last updated ${lastUpdatedDateString}`;\n    }\n\n    private static getCopyrightText(\n        resourceScheme: V3_ResourceScheme | undefined\n    ): string {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return \"LifeSG, Government of Singapore.\";\n            case \"bookingsg\":\n                return \"BookingSG, Government of Singapore.\";\n            case \"mylegacy\":\n                return \"MyLegacy@LifeSG, Government of Singapore.\";\n            case \"ccube\":\n                return \"Citizen Collective Common, Government of Singapore.\";\n            case \"imda\":\n                return \"IMDA, Government of Singapore.\";\n            default:\n                return \"Government of Singapore.\";\n        }\n    }\n\n    public static getFooterLogoAttribute(\n        resourceScheme?: V3_ResourceScheme\n    ): React.ImgHTMLAttributes<HTMLImageElement> {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg\",\n                    alt: \"LifeSG\",\n                    style: { width: \"4rem\" },\n                };\n\n            case \"bookingsg\":\n                return {\n                    src: \"https://home.booking.gov.sg/images/bookingsg/footer.svg\",\n                    alt: \"BookingSG\",\n                    style: { width: \"4rem\" },\n                };\n            case \"mylegacy\":\n                return {\n                    src: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n                    alt: \"MyLegacy\",\n                    style: { width: \"10rem\", maxHeight: \"2rem\" },\n                };\n            case \"ccube\":\n                return {\n                    src: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n                    alt: \"Citizen Collective Common\",\n                    style: { width: \"10rem\" },\n                };\n            case \"supportgowhere\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n                    alt: \"SupportGoWhere\",\n                    style: { width: \"10rem\" },\n                };\n\n            default:\n                return {};\n        }\n    }\n\n    public static getDisclaimerLinks(\n        resourceScheme: V3_ResourceScheme | undefined,\n        customDisclaimerLinks: DisclaimerLinks | undefined\n    ): InternalDisclaimerLinks {\n        const defaultDisclaimerLinks =\n            getDefaultDisclaimerLinks(resourceScheme);\n        return {\n            privacy: {\n                ...defaultDisclaimerLinks.privacy,\n                ...(customDisclaimerLinks && customDisclaimerLinks.privacy\n                    ? customDisclaimerLinks.privacy\n                    : {}),\n                children: \"Privacy Statement\",\n            },\n            termsOfUse: {\n                ...defaultDisclaimerLinks.termsOfUse,\n                ...(customDisclaimerLinks && customDisclaimerLinks.termsOfUse\n                    ? customDisclaimerLinks.termsOfUse\n                    : {}),\n                children: \"Terms of Use\",\n            },\n            reportVulnerability: {\n                ...defaultDisclaimerLinks.reportVulnerability,\n                ...(customDisclaimerLinks &&\n                customDisclaimerLinks.reportVulnerability\n                    ? customDisclaimerLinks.reportVulnerability\n                    : {}),\n                children: \"Report Vulnerability\",\n            },\n        };\n    }\n}\n"],"names":["FooterHelper","getCopyrightInfo","lastUpdated","Date","resourceScheme","copyrightText","getCopyrightText","getFullYear","dayjs","format","getFooterLogoAttribute","src","alt","style","width","maxHeight","getDisclaimerLinks","customDisclaimerLinks","defaultDisclaimerLinks","getDefaultDisclaimerLinks","privacy","Object","assign","children","termsOfUse","reportVulnerability"],"mappings":"kHAcaA,EACF,uBAAOC,CACVC,EAAoB,IAAIC,KACxBC,GAEA,MAAMC,EAAgBL,EAAaM,iBAAiBF,GAIpD,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAAA,QAAMN,GAAaO,OAAO,gBAG5D,CAEQ,uBAAOH,CACXF,GAEA,OAAQA,GACJ,IAAK,SACD,MAAO,mCACX,IAAK,YACD,MAAO,sCACX,IAAK,WACD,MAAO,4CACX,IAAK,QACD,MAAO,sDACX,IAAK,OACD,MAAO,iCACX,QACI,MAAO,2BAEnB,CAEO,6BAAOM,CACVN,GAEA,OAAQA,GACJ,IAAK,SACD,MAAO,CACHO,IAAK,kFACLC,IAAK,SACLC,MAAO,CAAEC,MAAO,SAGxB,IAAK,YACD,MAAO,CACHH,IAAK,0DACLC,IAAK,YACLC,MAAO,CAAEC,MAAO,SAExB,IAAK,WACD,MAAO,CACHH,IAAK,oDACLC,IAAK,WACLC,MAAO,CAAEC,MAAO,QAASC,UAAW,SAE5C,IAAK,QACD,MAAO,CACHJ,IAAK,kDACLC,IAAK,4BACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,iBACD,MAAO,CACHH,IAAK,uEACLC,IAAK,iBACLC,MAAO,CAAEC,MAAO,UAGxB,QACI,MAAO,CAAA,EAEnB,CAEO,yBAAOE,CACVZ,EACAa,GAEA,MAAMC,EACFC,EAAAA,0BAA0Bf,GAC9B,MAAO,CACHgB,QAAOC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAJ,EAAuBE,SACtBH,GAAyBA,EAAsBG,QAC7CH,EAAsBG,QACtB,CAAA,IACNG,SAAU,sBAEdC,WAAUH,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACHJ,EAAuBM,YACtBP,GAAyBA,EAAsBO,WAC7CP,EAAsBO,WACtB,CAAA,IACND,SAAU,iBAEdE,iEACOP,EAAuBO,qBACtBR,GACJA,EAAsBQ,oBAChBR,EAAsBQ,oBACtB,CAAA,IACNF,SAAU,yBAGtB"}
+{"version":3,"file":"footer-helper.js","sources":["../../../src/footer/footer-helper.ts"],"sourcesContent":["import dayjs from \"dayjs\";\n\nimport type { ThemeType } from \"../theme/types\";\nimport type { TypographyLinkProps } from \"../typography\";\nimport { getDefaultDisclaimerLinks } from \"./footer-disclaimer-links-data\";\nimport type { DisclaimerLinks } from \"./types\";\n\n/* Internally used.  Not to be exported */\nexport interface InternalDisclaimerLinks {\n    privacy?: TypographyLinkProps | undefined;\n    termsOfUse?: TypographyLinkProps | undefined;\n    reportVulnerability?: TypographyLinkProps | undefined;\n}\n\nexport class FooterHelper {\n    public static getCopyrightInfo(\n        lastUpdated: Date = new Date(),\n        resourceScheme: ThemeType | undefined\n    ): string {\n        const copyrightText = FooterHelper.getCopyrightText(resourceScheme);\n        const copyright = `${new Date().getFullYear()} ${copyrightText}`;\n        const lastUpdatedDateString = dayjs(lastUpdated).format(\"D MMMM YYYY\");\n\n        return `${copyright} Last updated ${lastUpdatedDateString}`;\n    }\n\n    private static getCopyrightText(\n        resourceScheme: ThemeType | undefined\n    ): string {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return \"LifeSG, Government of Singapore.\";\n            case \"bookingsg\":\n                return \"BookingSG, Government of Singapore.\";\n            case \"mylegacy\":\n                return \"MyLegacy@LifeSG, Government of Singapore.\";\n            case \"ccube\":\n                return \"Citizen Collective Common, Government of Singapore.\";\n            case \"imda\":\n                return \"IMDA, Government of Singapore.\";\n            default:\n                return \"Government of Singapore.\";\n        }\n    }\n\n    public static getFooterLogoAttribute(\n        resourceScheme?: ThemeType\n    ): React.ImgHTMLAttributes<HTMLImageElement> & { logoType?: ThemeType } {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg\",\n                    alt: \"LifeSG\",\n                    logoType: \"lifesg\",\n                };\n\n            case \"bookingsg\":\n                return {\n                    src: \"https://home.booking.gov.sg/images/bookingsg/footer.svg\",\n                    alt: \"BookingSG\",\n                    logoType: \"bookingsg\",\n                };\n            case \"mylegacy\":\n                return {\n                    src: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n                    alt: \"MyLegacy\",\n                    logoType: \"mylegacy\",\n                };\n            case \"ccube\":\n                return {\n                    src: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n                    alt: \"Citizen Collective Common\",\n                    logoType: \"ccube\",\n                };\n            case \"supportgowhere\":\n            case \"sgw-digital-lobby\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n                    alt: \"SupportGoWhere\",\n                    logoType: \"supportgowhere\",\n                };\n\n            default:\n                return {};\n        }\n    }\n\n    public static getDisclaimerLinks(\n        resourceScheme: ThemeType | undefined,\n        customDisclaimerLinks: DisclaimerLinks | undefined\n    ): InternalDisclaimerLinks {\n        const defaultDisclaimerLinks =\n            getDefaultDisclaimerLinks(resourceScheme);\n        return {\n            privacy: {\n                ...defaultDisclaimerLinks.privacy,\n                ...(customDisclaimerLinks && customDisclaimerLinks.privacy\n                    ? customDisclaimerLinks.privacy\n                    : {}),\n                children: \"Privacy Statement\",\n            },\n            termsOfUse: {\n                ...defaultDisclaimerLinks.termsOfUse,\n                ...(customDisclaimerLinks && customDisclaimerLinks.termsOfUse\n                    ? customDisclaimerLinks.termsOfUse\n                    : {}),\n                children: \"Terms of Use\",\n            },\n            reportVulnerability: {\n                ...defaultDisclaimerLinks.reportVulnerability,\n                ...(customDisclaimerLinks &&\n                customDisclaimerLinks.reportVulnerability\n                    ? customDisclaimerLinks.reportVulnerability\n                    : {}),\n                children: \"Report Vulnerability\",\n            },\n        };\n    }\n}\n"],"names":["FooterHelper","getCopyrightInfo","lastUpdated","Date","resourceScheme","copyrightText","getCopyrightText","getFullYear","dayjs","format","getFooterLogoAttribute","src","alt","logoType","getDisclaimerLinks","customDisclaimerLinks","defaultDisclaimerLinks","getDefaultDisclaimerLinks","privacy","Object","assign","children","termsOfUse","reportVulnerability"],"mappings":"kHAcaA,EACF,uBAAOC,CACVC,EAAoB,IAAIC,KACxBC,GAEA,MAAMC,EAAgBL,EAAaM,iBAAiBF,GAIpD,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAAA,QAAMN,GAAaO,OAAO,gBAG5D,CAEQ,uBAAOH,CACXF,GAEA,OAAQA,GACJ,IAAK,SACD,MAAO,mCACX,IAAK,YACD,MAAO,sCACX,IAAK,WACD,MAAO,4CACX,IAAK,QACD,MAAO,sDACX,IAAK,OACD,MAAO,iCACX,QACI,MAAO,2BAEnB,CAEO,6BAAOM,CACVN,GAEA,OAAQA,GACJ,IAAK,SACD,MAAO,CACHO,IAAK,kFACLC,IAAK,SACLC,SAAU,UAGlB,IAAK,YACD,MAAO,CACHF,IAAK,0DACLC,IAAK,YACLC,SAAU,aAElB,IAAK,WACD,MAAO,CACHF,IAAK,oDACLC,IAAK,WACLC,SAAU,YAElB,IAAK,QACD,MAAO,CACHF,IAAK,kDACLC,IAAK,4BACLC,SAAU,SAElB,IAAK,iBACL,IAAK,oBACD,MAAO,CACHF,IAAK,uEACLC,IAAK,iBACLC,SAAU,kBAGlB,QACI,MAAO,CAAA,EAEnB,CAEO,yBAAOC,CACVV,EACAW,GAEA,MAAMC,EACFC,EAAAA,0BAA0Bb,GAC9B,MAAO,CACHc,QAAOC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAJ,EAAuBE,SACtBH,GAAyBA,EAAsBG,QAC7CH,EAAsBG,QACtB,CAAA,IACNG,SAAU,sBAEdC,WAAUH,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACHJ,EAAuBM,YACtBP,GAAyBA,EAAsBO,WAC7CP,EAAsBO,WACtB,CAAA,IACND,SAAU,iBAEdE,iEACOP,EAAuBO,qBACtBR,GACJA,EAAsBQ,oBAChBR,EAAsBQ,oBACtB,CAAA,IACNF,SAAU,yBAGtB"}

package/cjs/footer/footer-resource-addon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),s=require("../typography/index.js"),o=require("./footer-resource-addon.styles.js");exports.ResourceAddon=()=>{const r=t.useTheme();return e.jsx("div",{"data-testid":"resource-addon-section",children:"mylegacy"===(null==r?void 0:r.resourceScheme)?e.jsxs(e.Fragment,{children:[e.jsx(s.Typography.BodyMD,{weight:"regular","data-testid":"resource-addon-title",children:"My Legacy is a LifeSG initiative, brought to you by the following government agencies:"}),e.jsxs(o.Items,{children:[e.jsx(o.Img,{"data-testid":"footer-govtech-logo",src:"https://mylegacy.life.gov.sg/images/agencies/govtech-logo.png",alt:"GovTech Singapore",style:{height:"4.5rem"}}),e.jsx(o.Img,{"data-testid":"footer-psd-logo",src:"https://mylegacy.life.gov.sg/images/agencies/psd-logo.png",alt:"Public Service Division",style:{height:"3.5rem"}})]})]}):null})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),o=require("react"),s=require("../theme/theme-provider/context.js"),i=require("../typography/index.js"),r=require("./footer-resource-addon.styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ResourceAddon=()=>{const t=o.useContext(s.ThemeContext);return e.jsx("div",{"data-testid":"resource-addon-section",children:"mylegacy"===(null==t?void 0:t.theme)?e.jsxs(e.Fragment,{children:[e.jsx(i.Typography.BodyMD,{"data-testid":"resource-addon-title",children:"My Legacy is a LifeSG initiative, brought to you by the following government agencies:"}),e.jsxs("div",{className:r.items,children:[e.jsx("img",{className:c.default(r.img,r.govtechLogo),"data-testid":"footer-govtech-logo",src:"https://mylegacy.life.gov.sg/images/agencies/govtech-logo.png",alt:"GovTech Singapore"}),e.jsx("img",{className:c.default(r.img,r.psdLogo),"data-testid":"footer-psd-logo",src:"https://mylegacy.life.gov.sg/images/agencies/psd-logo.png",alt:"Public Service Division"})]})]}):null})};
 //# sourceMappingURL=footer-resource-addon.js.map

package/cjs/footer/footer-resource-addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-resource-addon.js","sources":["../../../src/footer/footer-resource-addon.tsx"],"sourcesContent":["import { useTheme } from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { Img, Items } from \"./footer-resource-addon.styles\";\n\nexport const ResourceAddon = (): JSX.Element => {\n    const theme = useTheme();\n\n    const getResourceContent = () => {\n        switch (theme?.resourceScheme) {\n            case \"mylegacy\":\n                return (\n                    <>\n                        <Typography.BodyMD\n                            weight=\"regular\"\n                            data-testid=\"resource-addon-title\"\n                        >\n                            My Legacy is a LifeSG initiative, brought to you by\n                            the following government agencies:\n                        </Typography.BodyMD>\n                        <Items>\n                            <Img\n                                data-testid=\"footer-govtech-logo\"\n                                src=\"https://mylegacy.life.gov.sg/images/agencies/govtech-logo.png\"\n                                alt=\"GovTech Singapore\"\n                                style={{ height: \"4.5rem\" }}\n                            />\n                            <Img\n                                data-testid=\"footer-psd-logo\"\n                                src=\"https://mylegacy.life.gov.sg/images/agencies/psd-logo.png\"\n                                alt=\"Public Service Division\"\n                                style={{ height: \"3.5rem\" }}\n                            />\n                        </Items>\n                    </>\n                );\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div data-testid=\"resource-addon-section\">{getResourceContent()}</div>\n    );\n};\n"],"names":["theme","useTheme","_jsx","children","resourceScheme","_jsxs","_Fragment","Typography","BodyMD","weight","Items","Img","src","alt","style","height"],"mappings":"wLAK6B,KACzB,MAAMA,EAAQC,EAAAA,WAmCd,OACIC,EAAAA,yBAAiB,yBAAwBC,SAhChC,cADDH,aAAK,EAALA,EAAOI,gBAGHC,OAAAC,EAAAA,SAAA,CAAAH,SAAA,CACID,EAAAA,IAACK,EAAAA,WAAWC,OAAM,CACdC,OAAO,UAAS,cACJ,uBAAsBN,SAAA,2FAKtCE,EAAAA,KAACK,QAAK,CAAAP,SAAA,CACFD,MAACS,EAAAA,IAAG,CAAA,cACY,sBACZC,IAAI,gEACJC,IAAI,oBACJC,MAAO,CAAEC,OAAQ,YAErBb,EAAAA,IAACS,EAAAA,IAAG,CAAA,cACY,kBACZC,IAAI,4DACJC,IAAI,0BACJC,MAAO,CAAEC,OAAQ,kBAM1B,MAKuD"}
+{"version":3,"file":"footer-resource-addon.js","sources":["../../../src/footer/footer-resource-addon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\n\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./footer-resource-addon.styles\";\n\nexport const ResourceAddon = (): JSX.Element => {\n    const theme = useContext(ThemeContext);\n\n    const getResourceContent = () => {\n        switch (theme?.theme) {\n            case \"mylegacy\":\n                return (\n                    <>\n                        <Typography.BodyMD data-testid=\"resource-addon-title\">\n                            My Legacy is a LifeSG initiative, brought to you by\n                            the following government agencies:\n                        </Typography.BodyMD>\n                        <div className={styles.items}>\n                            <img\n                                className={clsx(styles.img, styles.govtechLogo)}\n                                data-testid=\"footer-govtech-logo\"\n                                src=\"https://mylegacy.life.gov.sg/images/agencies/govtech-logo.png\"\n                                alt=\"GovTech Singapore\"\n                            />\n                            <img\n                                className={clsx(styles.img, styles.psdLogo)}\n                                data-testid=\"footer-psd-logo\"\n                                src=\"https://mylegacy.life.gov.sg/images/agencies/psd-logo.png\"\n                                alt=\"Public Service Division\"\n                            />\n                        </div>\n                    </>\n                );\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div data-testid=\"resource-addon-section\">{getResourceContent()}</div>\n    );\n};\n"],"names":["theme","useContext","ThemeContext","_jsx","children","_jsxs","_Fragment","Typography","BodyMD","className","styles.items","clsx","styles.img","styles.govtechLogo","src","alt","styles.psdLogo"],"mappings":"iUAO6B,KACzB,MAAMA,EAAQC,EAAAA,WAAWC,gBAgCzB,OACIC,EAAAA,yBAAiB,yBAAwBC,SA7BhC,cADDJ,aAAK,EAALA,EAAOA,OAGHK,OAAAC,EAAAA,SAAA,CAAAF,SAAA,CACID,EAAAA,IAACI,EAAAA,WAAWC,OAAM,CAAA,cAAa,uBAAsBJ,SAAA,2FAIrDC,OAAA,MAAA,CAAKI,UAAWC,EAAAA,MAAYN,SAAA,CACxBD,EAAAA,IAAA,MAAA,CACIM,UAAWE,EAAAA,QAAKC,EAAAA,IAAYC,eAAmB,cACnC,sBACZC,IAAI,gEACJC,IAAI,sBAERZ,EAAAA,IAAA,MAAA,CACIM,UAAWE,EAAAA,QAAKC,EAAAA,IAAYI,WAAe,cAC/B,kBACZF,IAAI,4DACJC,IAAI,kCAMb,MAKuD"}

package/cjs/footer/footer-resource-addon.styles.js

@@ -1,10 +1,2 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);const n=a.default.img`
-    max-height: ${t.V3_Spacing["spacing-72"]};
-    max-width: 100%;
-`,s=a.default.div`
-    display: flex;
-    align-items: flex-start;
-    gap: ${t.V3_Spacing["spacing-32"]};
-    margin-top: ${t.V3_Spacing["spacing-16"]};
-`;exports.Img=n,exports.Items=s;
+"use strict";require("./footer-resource-addon.styles_1jepb1d.css");exports.govtechLogo="gaeoncc",exports.img="ieulqso",exports.items="ich52w2",exports.psdLogo="prt8kdt";
 //# sourceMappingURL=footer-resource-addon.styles.js.map

package/cjs/footer/footer-resource-addon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-resource-addon.styles.js","sources":["../../../src/footer/footer-resource-addon.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const Img = styled.img`\n    max-height: ${V3_Spacing[\"spacing-72\"]};\n    max-width: 100%;\n`;\n\nexport const Items = styled.div`\n    display: flex;\n    align-items: flex-start;\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n`;\n"],"names":["Img","styled","img","V3_Spacing","Items","div"],"mappings":"qKAIO,MAAMA,EAAMC,EAAAA,QAAOC,GAAG;kBACXC,EAAAA,WAAW;;EAIhBC,EAAQH,EAAAA,QAAOI,GAAG;;;WAGpBF,EAAAA,WAAW;kBACJA,EAAAA,WAAW;"}
+{"version":3,"file":"footer-resource-addon.styles.js","sources":["../../../src/footer/footer-resource-addon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const img = css`\n    max-height: ${Spacing[\"spacing-72\"]};\n    max-width: 100%;\n`;\n\nexport const govtechLogo = css`\n    height: 4.5rem;\n`;\n\nexport const psdLogo = css`\n    height: 3.5rem;\n`;\n\nexport const items = css`\n    display: flex;\n    align-items: flex-start;\n    gap: ${Spacing[\"spacing-32\"]};\n    margin-top: ${Spacing[\"spacing-16\"]};\n`;\n"],"names":[],"mappings":"6GASwB,sBALR,wBAaE,0BAJE"}

package/cjs/footer/footer-resource-addon.styles_1jepb1d.css

@@ -0,0 +1,4 @@
+@layer fds{.ieulqso{max-height:var(--fds-spacing-72);max-width:100%;}
+.gaeoncc{height:4.5rem;}
+.prt8kdt{height:3.5rem;}
+.ich52w2{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-32);margin-top:var(--fds-spacing-16);}}