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

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

@@ -1 +1 @@
-{"version":3,"file":"filter-item.js","sources":["../../../src/filter/filter-item.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { animated, useSpring } from \"@react-spring/web\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { Button } from \"../button\";\nimport { PopoverAddon } from \"../form/form-label-addon\";\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { useApplyStyle } from \"../theme\";\nimport { useId } from \"../util\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-item.styles\";\nimport type { FilterItemProps } from \"./types\";\n\nexport const FilterItem = ({\n    collapsible: desktopCollapsible = true,\n    initialExpanded = false,\n    expanded: controlledExpanded,\n    onExpandChange,\n    minimisable = false,\n    minimisedHeight,\n    showDivider = true,\n    showMobileDivider = true,\n    title,\n    addon,\n    children,\n    className,\n    ...otherProps\n}: FilterItemProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const { mode, rootNode } = useContext(FilterContext);\n    const isMobile = mode === \"mobile\";\n    const [expanded, setExpanded] = useState(getInitialExpandState());\n    const [contentMinimised, setContentMinimised] = useState(minimisable);\n    const collapsible = !isMobile && desktopCollapsible;\n\n    const itemResizeDetector = useResizeDetector();\n    const contentResizeDetector = useResizeDetector();\n    const itemAnimationStyles = useSpring({\n        height: expanded ? itemResizeDetector.height : 0,\n    });\n    const contentHeight = contentMinimised\n        ? minimisedHeight ??\n          Math.min((contentResizeDetector.height ?? 0) * 0.5, 216)\n        : contentResizeDetector.height;\n    const internalId = useId();\n    const contentId = `${internalId}-content`;\n    const titleId = `${internalId}-title`;\n    const minimisableContentRef = useRef<HTMLDivElement | null>(null);\n\n    useApplyStyle(minimisableContentRef, {\n        [styles.tokens.minimisableContent.height]: contentHeight\n            ? `${contentHeight}px`\n            : null,\n    });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setExpanded(getInitialExpandState());\n    }, [desktopCollapsible, controlledExpanded]);\n\n    useEffect(() => {\n        setContentMinimised(minimisable);\n    }, [minimisable]);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleExpandCollapse = () => {\n        const nextState = !expanded;\n\n        if (isNil(controlledExpanded)) {\n            setExpanded(nextState);\n        }\n\n        if (onExpandChange) {\n            onExpandChange(nextState);\n        }\n    };\n\n    const handleMinimise = () => {\n        setContentMinimised(!contentMinimised);\n    };\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    function getInitialExpandState() {\n        if (isMobile) {\n            return true;\n        }\n        if (isNil(controlledExpanded)) {\n            return !desktopCollapsible || initialExpanded;\n        }\n        return controlledExpanded;\n    }\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return (\n                    <PopoverAddon\n                        addon={addon}\n                        rootNode={isMobile ? rootNode : undefined}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div\n            aria-labelledby={titleId}\n            className={clsx(\n                styles.filterItemWrapper,\n                (collapsible || isMobile) && styles.filterItemWrapperDarker\n            )}\n        >\n            <div\n                className={clsx(\n                    styles.divider,\n                    (isMobile ? showMobileDivider : showDivider) &&\n                        styles.dividerVisible,\n                    isMobile && styles.dividerMobile\n                )}\n            />\n            {(title || collapsible) && (\n                <div\n                    className={clsx(\n                        styles.filterItemHeader,\n                        isMobile && styles.filterItemHeaderMobile\n                    )}\n                >\n                    {title && (\n                        <h3\n                            id={titleId}\n                            data-testid=\"filter-item-title\"\n                            className={clsx(\n                                styles.filterItemTitle,\n                                isMobile && styles.filterItemTitleMobile\n                            )}\n                        >\n                            {title} {addon && renderAddon()}\n                        </h3>\n                    )}\n                    {collapsible && (\n                        <ClickableIcon\n                            className={styles.filterItemExpandButton}\n                            data-testid={\"expand-collapse-button\"}\n                            focusHighlight={false}\n                            focusOutline=\"browser\"\n                            onClick={handleExpandCollapse}\n                            aria-expanded={expanded}\n                            aria-disabled={!collapsible}\n                            aria-controls={contentId}\n                        >\n                            {title && <VisuallyHidden>{title}</VisuallyHidden>}\n                            <ChevronDownIcon\n                                aria-hidden\n                                className={clsx(\n                                    styles.chevronIcon,\n                                    expanded && styles.chevronIconExpanded\n                                )}\n                            />\n                        </ClickableIcon>\n                    )}\n                </div>\n            )}\n            <animated.div\n                className={styles.expandableItem}\n                id={contentId}\n                data-testid={\"expandable-container\"}\n                data-expanded={expanded}\n                style={itemAnimationStyles}\n                inert={inertValue(!expanded)}\n            >\n                <div ref={itemResizeDetector.ref}>\n                    <div\n                        className={clsx(styles.filterItemBody, className)}\n                        {...otherProps}\n                    >\n                        <div\n                            ref={minimisableContentRef}\n                            data-testid=\"minimisable-container\"\n                            className={clsx(\n                                styles.minimisableContent,\n                                minimisable &&\n                                    styles.minimisableContentMinimisable\n                            )}\n                        >\n                            <div ref={contentResizeDetector.ref}>\n                                <div data-id=\"content-container\">\n                                    {typeof children === \"function\"\n                                        ? children(mode, {\n                                              minimised: contentMinimised,\n                                          })\n                                        : children}\n                                </div>\n                            </div>\n                        </div>\n                        {minimisable && (\n                            <Button\n                                className={styles.filterItemMinimiseButton}\n                                data-id=\"minimise-button\"\n                                sizeType=\"small\"\n                                styleType=\"link\"\n                                type=\"button\"\n                                onClick={handleMinimise}\n                            >\n                                <VisuallyHidden>{`view ${\n                                    contentMinimised ? \"more\" : \"less\"\n                                } in ${title}`}</VisuallyHidden>\n                                <span aria-hidden>\n                                    View {contentMinimised ? \"more\" : \"less\"}\n                                </span>\n                            </Button>\n                        )}\n                    </div>\n                </div>\n            </animated.div>\n        </div>\n    );\n};\n\nFilterItem.displayName = \"Filter.Item\";\n"],"names":["FilterItem","_a","collapsible","desktopCollapsible","initialExpanded","expanded","controlledExpanded","onExpandChange","minimisable","minimisedHeight","showDivider","showMobileDivider","title","addon","children","className","otherProps","__rest","mode","rootNode","useContext","FilterContext","isMobile","setExpanded","useState","getInitialExpandState","contentMinimised","setContentMinimised","itemResizeDetector","useResizeDetector","contentResizeDetector","itemAnimationStyles","useSpring","height","contentHeight","Math","min","_b","internalId","useId","contentId","titleId","minimisableContentRef","useRef","useApplyStyle","styles.tokens","minimisableContent","useEffect","isNil","_jsxs","clsx","styles.filterItemWrapper","styles.filterItemWrapperDarker","_jsx","styles.divider","styles.dividerVisible","styles.dividerMobile","styles.filterItemHeader","styles.filterItemHeaderMobile","id","styles.filterItemTitle","styles.filterItemTitleMobile","type","PopoverAddon","undefined","ClickableIcon","styles.filterItemExpandButton","focusHighlight","focusOutline","onClick","nextState","VisuallyHidden","ChevronDownIcon","styles.chevronIcon","styles.chevronIconExpanded","animated","div","styles.expandableItem","style","inert","inertValue","ref","Object","assign","styles.filterItemBody","styles.minimisableContent","styles.minimisableContentMinimisable","minimised","Button","styles.filterItemMinimiseButton","sizeType","styleType","displayName"],"mappings":"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"}
+{"version":3,"file":"filter-item.js","sources":["../../../src/filter/filter-item.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { animated, useSpring } from \"@react-spring/web\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { Button } from \"../button\";\nimport { PopoverAddon } from \"../form/form-label-addon\";\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { useApplyStyle } from \"../theme\";\nimport { useId } from \"../util\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-item.styles\";\nimport type { FilterItemProps } from \"./types\";\n\nconst DEFAULT_MINIMISED_HEIGHT_CAP = 216;\n\nexport const FilterItem = ({\n    collapsible: desktopCollapsible = true,\n    initialExpanded = false,\n    expanded: controlledExpanded,\n    onExpandChange,\n    minimisable = false,\n    minimisedHeight,\n    showDivider = true,\n    showMobileDivider = true,\n    title,\n    addon,\n    children,\n    className,\n    ...otherProps\n}: FilterItemProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const { mode, rootNode } = useContext(FilterContext);\n    const isMobile = mode === \"mobile\";\n    const [expanded, setExpanded] = useState(getInitialExpandState());\n    const [contentMinimised, setContentMinimised] = useState(minimisable);\n    const collapsible = !isMobile && desktopCollapsible;\n\n    const itemResizeDetector = useResizeDetector();\n    const contentResizeDetector = useResizeDetector();\n    const itemAnimationStyles = useSpring({\n        height: expanded ? itemResizeDetector.height : 0,\n    });\n    const contentHeight = contentMinimised\n        ? minimisedHeight ??\n          Math.min(\n              (contentResizeDetector.height ?? 0) * 0.5,\n              DEFAULT_MINIMISED_HEIGHT_CAP\n          )\n        : contentResizeDetector.height;\n    const internalId = useId();\n    const contentId = `${internalId}-content`;\n    const titleId = `${internalId}-title`;\n    const minimisableContentRef = useRef<HTMLDivElement | null>(null);\n\n    useApplyStyle(minimisableContentRef, {\n        [styles.tokens.minimisableContent.height]: contentHeight\n            ? `${contentHeight}px`\n            : null,\n    });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setExpanded(getInitialExpandState());\n    }, [desktopCollapsible, controlledExpanded]);\n\n    useEffect(() => {\n        setContentMinimised(minimisable);\n    }, [minimisable]);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleExpandCollapse = () => {\n        const nextState = !expanded;\n\n        if (isNil(controlledExpanded)) {\n            setExpanded(nextState);\n        }\n\n        if (onExpandChange) {\n            onExpandChange(nextState);\n        }\n    };\n\n    const handleMinimise = () => {\n        setContentMinimised(!contentMinimised);\n    };\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    function getInitialExpandState() {\n        if (isMobile) {\n            return true;\n        }\n        if (isNil(controlledExpanded)) {\n            return !desktopCollapsible || initialExpanded;\n        }\n        return controlledExpanded;\n    }\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return (\n                    <PopoverAddon\n                        addon={addon}\n                        rootNode={isMobile ? rootNode : undefined}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div\n            aria-labelledby={titleId}\n            className={clsx(\n                styles.filterItemWrapper,\n                (collapsible || isMobile) && styles.filterItemWrapperDarker\n            )}\n        >\n            <div\n                className={clsx(\n                    styles.divider,\n                    (isMobile ? showMobileDivider : showDivider) &&\n                        styles.dividerVisible,\n                    isMobile && styles.dividerMobile\n                )}\n            />\n            {(title || collapsible) && (\n                <div\n                    className={clsx(\n                        styles.filterItemHeader,\n                        isMobile && styles.filterItemHeaderMobile\n                    )}\n                >\n                    {title && (\n                        <h3\n                            id={titleId}\n                            data-testid=\"filter-item-title\"\n                            className={clsx(\n                                styles.filterItemTitle,\n                                isMobile && styles.filterItemTitleMobile\n                            )}\n                        >\n                            {title} {addon && renderAddon()}\n                        </h3>\n                    )}\n                    {collapsible && (\n                        <ClickableIcon\n                            className={styles.filterItemExpandButton}\n                            data-testid={\"expand-collapse-button\"}\n                            focusHighlight={false}\n                            focusOutline=\"browser\"\n                            onClick={handleExpandCollapse}\n                            aria-expanded={expanded}\n                            aria-disabled={!collapsible}\n                            aria-controls={contentId}\n                        >\n                            {title && <VisuallyHidden>{title}</VisuallyHidden>}\n                            <ChevronDownIcon\n                                aria-hidden\n                                className={clsx(\n                                    styles.chevronIcon,\n                                    expanded && styles.chevronIconExpanded\n                                )}\n                            />\n                        </ClickableIcon>\n                    )}\n                </div>\n            )}\n            <animated.div\n                className={styles.expandableItem}\n                id={contentId}\n                data-testid={\"expandable-container\"}\n                data-expanded={expanded}\n                style={itemAnimationStyles}\n                inert={inertValue(!expanded)}\n            >\n                <div ref={itemResizeDetector.ref}>\n                    <div\n                        className={clsx(styles.filterItemBody, className)}\n                        {...otherProps}\n                    >\n                        <div\n                            ref={minimisableContentRef}\n                            data-testid=\"minimisable-container\"\n                            className={clsx(\n                                styles.minimisableContent,\n                                minimisable &&\n                                    styles.minimisableContentMinimisable\n                            )}\n                        >\n                            <div ref={contentResizeDetector.ref}>\n                                <div data-id=\"content-container\">\n                                    {typeof children === \"function\"\n                                        ? children(mode, {\n                                              minimised: contentMinimised,\n                                          })\n                                        : children}\n                                </div>\n                            </div>\n                        </div>\n                        {minimisable && (\n                            <Button\n                                className={styles.filterItemMinimiseButton}\n                                data-id=\"minimise-button\"\n                                sizeType=\"small\"\n                                styleType=\"link\"\n                                type=\"button\"\n                                onClick={handleMinimise}\n                            >\n                                <VisuallyHidden>{`view ${\n                                    contentMinimised ? \"more\" : \"less\"\n                                } in ${title}`}</VisuallyHidden>\n                                <span aria-hidden>\n                                    View {contentMinimised ? \"more\" : \"less\"}\n                                </span>\n                            </Button>\n                        )}\n                    </div>\n                </div>\n            </animated.div>\n        </div>\n    );\n};\n\nFilterItem.displayName = \"Filter.Item\";\n"],"names":["FilterItem","_a","collapsible","desktopCollapsible","initialExpanded","expanded","controlledExpanded","onExpandChange","minimisable","minimisedHeight","showDivider","showMobileDivider","title","addon","children","className","otherProps","__rest","mode","rootNode","useContext","FilterContext","isMobile","setExpanded","useState","getInitialExpandState","contentMinimised","setContentMinimised","itemResizeDetector","useResizeDetector","contentResizeDetector","itemAnimationStyles","useSpring","height","contentHeight","Math","min","_b","internalId","useId","contentId","titleId","minimisableContentRef","useRef","useApplyStyle","styles.tokens","minimisableContent","useEffect","isNil","_jsxs","clsx","styles.filterItemWrapper","styles.filterItemWrapperDarker","_jsx","styles.divider","styles.dividerVisible","styles.dividerMobile","styles.filterItemHeader","styles.filterItemHeaderMobile","id","styles.filterItemTitle","styles.filterItemTitleMobile","type","PopoverAddon","undefined","ClickableIcon","styles.filterItemExpandButton","focusHighlight","focusOutline","onClick","nextState","VisuallyHidden","ChevronDownIcon","styles.chevronIcon","styles.chevronIconExpanded","animated","div","styles.expandableItem","style","inert","inertValue","ref","Object","assign","styles.filterItemBody","styles.minimisableContent","styles.minimisableContentMinimisable","minimised","Button","styles.filterItemMinimiseButton","sizeType","styleType","displayName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";require("./filter-item.styles_1e3v6qq.css");exports.chevronIcon="cjime8m",exports.chevronIconExpanded="cl88d88",exports.divider="d136l108",exports.dividerMobile="d4x3x5q",exports.dividerVisible="d89ue12",exports.expandableItem="eqgs6og",exports.filterItemBody="fu0jz3r",exports.filterItemExpandButton="fe52bn7",exports.filterItemHeader="f1eimp3e",exports.filterItemHeaderMobile="f1b5woey",exports.filterItemMinimiseButton="fw516jj",exports.filterItemTitle="fxnpooo",exports.filterItemTitleMobile="f9puapc",exports.filterItemWrapper="f1afprn0",exports.filterItemWrapperDarker="fo96iku",exports.minimisableContent="m1n17l6q",exports.minimisableContentMinimisable="my7z4fl",exports.tokens={minimisableContent:{height:"--fds-internal-filter-minimisableContent-height"}};
+"use strict";require("./filter-item.styles_cphjnj.css");exports.chevronIcon="cjime8m",exports.chevronIconExpanded="cl88d88",exports.divider="d136l108",exports.dividerMobile="d4x3x5q",exports.dividerVisible="d89ue12",exports.expandableItem="eqgs6og",exports.filterItemBody="fu0jz3r",exports.filterItemExpandButton="fe52bn7",exports.filterItemHeader="f1eimp3e",exports.filterItemHeaderMobile="f1b5woey",exports.filterItemMinimiseButton="fw516jj",exports.filterItemTitle="fxnpooo",exports.filterItemTitleMobile="f9puapc",exports.filterItemWrapper="f1afprn0",exports.filterItemWrapperDarker="fo96iku",exports.minimisableContent="m1n17l6q",exports.minimisableContentMinimisable="my7z4fl",exports.tokens={minimisableContent:{height:"--fds-internal-filter-minimisableContent-height"}};
 //# sourceMappingURL=filter-item.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-item.styles.js","sources":["../../../src/filter/filter-item.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Motion, Spacing } from \"../theme\";\n\nexport const tokens = {\n    minimisableContent: {\n        height: \"--fds-internal-filter-minimisableContent-height\",\n    },\n} as const;\n\n// =============================================================================\n// FILTER ITEM STYLES\n// =============================================================================\n\nexport const filterItemWrapper = css`\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterItemWrapperDarker = css`\n    background-color: ${Colour[\"bg-strong\"]};\n`;\n\nexport const divider = css`\n    display: none;\n    height: 1px;\n    background-color: ${Colour[\"border\"]};\n`;\n\nexport const dividerVisible = css`\n    display: block;\n`;\n\nexport const dividerMobile = css`\n    margin: 0 ${Spacing[\"spacing-16\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterItemHeader = css`\n    display: flex;\n    align-items: center;\n\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterItemHeaderMobile = css`\n    background-color: transparent;\n`;\n\nexport const filterItemExpandButton = css`\n    margin: 0 0 0 auto;\n\n    color: ${Colour[\"icon\"]};\n    &:hover {\n        color: ${Colour[\"icon-hover\"]};\n    }\n`;\n\nexport const chevronIcon = css`\n    height: ${Font.Spec[\"body-size-baseline\"]};\n    width: ${Font.Spec[\"body-size-baseline\"]};\n\n    transform: rotate(0deg);\n    transition: transform ${Motion[\"duration-350\"]} ${Motion[\"ease-standard\"]};\n`;\n\nexport const chevronIconExpanded = css`\n    transform: rotate(180deg);\n`;\n\nexport const filterItemTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    color: ${Colour[\"text\"]};\n\n    margin: ${Spacing[\"spacing-24\"]} 0;\n    margin-left: ${Spacing[\"spacing-20\"]};\n`;\n\nexport const filterItemTitleMobile = css`\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtle\"]};\n\n    margin: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]} 0\n        ${Spacing[\"spacing-20\"]};\n`;\n\n// =============================================================================\n// CONTENT STYLES\n// =============================================================================\n\nexport const expandableItem = css`\n    overflow: hidden;\n`;\n\nexport const filterItemBody = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n`;\n\nexport const minimisableContent = css`\n    ${tokens.minimisableContent.height}: initial;\n    height: var(${tokens.minimisableContent.height});\n`;\n\nexport const minimisableContentMinimisable = css`\n    overflow: hidden;\n`;\n\nexport const filterItemMinimiseButton = css`\n    height: fit-content;\n    padding: 0;\n    margin: ${Spacing[\"spacing-16\"]} 0 0 0;\n`;\n"],"names":["minimisableContent","height"],"mappings":"mGA4DwB,sCAQQ,0BA9CZ,iCAUM,iCAJC,iCAgEA,iCAIA,yCA7CQ,mCAXN,0CAOM,4CA8DE,kCArCT,wCAQM,oCAlEJ,2CAIM,qCAkFL,iDAKW,yBArGpB,CAClBA,mBAAoB,CAChBC,OAAQ"}
+{"version":3,"file":"filter-item.styles.js","sources":["../../../src/filter/filter-item.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Motion, Spacing } from \"../theme\";\n\nexport const tokens = {\n    minimisableContent: {\n        height: \"--fds-internal-filter-minimisableContent-height\",\n    },\n} as const;\n\n// =============================================================================\n// FILTER ITEM STYLES\n// =============================================================================\n\nexport const filterItemWrapper = css`\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterItemWrapperDarker = css`\n    background-color: ${Colour[\"bg-strong\"]};\n`;\n\nexport const divider = css`\n    display: none;\n    height: 1px;\n    background-color: ${Colour[\"border\"]};\n`;\n\nexport const dividerVisible = css`\n    display: block;\n`;\n\nexport const dividerMobile = css`\n    margin: 0 ${Spacing[\"spacing-16\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterItemHeader = css`\n    display: flex;\n    align-items: center;\n\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterItemHeaderMobile = css`\n    background-color: transparent;\n`;\n\nexport const filterItemExpandButton = css`\n    margin: 0 0 0 auto;\n\n    color: ${Colour[\"icon\"]};\n    &:hover {\n        color: ${Colour[\"icon-hover\"]};\n    }\n`;\n\nexport const chevronIcon = css`\n    height: ${Font.Spec[\"body-size-baseline\"]};\n    width: ${Font.Spec[\"body-size-baseline\"]};\n\n    transform: rotate(0deg);\n    transition: transform ${Motion[\"duration-350\"]} ${Motion[\"ease-standard\"]};\n`;\n\nexport const chevronIconExpanded = css`\n    transform: rotate(180deg);\n`;\n\nexport const filterItemTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    color: ${Colour[\"text\"]};\n\n    margin: ${Spacing[\"spacing-24\"]} 0;\n    margin-left: ${Spacing[\"spacing-20\"]};\n`;\n\nexport const filterItemTitleMobile = css`\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtle\"]};\n\n    margin: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]} 0\n        ${Spacing[\"spacing-20\"]};\n`;\n\n// =============================================================================\n// CONTENT STYLES\n// =============================================================================\n\nexport const expandableItem = css`\n    overflow: hidden;\n`;\n\nexport const filterItemBody = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n`;\n\nexport const minimisableContent = css`\n    ${tokens.minimisableContent.height}: initial;\n    height: var(${tokens.minimisableContent.height});\n`;\n\nexport const minimisableContentMinimisable = css`\n    overflow: hidden;\n`;\n\nexport const filterItemMinimiseButton = css`\n    height: fit-content;\n    padding: 0;\n    margin: ${Spacing[\"spacing-16\"]} 0 0 0;\n`;\n"],"names":["minimisableContent","height"],"mappings":"kGA4DwB,sCAQQ,0BA9CZ,iCAUM,iCAJC,iCAgEA,iCAIA,yCA7CQ,mCAXN,0CAOM,4CA8DE,kCArCT,wCAQM,oCAlEJ,2CAIM,qCAkFL,iDAKW,yBArGpB,CAClBA,mBAAoB,CAChBC,OAAQ"}

package/{filter/filter-item.styles_1e3v6qq.css → cjs/filter/filter-item.styles_cphjnj.css}

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

package/cjs/filter/filter-modal.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"filter-modal.js","sources":["../../../src/filter/filter-modal.tsx"],"sourcesContent":["import { FloatingFocusManager, useFloating } from \"@floating-ui/react\";\nimport { CrossIcon, FilterIcon } from \"@lifesg/react-icons\";\nimport 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":"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"}
+{"version":3,"file":"filter-modal.js","sources":["../../../src/filter/filter-modal.tsx"],"sourcesContent":["import { FloatingFocusManager, useFloating } from \"@floating-ui/react\";\nimport { CrossIcon, FilterIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport isNumber from \"lodash/isNumber\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Overlay } from \"../overlay\";\nimport { inertValue } from \"../shared/accessibility\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { useApplyStyle } from \"../theme\";\nimport * as filterStyles from \"./filter.styles\";\nimport { FilterBadge } from \"./filter-badge\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-modal.styles\";\nimport type { FilterModalProps } from \"./types\";\n\nexport const FilterModal = ({\n    customLabels,\n    onClear,\n    onDone,\n    onDismiss,\n    onModalOpen,\n    toggleFilterButtonStyle = \"light\",\n    clearButtonDisabled = false,\n    insets,\n    count,\n    children,\n    toggleFilterButtonLabel: _toggleFilterButtonLabel,\n    headerTitle: _headerTitle,\n    doneButtonLabel: _doneButtonLabel,\n    className,\n    ...otherProps\n}: FilterModalProps) => {\n    const { context, refs } = useFloating();\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLDivElement>(null);\n    const footerRef = useRef<HTMLDivElement>(null);\n\n    const [visible, setVisible] = useState(false);\n\n    useApplyStyle(headerRef, {\n        [styles.tokens.filterHeader.insetTop]: isNumber(insets?.top)\n            ? `${insets.top}px`\n            : null,\n    });\n\n    useApplyStyle(footerRef, {\n        [filterStyles.tokens.filterFooter.insetBottom]: isNumber(insets?.bottom)\n            ? `${insets.bottom}px`\n            : null,\n    });\n\n    const handleShow = () => setVisible(true);\n    const handleDismiss = () => {\n        setVisible(false);\n        onDismiss?.();\n    };\n    const handleDone = () => {\n        setVisible(false);\n        onDone?.();\n    };\n\n    const handleShowFilter = () => {\n        handleShow();\n        onModalOpen?.();\n    };\n\n    const labels = {\n        toggle:\n            customLabels?.toggleFilterButtonLabel ||\n            _toggleFilterButtonLabel ||\n            \"Filters\",\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        done: customLabels?.doneButtonLabel || _doneButtonLabel || \"Done\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    useEffect(() => {\n        if (visible) {\n            nodeRef.current?.focus();\n        }\n    }, [visible]);\n\n    return (\n        <FilterContext.Provider value={{ mode: \"mobile\", rootNode: nodeRef }}>\n            <div className={className} {...otherProps}>\n                <Button\n                    className={styles.filterButton}\n                    data-testid=\"filter-show-button\"\n                    styleType={toggleFilterButtonStyle}\n                    onClick={handleShowFilter}\n                    type=\"button\"\n                    icon={<FilterIcon />}\n                >\n                    <span className={styles.filterToggleContent}>\n                        <span>{labels.toggle}</span>\n                        <FilterBadge count={count} />\n                    </span>\n                </Button>\n            </div>\n            <Overlay show={visible} disableTransition>\n                <div\n                    className={styles.floatingWrapper}\n                    inert={inertValue(!visible)}\n                >\n                    <FloatingFocusManager context={context} disabled={!visible}>\n                        <div\n                            className={styles.mobileOverlayContainer}\n                            data-id=\"filter-mobile\"\n                            data-testid=\"filter-mobile\"\n                            ref={refs.setFloating}\n                        >\n                            <div\n                                className={styles.mobileContainer}\n                                ref={nodeRef}\n                                tabIndex={0}\n                            >\n                                <div\n                                    ref={headerRef}\n                                    className={clsx(\n                                        styles.filterHeader,\n                                        isNumber(insets?.top) &&\n                                            styles.filterHeaderWithInsetTop\n                                    )}\n                                >\n                                    <ClickableIcon\n                                        className={\n                                            filterStyles.filterHeaderButton\n                                        }\n                                        onClick={handleDismiss}\n                                        focusOutline=\"browser\"\n                                        focusHighlight={false}\n                                        aria-label={`close ${labels.title}`}\n                                    >\n                                        <CrossIcon />\n                                    </ClickableIcon>\n                                    <div className={styles.filterTitleGroup}>\n                                        <h2 className={styles.filterTitle}>\n                                            {labels.title}\n                                        </h2>\n                                        <FilterBadge count={count} />\n                                    </div>\n                                    <Button\n                                        className={styles.filterClearButton}\n                                        styleType=\"link\"\n                                        type=\"button\"\n                                        sizeType=\"small\"\n                                        onClick={() => onClear?.()}\n                                        disabled={clearButtonDisabled}\n                                        aria-label={`clear ${labels.title}`}\n                                    >\n                                        {labels.clear}\n                                    </Button>\n                                </div>\n                                <div className={filterStyles.filterBody}>\n                                    {children}\n                                </div>\n                                <div\n                                    ref={footerRef}\n                                    className={clsx(\n                                        filterStyles.filterFooter,\n                                        isNumber(insets?.bottom) &&\n                                            filterStyles.filterFooterWithInsetBottom\n                                    )}\n                                >\n                                    <Button\n                                        className={\n                                            filterStyles.filterDoneButton\n                                        }\n                                        onClick={handleDone}\n                                    >\n                                        {labels.done}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </FloatingFocusManager>\n                </div>\n            </Overlay>\n        </FilterContext.Provider>\n    );\n};\n\nFilterModal.displayName = \"Filter.Modal\";\n"],"names":["FilterModal","_a","customLabels","onClear","onDone","onDismiss","onModalOpen","toggleFilterButtonStyle","clearButtonDisabled","insets","count","children","toggleFilterButtonLabel","_toggleFilterButtonLabel","headerTitle","_headerTitle","doneButtonLabel","_doneButtonLabel","className","otherProps","__rest","context","refs","useFloating","nodeRef","useRef","headerRef","footerRef","visible","setVisible","useState","useApplyStyle","styles.tokens","filterHeader","insetTop","isNumber","top","filterStyles.tokens","filterFooter","insetBottom","bottom","labels","toggle","title","done","clear","clearButtonLabel","useEffect","current","focus","_jsxs","FilterContext","Provider","value","mode","rootNode","_jsx","Object","assign","Button","styles.filterButton","styleType","onClick","type","icon","FilterIcon","styles.filterToggleContent","FilterBadge","Overlay","show","disableTransition","styles.floatingWrapper","inert","inertValue","FloatingFocusManager","disabled","styles.mobileOverlayContainer","ref","setFloating","styles.mobileContainer","tabIndex","clsx","styles.filterHeader","styles.filterHeaderWithInsetTop","ClickableIcon","filterStyles.filterHeaderButton","focusOutline","focusHighlight","CrossIcon","styles.filterTitleGroup","styles.filterTitle","styles.filterClearButton","sizeType","filterStyles.filterBody","filterStyles.filterFooter","filterStyles.filterFooterWithInsetBottom","filterStyles.filterDoneButton","displayName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";require("./filter-modal.styles_e0ev97.css");exports.filterButton="fxpov9b",exports.filterClearButton="f14huz7l",exports.filterHeader="f1ijv0o9",exports.filterHeaderWithInsetTop="f50yopa",exports.filterTitle="f15rygha",exports.floatingWrapper="fidypou",exports.mobileContainer="m19agezm",exports.mobileOverlayContainer="m11wuwo8",exports.tokens={filterHeader:{insetTop:"--fds-internal-filter-filterModalHeader-insetTop"}};
+"use strict";require("./filter-modal.styles_qw3xlg.css");exports.filterButton="flrfycx",exports.filterClearButton="f14zog8f",exports.filterHeader="f1ijv0o9",exports.filterHeaderWithInsetTop="f50yopa",exports.filterTitle="f14huz7l",exports.filterTitleGroup="f15rygha",exports.filterToggleContent="fxpov9b",exports.floatingWrapper="fidypou",exports.mobileContainer="m19agezm",exports.mobileOverlayContainer="m11wuwo8",exports.tokens={filterHeader:{insetTop:"--fds-internal-filter-filterModalHeader-insetTop"}};
 //# sourceMappingURL=filter-modal.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-modal.styles.js","sources":["../../../src/filter/filter-modal.styles.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":["filterHeader","insetTop"],"mappings":"oGAgEyB,oCAVK,gCAlBL,4CAMY,8BAKb,mCAnBI,kCAdA,0CAQO,0BAlBb,CAClBA,aAAc,CACVC,SAAU"}
+{"version":3,"file":"filter-modal.styles.js","sources":["../../../src/filter/filter-modal.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../theme\";\n\nexport const tokens = {\n    filterHeader: {\n        insetTop: \"--fds-internal-filter-filterModalHeader-insetTop\",\n    },\n} as const;\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const mobileContainer = css`\n    background-color: ${Colour[\"bg-strong\"]};\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const mobileOverlayContainer = css`\n    background-color: ${Colour[\"bg\"]};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const floatingWrapper = css`\n    height: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeader = css`\n    display: flex;\n    align-items: center;\n    background-color: ${Colour[\"bg\"]};\n`;\n\nexport const filterHeaderWithInsetTop = css`\n    ${tokens.filterHeader.insetTop}: initial;\n    padding-top: var(${tokens.filterHeader.insetTop});\n`;\n\nexport const filterTitleGroup = css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: ${Spacing[\"spacing-8\"]};\n    margin: ${Spacing[\"spacing-24\"]} 0;\n`;\n\nexport const filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const filterToggleContent = css`\n    display: inline-flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    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":["filterHeader","insetTop"],"mappings":"oGA6EyB,oCAVK,gCA/BL,4CAMY,8BAcb,oCATK,uCAcG,kCAjCJ,kCAdA,0CAQO,0BAlBb,CAClBA,aAAc,CACVC,SAAU"}

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

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

package/cjs/filter/filter-sidebar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"filter-sidebar.js","sources":["../../../src/filter/filter-sidebar.tsx"],"sourcesContent":["import 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":"qVASO,MAAMA,EAAiBC,QAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,SAC3BA,EACAC,YAAaC,EAAYC,UACzBA,GAASP,EACNQ,EAAUC,EAAAA,OAAAT,EAPa,uFAS1B,MAAMU,EAAUC,EAAAA,OAAuB,MAEjCC,EAAS,CACXC,OAAOZ,aAAY,EAAZA,EAAcI,cAAeC,GAAgB,UACpDQ,OAAOb,eAAAA,EAAcc,mBAAoB,SAG7C,OACIC,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASN,SACjEkB,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAA,UACY,iBAAgB,cACZ,iBACZC,IAAKf,EACLH,UAAWmB,EAAAA,QAAKC,EAAAA,iBAAyBpB,IACrCC,EAAU,CAAAJ,SAAA,CAEdkB,EAAAA,KAAA,MAAA,CAAKf,UAAWqB,EAAAA,aAAmBxB,SAAA,CAC/BY,MAAA,KAAA,CAAIT,UAAWsB,EAAAA,YAAkBzB,SAAGQ,EAAOC,QAC3CG,EAAAA,IAACc,EAAAA,OAAM,CACHvB,UAAWwB,EAAAA,kBACXC,UAAU,OACVC,KAAK,SACLC,SAAS,QACTC,QAAS,IAAMjC,aAAO,EAAPA,IACfkC,SAAUjC,EAAmB,aACjB,SAASS,EAAOC,QAAOT,SAElCQ,EAAOE,WAGhBE,EAAAA,IAAA,MAAA,CAAKT,UAAW8B,aAAuBjC,SAAGA,SAEzB,EAIjCL,EAAcuC,YAAc"}
+{"version":3,"file":"filter-sidebar.js","sources":["../../../src/filter/filter-sidebar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { Button } from \"../button\";\nimport * as filterStyles from \"./filter.styles\";\nimport { FilterBadge } from \"./filter-badge\";\nimport { FilterContext } from \"./filter-context\";\nimport * as styles from \"./filter-sidebar.styles\";\nimport type { FilterSidebarProps } from \"./types\";\n\nexport const FilterSidebar = ({\n    customLabels,\n    onClear,\n    clearButtonDisabled = false,\n    count,\n    children,\n    headerTitle: _headerTitle,\n    className,\n    ...otherProps\n}: FilterSidebarProps) => {\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    const labels = {\n        title: customLabels?.headerTitle || _headerTitle || \"Filters\",\n        clear: customLabels?.clearButtonLabel || \"Clear\",\n    };\n\n    return (\n        <FilterContext.Provider value={{ mode: \"default\", rootNode: nodeRef }}>\n            <div\n                data-id=\"filter-desktop\"\n                data-testid=\"filter-desktop\"\n                ref={nodeRef}\n                className={clsx(styles.desktopContainer, className)}\n                {...otherProps}\n            >\n                <div className={styles.filterHeader}>\n                    <div className={styles.filterTitleGroup}>\n                        <h2 className={styles.filterTitle}>{labels.title}</h2>\n                        <FilterBadge count={count} />\n                    </div>\n                    <Button\n                        className={styles.filterClearButton}\n                        styleType=\"link\"\n                        type=\"button\"\n                        sizeType=\"small\"\n                        onClick={() => onClear?.()}\n                        disabled={clearButtonDisabled}\n                        aria-label={`clear ${labels.title}`}\n                    >\n                        {labels.clear}\n                    </Button>\n                </div>\n                <div className={filterStyles.filterBody}>{children}</div>\n            </div>\n        </FilterContext.Provider>\n    );\n};\n\nFilterSidebar.displayName = \"Filter.Sidebar\";\n"],"names":["FilterSidebar","_a","customLabels","onClear","clearButtonDisabled","count","children","headerTitle","_headerTitle","className","otherProps","__rest","nodeRef","useRef","labels","title","clear","clearButtonLabel","_jsx","FilterContext","Provider","value","mode","rootNode","_jsxs","Object","assign","ref","clsx","styles.desktopContainer","styles.filterHeader","styles.filterTitleGroup","styles.filterTitle","FilterBadge","Button","styles.filterClearButton","styleType","type","sizeType","onClick","disabled","filterStyles.filterBody","displayName"],"mappings":"oXAUO,MAAMA,EAAiBC,QAAAC,aAC1BA,EAAYC,QACZA,EAAOC,oBACPA,GAAsB,EAAKC,MAC3BA,EAAKC,SACLA,EACAC,YAAaC,EAAYC,UACzBA,KACGC,EAAUC,SAAAV,EARa,CAAA,eAAA,UAAA,sBAAA,QAAA,WAAA,cAAA,cAU1B,MAAMW,EAAUC,EAAAA,OAAuB,MAEjCC,EAAS,CACXC,OAAOb,aAAY,EAAZA,EAAcK,cAAeC,GAAgB,UACpDQ,OAAOd,eAAAA,EAAce,mBAAoB,SAG7C,OACIC,MAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAO,CAAEC,KAAM,UAAWC,SAAUX,GAASN,SACjEkB,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAA,UACY,iBAAgB,cACZ,iBACZC,IAAKf,EACLH,UAAWmB,EAAAA,QAAKC,EAAAA,iBAAyBpB,IACrCC,EAAU,CAAAJ,SAAA,CAEdkB,EAAAA,KAAA,MAAA,CAAKf,UAAWqB,eAAmBxB,SAAA,CAC/BkB,EAAAA,YAAKf,UAAWsB,EAAAA,iBAAuBzB,SAAA,CACnCY,EAAAA,IAAA,KAAA,CAAIT,UAAWuB,EAAAA,YAAkB1B,SAAGQ,EAAOC,QAC3CG,EAAAA,IAACe,EAAAA,YAAW,CAAC5B,MAAOA,OAExBa,EAAAA,IAACgB,SAAM,CACHzB,UAAW0B,EAAAA,kBACXC,UAAU,OACVC,KAAK,SACLC,SAAS,QACTC,QAAS,IAAMpC,aAAO,EAAPA,IACfqC,SAAUpC,EAAmB,aACjB,SAASU,EAAOC,iBAE3BD,EAAOE,WAGhBE,EAAAA,IAAA,MAAA,CAAKT,UAAWgC,EAAAA,WAAuBnC,SAAGA,SAEzB,EAIjCN,EAAc0C,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";require("./filter-sidebar.styles_cwvqql.css");exports.desktopContainer="d1a2pl71",exports.filterClearButton="f1i4s84l",exports.filterHeader="fq9unar",exports.filterTitle="fjfy2r5";
+"use strict";require("./filter-sidebar.styles_1otwpjl.css");exports.desktopContainer="d1a2pl71",exports.filterClearButton="f122t6n9",exports.filterHeader="fq9unar",exports.filterTitle="f1i4s84l",exports.filterTitleGroup="fjfy2r5";
 //# sourceMappingURL=filter-sidebar.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-sidebar.styles.js","sources":["../../../src/filter/filter-sidebar.styles.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":[],"mappings":"0GAQ6B,qCA0BC,gCAdL,8BAOD"}
+{"version":3,"file":"filter-sidebar.styles.js","sources":["../../../src/filter/filter-sidebar.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const desktopContainer = css`\n    background-color: ${Colour[\"bg\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    overflow: hidden;\n    width: 100%;\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeader = css`\n    display: flex;\n    align-items: center;\n\n    background-color: ${Colour[\"bg\"]};\n    color: ${Colour[\"text\"]};\n`;\n\nexport const filterTitleGroup = css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: ${Spacing[\"spacing-8\"]};\n    margin: ${Spacing[\"spacing-24\"]} 0 ${Spacing[\"spacing-24\"]}\n        ${Spacing[\"spacing-20\"]};\n`;\n\nexport const filterTitle = css`\n    ${Font[\"heading-xs-semibold\"]}\n`;\n\nexport const filterClearButton = css`\n    background-color: transparent;\n    padding-right: ${Spacing[\"spacing-20\"]};\n    padding-left: ${Spacing[\"spacing-20\"]};\n    height: 100%;\n`;\n"],"names":[],"mappings":"2GAQ6B,qCAkCC,gCAtBL,8BAkBD,oCAVK"}

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

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

package/cjs/filter/filter.js.map

@@ -1 +1 @@
-{"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":"6vBAUO,MAAMA,EAAUC,QAAAC,SACnBA,EAAQC,UACRA,EAASC,MACTA,EAAKC,UACLA,EAASC,OACTA,EAAMC,YACNA,EAAWC,wBACXA,EAAuBC,OACvBA,EAAMC,GACNA,EACA,cAAeC,GAAMV,EAClBW,EAAKC,EAAAA,OAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAWC,EAAAA,sBAAsB,MAQvC,OANAC,EAAAA,WAAU,KACDF,GACDT,SAAAA,GACJ,GACD,CAACS,IAGAG,EAAAA,WAAKd,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DY,EACGG,EAAAA,IAACC,cAAWC,OAAAC,OAAA,CACRf,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVe,EAAAA,IAACI,EAAAA,+BAAkBT,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAIdF,EAAOsB,QAAUD,EAAAA,cACjBrB,EAAOuB,MAAQL,EAAAA,YACflB,EAAOwB,KAAOC,EAAAA,WACdzB,EAAO0B,KAAOC,EAAAA,eACd3B,EAAO4B,SAAWC,EAAAA"}
+{"version":3,"file":"filter.js","sources":["../../../src/filter/filter.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { useMaxWidthMediaQuery } from \"../theme\";\nimport { FilterItemCheckbox } from \"./addons/filter-item-checkbox\";\nimport { FilterItem } from \"./filter-item\";\nimport { FilterItemPage } from \"./filter-item-page\";\nimport { FilterModal } from \"./filter-modal\";\nimport { FilterSidebar } from \"./filter-sidebar\";\nimport type { FilterProps } from \"./types\";\n\n/**\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 */\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\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":"6vBA0BO,MAAMA,EAAUC,QAAAC,SACnBA,EAAQC,UACRA,EAASC,MACTA,EAAKC,UACLA,EAASC,OACTA,EAAMC,YACNA,EAAWC,wBACXA,EAAuBC,OACvBA,EAAMC,GACNA,EACA,cAAeC,GAAMV,EAClBW,EAAKC,EAAAA,OAAAZ,EAXW,CAAA,WAAA,YAAA,QAAA,YAAA,SAAA,cAAA,0BAAA,SAAA,KAAA,gBAanB,MAAMa,EAAWC,EAAAA,sBAAsB,MAQvC,OANAC,EAAAA,WAAU,KACDF,GACDT,SAAAA,GACJ,GACD,CAACS,IAGAG,EAAAA,WAAKd,UAAWA,EAAWC,MAAOA,EAAOM,GAAIA,EAAE,cAAeC,EAAMT,SAC/DY,EACGG,EAAAA,IAACC,cAAWC,OAAAC,OAAA,CACRf,UAAWA,EACXC,OAAQA,EACRC,YAAaA,EACbC,wBAAyBA,EACzBC,OAAQA,GACJG,EAAK,CAAAV,SAEY,mBAAbA,EACFA,EAAS,UACTA,KAGVe,EAAAA,IAACI,EAAAA,+BAAkBT,EAAK,CAAAV,SACC,mBAAbA,EACFA,EAAS,WACTA,MAGZ,EAKdF,EAAOsB,QAAUD,EAAAA,cAEjBrB,EAAOuB,MAAQL,EAAAA,YAEflB,EAAOwB,KAAOC,EAAAA,WAEdzB,EAAO0B,KAAOC,EAAAA,eAEd3B,EAAO4B,SAAWC,EAAAA"}

package/cjs/filter/filter.styles.js

@@ -1,2 +1,2 @@
-"use strict";require("./filter.styles_2fmaok.css");exports.filterBody="fh4ozpc",exports.filterDoneButton="f1iv2dy9",exports.filterFooter="fp6e1r1",exports.filterFooterWithInsetBottom="f8nn92t",exports.filterHeaderButton="f3bn9l4",exports.tokens={filterFooter:{insetBottom:"--fds-internal-filter-filterFooter-insetBottom"}};
+"use strict";require("./filter.styles_1ykijwm.css");exports.filterBody="fh4ozpc",exports.filterDoneButton="f1iv2dy9",exports.filterFooter="fp6e1r1",exports.filterFooterWithInsetBottom="f8nn92t",exports.filterHeaderButton="f3bn9l4",exports.tokens={filterFooter:{insetBottom:"--fds-internal-filter-filterFooter-insetBottom"}};
 //# sourceMappingURL=filter.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter.styles.js","sources":["../../../src/filter/filter.styles.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":["filterFooter","insetBottom"],"mappings":"4FAcuB,mCAwCM,gCAXJ,8CAMe,qCAzBT,yBApBT,CAClBA,aAAc,CACVC,YAAa"}
+{"version":3,"file":"filter.styles.js","sources":["../../../src/filter/filter.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Spacing } from \"../theme\";\n\nexport const tokens = {\n    filterFooter: {\n        insetBottom: \"--fds-internal-filter-filterFooter-insetBottom\",\n    },\n} as const;\n\n// =============================================================================\n// CONTAINER STYLES\n// =============================================================================\n\nexport const filterBody = css`\n    flex: 1;\n    width: 100%;\n    overflow-y: auto;\n    color: ${Colour[\"text\"]};\n`;\n\n// =============================================================================\n// HEADER STYLES\n// =============================================================================\n\nexport const filterHeaderButton = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    margin-right: auto;\n    color: ${Colour[\"icon\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n\n    &:hover {\n        color: ${Colour[\"icon-hover\"]};\n    }\n`;\n\n// =============================================================================\n// COMPONENT STYLES\n// =============================================================================\n\nexport const filterFooter = css`\n    padding: ${Spacing[\"spacing-24\"]} ${Spacing[\"spacing-20\"]};\n    background-color: ${Colour[\"bg\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n`;\n\nexport const filterFooterWithInsetBottom = css`\n    ${tokens.filterFooter.insetBottom}: initial;\n    padding-bottom: var(${tokens.filterFooter.insetBottom});\n`;\n\nexport const filterDoneButton = css`\n    width: 100%;\n`;\n"],"names":["filterFooter","insetBottom"],"mappings":"6FAcuB,mCAyCM,gCAXJ,8CAMe,qCAzBT,yBArBT,CAClBA,aAAc,CACVC,YAAa"}

package/cjs/filter/{filter.styles_2fmaok.css → filter.styles_1ykijwm.css}

@@ -1,5 +1,5 @@
-.fh4ozpc{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;overflow-y:auto;}
+@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%;}
+.f1iv2dy9{width:100%;}}

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

@@ -1,4 +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;}
+@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%;}
+.a30jq0e img{width:auto;height:3.75rem;object-fit:contain;display:block;}:where(body.fds-breakpoint-lg-max) .a30jq0e img{height:3rem;width:100%;}}

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

@@ -1,4 +1,4 @@
-.ieulqso{max-height:var(--fds-spacing-72);max-width:100%;}
+@layer fds{.ieulqso{max-height:var(--fds-spacing-72);max-width:100%;}
 .gaeoncc{height:4.5rem;}
 .prt8kdt{height:3.5rem;}
-.ich52w2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--fds-spacing-32);margin-top:var(--fds-spacing-16);}
+.ich52w2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--fds-spacing-32);margin-top:var(--fds-spacing-16);}}

