@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

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{Breakpoint as n}from"../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 D=o(r),v=n["lg-max"]({theme:D}),M=s.useMediaQuery({maxWidth:v});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\";\nimport { Breakpoint } from \"../theme\";\nimport { FilterItemCheckbox } from \"./addons/filter-item-checkbox\";\nimport { FilterItem } from \"./filter-item\";\nimport { FilterItemPage } from \"./filter-item-page\";\nimport { FilterProps } from \"./types\";\nimport { FilterModal } from \"./filter-modal\";\nimport { FilterSidebar } from \"./filter-sidebar\";\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 = 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","Breakpoint","isMobile","useMediaQuery","maxWidth","useEffect","_jsx","FilterModal","Object","assign","FilterSidebar","Sidebar","Modal","Item","FilterItem","Page","FilterItemPage","Checkbox","FilterItemCheckbox"],"mappings":"kkBAWO,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,EAAW,UAAU,CAAEJ,UAC1CK,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\n// @catalog\n/**\n * A responsive filter panel that switches between a persistent sidebar on\n * desktop and a modal overlay on mobile.\n *\n * Use `Filter` to let users narrow a result set by one or more criteria.\n * On mobile (below lg breakpoint) the panel is hidden behind a toggle button and\n * rendered in a full-screen modal; otherwise it is displayed as a\n * fixed sidebar.\n *\n * Sub-components:\n * - `Filter.Sidebar` — standalone desktop sidebar, used by `Filter` internally.\n * - `Filter.Modal` — standalone mobile modal, used by `Filter` internally.\n * - `Filter.Item` — a collapsible section within the panel.\n * - `Filter.Page` — a drill-down sub-page inside the mobile modal.\n * - `Filter.Checkbox` — a filter item with selectable checkbox or toggle options.\n * @keywords criteria, refinement, search\n */\nexport const Filter = ({\n    children,\n    className,\n    style,\n    onDismiss,\n    onDone,\n    onModalOpen,\n    toggleFilterButtonStyle,\n    insets,\n    id,\n    \"data-testid\": testId,\n    ...props\n}: FilterProps) => {\n    const isMobile = useMaxWidthMediaQuery(\"lg\");\n\n    useEffect(() => {\n        if (!isMobile) {\n            onDismiss?.();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isMobile]);\n\n    return (\n        <div className={className} style={style} id={id} data-testid={testId}>\n            {isMobile ? (\n                <FilterModal\n                    onDismiss={onDismiss}\n                    onDone={onDone}\n                    onModalOpen={onModalOpen}\n                    toggleFilterButtonStyle={toggleFilterButtonStyle}\n                    insets={insets}\n                    {...props}\n                >\n                    {typeof children === \"function\"\n                        ? children(\"mobile\")\n                        : children}\n                </FilterModal>\n            ) : (\n                <FilterSidebar {...props}>\n                    {typeof children === \"function\"\n                        ? children(\"default\")\n                        : children}\n                </FilterSidebar>\n            )}\n        </div>\n    );\n};\n\n/** Standalone desktop sidebar variant of the filter panel. */\nFilter.Sidebar = FilterSidebar;\n/** Standalone mobile modal variant of the filter panel. */\nFilter.Modal = FilterModal;\n/** A collapsible section within a filter panel. */\nFilter.Item = FilterItem;\n/** A full-screen sub-page overlay for drill-down selection in the mobile modal. */\nFilter.Page = FilterItemPage;\n/** A filter item that renders selectable checkboxes (desktop) or toggle chips (mobile). */\nFilter.Checkbox = FilterItemCheckbox;\n"],"names":["Filter","_a","children","className","style","onDismiss","onDone","onModalOpen","toggleFilterButtonStyle","insets","id","testId","props","__rest","isMobile","useMaxWidthMediaQuery","useEffect","_jsx","FilterModal","Object","assign","FilterSidebar","Sidebar","Modal","Item","FilterItem","Page","FilterItemPage","Checkbox","FilterItemCheckbox"],"mappings":"s2BA4BO,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,MASvC,OAPAC,GAAU,KACDF,GACDT,SAAAA,GACJ,GAED,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,EAKdF,EAAOsB,QAAUD,EAEjBrB,EAAOuB,MAAQL,EAEflB,EAAOwB,KAAOC,EAEdzB,EAAO0B,KAAOC,EAEd3B,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> & Partial<Pick<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> & Partial<Pick<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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$insetBottom"> & FilterFooterProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$insetBottom"> & FilterFooterProps, never>>> & string;
-export declare const FilterDoneButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<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{Colour as r,Spacing as e,Border as n}from"../theme/index.js";const c=o.div`
-    flex: 1;
-    width: 100%;
-    overflow-y: auto;
-    color: ${r.text};
-`,d=o(i)`
-    padding: ${e["spacing-24"]} ${e["spacing-20"]};
-    margin-right: auto;
-    color: ${r.icon};
-
-    svg {
-        height: 1.5rem;
-        width: 1.5rem;
-    }
-
-    &:hover {
-        color: ${r["icon-hover"]};
-    }
-`,m=o.div`
-    padding: ${e["spacing-24"]} ${e["spacing-20"]};
-    background-color: ${r.bg};
-    border-top: ${n["width-010"]} ${n.solid} ${r.border};
-    ${o=>o.$insetBottom&&`padding-bottom: ${o.$insetBottom}px;`}
-`,a=o(t.Default)`
-    width: 100%;
-`;export{c as FilterBody,a as FilterDoneButton,m as FilterFooter,d as FilterHeaderButton};
+import"./filter.styles_1ykijwm.css";const t={filterFooter:{insetBottom:"--fds-internal-filter-filterFooter-insetBottom"}},e="fh4ozpc",o="f3bn9l4",f="fp6e1r1",i="f8nn92t",r="f1iv2dy9";export{e as filterBody,r as filterDoneButton,f as filterFooter,i 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\";\nimport { Button } from \"../button\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { Border, Colour, Spacing } from \"../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    color: ${Colour[\"text\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const FilterHeaderButton = styled(ClickableIcon)`\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 = styled.div<FilterFooterProps>`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    background-color: ${Colour[\"bg\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${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","Colour","FilterHeaderButton","ClickableIcon","Spacing","FilterFooter","Border","props","$insetBottom","FilterDoneButton","Button","Default"],"mappings":"6NAiBO,MAAMA,EAAaC,EAAOC,GAAG;;;;aAIvBC,EAAa;EAObC,EAAqBH,EAAOI,EAAc;eACxCC,EAAQ,iBAAiBA,EAAQ;;aAEnCH,EAAa;;;;;;;;iBAQTA,EAAO;;EAQXI,EAAeN,EAAOC,GAAsB;eAC1CI,EAAQ,iBAAiBA,EAAQ;wBACxBH,EAAW;kBACjBK,EAAO,gBAAgBA,EAAc,SAAKL,EAAe;MACpEM,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    color: ${Colour[\"text\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeaderButton = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    margin-right: auto;\n    color: ${Colour[\"icon\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n\n    &:hover {\n        color: ${Colour[\"icon-hover\"]};\n    }\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const filterFooter = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    background-color: ${Colour[\"bg\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n`;\n\nexport const filterFooterWithInsetBottom = css`\n    ${tokens.filterFooter.insetBottom}: initial;\n    padding-bottom: var(${tokens.filterFooter.insetBottom});\n`;\n\nexport const filterDoneButton = css`\n    width: 100%;\n`;\n"],"names":["tokens","filterFooter","insetBottom","filterBody","filterHeaderButton","filterFooterWithInsetBottom","filterDoneButton"],"mappings":"0DAIO,MAAMA,EAAS,CAClBC,aAAc,CACVC,YAAa,mDAQRC,EAAU,UAWVC,EAAkB,UAmBlBH,EAAY,UAMZI,EAA2B,UAK3BC,EAAgB"}

