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

package/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":"kvBAwBO,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,EAAAjB,EAbW,6LAexB,MAAMkB,QAAEA,EAAOC,KAAEA,GAASC,IACpBC,EAAUC,EAAuB,OAEhCC,EAASC,GAAcC,GAAS,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,GAAU,WACFT,IACe,QAAfvB,EAAAqB,EAAQY,eAAO,IAAAjC,GAAAA,EAAEkC,QACrB,GACD,CAACX,IAGAY,EAACC,EAAcC,UAASC,MAAO,CAAEC,KAAM,SAAUC,SAAUnB,GAASZ,SAAA,CAChEgC,EAAA,MAAAC,OAAAC,OAAA,GAAS3B,EAAU,CAAAP,SACfgC,EAACG,EAAY,CAAA,cACG,qBACZC,UAAWvC,EACXwC,QA3BS,KAVAtB,GAAW,GAYhCnB,SAAAA,GAAe,EA0BH0C,KAAK,SACLC,KAAMP,EAACQ,EAAU,CAAA,GAAGxC,SAEnBiB,EAAOC,YAGhBc,EAACS,EAAO,CAACC,KAAM5B,EAAS6B,mBAAiB,EAAA3C,SACrCgC,EAACY,EAAe,CAACC,MAAOC,GAAYhC,YAChCkB,EAACe,EAAoB,CAACtC,QAASA,EAASuC,UAAWlC,EAAOd,SACtDgC,EAACiB,aACW,gBAAe,cACX,gBACZC,IAAKxC,EAAKyC,YAAWnD,SAErB0B,EAAC0B,EAAe,CAACF,IAAKtC,EAASyC,SAAU,EAACrD,SAAA,CACtC0B,EAAC4B,EAAY,CAAAC,UAAYxD,aAAM,EAANA,EAAQyD,IAAGxD,SAAA,CAChCgC,EAACyB,EAAkB,CACfpB,QAtDd,KAClBtB,GAAW,GACXpB,SAAAA,GAAa,EAqDmB+D,aAAa,UACbC,gBAAgB,EAAK,aACT,SAAS1C,EAAOE,QAAOnB,SAEnCgC,EAAC4B,EAAS,CAAA,KAEd5B,EAAC6B,EAAW,CAAA7D,SAAEiB,EAAOE,QACrBa,EAAC8B,EAAiB,CACd1B,UAAU,OACVE,KAAK,SACLD,QAAS,IAAM5C,eAAAA,IACfuD,SAAUlD,eACE,SAASmB,EAAOE,QAAOnB,SAElCiB,EAAOI,WAGhBW,EAAC+B,EAAU,CAAA/D,SAAEA,IACbgC,EAACgC,EAAY,CAAAC,aAAelE,aAAM,EAANA,EAAQmE,gBAChClC,EAACmC,EAAgB,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 { 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    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                    {labels.toggle}\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                                    <h2 className={styles.filterTitle}>\n                                        {labels.title}\n                                    </h2>\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","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","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.filterTitle","styles.filterClearButton","sizeType","filterStyles.filterBody","filterStyles.filterFooter","filterStyles.filterFooterWithInsetBottom","filterStyles.filterDoneButton","displayName"],"mappings":"+0CAgBO,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,EAAgBC,UACjCA,GAAShB,EACNiB,EAAUC,EAAAlB,EAdW,yMAgBxB,MAAMmB,QAAEA,EAAOC,KAAEA,GAASC,IACpBC,EAAUC,EAAuB,MACjCC,EAAYD,EAAuB,MACnCE,EAAYF,EAAuB,OAElCG,EAASC,IAAcC,GAAS,GAEvCC,EAAcL,EAAW,CACrB,CAACM,EAAcC,aAAaC,UAAWC,EAASzB,eAAAA,EAAQ0B,KAClD,GAAG1B,EAAO0B,QACV,OAGVL,EAAcJ,EAAW,CACrB,CAACU,EAAoBC,aAAaC,aAAcJ,EAASzB,eAAAA,EAAQ8B,QAC3D,GAAG9B,EAAO8B,WACV,OAGV,MAeMC,GAAS,CACXC,QACIvC,aAAY,EAAZA,EAAcS,0BACdC,GACA,UACJ8B,OAAOxC,aAAY,EAAZA,EAAcW,cAAeC,GAAgB,UACpD6B,MAAMzC,aAAY,EAAZA,EAAca,kBAAmBC,GAAoB,OAC3D4B,OAAO1C,eAAAA,EAAc2C,mBAAoB,SAS7C,OANAC,GAAU,WACFnB,IACe,QAAf1B,EAAAsB,EAAQwB,eAAO,IAAA9C,GAAAA,EAAE+C,QACrB,GACD,CAACrB,IAGAsB,EAACC,EAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,SAAUC,SAAU/B,GAASb,SAAA,CAChE6C,EAAA,MAAAC,OAAAC,OAAA,CAAKxC,UAAWA,GAAeC,EAAU,CAAAR,SACrC6C,EAACG,EAAM,CACHzC,UAAW0C,gBACC,qBACZC,UAAWrD,EACXsD,QA5BS,KAVAjC,IAAW,GAYhCtB,SAAAA,GAAe,EA2BHwD,KAAK,SACLC,KAAMR,EAACS,MAAatD,SAEnB8B,GAAOC,YAGhBc,EAACU,GAAQC,KAAMvC,EAASwC,mBAAiB,EAAAzD,SACrC6C,EAAA,MAAA,CACItC,UAAWmD,EACXC,MAAOC,GAAY3C,GAAQjB,SAE3B6C,EAACgB,GAAqBnD,QAASA,EAASoD,UAAW7C,EAAOjB,SACtD6C,EAAA,MAAA,CACItC,UAAWwD,EAA6B,UAChC,gBAAe,cACX,gBACZC,IAAKrD,EAAKsD,YAAWjE,SAErBuC,EAAA,MAAA,CACIhC,UAAW2D,EACXF,IAAKnD,EACLsD,SAAU,EAACnE,SAAA,CAEXuC,EAAA,MAAA,CACIyB,IAAKjD,EACLR,UAAW6D,EACPC,EACA7C,EAASzB,aAAM,EAANA,EAAQ0B,MACb6C,GACPtE,SAAA,CAED6C,EAAC0B,EAAa,CACVhE,UACIiE,EAEJrB,QAzEd,KAClBjC,IAAW,GACXvB,SAAAA,GAAa,EAwEmB8E,aAAa,UACbC,gBAAgB,EAAK,aACT,SAAS5C,GAAOE,QAAOhC,SAEnC6C,EAAC8B,EAAS,MAEd9B,EAAA,KAAA,CAAItC,UAAWqE,EAAkB5E,SAC5B8B,GAAOE,QAEZa,EAACG,EAAM,CACHzC,UAAWsE,EACX3B,UAAU,OACVE,KAAK,SACL0B,SAAS,QACT3B,QAAS,IAAM1D,aAAO,EAAPA,IACfqE,SAAUhE,EAAmB,aACjB,SAASgC,GAAOE,QAAOhC,SAElC8B,GAAOI,WAGhBW,EAAA,MAAA,CAAKtC,UAAWwE,EAAuB/E,SAClCA,IAEL6C,EAAA,MAAA,CACImB,IAAKhD,EACLT,UAAW6D,EACPY,EACAxD,EAASzB,aAAM,EAANA,EAAQ8B,SACboD,GACPjF,SAED6C,EAACG,EAAM,CACHzC,UACI2E,EAEJ/B,QA1GjB,KACfjC,IAAW,GACXxB,SAAAA,GAAU,EAwGyCM,SAElB8B,GAAOG,sBAQf,EAIjC3C,EAAY6F,YAAc"}

package/filter/filter-modal.styles.d.ts

@@ -1,11 +1,13 @@
-type FilterHeaderProps = {
-    $insetTop?: number | undefined;
+export declare const tokens: {
+    readonly filterHeader: {
+        readonly insetTop: "--fds-internal-filter-filterModalHeader-insetTop";
+    };
 };
-export declare const MobileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MobileOverlayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FloatingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilterHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FilterHeaderProps>> & string;
-export declare const FilterTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const FilterClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const FilterButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};
+export declare const mobileContainer: import("@linaria/core").LinariaClassName;
+export declare const mobileOverlayContainer: import("@linaria/core").LinariaClassName;
+export declare const floatingWrapper: import("@linaria/core").LinariaClassName;
+export declare const filterHeader: import("@linaria/core").LinariaClassName;
+export declare const filterHeaderWithInsetTop: import("@linaria/core").LinariaClassName;
+export declare const filterTitle: import("@linaria/core").LinariaClassName;
+export declare const filterClearButton: import("@linaria/core").LinariaClassName;
+export declare const filterButton: import("@linaria/core").LinariaClassName;

package/filter/filter-modal.styles.js

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

package/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":"qOAiBO,MAAMA,EAAkBC,EAAOC,GAAG;wBACjBC,EAAU;;;;;EAOrBC,EAAyBH,EAAOC,GAAG;wBACxBC,EAAc;;;EAKzBE,EAAkBJ,EAAOC,GAAG;;EAQ5BI,EAAeL,EAAOC,GAAsB;;;wBAGjCC,EAAc;MAC/BI,GAAUA,EAAMC,WAAa,gBAAgBD,EAAMC;EAG7CC,EAAcR,EAAOS,EAAE;MAC9BC,EAAQ;;;cAGAC,EAAW;EAGZC,EAAoBZ,EAAOa,EAAOC,MAAM;;;eAGtCH,EAAW,iBAAiBA,EAAW;EAOzCI,EAAef,EAAOgB,EAAeC,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 filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    flex: 1;\n    text-align: center;\n    margin: ${Spacing[\"spacing-24\"]} 0;\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    height: 100%;\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":["tokens","filterHeader","insetTop","mobileContainer","mobileOverlayContainer","floatingWrapper","filterHeaderWithInsetTop","filterTitle","filterClearButton","filterButton"],"mappings":"+DAIO,MAAMA,EAAS,CAClBC,aAAc,CACVC,SAAU,qDAQLC,EAAe,WAQfC,EAAsB,WAMtBC,EAAe,UAQfJ,EAAY,WAMZK,EAAwB,UAKxBC,EAAW,WAOXC,EAAiB,WAUjBC,EAAY"}

package/filter/filter-modal.styles_e0ev97.css

@@ -0,0 +1,8 @@
+.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{font-family:var(--fds-font-family);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);-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;margin:var(--fds-spacing-24) 0;}
+.f14huz7l{background-color:transparent;height:100%;padding:var(--fds-spacing-24) var(--fds-spacing-20);}
+.fxpov9b{width:100%;}

package/filter/filter-sidebar.d.ts

@@ -1,5 +1,5 @@
 import type { FilterSidebarProps } from "./types";
 export declare const FilterSidebar: {
-    ({ customLabels, onClear, clearButtonDisabled, children, headerTitle: _headerTitle, ...otherProps }: FilterSidebarProps): import("react/jsx-runtime").JSX.Element;
+    ({ customLabels, onClear, clearButtonDisabled, children, headerTitle: _headerTitle, className, ...otherProps }: FilterSidebarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/filter/filter-sidebar.js

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

package/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":"4VAYO,MAAMA,EAAiBC,IAAA,IAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,SAC3BA,EACAC,YAAaC,GAAYN,EACtBO,EAAUC,EAAAR,EANa,2EAQ1B,MAAMS,EAAUC,EAAuB,MAEjCC,EAAS,CACXC,OAAOX,aAAY,EAAZA,EAAcI,cAAeC,GAAgB,UACpDO,OAAOZ,eAAAA,EAAca,mBAAoB,SAG7C,OACIC,EAACC,EAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASL,SACjEiB,EAACC,EAAgBC,OAAAC,OAAA,CAAA,UACL,iBAAgB,cACZ,iBACZC,IAAKhB,GACDF,EAAU,CAAAH,SAAA,CAEdiB,EAACK,EAAY,CAAAtB,SAAA,CACTW,EAACY,EAAW,CAAAvB,SAAEO,EAAOC,QACrBG,EAACa,EAAiB,CACdC,UAAU,OACVC,KAAK,SACLC,QAAS,IAAM7B,eAAAA,IACf8B,SAAU7B,EAAmB,aACjB,SAASQ,EAAOC,QAAOR,SAElCO,EAAOE,WAGhBE,EAACkB,EAAU,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 { 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    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                    <h2 className={styles.filterTitle}>{labels.title}</h2>\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","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.filterTitle","Button","styles.filterClearButton","styleType","type","sizeType","onClick","disabled","filterStyles.filterBody","displayName"],"mappings":"6ZASO,MAAMA,EAAiBC,QAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,SAC3BA,EACAC,YAAaC,EAAYC,UACzBA,GAASP,EACNQ,EAAUC,EAAAT,EAPa,uFAS1B,MAAMU,EAAUC,EAAuB,MAEjCC,EAAS,CACXC,OAAOZ,aAAY,EAAZA,EAAcI,cAAeC,GAAgB,UACpDQ,OAAOb,eAAAA,EAAcc,mBAAoB,SAG7C,OACIC,EAACC,EAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASN,SACjEkB,EAAA,MAAAC,OAAAC,OAAA,CAAA,UACY,iBAAgB,cACZ,iBACZC,IAAKf,EACLH,UAAWmB,EAAKC,EAAyBpB,IACrCC,EAAU,CAAAJ,SAAA,CAEdkB,EAAA,MAAA,CAAKf,UAAWqB,EAAmBxB,SAAA,CAC/BY,EAAA,KAAA,CAAIT,UAAWsB,EAAkBzB,SAAGQ,EAAOC,QAC3CG,EAACc,EAAM,CACHvB,UAAWwB,EACXC,UAAU,OACVC,KAAK,SACLC,SAAS,QACTC,QAAS,IAAMjC,aAAO,EAAPA,IACfkC,SAAUjC,EAAmB,aACjB,SAASS,EAAOC,QAAOT,SAElCQ,EAAOE,WAGhBE,EAAA,MAAA,CAAKT,UAAW8B,EAAuBjC,SAAGA,SAEzB,EAIjCL,EAAcuC,YAAc"}

package/filter/filter-sidebar.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const DesktopContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilterHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilterTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const FilterClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const desktopContainer: import("@linaria/core").LinariaClassName;
+export declare const filterHeader: import("@linaria/core").LinariaClassName;
+export declare const filterTitle: import("@linaria/core").LinariaClassName;
+export declare const filterClearButton: import("@linaria/core").LinariaClassName;

package/filter/filter-sidebar.styles.js

@@ -1,24 +1,2 @@
-import o from"styled-components";import{Button as i}from"../button/button.js";import{V3_Colour as r,V3_Border as d,V3_Radius as n,V3_Font as e,V3_Spacing as t}from"../v3_theme/index.js";const a=o.div`
-    background-color: ${r.bg};
-    border: ${d["width-010"]} ${d.solid}
-        ${r.border};
-    border-radius: ${n.md};
-    overflow: hidden;
-    width: 100%;
-`,g=o.div`
-    display: flex;
-    align-items: center;
-
-    background-color: ${r.bg};
-`,s=o.h2`
-    ${e["heading-xs-semibold"]}
-    flex: 1;
-    margin: ${t["spacing-24"]} 0 ${t["spacing-24"]}
-        ${t["spacing-20"]};
-`,c=o(i.Small)`
-    background-color: transparent;
-    padding-right: ${t["spacing-20"]};
-    padding-left: ${t["spacing-20"]};
-    height: 100%;
-`;export{a as DesktopContainer,c as FilterClearButton,g as FilterHeader,s as FilterTitle};
+import"./filter-sidebar.styles_cwvqql.css";const r="d1a2pl71",s="fq9unar",f="fjfy2r5",l="f1i4s84l";export{r as desktopContainer,l as filterClearButton,s as filterHeader,f as filterTitle};
 //# sourceMappingURL=filter-sidebar.styles.js.map

package/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":"0LAeO,MAAMA,EAAmBC,EAAOC,GAAG;wBAClBC,EAAc;cACxBC,EAAU,gBAAgBA,EAAiB;UAC/CD,EAAkB;qBACPE,EAAc;;;EAStBC,EAAeL,EAAOC,GAAG;;;;wBAIdC,EAAc;EAGzBI,EAAcN,EAAOO,EAAE;MAC9BC,EAAQ;;cAEAC,EAAW,mBAAmBA,EAAW;UAC7CA,EAAW;EAGRC,EAAoBV,EAAOW,EAAOC,MAAM;;qBAEhCH,EAAW;oBACZA,EAAW;;"}
+{"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`;\n\nexport const filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    flex: 1;\n    margin: ${Spacing[\"spacing-24\"]} 0;\n    margin-left: ${Spacing[\"spacing-20\"]};\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    padding-right: ${Spacing[\"spacing-20\"]};\n    padding-left: ${Spacing[\"spacing-20\"]};\n    height: 100%;\n`;\n"],"names":["desktopContainer","filterHeader","filterTitle","filterClearButton"],"mappings":"iEAQO,MAAMA,EAAgB,WAYhBC,EAAY,UAOZC,EAAW,UAOXC,EAAiB"}

package/filter/filter-sidebar.styles_cwvqql.css

@@ -0,0 +1,4 @@
+.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);}
+.fjfy2r5{font-family:var(--fds-font-family);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);-webkit-flex:1;-ms-flex:1;flex:1;margin:var(--fds-spacing-24) 0;margin-left:var(--fds-spacing-20);}
+.f1i4s84l{background-color:transparent;padding-right:var(--fds-spacing-20);padding-left:var(--fds-spacing-20);height:100%;}