package/cjs/footer/footer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("clsx"),r=require("react"),s=require("../divider/divider.js"),i=require("../layout/index.js"),n=require("../theme/theme-provider/context.js"),l=require("../typography/index.js"),a=require("./footer.styles.js"),c=require("./footer-download-app.js"),d=require("./footer-helper.js"),u=require("./footer-resource-addon.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(t);exports.Footer=t=>{var{children:h,links:p,lastUpdated:j,disclaimerLinks:g,showDownloadAddon:x,showResourceAddon:y,logoSrc:f,copyrightInfo:k,onFooterLinkClick:v,layout:N="default",hideLogo:S,className:L}=t,b=e.__rest(t,["children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","copyrightInfo","onFooterLinkClick","layout","hideLogo","className"]);const q="stretch"===N,C=r.useContext(n.ThemeContext),F=t=>t.map(((t,r)=>{const{"data-options":s}=t,i=e.__rest(t,["data-options"]);return o.jsx("li",{children:o.jsx(l.Typography.LinkMD,Object.assign({underlineStyle:"none",className:a.footerLink},i,{onClick:e=>((e,o)=>{o.onClick?(e.preventDefault(),o.onClick(e)):v&&(e.preventDefault(),v(o))})(e,t)}))},r)}));return o.jsxs("footer",Object.assign({},b,{className:m.default(a.baseFooter,L),children:[(()=>{let t=null;if(h)return h;if(p||x){const r=d.FooterHelper.getFooterLogoAttribute(null==C?void 0:C.theme),{src:s,logoType:i}=r,n=e.__rest(r,["src","logoType"]);t=o.jsxs(o.Fragment,{children:[(f||s)&&!S&&o.jsx("div",{"data-testid":"logo-section",className:a.logoSection,children:o.jsx("img",Object.assign({src:f||s,"data-testid":"logo",className:m.default(a.logoImage,i&&a.logoSize[i])},n))}),o.jsx("div",{className:a.linkSectionWrapper,children:null==p?void 0:p.map(((e,t)=>o.jsx("ul",{"data-testid":`link-col-${t}`,className:a.linkSection,children:F(e)},`link-col-${t}`)))}),x&&o.jsx("div",{className:a.addonSection,children:o.jsx(c.DownloadApp,{})}),!x&&y&&o.jsx("div",{className:a.addonSection,children:o.jsx(u.ResourceAddon,{})})]})}return t?o.jsxs(o.Fragment,{children:[o.jsx(i.Layout.Content,{className:a.topSection,stretch:q,children:t}),o.jsx(s.Divider,{className:a.fullWidthDivider})]}):null})(),o.jsxs(i.Layout.Content,{className:a.bottomSection,stretch:q,children:[o.jsx("div",{className:a.bottomSectionContent,children:(()=>{const e=d.FooterHelper.getDisclaimerLinks(null==C?void 0:C.theme,g);return Object.keys(e).map((t=>o.jsx(l.Typography.LinkXS,Object.assign({underlineStyle:"none",className:a.disclaimerTextLink},e[t]),t)))})()},"disclaimer"),o.jsx("div",{className:m.default(a.bottomSectionContent,a.copyrightSection),children:o.jsx(l.Typography.BodyXS,{"data-testid":"copyright-text",className:a.copyrightText,children:k||o.jsxs(o.Fragment,{children:["©"," ",d.FooterHelper.getCopyrightInfo(j,null==C?void 0:C.theme)]})})},"copyright")]})]}))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("clsx"),r=require("react"),s=require("../divider/divider.js"),i=require("../layout/index.js"),n=require("../theme/theme-provider/context.js"),l=require("../typography/index.js"),a=require("./footer.styles.js"),c=require("./footer-download-app.js"),d=require("./footer-helper.js"),u=require("./footer-resource-addon.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(o);exports.Footer=o=>{var{children:h,links:p,lastUpdated:g,disclaimerLinks:j,showDownloadAddon:x,showResourceAddon:y,logoSrc:f,logoAlt:k="",copyrightInfo:v,onFooterLinkClick:N,layout:S="default",hideLogo:L,className:b}=o,q=e.__rest(o,["children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","logoAlt","copyrightInfo","onFooterLinkClick","layout","hideLogo","className"]);const C="stretch"===S,F=r.useContext(n.ThemeContext),A=o=>o.map(((o,r)=>{const{"data-options":s}=o,i=e.__rest(o,["data-options"]);return t.jsx("li",{children:t.jsx(l.Typography.LinkMD,Object.assign({underlineStyle:"none",className:a.footerLink},i,{onClick:e=>((e,t)=>{t.onClick?(e.preventDefault(),t.onClick(e)):N&&(e.preventDefault(),N(t))})(e,o)}))},r)}));return t.jsxs("footer",Object.assign({},q,{className:m.default(a.baseFooter,b),children:[(()=>{let o=null;if(h)return h;if(p||x){const r=d.FooterHelper.getFooterLogoAttribute(null==F?void 0:F.theme),{src:s,alt:i,logoType:n}=r,l=e.__rest(r,["src","alt","logoType"]);o=t.jsxs(t.Fragment,{children:[(f||s)&&!L&&t.jsx("div",{"data-testid":"logo-section",className:a.logoSection,children:t.jsx("img",Object.assign({src:f||s,"data-testid":"logo",className:m.default(a.logoImage,n&&a.logoSize[n]),alt:k||i},l))}),t.jsx("div",{className:a.linkSectionWrapper,children:null==p?void 0:p.map(((e,o)=>t.jsx("ul",{"data-testid":`link-col-${o}`,className:a.linkSection,children:A(e)},`link-col-${o}`)))}),x&&t.jsx("div",{className:a.addonSection,children:t.jsx(c.DownloadApp,{})}),!x&&y&&t.jsx("div",{className:a.addonSection,children:t.jsx(u.ResourceAddon,{})})]})}return o?t.jsxs(t.Fragment,{children:[t.jsx(i.Layout.Content,{className:a.topSection,stretch:C,children:o}),t.jsx(s.Divider,{className:a.fullWidthDivider})]}):null})(),t.jsxs(i.Layout.Content,{className:a.bottomSection,stretch:C,children:[t.jsx("div",{className:a.bottomSectionContent,children:(()=>{const e=d.FooterHelper.getDisclaimerLinks(null==F?void 0:F.theme,j);return Object.keys(e).map((o=>t.jsx(l.Typography.LinkXS,Object.assign({underlineStyle:"none",className:a.disclaimerTextLink},e[o]),o)))})()},"disclaimer"),t.jsx("div",{className:m.default(a.bottomSectionContent,a.copyrightSection),children:t.jsx(l.Typography.BodyXS,{"data-testid":"copyright-text",className:a.copyrightText,children:v||t.jsxs(t.Fragment,{children:["©"," ",d.FooterHelper.getCopyrightInfo(g,null==F?void 0:F.theme)]})})},"copyright")]})]}))};
 //# sourceMappingURL=footer.js.map

package/cjs/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../src/footer/footer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./footer.styles\";\nimport { DownloadApp } from \"./footer-download-app\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\nimport { FooterHelper } from \"./footer-helper\";\nimport { ResourceAddon } from \"./footer-resource-addon\";\nimport type { FooterLinkProps, FooterProps } from \"./types\";\n\nexport const Footer = <T,>({\n    children,\n    links,\n    lastUpdated,\n    disclaimerLinks,\n    showDownloadAddon,\n    showResourceAddon,\n    logoSrc,\n    copyrightInfo,\n    onFooterLinkClick,\n    layout = \"default\",\n    hideLogo,\n    className,\n    ...otherProps\n}: FooterProps<T>) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const isStretch = layout === \"stretch\";\n    const theme = useContext(ThemeContext);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleLinkClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: FooterLinkProps<K>\n    ) => {\n        /**\n         * Individual link onClick will override\n         * the onFooterLinkClick callback\n         */\n        if (item.onClick) {\n            event.preventDefault();\n            item.onClick(event);\n        } else if (onFooterLinkClick) {\n            event.preventDefault();\n            onFooterLinkClick(item);\n        } else {\n            // do nothing, let default behaviour happen\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderDisclaimerLinks = () => {\n        const links = FooterHelper.getDisclaimerLinks(\n            theme?.theme,\n            disclaimerLinks\n        );\n\n        return (Object.keys(links) as (keyof InternalDisclaimerLinks)[]).map(\n            (key) => {\n                return (\n                    <Typography.LinkXS\n                        key={key}\n                        underlineStyle=\"none\"\n                        className={styles.disclaimerTextLink}\n                        {...links[key]}\n                    />\n                );\n            }\n        );\n    };\n\n    const renderFooterLinks = (links: FooterLinkProps<T>[]) => {\n        return links.map((link, index) => {\n            const { \"data-options\": _options, ...otherProps } = link;\n\n            return (\n                <li key={index}>\n                    <Typography.LinkMD\n                        underlineStyle=\"none\"\n                        className={styles.footerLink}\n                        {...otherProps}\n                        onClick={(event) => handleLinkClick(event, link)}\n                    />\n                </li>\n            );\n        });\n    };\n\n    const renderTopSection = () => {\n        let component: React.ReactNode = null;\n\n        if (children) {\n            return children;\n        }\n\n        if (links || showDownloadAddon) {\n            const { src, logoType, ...otherLogoAttributes } =\n                FooterHelper.getFooterLogoAttribute(theme?.theme);\n            component = (\n                <>\n                    {(logoSrc || src) && !hideLogo && (\n                        <div\n                            data-testid=\"logo-section\"\n                            className={styles.logoSection}\n                        >\n                            <img\n                                src={logoSrc || src}\n                                data-testid=\"logo\"\n                                className={clsx(\n                                    styles.logoImage,\n                                    logoType && styles.logoSize[logoType]\n                                )}\n                                {...otherLogoAttributes}\n                            />\n                        </div>\n                    )}\n                    <div className={styles.linkSectionWrapper}>\n                        {links?.map((columnLinks, columnIndex) => (\n                            <ul\n                                key={`link-col-${columnIndex}`}\n                                data-testid={`link-col-${columnIndex}`}\n                                className={styles.linkSection}\n                            >\n                                {renderFooterLinks(columnLinks)}\n                            </ul>\n                        ))}\n                    </div>\n                    {showDownloadAddon && (\n                        <div className={styles.addonSection}>\n                            <DownloadApp />\n                        </div>\n                    )}\n                    {/* when showDownloadAddon and showResourceAddon are enabled, showDownloadAddon should take priority to being rendered */}\n                    {!showDownloadAddon && showResourceAddon && (\n                        <div className={styles.addonSection}>\n                            <ResourceAddon />\n                        </div>\n                    )}\n                </>\n            );\n        }\n\n        if (component) {\n            return (\n                <>\n                    <Layout.Content\n                        className={styles.topSection}\n                        stretch={isStretch}\n                    >\n                        {component}\n                    </Layout.Content>\n                    <Divider className={styles.fullWidthDivider} />\n                </>\n            );\n        }\n\n        return null;\n    };\n    return (\n        <footer {...otherProps} className={clsx(styles.baseFooter, className)}>\n            {renderTopSection()}\n            <Layout.Content\n                className={styles.bottomSection}\n                stretch={isStretch}\n            >\n                <div key=\"disclaimer\" className={styles.bottomSectionContent}>\n                    {renderDisclaimerLinks()}\n                </div>\n                <div\n                    key=\"copyright\"\n                    className={clsx(\n                        styles.bottomSectionContent,\n                        styles.copyrightSection\n                    )}\n                >\n                    <Typography.BodyXS\n                        data-testid={\"copyright-text\"}\n                        className={styles.copyrightText}\n                    >\n                        {copyrightInfo || (\n                            <>\n                                &copy;{\" \"}\n                                {FooterHelper.getCopyrightInfo(\n                                    lastUpdated,\n                                    theme?.theme\n                                )}\n                            </>\n                        )}\n                    </Typography.BodyXS>\n                </div>\n            </Layout.Content>\n        </footer>\n    );\n};\n"],"names":["_a","children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","copyrightInfo","onFooterLinkClick","layout","hideLogo","className","otherProps","__rest","isStretch","theme","useContext","ThemeContext","renderFooterLinks","map","link","index","_options","_jsx","Typography","LinkMD","Object","assign","underlineStyle","styles.footerLink","onClick","event","item","preventDefault","handleLinkClick","_jsxs","clsx","styles.baseFooter","component","FooterHelper","getFooterLogoAttribute","src","logoType","otherLogoAttributes","_Fragment","styles.logoSection","styles.logoImage","styles.logoSize","styles.linkSectionWrapper","columnLinks","columnIndex","styles.linkSection","styles.addonSection","DownloadApp","ResourceAddon","Layout","Content","styles.topSection","stretch","Divider","styles.fullWidthDivider","renderTopSection","styles.bottomSection","styles.bottomSectionContent","getDisclaimerLinks","keys","key","LinkXS","styles.disclaimerTextLink","renderDisclaimerLinks","styles.copyrightSection","BodyXS","styles.copyrightText","getCopyrightInfo"],"mappings":"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"}
+{"version":3,"file":"footer.js","sources":["../../../src/footer/footer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./footer.styles\";\nimport { DownloadApp } from \"./footer-download-app\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\nimport { FooterHelper } from \"./footer-helper\";\nimport { ResourceAddon } from \"./footer-resource-addon\";\nimport type { FooterLinkProps, FooterProps } from \"./types\";\n\n/**\n * Site-wide footer with navigation links, branding, and legal copy.\n *\n * Use `Footer` at the bottom of a page to surface navigation links grouped\n * into columns, a theme-appropriate logo, download-app or resource add-ons,\n * and disclaimer links with auto-generated copyright text.\n */\nexport const Footer = <T,>({\n    children,\n    links,\n    lastUpdated,\n    disclaimerLinks,\n    showDownloadAddon,\n    showResourceAddon,\n    logoSrc,\n    logoAlt = \"\",\n    copyrightInfo,\n    onFooterLinkClick,\n    layout = \"default\",\n    hideLogo,\n    className,\n    ...otherProps\n}: FooterProps<T>) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const isStretch = layout === \"stretch\";\n    const theme = useContext(ThemeContext);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleLinkClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: FooterLinkProps<K>\n    ) => {\n        /**\n         * Individual link onClick will override\n         * the onFooterLinkClick callback\n         */\n        if (item.onClick) {\n            event.preventDefault();\n            item.onClick(event);\n        } else if (onFooterLinkClick) {\n            event.preventDefault();\n            onFooterLinkClick(item);\n        } else {\n            // do nothing, let default behaviour happen\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderDisclaimerLinks = () => {\n        const links = FooterHelper.getDisclaimerLinks(\n            theme?.theme,\n            disclaimerLinks\n        );\n\n        return (Object.keys(links) as (keyof InternalDisclaimerLinks)[]).map(\n            (key) => {\n                return (\n                    <Typography.LinkXS\n                        key={key}\n                        underlineStyle=\"none\"\n                        className={styles.disclaimerTextLink}\n                        {...links[key]}\n                    />\n                );\n            }\n        );\n    };\n\n    const renderFooterLinks = (links: FooterLinkProps<T>[]) => {\n        return links.map((link, index) => {\n            const { \"data-options\": _options, ...otherProps } = link;\n\n            return (\n                <li key={index}>\n                    <Typography.LinkMD\n                        underlineStyle=\"none\"\n                        className={styles.footerLink}\n                        {...otherProps}\n                        onClick={(event) => handleLinkClick(event, link)}\n                    />\n                </li>\n            );\n        });\n    };\n\n    const renderTopSection = () => {\n        let component: React.ReactNode = null;\n\n        if (children) {\n            return children;\n        }\n\n        if (links || showDownloadAddon) {\n            const { src, alt, logoType, ...otherLogoAttributes } =\n                FooterHelper.getFooterLogoAttribute(theme?.theme);\n            component = (\n                <>\n                    {(logoSrc || src) && !hideLogo && (\n                        <div\n                            data-testid=\"logo-section\"\n                            className={styles.logoSection}\n                        >\n                            <img\n                                src={logoSrc || src}\n                                data-testid=\"logo\"\n                                className={clsx(\n                                    styles.logoImage,\n                                    logoType && styles.logoSize[logoType]\n                                )}\n                                alt={logoAlt || alt}\n                                {...otherLogoAttributes}\n                            />\n                        </div>\n                    )}\n                    <div className={styles.linkSectionWrapper}>\n                        {links?.map((columnLinks, columnIndex) => (\n                            <ul\n                                key={`link-col-${columnIndex}`}\n                                data-testid={`link-col-${columnIndex}`}\n                                className={styles.linkSection}\n                            >\n                                {renderFooterLinks(columnLinks)}\n                            </ul>\n                        ))}\n                    </div>\n                    {showDownloadAddon && (\n                        <div className={styles.addonSection}>\n                            <DownloadApp />\n                        </div>\n                    )}\n                    {/* when showDownloadAddon and showResourceAddon are enabled, showDownloadAddon should take priority to being rendered */}\n                    {!showDownloadAddon && showResourceAddon && (\n                        <div className={styles.addonSection}>\n                            <ResourceAddon />\n                        </div>\n                    )}\n                </>\n            );\n        }\n\n        if (component) {\n            return (\n                <>\n                    <Layout.Content\n                        className={styles.topSection}\n                        stretch={isStretch}\n                    >\n                        {component}\n                    </Layout.Content>\n                    <Divider className={styles.fullWidthDivider} />\n                </>\n            );\n        }\n\n        return null;\n    };\n    return (\n        <footer {...otherProps} className={clsx(styles.baseFooter, className)}>\n            {renderTopSection()}\n            <Layout.Content\n                className={styles.bottomSection}\n                stretch={isStretch}\n            >\n                <div key=\"disclaimer\" className={styles.bottomSectionContent}>\n                    {renderDisclaimerLinks()}\n                </div>\n                <div\n                    key=\"copyright\"\n                    className={clsx(\n                        styles.bottomSectionContent,\n                        styles.copyrightSection\n                    )}\n                >\n                    <Typography.BodyXS\n                        data-testid={\"copyright-text\"}\n                        className={styles.copyrightText}\n                    >\n                        {copyrightInfo || (\n                            <>\n                                &copy;{\" \"}\n                                {FooterHelper.getCopyrightInfo(\n                                    lastUpdated,\n                                    theme?.theme\n                                )}\n                            </>\n                        )}\n                    </Typography.BodyXS>\n                </div>\n            </Layout.Content>\n        </footer>\n    );\n};\n"],"names":["_a","children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","logoAlt","copyrightInfo","onFooterLinkClick","layout","hideLogo","className","otherProps","__rest","isStretch","theme","useContext","ThemeContext","renderFooterLinks","map","link","index","_options","_jsx","Typography","LinkMD","Object","assign","underlineStyle","styles.footerLink","onClick","event","item","preventDefault","handleLinkClick","_jsxs","clsx","styles.baseFooter","component","FooterHelper","getFooterLogoAttribute","src","alt","logoType","otherLogoAttributes","_Fragment","styles.logoSection","styles.logoImage","styles.logoSize","styles.linkSectionWrapper","columnLinks","columnIndex","styles.linkSection","styles.addonSection","DownloadApp","ResourceAddon","Layout","Content","styles.topSection","stretch","Divider","styles.fullWidthDivider","renderTopSection","styles.bottomSection","styles.bottomSectionContent","getDisclaimerLinks","keys","key","LinkXS","styles.disclaimerTextLink","renderDisclaimerLinks","styles.copyrightSection","BodyXS","styles.copyrightText","getCopyrightInfo"],"mappings":"+fAsB2BA,IAAA,IAAAC,SACvBA,EAAQC,MACRA,EAAKC,YACLA,EAAWC,gBACXA,EAAeC,kBACfA,EAAiBC,kBACjBA,EAAiBC,QACjBA,EAAOC,QACPA,EAAU,GAAEC,cACZA,EAAaC,kBACbA,EAAiBC,OACjBA,EAAS,UAASC,SAClBA,EAAQC,UACRA,GAASb,EACNc,EAAUC,EAAAA,OAAAf,EAdU,sLAmBvB,MAAMgB,EAAuB,YAAXL,EACZM,EAAQC,EAAAA,WAAWC,gBA8CnBC,EAAqBlB,GAChBA,EAAMmB,KAAI,CAACC,EAAMC,KACpB,MAAQ,eAAgBC,GAA4BF,EAAfR,EAAUC,SAAKO,EAA9C,CAAA,iBAEN,OACIG,MAAA,KAAA,CAAAxB,SACIwB,EAAAA,IAACC,EAAAA,WAAWC,OAAMC,OAAAC,OAAA,CACdC,eAAe,OACfjB,UAAWkB,EAAAA,YACPjB,EAAU,CACdkB,QAAUC,GApDN,EACpBA,EACAC,KAMIA,EAAKF,SACLC,EAAME,iBACND,EAAKF,QAAQC,IACNvB,IACPuB,EAAME,iBACNzB,EAAkBwB,GACf,EAsC6BE,CAAgBH,EAAOX,OAL1CC,EAOJ,IA4EjB,OACIc,EAAAA,+BAAYvB,EAAU,CAAED,UAAWyB,EAAAA,QAAKC,EAAAA,WAAmB1B,aAxEtC,MACrB,IAAI2B,EAA6B,KAEjC,GAAIvC,EACA,OAAOA,EAGX,GAAIC,GAASG,EAAmB,CAC5B,MAAML,EACFyC,EAAAA,aAAaC,uBAAuBzB,aAAK,EAALA,EAAOA,QADzC0B,IAAEA,EAAGC,IAAEA,EAAGC,SAAEA,GAAQ7C,EAAK8C,EAAmB/B,SAAAf,EAA5C,CAAA,MAAA,MAAA,aAENwC,EACIH,EAAAA,KAAAU,WAAA,CAAA9C,SAAA,EACMM,GAAWoC,KAAS/B,GAClBa,EAAAA,yBACgB,eACZZ,UAAWmC,cAAkB/C,SAE7BwB,EAAAA,yBACIkB,IAAKpC,GAAWoC,EAAG,cACP,OACZ9B,UAAWyB,UACPW,EAAAA,UACAJ,GAAYK,WAAgBL,IAEhCD,IAAKpC,GAAWoC,GACZE,MAIhBrB,EAAAA,IAAA,MAAA,CAAKZ,UAAWsC,EAAAA,mBAAyBlD,SACpCC,aAAK,EAALA,EAAOmB,KAAI,CAAC+B,EAAaC,IACtB5B,EAAAA,IAAA,KAAA,CAAA,cAEiB,YAAY4B,IACzBxC,UAAWyC,EAAAA,YAAkBrD,SAE5BmB,EAAkBgC,IAJd,YAAYC,SAQ5BhD,GACGoB,MAAA,MAAA,CAAKZ,UAAW0C,EAAAA,aAAmBtD,SAC/BwB,EAAAA,IAAC+B,EAAAA,YAAW,OAIlBnD,GAAqBC,GACnBmB,EAAAA,IAAA,MAAA,CAAKZ,UAAW0C,EAAAA,aAAmBtD,SAC/BwB,EAAAA,IAACgC,EAAAA,cAAa,QAKlC,CAEA,OAAIjB,EAEIH,EAAAA,KAAAU,WAAA,CAAA9C,SAAA,CACIwB,MAACiC,EAAAA,OAAOC,QAAO,CACX9C,UAAW+C,aACXC,QAAS7C,EAASf,SAEjBuC,IAELf,EAAAA,IAACqC,UAAO,CAACjD,UAAWkD,EAAAA,sBAKzB,IAAI,EAINC,GACD3B,EAAAA,KAACqB,EAAAA,OAAOC,QAAO,CACX9C,UAAWoD,EAAAA,cACXJ,QAAS7C,EAASf,SAAA,CAElBwB,MAAA,MAAA,CAAsBZ,UAAWqD,EAAAA,qBAA2BjE,SAnH1C,MAC1B,MAAMC,EAAQuC,EAAAA,aAAa0B,mBACvBlD,aAAK,EAALA,EAAOA,MACPb,GAGJ,OAAQwB,OAAOwC,KAAKlE,GAA6CmB,KAC5DgD,GAEO5C,EAAAA,IAACC,EAAAA,WAAW4C,sBAERxC,eAAe,OACfjB,UAAW0D,EAAAA,oBACPrE,EAAMmE,IAHLA,IAOpB,EAmGYG,IADI,cAGT/C,EAAAA,IAAA,MAAA,CAEIZ,UAAWyB,EAAAA,QACP4B,EAAAA,qBACAO,EAAAA,kBACHxE,SAEDwB,EAAAA,IAACC,EAAAA,WAAWgD,sBACK,iBACb7D,UAAW8D,EAAAA,cAAoB1E,SAE9BQ,GACG4B,EAAAA,KAAAU,EAAAA,SAAA,CAAA9C,SAAA,CAAA,IACW,IACNwC,EAAAA,aAAamC,iBACVzE,EACAc,aAAK,EAALA,EAAOA,aAfnB,mBAsBP"}