package/filter/filter.styles_1ykijwm.css

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

package/filter/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./addons/types";
 export * from "./filter";
 export * from "./types";

package/filter/types.d.ts

@@ -1,109 +1,214 @@
-import { CSSProperties, ReactNode } from "react";
-import { ButtonStyleType } from "../button/types";
-import { FormLabelAddonProps } from "../form/types";
-import { Insets } from "../shared/types";
+import type { CSSProperties, ReactNode } from "react";
+import type { ButtonStyleType } from "../button/types";
+import type { FormLabelAddonProps } from "../form/form-label/types";
+import type { Insets } from "../shared/types";
+/**
+ * Rendering context for the filter panel.
+ *
+ * `"default"` indicates the desktop sidebar; `"mobile"` indicates the modal overlay.
+ */
 export type Mode = "default" | "mobile";
 interface FilterSidebarCustomLabelProps {
+    /**
+     * The title of the filter header
+     *
+     * @default "Filters"
+     */
     headerTitle?: string | undefined;
+    /**
+     * The display label of the `Clear` button
+     *
+     * @default "Clear"
+     */
     clearButtonLabel?: string | undefined;
 }
 interface FilterModalCustomLabelProps {
+    /**
+     * The title of the filter header
+     *
+     * @default "Filters"
+     */
     headerTitle?: string | undefined;
+    /**
+     * The display label of the filter toggle button (in mobile)
+     *
+     * @default "Filters"
+     */
     toggleFilterButtonLabel?: string | undefined;
+    /**
+     * The display label of the `Done` button (in mobile)
+     *
+     * @default "Done"
+     */
     doneButtonLabel?: string | undefined;
+    /**
+     * The display label of the `Clear` button
+     *
+     * @default "Clear"
+     */
     clearButtonLabel?: string | undefined;
 }