package/filter/filter.d.ts

@@ -2,15 +2,15 @@ import type { FilterProps } from "./types";
 export declare const Filter: {
     ({ children, className, style, onDismiss, onDone, onModalOpen, toggleFilterButtonStyle, insets, id, "data-testid": testId, ...props }: FilterProps): import("react/jsx-runtime").JSX.Element;
     Sidebar: {
-        ({ customLabels, onClear, clearButtonDisabled, children, headerTitle: _headerTitle, ...otherProps }: import("./types").FilterSidebarProps): import("react/jsx-runtime").JSX.Element;
+        ({ customLabels, onClear, clearButtonDisabled, children, headerTitle: _headerTitle, className, ...otherProps }: import("./types").FilterSidebarProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Modal: {
-        ({ customLabels, onClear, onDone, onDismiss, onModalOpen, toggleFilterButtonStyle, clearButtonDisabled, insets, children, toggleFilterButtonLabel: _toggleFilterButtonLabel, headerTitle: _headerTitle, doneButtonLabel: _doneButtonLabel, ...otherProps }: import("./types").FilterModalProps): import("react/jsx-runtime").JSX.Element;
+        ({ customLabels, onClear, onDone, onDismiss, onModalOpen, toggleFilterButtonStyle, clearButtonDisabled, insets, children, toggleFilterButtonLabel: _toggleFilterButtonLabel, headerTitle: _headerTitle, doneButtonLabel: _doneButtonLabel, className, ...otherProps }: import("./types").FilterModalProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ collapsible: desktopCollapsible, initialExpanded, expanded: controlledExpanded, onExpandChange, minimisable, minimisedHeight, showDivider, showMobileDivider, title, addon, children, ...otherProps }: import("./types").FilterItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ collapsible: desktopCollapsible, initialExpanded, expanded: controlledExpanded, onExpandChange, minimisable, minimisedHeight, showDivider, showMobileDivider, title, addon, children, className, ...otherProps }: import("./types").FilterItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Page: {

package/filter/filter.js

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

package/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":"wkBAYO,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,EAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAQC,EAAWC,GACnBC,EAAmBC,EAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,cAAc,CAAEC,SAAUJ,IAQ3C,OANAK,GAAU,KACDH,GACDd,SAAAA,GACJ,GACD,CAACc,IAGAI,SAAKpB,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DiB,EACGI,EAACC,EAAWC,OAAAC,OAAA,CACRrB,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVqB,EAACI,mBAAkBf,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAIdF,EAAO4B,QAAUD,EACjB3B,EAAO6B,MAAQL,EACfxB,EAAO8B,KAAOC,EACd/B,EAAOgC,KAAOC,EACdjC,EAAOkC,SAAWC"}
+{"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\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    }, [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","isMobile","useMaxWidthMediaQuery","useEffect","_jsx","FilterModal","Object","assign","FilterSidebar","Sidebar","Modal","Item","FilterItem","Page","FilterItemPage","Checkbox","FilterItemCheckbox"],"mappings":"s2BAUO,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,EAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAWC,EAAsB,MAQvC,OANAC,GAAU,KACDF,GACDT,SAAAA,GACJ,GACD,CAACS,IAGAG,SAAKd,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DY,EACGG,EAACC,EAAWC,OAAAC,OAAA,CACRf,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVe,EAACI,mBAAkBT,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAIdF,EAAOsB,QAAUD,EACjBrB,EAAOuB,MAAQL,EACflB,EAAOwB,KAAOC,EACdzB,EAAO0B,KAAOC,EACd3B,EAAO4B,SAAWC"}

package/filter/filter.styles.d.ts

@@ -1,8 +1,10 @@
-type FilterFooterProps = {
-    $insetBottom?: number | undefined;
+export declare const tokens: {
+    readonly filterFooter: {
+        readonly insetBottom: "--fds-internal-filter-filterFooter-insetBottom";
+    };
 };
-export declare const FilterBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilterHeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const FilterFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FilterFooterProps>> & string;
-export declare const FilterDoneButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};
+export declare const filterBody: import("@linaria/core").LinariaClassName;
+export declare const filterHeaderButton: import("@linaria/core").LinariaClassName;
+export declare const filterFooter: import("@linaria/core").LinariaClassName;
+export declare const filterFooterWithInsetBottom: import("@linaria/core").LinariaClassName;
+export declare const filterDoneButton: import("@linaria/core").LinariaClassName;

package/filter/filter.styles.js

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

package/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":"yOAkBO,MAAMA,EAAaC,EAAOC,GAAG;;;;EAUvBC,EAAqBF,EAAOG,EAAc;eACxCC,EAAW,iBAAiBA,EAAW;;aAEzCC,EAAgB;;;;;;;;iBAQZA,EAAU;;EAQdC,EAAeN,EAAOC,GAAsB;eAC1CG,EAAW,iBAAiBA,EAAW;wBAC9BC,EAAc;kBACpBE,EAAU,gBAAgBA,EAAiB;UACnDF,EAAkB;MACrBG,GACCA,EAAMC,cAAgB,mBAAmBD,EAAMC;EAG1CC,EAAmBV,EAAOW,EAAOC,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`;\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":["tokens","filterFooter","insetBottom","filterBody","filterHeaderButton","filterFooterWithInsetBottom","filterDoneButton"],"mappings":"yDAIO,MAAMA,EAAS,CAClBC,aAAc,CACVC,YAAa,mDAQRC,EAAU,UAUVC,EAAkB,UAmBlBH,EAAY,UAMZI,EAA2B,UAK3BC,EAAgB"}

package/filter/filter.styles_2fmaok.css

@@ -0,0 +1,5 @@
+.fh4ozpc{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;overflow-y:auto;}
+.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/footer/footer-disclaimer-links-data.d.ts

@@ -1,3 +1,3 @@
-import type { V3_ResourceScheme } from "../v3_theme/types";
+import type { ThemeType } from "../theme/types";
 import type { InternalDisclaimerLinks } from "./footer-helper";
-export declare const getDefaultDisclaimerLinks: (resourceScheme?: V3_ResourceScheme) => InternalDisclaimerLinks;
+export declare const getDefaultDisclaimerLinks: (resourceScheme?: ThemeType) => InternalDisclaimerLinks;

package/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","getDefaultDisclaimerLinks","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,IAILM,EACTC,IAEA,OAAQA,GACJ,IAAK,YACD,OAAON,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","getDefaultDisclaimerLinks","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,IAILM,EAA6BC,IACtC,OAAQA,GACJ,IAAK,YACD,OAAON,EACX,IAAK,OACD,OAAOC,EACX,IAAK,WACD,OAAOC,EACX,IAAK,MACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,QACI,OAAOZ"}

package/footer/footer-download-app.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Wrapper as t,Label as p,AppButtonsWrapper as r,AppStoreLink as a}from"./footer-download-app.style.js";const l=()=>e(t,{"data-testid":"download-app-section",children:[o(p,{weight:"semibold",children:"Download the app"}),e(r,{children:[o(a,{href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-apple",children:o("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",alt:"Download on the App Store"})}),o(a,{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:o("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",alt:"Get it on Google Play"})})]})]});export{l as DownloadApp};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Typography as a}from"../typography/index.js";import{wrapper as s,label as t,appButtonsWrapper as p,appStoreLink as r}from"./footer-download-app.styles.js";const l=()=>e("div",{className:s,"data-testid":"download-app-section",children:[o(a.BodyMD,{className:t,weight:"semibold",children:"Download the app"}),e("div",{className:p,children:[o("a",{className:r,href:"https://apps.apple.com/sg/app/moments-of-life/id1383218758",target:"_blank",rel:"noopener noreferrer",id:"footer-download-app-apple",children:o("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/apple-app-store.png",alt:"Download on the App Store"})}),o("a",{className:r,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:o("img",{src:"https://assets.life.gov.sg/react-design-system/img/download/google-play-store.png",alt:"Get it on Google Play"})})]})]});export{l as DownloadApp};
 //# sourceMappingURL=footer-download-app.js.map

package/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":["DownloadApp","_jsxs","Wrapper","children","_jsx","Label","weight","AppButtonsWrapper","AppStoreLink","href","target","rel","id","src","alt"],"mappings":"+JAOA,MAKaA,EAAc,IACvBC,EAACC,EAAO,CAAA,cAAa,uBAAsBC,SAAA,CACvCC,EAACC,EAAK,CAACC,OAAO,WAAUH,SAAA,qBACxBF,EAACM,EAAiB,CAAAJ,SAAA,CACdC,EAACI,EAAY,CACTC,KAAK,6DACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,4BAA2BT,SAE9BC,EAAA,MAAA,CAAKS,IAdjB,kFAcsCC,IAAI,gCAElCV,EAACI,GACGC,KAAK,wEACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,8BAA6BT,SAEhCC,SAAKS,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":["DownloadApp","_jsxs","className","styles.wrapper","children","_jsx","Typography","BodyMD","styles.label","weight","styles.appButtonsWrapper","styles.appStoreLink","href","target","rel","id","src","alt"],"mappings":"oNAGA,MAKaA,EAAc,IACvBC,EAAA,MAAA,CAAKC,UAAWC,EAAc,cAAc,uBAAsBC,SAAA,CAC9DC,EAACC,EAAWC,OAAM,CAACL,UAAWM,EAAcC,OAAO,WAAUL,SAAA,qBAG7DH,SAAKC,UAAWQ,EAAwBN,SAAA,CACpCC,OACIH,UAAWS,EACXC,KAAK,6DACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,qCAEHV,EAAA,MAAA,CAAKW,IAjBjB,kFAiBsCC,IAAI,gCAElCZ,EAAA,IAAA,CACIH,UAAWS,EACXC,KAAK,wEACLC,OAAO,SACPC,IAAI,sBACJC,GAAG,8BAA6BX,SAEhCC,SAAKW,IAxBjB,oFAwBuCC,IAAI"}

package/footer/footer-download-app.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: import("@linaria/core").LinariaClassName;
+export declare const label: import("@linaria/core").LinariaClassName;
+export declare const appButtonsWrapper: import("@linaria/core").LinariaClassName;
+export declare const appStoreLink: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1,2 @@
+import"./footer-download-app.styles_1v1j2us.css";const o="wmm1xbv",s="l171bo4j",t="a17bpz54",e="a30jq0e";export{t as appButtonsWrapper,e as appStoreLink,s as label,o as wrapper};
+//# sourceMappingURL=footer-download-app.styles.js.map

package/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":["wrapper","label","appButtonsWrapper","appStoreLink"],"mappings":"uEAIO,MAAMA,EAAO,UAWPC,EAAK,WAKLC,EAAiB,WAOjBC,EAAY"}

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

@@ -0,0 +1,4 @@
+.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/footer/footer-helper.d.ts

@@ -1,5 +1,5 @@
+import type { ThemeType } from "../theme/types";
 import type { TypographyLinkProps } from "../typography";
-import type { V3_ResourceScheme } from "../v3_theme/types";
 import type { DisclaimerLinks } from "./types";
 export interface InternalDisclaimerLinks {
     privacy?: TypographyLinkProps | undefined;
@@ -7,8 +7,10 @@ export interface InternalDisclaimerLinks {
     reportVulnerability?: TypographyLinkProps | undefined;
 }
 export declare class FooterHelper {
-    static getCopyrightInfo(lastUpdated: Date | undefined, resourceScheme: V3_ResourceScheme | undefined): string;
+    static getCopyrightInfo(lastUpdated: Date | undefined, resourceScheme: ThemeType | undefined): string;
     private static getCopyrightText;
-    static getFooterLogoAttribute(resourceScheme?: V3_ResourceScheme): React.ImgHTMLAttributes<HTMLImageElement>;
-    static getDisclaimerLinks(resourceScheme: V3_ResourceScheme | undefined, customDisclaimerLinks: DisclaimerLinks | undefined): InternalDisclaimerLinks;
+    static getFooterLogoAttribute(resourceScheme?: ThemeType): React.ImgHTMLAttributes<HTMLImageElement> & {
+        logoType?: ThemeType;
+    };
+    static getDisclaimerLinks(resourceScheme: ThemeType | undefined, customDisclaimerLinks: DisclaimerLinks | undefined): InternalDisclaimerLinks;
 }

package/footer/footer-helper.js

@@ -1,2 +1,2 @@
-import e from"../external/dayjs/dayjs.min.js";import{getDefaultDisclaimerLinks as t}from"./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(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(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"})}}}export{s as FooterHelper};
+import e from"../external/dayjs/dayjs.min.js";import{getDefaultDisclaimerLinks as t}from"./footer-disclaimer-links-data.js";class s{static getCopyrightInfo(t=new Date,o){const r=s.getCopyrightText(o);return`${`${(new Date).getFullYear()} ${r}`} Last updated ${e(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 o=t(e);return{privacy:Object.assign(Object.assign(Object.assign({},o.privacy),s&&s.privacy?s.privacy:{}),{children:"Privacy Statement"}),termsOfUse:Object.assign(Object.assign(Object.assign({},o.termsOfUse),s&&s.termsOfUse?s.termsOfUse:{}),{children:"Terms of Use"}),reportVulnerability:Object.assign(Object.assign(Object.assign({},o.reportVulnerability),s&&s.reportVulnerability?s.reportVulnerability:{}),{children:"Report Vulnerability"})}}}export{s as FooterHelper};
 //# sourceMappingURL=footer-helper.js.map

package/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":"kIAcaA,EACF,uBAAOC,CACVC,EAAoB,IAAIC,KACxBC,GAEA,MAAMC,EAAgBL,EAAaM,iBAAiBF,GAIpD,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAMN,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,EAA0Bf,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":"kIAcaA,EACF,uBAAOC,CACVC,EAAoB,IAAIC,KACxBC,GAEA,MAAMC,EAAgBL,EAAaM,iBAAiBF,GAIpD,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAMN,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,EAA0Bb,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/footer/footer-resource-addon.js

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