package/cjs/footer/footer.styles_1msorhc.css

@@ -1,4 +1,4 @@
-.b1ozupxm{background:var(--fds-footer-colour-bg);}
+@layer fds{.b1ozupxm{background:var(--fds-footer-colour-bg);}
 .f1b3ng0m{color:var(--fds-footer-link-colour-text);}.f1b3ng0m:hover{color:var(--fds-footer-link-colour-text-hover);}
 .f1f7a2pi{width:100%;}
 .t1nab4kr{padding:var(--fds-spacing-64) 0;}:where(body.fds-breakpoint-lg-max) .t1nab4kr{padding:var(--fds-spacing-32) 0;}:where(body.fds-breakpoint-lg-max) .t1nab4kr [data-id="container"]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-32);}
@@ -16,4 +16,4 @@
 .bakpusz{-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}:where(body.fds-breakpoint-lg-max) .bakpusz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-8);}:where(body.fds-breakpoint-lg-max) .bakpusz:not(:last-child){margin-right:0;}
 .cb1d27e{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}:where(body.fds-breakpoint-lg-max) .cb1d27e{margin-top:var(--fds-spacing-16);-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}
 .cntgl6w{color:var(--fds-footer-colour-text);}
-.d2vgmpj{color:var(--fds-footer-disclaimer-link-colour-text);}.d2vgmpj:not(:last-child){margin-right:var(--fds-spacing-16);}.d2vgmpj:hover{color:var(--fds-footer-disclaimer-link-colour-text-hover);}:where(body.fds-breakpoint-lg-max) .d2vgmpj:not(:last-child){margin-right:0;}
+.d2vgmpj{color:var(--fds-footer-disclaimer-link-colour-text);}.d2vgmpj:not(:last-child){margin-right:var(--fds-spacing-16);}.d2vgmpj:hover{color:var(--fds-footer-disclaimer-link-colour-text-hover);}:where(body.fds-breakpoint-lg-max) .d2vgmpj:not(:last-child){margin-right:0;}}