+/**
+ * Shared props for the sidebar and modal variants of the filter panel.
+ */
 export interface FilterBaseProps {
     id?: string | undefined;
     "data-testid"?: string | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;
+    /**
+     * Number of active filter selections displayed as a badge on the header and
+     * toggle button.
+     */
     count?: number | undefined;
+    /**
+     * When `true`, the clear button is rendered in a disabled state.
+     *
+     * @default false
+     */
     clearButtonDisabled?: boolean | undefined;
-    /** Called when clear button is pressed */
+    /** Called when the clear button is pressed. */
     onClear?: (() => void) | undefined;
+    /**
+     * Content rendered inside the filter panel.
+     *
+     * Pass a render function to receive the current `Mode` and conditionally
+     * render different content for desktop (`"default"`) and mobile (`"mobile"`).
+     */
     children?: ReactNode | ((mode: Mode) => ReactNode);
     /**
-     * @deprecated
-     * use customLabels instead
+     * @deprecated Use `customLabels` instead.
      */
     headerTitle?: string | undefined;
     /**
-     * @deprecated
-     * use customLabels instead
+     * @deprecated Use `customLabels` instead.
      */
     toggleFilterButtonLabel?: string | undefined;
     /**
-     * @deprecated
-     * use customLabels instead
+     * @deprecated Use `customLabels` instead.
      */
     doneButtonLabel?: string | undefined;
 }
+/**
+ * Props for the `Filter.Sidebar` sub-component.
+ */
 export interface FilterSidebarProps extends FilterBaseProps {
+    /** Overrides default labels used by the sidebar variant. */
     customLabels?: FilterSidebarCustomLabelProps | undefined;
 }
+/**
+ * Props for the `Filter.Modal` sub-component.
+ */
 export interface FilterModalProps extends FilterBaseProps {
-    /** Called when dismiss button is pressed (mobile mode only) */
+    /** Called when the dismiss (close) button is pressed in the modal overlay. */
     onDismiss?: (() => void) | undefined;
-    /** Called when done button is pressed (mobile mode only) */
+    /** Called when the done button is pressed in the modal overlay. */
     onDone?: (() => void) | undefined;
+    /** Called when the modal overlay is opened by the toggle button. */
     onModalOpen?: () => void;
+    /**
+     * Visual style of the toggle button that opens the modal.
+     *
+     * @default "light"
+     */
     toggleFilterButtonStyle?: ButtonStyleType | undefined;
+    /** Overrides default labels used by the modal variant. */
     customLabels?: FilterModalCustomLabelProps | undefined;
+    /**
+     * Safe-area insets applied to the modal header and footer, useful for
+     * notch or home-indicator offsets on mobile devices.
+     */
     insets?: Insets | undefined;
 }
+/**
+ * Props for the `Filter` component.
+ */
 export interface FilterProps extends Omit<FilterSidebarProps, "customLabels">, Omit<FilterModalProps, "customLabels"> {
+    /**
+     * Overrides default labels for the active variant.
+     *
+     * Only the labels relevant to the current mode (sidebar or modal) are used.
+     */
     customLabels?: FilterModalCustomLabelProps | FilterSidebarCustomLabelProps | undefined;
 }
+/**
+ * Props for the `Filter.Item` sub-component.
+ */
 export interface FilterItemProps {
+    /**
+     * Content rendered inside the filter item.
+     *
+     * Pass a render function to receive the current `Mode` and minimised state,
+     * enabling content to adapt between desktop and mobile contexts.
+     */
     children: React.ReactNode | ((mode: Mode, state: {
         minimised: boolean;
     }) => React.ReactNode);
-    /** Specifies if header divider is visible in default mode */
+    /**
+     * Whether a divider line is shown above the item in desktop mode.
+     *
+     * @default true
+     */
     showDivider?: boolean | undefined;
-    /** Specifies if divider is visible in mobile mode */
+    /**
+     * Whether a divider line is shown above the item in mobile mode.
+     *
+     * @default true
+     */
     showMobileDivider?: boolean | undefined;
+    /** Label rendered in the item header. */
     title?: string | undefined;
+    /** Optional popover addon displayed inline with the title. */
     addon?: FormLabelAddonProps | undefined;
     className?: string | undefined;
     id?: string | undefined;
     "data-testid"?: string | undefined;
+    /**
+     * Whether the item can be expanded or collapsed in desktop mode.
+     * Items are always expanded in mobile mode regardless of this setting.
+     *
+     * @default true
+     */
     collapsible?: boolean | undefined;
-    /** Specifies the initial expand state for the uncontrolled component */
+    /**
+     * Initial expanded state for the uncontrolled component.
+     * Has no effect when `expanded` is provided.
+     *
+     * @default false
+     */
     initialExpanded?: boolean | undefined;
-    /** Specifies the expand state for the controlled component */
+    /**
+     * Controls the expanded state. When provided, the component is controlled
+     * and `onExpandChange` must be used to update the value.
+     */
     expanded?: boolean | undefined;
-    /** Called when the expand state changes */
+    /**
+     * Called when the user toggles the expand/collapse state.
+     */
     onExpandChange?: ((expanded: boolean) => void) | undefined;
+    /**
+     * Whether the item content can be minimised to show a truncated height with
+     * a "View more" button.
+     *
+     * @default false
+     */
     minimisable?: boolean | undefined;
+    /**
+     * Height in pixels to clip the content when minimised.
+     * Defaults to 50% of content height, capped at 216 px.
+     */
     minimisedHeight?: number | undefined;
     style?: React.CSSProperties | undefined;
 }
+/**
+ * Props for the `Filter.Page` sub-component.
+ */
 export interface FilterPageProps {
+    "data-testid"?: string | undefined;
     children: React.ReactNode;
-    /** Called when dismiss button is pressed */
+    /** Called when the back (dismiss) button is pressed. */
     onDismiss?: (() => void) | undefined;
-    /** Called when done button is pressed */
+    /** Called when the done button is pressed. */
     onDone?: (() => void) | undefined;
 }