package/cjs/form/form-label-addon.styles_b00z8p.css

@@ -1 +1 @@
-.akbk9y1{padding-left:var(--fds-spacing-4);display:inline;}
+@layer fds{.akbk9y1{padding-left:var(--fds-spacing-4);display:inline;}}

package/cjs/form/form-label.styles.js

@@ -1,2 +1,2 @@
-"use strict";require("./form-label.styles_rk98yd.css");exports.errorIcon="eyg2zu6",exports.errorMessage="e39ds6s",exports.errorMessageContainer="e4aab9k",exports.label="lf1tnj",exports.labelContainer="l170pjsx",exports.subtitle="s1n6ixex";
+"use strict";require("./form-label.styles_1nbe0bm.css");exports.errorIcon="eyg2zu6",exports.errorMessage="e39ds6s",exports.errorMessageContainer="e4aab9k",exports.label="lf1tnj",exports.labelContainer="l170pjsx",exports.subtitle="s1n6ixex";
 //# sourceMappingURL=form-label.styles.js.map

package/cjs/form/form-label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.styles.js","sources":["../../../src/form/form-label.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const labelContainer = css`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const label = css`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n    ${Font[\"form-label\"]}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const errorMessageContainer = css`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessage = css`\n    color: ${Colour[\"text-error\"]};\n    ${Font[\"body-sm-semibold\"]}\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const subtitle = css`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":[],"mappings":"6FAkBsB,+BAcG,wCAPS,wBAdhB,gCAJS,4BAgCN"}
+{"version":3,"file":"form-label.styles.js","sources":["../../../src/form/form-label.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const labelContainer = css`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    display: flex;\n    flex-direction: column;\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const label = css`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n    ${Font[\"form-label\"]}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const errorMessageContainer = css`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessage = css`\n    color: ${Colour[\"text-error\"]};\n    ${Font[\"body-sm-semibold\"]}\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const subtitle = css`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":[],"mappings":"8FAqBsB,+BAcG,wCAPS,wBAdhB,gCAPS,4BAmCN"}

package/cjs/form/form-label.styles_1nbe0bm.css

@@ -0,0 +1,6 @@
+@layer fds{.l170pjsx{margin-bottom:var(--fds-spacing-8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-4);}
+.lf1tnj{color:var(--fds-colour-text-subtle);display:inline-block;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-label-size);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-form-label-lh);letter-spacing:var(--fds-font-form-label-ls);font-weight:var(--fds-font-weight-semibold);}
+.eyg2zu6{height:1lh;width:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--fds-colour-icon-error-strong);}
+.e4aab9k{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-4);margin-top:var(--fds-spacing-8);}
+.e39ds6s{color:var(--fds-colour-text-error);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);margin-bottom:0;outline:none;}
+.s1n6ixex{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-description-size);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-form-description-lh);letter-spacing:var(--fds-font-form-description-ls);color:var(--fds-colour-text-subtler);display:block;}}