-export interface FilterItemCheckboxOptionProps {
-    value: any;
-    label: string;
-    options?: FilterItemCheckboxOptionProps[] | undefined;
-}
-export interface FilterItemCheckboxProps<T = FilterItemCheckboxOptionProps> extends Omit<FilterItemProps, "children"> {
-    options: T[];
-    selectedOptions?: T[] | undefined;
-    onSelect?: ((options: T[]) => void) | undefined;
-    /** Function to derive display value from an item. If not set, checks `item.label`. */
-    labelExtractor?: ((item: T) => React.ReactNode) | undefined;
-    /** Function to derive value from an item. If not set, checks `item.value`. */
-    valueExtractor?: ((item: T) => string) | undefined;
-    /** Changes min-width of toggle in mobile view to fit content */
-    useToggleContentWidth?: boolean | undefined;
-    /** Display checkbox list for mobile view */
-    showAsCheckboxInMobile?: boolean | undefined;
-    /** Whether to allow minimising (show "View more" button) */
-    minimisableOptions?: boolean | undefined;
-}
 export {};

package/footer/footer-disclaimer-links-data.d.ts

@@ -1,3 +1,3 @@
-import { ResourceScheme } from "../theme/types";
-import { InternalDisclaimerLinks } from "./footer-helper";
-export declare const getDefaultDisclaimerLinks: (resourceScheme?: ResourceScheme) => InternalDisclaimerLinks;
+import type { ThemeType } from "../theme/types";
+import type { InternalDisclaimerLinks } from "./footer-helper";
+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 { ResourceScheme } from \"../theme/types\";\nimport { 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?: ResourceScheme) => {\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"}
+{"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 @@
+@layer fds{.wmm1xbv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}:where(body.fds-breakpoint-lg-max) .wmm1xbv{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0;}
+.l171bo4j{margin-bottom:var(--fds-spacing-16);color:var(--fds-footer-colour-text);}
+.a17bpz54{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:var(--fds-spacing-16);-webkit-column-gap:var(--fds-spacing-16);column-gap:var(--fds-spacing-16);}
+.a30jq0e img{width:auto;height:3.75rem;object-fit:contain;display:block;}:where(body.fds-breakpoint-lg-max) .a30jq0e img{height:3rem;width:100%;}}

package/footer/footer-helper.d.ts

@@ -1,13 +1,16 @@
-import { ResourceScheme } from "../theme/types";
-import { TypographyLinkProps } from "../typography";
-import { DisclaimerLinks } from "./types";
+import type { ThemeType } from "../theme/types";
+import type { TypographyLinkProps } from "../typography";
+import type { DisclaimerLinks } from "./types";
 export interface InternalDisclaimerLinks {
     privacy?: TypographyLinkProps | undefined;
     termsOfUse?: TypographyLinkProps | undefined;
     reportVulnerability?: TypographyLinkProps | undefined;
 }