package/cjs/form/form-textarea.styles_3p9qoy.css

@@ -1,3 +1,3 @@
-.l1g6v039{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:var(--fds-spacing-8);}
+@layer fds{.l1g6v039{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:var(--fds-spacing-8);}
 .exxic43{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:var(--fds-spacing-12);gap:var(--fds-spacing-4);}
-.ebp2a0d{margin-top:0;}
+.ebp2a0d{margin-top:0;}}

package/cjs/form/form-wrapper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),l=require("../layout/col-div.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var s=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("./form-label.js"),i=require("./form-wrapper.styles.js");exports.FormWrapper=({label:t,errorMessage:o,id:d,children:n,layoutType:u,xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C,"data-testid":p,"data-error-testid":v})=>{const f=!u&&(c||m||x||b||j||g||C)?"grid":u||"flex",h="string"==typeof o?o.trim():o,y=s.useId(),q=`${null!=d?d:y}-label`,$=`${null!=d?d:y}-label-subtitle`,F=`${null!=d?d:y}-error-message`;const w=(e=>{switch(e){case"grid":return l.ColDiv;case"flex":return"div"}})(f);return e.jsxs(w,Object.assign({className:i.container,"data-testid":p},(e=>{switch(e){case"grid":return{xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C};case"flex":return}})(f),{children:[t&&("string"==typeof t?e.jsx(a.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q,children:t}):e.jsx(a.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q},t))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[h?F:void 0,"object"==typeof t&&(null==t?void 0:t.subtitle)?$:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":t?q:void 0};return r.Children.map(n,(l=>r.cloneElement(l,e)))})(),h&&e.jsx(a.FormErrorMessage,{id:F,tabIndex:0,"data-testid":null!=v?v:d?`${d}-error-message`:"error-message",children:h})]}))};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),l=require("../layout/col-div.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var s=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("./form-label.js"),t=require("./form-wrapper.styles.js");exports.FormWrapper=({label:i,errorMessage:o,id:d,children:n,layoutType:u,xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C,"data-testid":p,"data-error-testid":v})=>{const y=!u&&(c||m||x||b||j||g||C)?"grid":u||"flex",f="string"==typeof o?o.trim():o,h=s.useId(),q=`${null!=d?d:h}-label`,$=`${null!=d?d:h}-label-subtitle`,F=`${null!=d?d:h}-error-message`;const E=(e=>{switch(e){case"grid":return l.ColDiv;case"flex":return"div"}})(y);return e.jsxs(E,Object.assign({className:t.container,"data-testid":p},(e=>{switch(e){case"grid":return{xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C};case"flex":return}})(y),{children:[i&&("string"==typeof i?e.jsx(a.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q,children:i}):e.jsx(a.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q},i))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[f?F:void 0,"object"==typeof i&&(null==i?void 0:i.subtitle)?$:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":i?q:void 0};return r.Children.map(n,(l=>r.isValidElement(l)&&l.type===r.Fragment?r.cloneElement(l):r.cloneElement(l,e)))})(),f&&e.jsx(a.FormErrorMessage,{id:F,tabIndex:0,"data-testid":null!=v?v:d?`${d}-error-message`:"error-message",children:f})]}))};
 //# sourceMappingURL=form-wrapper.js.map