-export declare namespace FooterHelper {
-    const getCopyrightInfo: (lastUpdated: Date | undefined, resourceScheme: ResourceScheme | undefined) => string;
-    const getFooterLogoAttribute: (resourceScheme?: ResourceScheme) => React.ImgHTMLAttributes<HTMLImageElement>;
-    const getDisclaimerLinks: (resourceScheme: ResourceScheme | undefined, customDisclaimerLinks: DisclaimerLinks | undefined) => InternalDisclaimerLinks;
+export declare class FooterHelper {
+    static getCopyrightInfo(lastUpdated: Date | undefined, resourceScheme: ThemeType | undefined): string;
+    private static getCopyrightText;
+    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";var s;!function(s){s.getCopyrightInfo=(t=new Date,s)=>{const o=r(s);return`${`${(new Date).getFullYear()} ${o}`} Last updated ${e(t).format("D MMMM YYYY")}`};const r=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."}};s.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"}};case"toteboard":return{src:"https://assets.life.gov.sg/react-design-system/img/logo/tote-board-logo.svg",alt:"Tote Board",style:{width:"4rem"}};default:return{}}},s.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"})}}}(s||(s={}));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\";\nimport { ResourceScheme } from \"../theme/types\";\nimport { TypographyLinkProps } from \"../typography\";\nimport { getDefaultDisclaimerLinks } from \"./footer-disclaimer-links-data\";\nimport { DisclaimerLinks } from \"./types\";\n\n/* Internally used.  Not to be exported */\nexport interface InternalDisclaimerLinks {\n    privacy?: TypographyLinkProps | undefined;\n    termsOfUse?: TypographyLinkProps | undefined;\n    reportVulnerability?: TypographyLinkProps | undefined;\n}\n\nexport namespace FooterHelper {\n    export const getCopyrightInfo = (\n        lastUpdated: Date = new Date(),\n        resourceScheme: ResourceScheme | undefined\n    ): string => {\n        const copyrightText = getCopyrightText(resourceScheme);\n        const copyright = `${new Date().getFullYear()} ${copyrightText}`;\n        const lastUpdatedDateString = dayjs(lastUpdated).format(\"D MMMM YYYY\");\n\n        return `${copyright} Last updated ${lastUpdatedDateString}`;\n    };\n\n    const getCopyrightText = (resourceScheme: ResourceScheme | undefined) => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return \"LifeSG, Government of Singapore.\";\n            case \"bookingsg\":\n                return \"BookingSG, Government of Singapore.\";\n            case \"mylegacy\":\n                return \"MyLegacy@LifeSG, Government of Singapore.\";\n            case \"ccube\":\n                return \"Citizen Collective Common, Government of Singapore.\";\n            case \"imda\":\n                return \"IMDA, Government of Singapore.\";\n            default:\n                return \"Government of Singapore.\";\n        }\n    };\n\n    export const getFooterLogoAttribute = (\n        resourceScheme?: ResourceScheme\n    ): React.ImgHTMLAttributes<HTMLImageElement> => {\n        switch (resourceScheme) {\n            case \"lifesg\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/lifesg-primary-logo.svg\",\n                    alt: \"LifeSG\",\n                    style: { width: \"4rem\" },\n                };\n\n            case \"bookingsg\":\n                return {\n                    src: \"https://home.booking.gov.sg/images/bookingsg/footer.svg\",\n                    alt: \"BookingSG\",\n                    style: { width: \"4rem\" },\n                };\n            case \"mylegacy\":\n                return {\n                    src: \"https://mylegacy.life.gov.sg/images/site-logo.png\",\n                    alt: \"MyLegacy\",\n                    style: { width: \"10rem\", maxHeight: \"2rem\" },\n                };\n            case \"ccube\":\n                return {\n                    src: \"https://assets.life.gov.sg/ccube/logo-ccube.svg\",\n                    alt: \"Citizen Collective Common\",\n                    style: { width: \"10rem\" },\n                };\n            case \"supportgowhere\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/sgw-logo.png\",\n                    alt: \"SupportGoWhere\",\n                    style: { width: \"10rem\" },\n                };\n            case \"toteboard\":\n                return {\n                    src: \"https://assets.life.gov.sg/react-design-system/img/logo/tote-board-logo.svg\",\n                    alt: \"Tote Board\",\n                    style: { width: \"4rem\" },\n                };\n\n            default:\n                return {};\n        }\n    };\n\n    export const getDisclaimerLinks = (\n        resourceScheme: ResourceScheme | undefined,\n        customDisclaimerLinks: DisclaimerLinks | undefined\n    ): InternalDisclaimerLinks => {\n        const defaultDisclaimerLinks =\n            getDefaultDisclaimerLinks(resourceScheme);\n        return {\n            privacy: {\n                ...defaultDisclaimerLinks.privacy,\n                ...(customDisclaimerLinks && customDisclaimerLinks.privacy\n                    ? customDisclaimerLinks.privacy\n                    : {}),\n                children: \"Privacy Statement\",\n            },\n            termsOfUse: {\n                ...defaultDisclaimerLinks.termsOfUse,\n                ...(customDisclaimerLinks && customDisclaimerLinks.termsOfUse\n                    ? customDisclaimerLinks.termsOfUse\n                    : {}),\n                children: \"Terms of Use\",\n            },\n            reportVulnerability: {\n                ...defaultDisclaimerLinks.reportVulnerability,\n                ...(customDisclaimerLinks &&\n                customDisclaimerLinks.reportVulnerability\n                    ? customDisclaimerLinks.reportVulnerability\n                    : {}),\n                children: \"Report Vulnerability\",\n            },\n        };\n    };\n}\n"],"names":["FooterHelper","getCopyrightInfo","lastUpdated","Date","resourceScheme","copyrightText","getCopyrightText","getFullYear","dayjs","format","getFooterLogoAttribute","src","alt","style","width","maxHeight","getDisclaimerLinks","customDisclaimerLinks","defaultDisclaimerLinks","getDefaultDisclaimerLinks","privacy","Object","assign","children","termsOfUse","reportVulnerability"],"mappings":"4HAaM,IAAWA,GAAjB,SAAiBA,GACAA,EAAAC,iBAAmB,CAC5BC,EAAoB,IAAIC,KACxBC,KAEA,MAAMC,EAAgBC,EAAiBF,GAIvC,MAAO,GAHW,IAAG,IAAID,MAAOI,iBAAiBF,oBACnBG,EAAMN,GAAaO,OAAO,gBAEG,EAG/D,MAAMH,EAAoBF,IACtB,OAAQA,GACJ,IAAK,SACD,MAAO,mCACX,IAAK,YACD,MAAO,sCACX,IAAK,WACD,MAAO,4CACX,IAAK,QACD,MAAO,sDACX,IAAK,OACD,MAAO,iCACX,QACI,MAAO,6BAINJ,EAAAU,uBACTN,IAEA,OAAQA,GACJ,IAAK,SACD,MAAO,CACHO,IAAK,kFACLC,IAAK,SACLC,MAAO,CAAEC,MAAO,SAGxB,IAAK,YACD,MAAO,CACHH,IAAK,0DACLC,IAAK,YACLC,MAAO,CAAEC,MAAO,SAExB,IAAK,WACD,MAAO,CACHH,IAAK,oDACLC,IAAK,WACLC,MAAO,CAAEC,MAAO,QAASC,UAAW,SAE5C,IAAK,QACD,MAAO,CACHJ,IAAK,kDACLC,IAAK,4BACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,iBACD,MAAO,CACHH,IAAK,uEACLC,IAAK,iBACLC,MAAO,CAAEC,MAAO,UAExB,IAAK,YACD,MAAO,CACHH,IAAK,8EACLC,IAAK,aACLC,MAAO,CAAEC,MAAO,SAGxB,QACI,MAAO,CAAA,IAINd,EAAAgB,mBAAqB,CAC9BZ,EACAa,KAEA,MAAMC,EACFC,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,yBAEjB,CAER,CA3GD,CAAiBvB,IAAAA,EAAY,CAAA"}
+{"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/typography.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

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

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

package/footer/footer-resource-addon.styles.d.ts

@@ -1,2 +1,4 @@
-export declare const Img: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export declare const Items: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const img: import("@linaria/core").LinariaClassName;
+export declare const govtechLogo: import("@linaria/core").LinariaClassName;
+export declare const psdLogo: import("@linaria/core").LinariaClassName;
+export declare const items: import("@linaria/core").LinariaClassName;

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

@@ -1,10 +1,2 @@
-import i from"styled-components";import{Spacing as t}from"../theme/index.js";const m=i.img`
-    max-height: ${t["spacing-72"]};
-    max-width: 100%;
-`,a=i.div`
-    display: flex;
-    align-items: flex-start;
-    gap: ${t["spacing-32"]};
-    margin-top: ${t["spacing-16"]};
-`;export{m as Img,a as Items};
+import"./footer-resource-addon.styles_1jepb1d.css";const o="ieulqso",e="gaeoncc",t="prt8kdt",r="ich52w2";export{e as govtechLogo,o as img,r as items,t as psdLogo};
 //# sourceMappingURL=footer-resource-addon.styles.js.map