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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"footer-resource-addon.styles.js","sources":["../../src/footer/footer-resource-addon.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const Img = styled.img`\n    max-height: ${V3_Spacing[\"spacing-72\"]};\n    max-width: 100%;\n`;\n\nexport const Items = styled.div`\n    display: flex;\n    align-items: flex-start;\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n`;\n"],"names":["Img","styled","img","V3_Spacing","Items","div"],"mappings":"mFAIO,MAAMA,EAAMC,EAAOC,GAAG;kBACXC,EAAW;;EAIhBC,EAAQH,EAAOI,GAAG;;;WAGpBF,EAAW;kBACJA,EAAW;"}
+{"version":3,"file":"footer-resource-addon.styles.js","sources":["../../src/footer/footer-resource-addon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const img = css`\n    max-height: ${Spacing[\"spacing-72\"]};\n    max-width: 100%;\n`;\n\nexport const govtechLogo = css`\n    height: 4.5rem;\n`;\n\nexport const psdLogo = css`\n    height: 3.5rem;\n`;\n\nexport const items = css`\n    display: flex;\n    align-items: flex-start;\n    gap: ${Spacing[\"spacing-32\"]};\n    margin-top: ${Spacing[\"spacing-16\"]};\n`;\n"],"names":["img","govtechLogo","psdLogo","items"],"mappings":"yEAIO,MAAMA,EAAG,UAKHC,EAAW,UAIXC,EAAO,UAIPC,EAAK"}

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

@@ -0,0 +1,4 @@
+.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);}

package/footer/footer.d.ts

@@ -1,2 +1,2 @@
 import type { FooterProps } from "./types";
-export declare const Footer: <T>({ children, links, lastUpdated, disclaimerLinks, showDownloadAddon, showResourceAddon, logoSrc, copyrightInfo, onFooterLinkClick, layout, hideLogo, ...otherProps }: FooterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: <T>({ children, links, lastUpdated, disclaimerLinks, showDownloadAddon, showResourceAddon, logoSrc, copyrightInfo, onFooterLinkClick, layout, hideLogo, className, ...otherProps }: FooterProps<T>) => import("react/jsx-runtime").JSX.Element;

package/footer/footer.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"../_virtual/_tslib.js";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useContext as i}from"react";import{ThemeContext as n}from"styled-components";import{BaseFooter as l,BottomSection as c,BottomSectionContent as d,CopyrightSection as s,CopyrightText as a,LogoSection as h,LinkSectionWrapper as m,LinkSection as u,AddonSection as p,TopSection as f,FullWidthDivider as g,DisclaimerTextLink as k,StyledFooterLink as y}from"./footer.style.js";import{DownloadApp as j}from"./footer-download-app.js";import{FooterHelper as v}from"./footer-helper.js";import{ResourceAddon as L}from"./footer-resource-addon.js";const b=b=>{var{children:w,links:S,lastUpdated:C,disclaimerLinks:A,showDownloadAddon:D,showResourceAddon:O,logoSrc:x,copyrightInfo:F,onFooterLinkClick:I,layout:R="default",hideLogo:U}=b,_=o(b,["children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","copyrightInfo","onFooterLinkClick","layout","hideLogo"]);const q="stretch"===R,z=i(n),B=e=>e.map(((e,r)=>{const{"data-options":i}=e,n=o(e,["data-options"]);return t("li",{children:t(y,Object.assign({underlineStyle:"none"},n,{onClick:o=>((o,e)=>{e.onClick?(o.preventDefault(),e.onClick(o)):I&&(o.preventDefault(),I(e))})(o,e)}))},r)}));return e(l,Object.assign({},_,{children:[(()=>{let i=null;if(w)return w;if(S||D){const n=v.getFooterLogoAttribute(null==z?void 0:z.resourceScheme),{src:l}=n,c=o(n,["src"]);i=e(r,{children:[(x||l)&&!U&&t(h,{"data-testid":"logo-section",children:t("img",Object.assign({src:x||l,"data-testid":"logo"},c))}),e(m,{children:[(null==S?void 0:S[0])&&t(u,{"data-testid":"link-col-1",children:B(S[0])},"link-col-1"),(null==S?void 0:S[1])&&t(u,{"data-testid":"link-col-2",children:B(S[1])},"link-col-2")]}),D&&t(p,{children:t(j,{})}),!D&&O&&t(p,{children:t(L,{})})]})}return i?e(r,{children:[t(f,{stretch:q,children:i}),t(g,{})]}):null})(),e(c,{stretch:q,children:[t(d,{children:(()=>{const o=v.getDisclaimerLinks(null==z?void 0:z.resourceScheme,A);return Object.keys(o).map((e=>t(k,Object.assign({underlineStyle:"none"},o[e]),e)))})()},"disclaimer"),t(s,{children:t(a,{"data-testid":"copyright-text",children:F||e(r,{children:["©"," ",v.getCopyrightInfo(C,null==z?void 0:z.resourceScheme)]})})},"copyright")]})]}))};export{b as Footer};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import r from"clsx";import{useContext as s}from"react";import{Divider as l}from"../divider/divider.js";import{Layout as n}from"../layout/index.js";import{ThemeContext as a}from"../theme/theme-provider/context.js";import{Typography as c}from"../typography/index.js";import{bottomSection as d,bottomSectionContent as m,copyrightText as h,copyrightSection as p,baseFooter as u,logoSection as f,logoImage as g,logoSize as k,linkSectionWrapper as v,linkSection as y,addonSection as N,topSection as j,fullWidthDivider as L,disclaimerTextLink as C,footerLink as b}from"./footer.styles.js";import{DownloadApp as w}from"./footer-download-app.js";import{FooterHelper as x}from"./footer-helper.js";import{ResourceAddon as D}from"./footer-resource-addon.js";const S=S=>{var{children:A,links:O,lastUpdated:F,disclaimerLinks:I,showDownloadAddon:R,showResourceAddon:T,logoSrc:U,copyrightInfo:X,onFooterLinkClick:$,layout:_="default",hideLogo:B,className:M}=S,q=e(S,["children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","copyrightInfo","onFooterLinkClick","layout","hideLogo","className"]);const z="stretch"===_,E=s(a),G=o=>o.map(((o,i)=>{const{"data-options":r}=o,s=e(o,["data-options"]);return t("li",{children:t(c.LinkMD,Object.assign({underlineStyle:"none",className:b},s,{onClick:e=>((e,o)=>{o.onClick?(e.preventDefault(),o.onClick(e)):$&&(e.preventDefault(),$(o))})(e,o)}))},i)}));return o("footer",Object.assign({},q,{className:r(u,M),children:[(()=>{let s=null;if(A)return A;if(O||R){const l=x.getFooterLogoAttribute(null==E?void 0:E.theme),{src:n,logoType:a}=l,c=e(l,["src","logoType"]);s=o(i,{children:[(U||n)&&!B&&t("div",{"data-testid":"logo-section",className:f,children:t("img",Object.assign({src:U||n,"data-testid":"logo",className:r(g,a&&k[a])},c))}),t("div",{className:v,children:null==O?void 0:O.map(((e,o)=>t("ul",{"data-testid":`link-col-${o}`,className:y,children:G(e)},`link-col-${o}`)))}),R&&t("div",{className:N,children:t(w,{})}),!R&&T&&t("div",{className:N,children:t(D,{})})]})}return s?o(i,{children:[t(n.Content,{className:j,stretch:z,children:s}),t(l,{className:L})]}):null})(),o(n.Content,{className:d,stretch:z,children:[t("div",{className:m,children:(()=>{const e=x.getDisclaimerLinks(null==E?void 0:E.theme,I);return Object.keys(e).map((o=>t(c.LinkXS,Object.assign({underlineStyle:"none",className:C},e[o]),o)))})()},"disclaimer"),t("div",{className:r(m,p),children:t(c.BodyXS,{"data-testid":"copyright-text",className:h,children:X||o(i,{children:["©"," ",x.getCopyrightInfo(F,null==E?void 0:E.theme)]})})},"copyright")]})]}))};export{S as Footer};
 //# sourceMappingURL=footer.js.map

package/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../src/footer/footer.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport {\n    AddonSection,\n    BaseFooter,\n    BottomSection,\n    BottomSectionContent,\n    CopyrightSection,\n    CopyrightText,\n    DisclaimerTextLink,\n    FullWidthDivider,\n    LinkSection,\n    LinkSectionWrapper,\n    LogoSection,\n    StyledFooterLink,\n    TopSection,\n} from \"./footer.style\";\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    ...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?.resourceScheme,\n            disclaimerLinks\n        );\n\n        return (Object.keys(links) as (keyof InternalDisclaimerLinks)[]).map(\n            (key) => {\n                return (\n                    <DisclaimerTextLink\n                        key={key}\n                        underlineStyle=\"none\"\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                    <StyledFooterLink\n                        underlineStyle=\"none\"\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, ...otherLogoAttributes } =\n                FooterHelper.getFooterLogoAttribute(theme?.resourceScheme);\n            component = (\n                <>\n                    {(logoSrc || src) && !hideLogo && (\n                        <LogoSection data-testid=\"logo-section\">\n                            <img\n                                src={logoSrc || src}\n                                data-testid=\"logo\"\n                                {...otherLogoAttributes}\n                            />\n                        </LogoSection>\n                    )}\n                    <LinkSectionWrapper>\n                        {links?.[0] && (\n                            <LinkSection\n                                key=\"link-col-1\"\n                                data-testid=\"link-col-1\"\n                            >\n                                {renderFooterLinks(links[0])}\n                            </LinkSection>\n                        )}\n                        {links?.[1] && (\n                            <LinkSection\n                                key=\"link-col-2\"\n                                data-testid=\"link-col-2\"\n                            >\n                                {renderFooterLinks(links[1])}\n                            </LinkSection>\n                        )}\n                    </LinkSectionWrapper>\n                    {showDownloadAddon && (\n                        <AddonSection>\n                            <DownloadApp />\n                        </AddonSection>\n                    )}\n                    {/* when showDownloadAddon and showResourceAddon are enabled, showDownloadAddon should take priority to being rendered */}\n                    {!showDownloadAddon && showResourceAddon && (\n                        <AddonSection>\n                            <ResourceAddon />\n                        </AddonSection>\n                    )}\n                </>\n            );\n        }\n\n        if (component) {\n            return (\n                <>\n                    <TopSection stretch={isStretch}>{component}</TopSection>\n                    <FullWidthDivider />\n                </>\n            );\n        }\n\n        return null;\n    };\n    return (\n        <BaseFooter {...otherProps}>\n            {renderTopSection()}\n            <BottomSection stretch={isStretch}>\n                <BottomSectionContent key=\"disclaimer\">\n                    {renderDisclaimerLinks()}\n                </BottomSectionContent>\n                <CopyrightSection key=\"copyright\">\n                    <CopyrightText data-testid={\"copyright-text\"}>\n                        {copyrightInfo || (\n                            <>\n                                &copy;{\" \"}\n                                {FooterHelper.getCopyrightInfo(\n                                    lastUpdated,\n                                    theme?.resourceScheme\n                                )}\n                            </>\n                        )}\n                    </CopyrightText>\n                </CopyrightSection>\n            </BottomSection>\n        </BaseFooter>\n    );\n};\n"],"names":["Footer","_a","children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","copyrightInfo","onFooterLinkClick","layout","hideLogo","otherProps","__rest","isStretch","theme","useContext","ThemeContext","renderFooterLinks","map","link","index","_options","_jsx","StyledFooterLink","Object","assign","underlineStyle","onClick","event","item","preventDefault","handleLinkClick","_jsxs","BaseFooter","component","FooterHelper","getFooterLogoAttribute","resourceScheme","src","otherLogoAttributes","_Fragment","LogoSection","LinkSectionWrapper","LinkSection","AddonSection","DownloadApp","ResourceAddon","TopSection","stretch","FullWidthDivider","renderTopSection","BottomSection","BottomSectionContent","getDisclaimerLinks","keys","key","DisclaimerTextLink","renderDisclaimerLinks","CopyrightSection","CopyrightText","getCopyrightInfo"],"mappings":"4oBAyBO,MAAMA,EAAcC,IAAA,IAAAC,SACvBA,EAAQC,MACRA,EAAKC,YACLA,EAAWC,gBACXA,EAAeC,kBACfA,EAAiBC,kBACjBA,EAAiBC,QACjBA,EAAOC,cACPA,EAAaC,kBACbA,EAAiBC,OACjBA,EAAS,UAASC,SAClBA,GAAQX,EACLY,EAAUC,EAAAb,EAZU,CAAA,WAAA,QAAA,cAAA,kBAAA,oBAAA,oBAAA,UAAA,gBAAA,oBAAA,SAAA,aAiBvB,MAAMc,EAAuB,YAAXJ,EACZK,EAAQC,EAAWC,GA6CnBC,EAAqBhB,GAChBA,EAAMiB,KAAI,CAACC,EAAMC,KACpB,MAAQ,eAAgBC,GAA4BF,EAAfR,EAAUC,EAAKO,EAA9C,CAAA,iBAEN,OACIG,EAAA,KAAA,CAAAtB,SACIsB,EAACC,EAAgBC,OAAAC,OAAA,CACbC,eAAe,QACXf,EAAU,CACdgB,QAAUC,GAlDN,EACpBA,EACAC,KAMIA,EAAKF,SACLC,EAAME,iBACND,EAAKF,QAAQC,IACNpB,IACPoB,EAAME,iBACNtB,EAAkBqB,GACf,EAoC6BE,CAAgBH,EAAOT,OAJ1CC,EAMJ,IAsEjB,OACIY,EAACC,EAAUT,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAX,SAAA,CAlEL,MACrB,IAAIkC,EAA6B,KAEjC,GAAIlC,EACA,OAAOA,EAGX,GAAIC,GAASG,EAAmB,CAC5B,MAAML,EACFoC,EAAaC,uBAAuBtB,aAAK,EAALA,EAAOuB,iBADzCC,IAAEA,GAAGvC,EAAKwC,EAAmB3B,EAAAb,EAA7B,CAAA,QAENmC,EACIF,EAAAQ,EAAA,CAAAxC,SAAA,EACMM,GAAWgC,KAAS5B,GAClBY,EAACmB,EAAW,CAAA,cAAa,eAAczC,SACnCsB,EAAA,MAAAE,OAAAC,OAAA,CACIa,IAAKhC,GAAWgC,EAAG,cACP,QACRC,MAIhBP,EAACU,EAAkB,CAAA1C,SAAA,EACdC,aAAK,EAALA,EAAQ,KACLqB,EAACqB,EAAW,CAAA,cAEI,aAAY3C,SAEvBiB,EAAkBhB,EAAM,KAHrB,eAMXA,aAAK,EAALA,EAAQ,KACLqB,EAACqB,EAAW,CAAA,cAEI,aAAY3C,SAEvBiB,EAAkBhB,EAAM,KAHrB,iBAOfG,GACGkB,EAACsB,EAAY,CAAA5C,SACTsB,EAACuB,EAAW,CAAA,MAIlBzC,GAAqBC,GACnBiB,EAACsB,EAAY,CAAA5C,SACTsB,EAACwB,EAAa,QAKlC,CAEA,OAAIZ,EAEIF,EAAAQ,EAAA,CAAAxC,SAAA,CACIsB,EAACyB,EAAU,CAACC,QAASnC,EAASb,SAAGkC,IACjCZ,EAAC2B,EAAgB,CAAA,MAKtB,IAAI,EAINC,GACDlB,EAACmB,EAAa,CAACH,QAASnC,EAASb,SAAA,CAC7BsB,EAAC8B,EAAoB,CAAApD,SAxGH,MAC1B,MAAMC,EAAQkC,EAAakB,mBACvBvC,aAAK,EAALA,EAAOuB,eACPlC,GAGJ,OAAQqB,OAAO8B,KAAKrD,GAA6CiB,KAC5DqC,GAEOjC,EAACkC,EAAkBhC,OAAAC,OAAA,CAEfC,eAAe,QACXzB,EAAMsD,IAFLA,IAMpB,EAyFYE,IADqB,cAG1BnC,EAACoC,EAAgB,CAAA1D,SACbsB,EAACqC,EAAa,CAAA,cAAc,iBAAgB3D,SACvCO,GACGyB,EAAAQ,EAAA,CAAAxC,SAAA,CAAA,IACW,IACNmC,EAAayB,iBACV1D,EACAY,aAAK,EAALA,EAAOuB,sBAPL,mBAcjB"}
+{"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":["Footer","_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":"y1BAeO,MAAMA,EAAcC,IAAA,IAAAC,SACvBA,EAAQC,MACRA,EAAKC,YACLA,EAAWC,gBACXA,EAAeC,kBACfA,EAAiBC,kBACjBA,EAAiBC,QACjBA,EAAOC,cACPA,EAAaC,kBACbA,EAAiBC,OACjBA,EAAS,UAASC,SAClBA,EAAQC,UACRA,GAASZ,EACNa,EAAUC,EAAAd,EAbU,4KAkBvB,MAAMe,EAAuB,YAAXL,EACZM,EAAQC,EAAWC,GA8CnBC,EAAqBjB,GAChBA,EAAMkB,KAAI,CAACC,EAAMC,KACpB,MAAQ,eAAgBC,GAA4BF,EAAfR,EAAUC,EAAKO,EAA9C,CAAA,iBAEN,OACIG,EAAA,KAAA,CAAAvB,SACIuB,EAACC,EAAWC,OAAMC,OAAAC,OAAA,CACdC,eAAe,OACfjB,UAAWkB,GACPjB,EAAU,CACdkB,QAAUC,GApDN,EACpBA,EACAC,KAMIA,EAAKF,SACLC,EAAME,iBACND,EAAKF,QAAQC,IACNvB,IACPuB,EAAME,iBACNzB,EAAkBwB,GACf,EAsC6BE,CAAgBH,EAAOX,OAL1CC,EAOJ,IA2EjB,OACIc,4BAAYvB,EAAU,CAAED,UAAWyB,EAAKC,EAAmB1B,aAvEtC,MACrB,IAAI2B,EAA6B,KAEjC,GAAItC,EACA,OAAOA,EAGX,GAAIC,GAASG,EAAmB,CAC5B,MAAML,EACFwC,EAAaC,uBAAuBzB,aAAK,EAALA,EAAOA,QADzC0B,IAAEA,EAAGC,SAAEA,GAAQ3C,EAAK4C,EAAmB9B,EAAAd,EAAvC,CAAA,MAAA,aAENuC,EACIH,EAAAS,EAAA,CAAA5C,SAAA,EACMM,GAAWmC,KAAS/B,GAClBa,EAAA,MAAA,CAAA,cACgB,eACZZ,UAAWkC,WAEXtB,EAAA,MAAAG,OAAAC,OAAA,CACIc,IAAKnC,GAAWmC,EAAG,cACP,OACZ9B,UAAWyB,EACPU,EACAJ,GAAYK,EAAgBL,KAE5BC,MAIhBpB,EAAA,MAAA,CAAKZ,UAAWqC,EAAyBhD,SACpCC,aAAK,EAALA,EAAOkB,KAAI,CAAC8B,EAAaC,IACtB3B,EAAA,KAAA,CAAA,cAEiB,YAAY2B,IACzBvC,UAAWwC,EAAkBnD,SAE5BkB,EAAkB+B,IAJd,YAAYC,SAQ5B9C,GACGmB,EAAA,MAAA,CAAKZ,UAAWyC,EAAmBpD,SAC/BuB,EAAC8B,EAAW,CAAA,MAIlBjD,GAAqBC,GACnBkB,EAAA,MAAA,CAAKZ,UAAWyC,EAAmBpD,SAC/BuB,EAAC+B,EAAa,QAKlC,CAEA,OAAIhB,EAEIH,EAAAS,EAAA,CAAA5C,SAAA,CACIuB,EAACgC,EAAOC,QAAO,CACX7C,UAAW8C,EACXC,QAAS5C,EAASd,SAEjBsC,IAELf,EAACoC,EAAO,CAAChD,UAAWiD,OAKzB,IAAI,EAINC,GACD1B,EAACoB,EAAOC,QAAO,CACX7C,UAAWmD,EACXJ,QAAS5C,EAASd,SAAA,CAElBuB,EAAA,MAAA,CAAsBZ,UAAWoD,EAA2B/D,SAlH1C,MAC1B,MAAMC,EAAQsC,EAAayB,mBACvBjD,aAAK,EAALA,EAAOA,MACPZ,GAGJ,OAAQuB,OAAOuC,KAAKhE,GAA6CkB,KAC5D+C,GAEO3C,EAACC,EAAW2C,sBAERvC,eAAe,OACfjB,UAAWyD,GACPnE,EAAMiE,IAHLA,IAOpB,EAkGYG,IADI,cAGT9C,EAAA,MAAA,CAEIZ,UAAWyB,EACP2B,EACAO,GACHtE,SAEDuB,EAACC,EAAW+C,sBACK,iBACb5D,UAAW6D,EAAoBxE,SAE9BO,GACG4B,EAAAS,EAAA,CAAA5C,SAAA,CAAA,IACW,IACNuC,EAAakC,iBACVvE,EACAa,aAAK,EAALA,EAAOA,aAfnB,mBAsBP"}

package/footer/footer.styles.d.ts

@@ -0,0 +1,16 @@
+import type { ThemeType } from "../theme/types";
+export declare const baseFooter: import("@linaria/core").LinariaClassName;
+export declare const footerLink: import("@linaria/core").LinariaClassName;
+export declare const fullWidthDivider: import("@linaria/core").LinariaClassName;
+export declare const topSection: import("@linaria/core").LinariaClassName;
+export declare const logoSection: import("@linaria/core").LinariaClassName;
+export declare const logoImage: import("@linaria/core").LinariaClassName;
+export declare const logoSize: Partial<Record<ThemeType, string>>;
+export declare const linkSectionWrapper: import("@linaria/core").LinariaClassName;
+export declare const linkSection: import("@linaria/core").LinariaClassName;
+export declare const addonSection: import("@linaria/core").LinariaClassName;
+export declare const bottomSection: import("@linaria/core").LinariaClassName;
+export declare const bottomSectionContent: import("@linaria/core").LinariaClassName;
+export declare const copyrightSection: import("@linaria/core").LinariaClassName;
+export declare const copyrightText: import("@linaria/core").LinariaClassName;
+export declare const disclaimerTextLink: import("@linaria/core").LinariaClassName;

package/footer/footer.styles.js

@@ -0,0 +1,2 @@
+import"./footer.styles_1msorhc.css";const l="b1ozupxm",s="f1b3ng0m",o="f1f7a2pi",t="t1nab4kr",e="l1t4stq",b="l14ev7f9",g={lifesg:"l1rsy8ww",bookingsg:"bsv4pll",mylegacy:"m1m4savg",ccube:"c6zlk1a",supportgowhere:"sdqdit1"},r="l1guit5j",c="l1dnmj9w",m="a1r2lyba",p="b1ni5lnl",a="bakpusz",n="cb1d27e",f="cntgl6w",i="d2vgmpj";export{m as addonSection,l as baseFooter,p as bottomSection,a as bottomSectionContent,n as copyrightSection,f as copyrightText,i as disclaimerTextLink,s as footerLink,o as fullWidthDivider,c as linkSection,r as linkSectionWrapper,b as logoImage,e as logoSection,g as logoSize,t as topSection};
+//# sourceMappingURL=footer.styles.js.map

package/footer/footer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.styles.js","sources":["../../src/footer/footer.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { ComponentToken, MediaQuery, Spacing } from \"../theme\";\nimport type { ThemeType } from \"../theme/types\";\n\n// =============================================================================\n// GENERIC\n// =============================================================================\n\nexport const baseFooter = css`\n    background: ${ComponentToken.Footer[\"colour-bg\"]};\n`;\n\nexport const footerLink = css`\n    color: ${ComponentToken.Footer[\"link-colour-text\"]};\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"link-colour-text-hover\"]};\n    }\n`;\n\n// =============================================================================\n// TOP SECTION\n// =============================================================================\n\nexport const fullWidthDivider = css`\n    width: 100%;\n`;\n\nexport const topSection = css`\n    padding: ${Spacing[\"spacing-64\"]} 0;\n\n    ${MediaQuery.MaxWidth.lg} {\n        padding: ${Spacing[\"spacing-32\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n            gap: ${Spacing[\"spacing-32\"]};\n        }\n    }\n`;\n\nexport const logoSection = css`\n    display: flex;\n    width: fit-content;\n    margin-right: ${Spacing[\"spacing-64\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        width: 100%;\n        margin-right: 0;\n    }\n`;\n\nexport const logoImage = css`\n    max-height: 4rem;\n    max-width: 100%;\n    object-fit: contain;\n`;\n\nexport const logoSize: Partial<Record<ThemeType, string>> = {\n    lifesg: css`\n        width: 4rem;\n    `,\n    bookingsg: css`\n        width: 4rem;\n    `,\n    mylegacy: css`\n        width: 10rem;\n        max-height: 2rem;\n    `,\n    ccube: css`\n        width: 10rem;\n    `,\n    supportgowhere: css`\n        width: 10rem;\n    `,\n};\n\nexport const linkSectionWrapper = css`\n    display: flex;\n    gap: ${Spacing[\"spacing-32\"]};\n    flex: 1 1 auto;\n    max-width: calc(32% + ${Spacing[\"spacing-32\"]});\n\n    ${MediaQuery.MaxWidth.lg} {\n        max-width: 100%;\n    }\n`;\n\nexport const linkSection = css`\n    flex: 1 1 50%;\n    list-style-type: none;\n\n    &:nth-of-type(2) {\n        // 2nd col\n        grid-column: 7 / span 4;\n    }\n\n    li {\n        &:not(:last-child) {\n            margin-bottom: ${Spacing[\"spacing-8\"]};\n        }\n\n        a {\n            display: inline-block;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        // first col\n        grid-column: 1 / span 6;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 7 / span 6;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.md} {\n        // first col\n        grid-column: 1 / span 4;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 5 / span 4;\n        }\n    }\n`;\n\nexport const addonSection = css`\n    flex: 0 1 33%;\n    margin-left: auto;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex: 1 1 100%;\n        margin-left: 0;\n    }\n`;\n\n// =============================================================================\n// BOTTOM SECTION\n// =============================================================================\n\nexport const bottomSection = css`\n    padding: ${Spacing[\"spacing-20\"]} 0;\n\n    [data-id=\"container\"] {\n        column-gap: ${Spacing[\"spacing-32\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        border-top: none;\n        padding: ${Spacing[\"spacing-16\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n        }\n    }\n`;\n\nexport const bottomSectionContent = css`\n    flex: 1 1 50%;\n    display: flex;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        gap: ${Spacing[\"spacing-8\"]};\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const copyrightSection = css`\n    justify-content: flex-end;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-top: ${Spacing[\"spacing-16\"]};\n        justify-content: flex-start;\n    }\n`;\n\nexport const copyrightText = css`\n    color: ${ComponentToken.Footer[\"colour-text\"]};\n`;\n\nexport const disclaimerTextLink = css`\n    color: ${ComponentToken.Footer[\"disclaimer-link-colour-text\"]};\n    &:not(:last-child) {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"disclaimer-link-colour-text-hover\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n"],"names":["baseFooter","footerLink","fullWidthDivider","topSection","logoSection","logoImage","logoSize","lifesg","bookingsg","mylegacy","ccube","supportgowhere","linkSectionWrapper","linkSection","addonSection","bottomSection","bottomSectionContent","copyrightSection","copyrightText","disclaimerTextLink"],"mappings":"0DASO,MAAMA,EAAU,WAIVC,EAAU,WAYVC,EAAgB,WAIhBC,EAAU,WAaVC,EAAW,UAWXC,EAAS,WAMTC,EAA+C,CACxDC,OAAM,WAGNC,UAAS,UAGTC,SAAQ,WAIRC,MAAK,UAGLC,eAAc,WAKLC,EAAkB,WAWlBC,EAAW,WAwCXC,EAAY,WAcZC,EAAa,WAiBbC,EAAoB,UAapBC,EAAgB,UAShBC,EAAa,UAIbC,EAAkB"}

package/footer/footer.styles_1msorhc.css

@@ -0,0 +1,19 @@
+.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);}
+.l1t4stq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:var(--fds-spacing-64);}:where(body.fds-breakpoint-lg-max) .l1t4stq{width:100%;margin-right:0;}
+.l14ev7f9{max-height:4rem;max-width:100%;object-fit:contain;}
+.l1rsy8ww{width:4rem;}
+.bsv4pll{width:4rem;}
+.m1m4savg{width:10rem;max-height:2rem;}
+.c6zlk1a{width:10rem;}
+.sdqdit1{width:10rem;}
+.l1guit5j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-32);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;max-width:calc(32% + var(--fds-spacing-32));}:where(body.fds-breakpoint-lg-max) .l1guit5j{max-width:100%;}
+.l1dnmj9w{-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;list-style-type:none;}.l1dnmj9w:nth-of-type(2){-ms-grid-column:7;-ms-grid-column-span:4;grid-column:7/span 4;}.l1dnmj9w li:not(:last-child){margin-bottom:var(--fds-spacing-8);}.l1dnmj9w li a{display:inline-block;}:where(body.fds-breakpoint-lg-max) .l1dnmj9w{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/span 6;}:where(body.fds-breakpoint-lg-max) .l1dnmj9w:nth-of-type(2){-ms-grid-column:7;-ms-grid-column-span:6;grid-column:7/span 6;}:where(body.fds-breakpoint-md-max) .l1dnmj9w{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/span 4;}:where(body.fds-breakpoint-md-max) .l1dnmj9w:nth-of-type(2){-ms-grid-column:5;-ms-grid-column-span:4;grid-column:5/span 4;}
+.a1r2lyba{-webkit-flex:0 1 33%;-ms-flex:0 1 33%;flex:0 1 33%;margin-left:auto;}:where(body.fds-breakpoint-lg-max) .a1r2lyba{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;margin-left:0;}
+.b1ni5lnl{padding:var(--fds-spacing-20) 0;}.b1ni5lnl [data-id="container"]{-webkit-column-gap:var(--fds-spacing-32);column-gap:var(--fds-spacing-32);}:where(body.fds-breakpoint-lg-max) .b1ni5lnl{border-top:none;padding:var(--fds-spacing-16) 0;}:where(body.fds-breakpoint-lg-max) .b1ni5lnl [data-id="container"]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.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;}

package/form/form-custom-field.d.ts

@@ -1,2 +1,2 @@
 import type { FormCustomFieldProps } from "./types";
-export declare const FormCustomField: ({ id, "data-error-testid": errorTestId, children, ...otherProps }: FormCustomFieldProps) => JSX.Element;
+export declare const FormCustomField: ({ id, "data-error-testid": errorTestId, "data-testid": testId, children, ...otherProps }: FormCustomFieldProps) => JSX.Element;

package/form/form-custom-field.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{FormWrapper as i}from"./form-wrapper.js";const e=e=>{var{id:o="form-custom-field","data-error-testid":d,children:a}=e,s=r(e,["id","data-error-testid","children"]);return t(i,Object.assign({id:o,"data-error-testid":d},s,{children:a}))};export{e as FormCustomField};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as i}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as e}from"./form-wrapper.js";const a=a=>{var{id:o,"data-error-testid":d,"data-testid":s,children:m}=a,l=r(a,["id","data-error-testid","data-testid","children"]);const n=i(),p=null!=o?o:`form-custom-field-${n}`;return t(e,Object.assign({id:p,"data-testid":s,"data-error-testid":d},l,{children:m}))};export{a as FormCustomField};
 //# sourceMappingURL=form-custom-field.js.map

package/form/form-custom-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-custom-field.js","sources":["../../src/form/form-custom-field.tsx"],"sourcesContent":["import { FormWrapper } from \"./form-wrapper\";\nimport type { FormCustomFieldProps } from \"./types\";\n\nexport const FormCustomField = ({\n    id = \"form-custom-field\",\n    \"data-error-testid\": errorTestId,\n    children,\n    ...otherProps\n}: FormCustomFieldProps): JSX.Element => {\n    return (\n        <FormWrapper id={id} data-error-testid={errorTestId} {...otherProps}>\n            {children}\n        </FormWrapper>\n    );\n};\n"],"names":["FormCustomField","_a","id","errorTestId","children","otherProps","__rest","_jsx","FormWrapper","Object","assign"],"mappings":"uIAGO,MAAMA,EAAmBC,IAAA,IAAAC,GAC5BA,EAAK,oBACL,oBAAqBC,EAAWC,SAChCA,GAAQH,EACLI,EAAUC,EAAAL,EAJe,uCAM5B,OACIM,EAACC,EAAWC,OAAAC,OAAA,CAACR,GAAIA,EAAE,oBAAqBC,GAAiBE,EAAU,CAAAD,SAC9DA,IACS"}
+{"version":3,"file":"form-custom-field.js","sources":["../../src/form/form-custom-field.tsx"],"sourcesContent":["import { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormCustomFieldProps } from \"./types\";\n\nexport const FormCustomField = ({\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    children,\n    ...otherProps\n}: FormCustomFieldProps): JSX.Element => {\n    const internalId = useId();\n\n    const inputId = id ?? `form-custom-field-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            data-error-testid={errorTestId}\n            {...otherProps}\n        >\n            {children}\n        </FormWrapper>\n    );\n};\n"],"names":["FormCustomField","_a","id","errorTestId","testId","children","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","Object","assign"],"mappings":"0VAIO,MAAMA,EAAmBC,IAAA,IAAAC,GAC5BA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,GAAQJ,EACLK,EAAUC,EAAAN,EALe,qDAO5B,MAAMO,EAAaC,IAEbC,EAAUR,QAAAA,EAAM,qBAAqBM,IAE3C,OACIG,EAACC,EAAWC,OAAAC,OAAA,CACRZ,GAAIQ,EAAO,cACEN,EAAM,oBACAD,GACfG,YAEHD,IACS"}

package/form/form-date-input.d.ts

@@ -1,2 +1,2 @@
 import type { FormDateInputProps } from "./types";
-export declare const FormDateInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormDateInputProps) => JSX.Element;
+export declare const FormDateInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormDateInputProps) => JSX.Element;

package/form/form-date-input.js

@@ -1,2 +1,2 @@
-import{__rest as l}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{useState as o}from"react";import{DateInput as e}from"../date-input/date-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:C,"data-error-testid":m,"data-testid":p,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:h,xxlCols:k}=a,M=l(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[T]=o((()=>`form-date-input-${t.generate()}`)),$=null!=C?C:T;return s(r,{id:$,label:i,errorMessage:d,"data-error-testid":m,disabled:M.disabled,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:h,xxlCols:k,children:s(e,Object.assign({id:`${$}-base`,"data-testid":p||C,"aria-labelledby":`${$}-label`,error:!!d},M))})};export{a as FormDateInput};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{DateInput as l}from"../date-input/date-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as e}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:b,xlCols:c,xxlCols:g}=o,y=r(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=t(),h=null!=d?d:`form-date-input-${f}`;return s(e,{id:h,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:b,xlCols:c,xxlCols:g,children:s(l,Object.assign({id:`${h}-base`,"data-testid":p||d,"aria-labelledby":`${h}-label`,error:!!i},y))})};export{o as FormDateInput};
 //# sourceMappingURL=form-date-input.js.map

package/form/form-date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-date-input.js","sources":["../../src/form/form-date-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { DateInput } from \"../date-input\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormDateInputProps } from \"./types\";\n\nexport const FormDateInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormDateInputProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-date-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <DateInput\n                id={`${inputId}-base`}\n                data-testid={testId || id}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormDateInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","DateInput","Object","assign","error"],"mappings":"8YAOO,MAAMA,EAAiBC,IAAA,IAAAC,MAC1BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBa,uLAmB1B,MAAOmB,GAAcC,GACjB,IAAM,mBAAmBC,EAAkBC,eAEzCC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EACJtB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,EAASC,OAAAC,OAAA,CACN3B,GAAI,GAAGoB,SAAc,cACRlB,GAAUF,EAAE,kBACR,GAAGoB,UACpBQ,QAAS7B,GACLe,KAEE"}
+{"version":3,"file":"form-date-input.js","sources":["../../src/form/form-date-input.tsx"],"sourcesContent":["import { DateInput } from \"../date-input\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormDateInputProps } from \"./types\";\n\nexport const FormDateInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormDateInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-date-input-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <DateInput\n                id={`${inputId}-base`}\n                data-testid={testId || id}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormDateInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","DateInput","Object","assign","error"],"mappings":"kZAKO,MAAMA,EAAiBC,IAAA,IAAAC,MAC1BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAda,+IAgB1B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,mBAAmBa,IAEzC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAASC,OAAAC,OAAA,CACNrB,GAAI,GAAGe,SAAc,cACRb,GAAUF,EAAE,kBACR,GAAGe,UACpBO,QAASvB,GACLY,KAEE"}

package/form/form-date-range-input.d.ts

@@ -1,2 +1,2 @@
 import type { FormDateRangeInputProps } from "./types";
-export declare const FormDateRangeInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormDateRangeInputProps) => JSX.Element;
+export declare const FormDateRangeInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormDateRangeInputProps) => JSX.Element;

package/form/form-date-range-input.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{DateRangeInput as o}from"../date-range-input/date-range-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:C,"data-error-testid":m,"data-testid":p,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:g,xxsCols:u,xsCols:j,smCols:y,mdCols:f,lgCols:c,xlCols:$,xxlCols:h}=a,k=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[v]=e((()=>`form-date-range-input-${t.generate()}`)),M=null!=C?C:v;return l(r,{id:M,label:i,errorMessage:d,"data-error-testid":m,disabled:k.disabled,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:g,xxsCols:u,xsCols:j,smCols:y,mdCols:f,lgCols:c,xlCols:$,xxlCols:h,children:l(o,Object.assign({id:`${C}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${M}-label`,error:!!d},k))})};export{a as FormDateRangeInput};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{DateRangeInput as l}from"../date-range-input/date-range-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as e}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as o}from"./form-wrapper.js";const t=t=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:n,xxsCols:x,xsCols:C,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:c}=t,y=r(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=e(),v=null!=d?d:`form-date-range-input-${f}`;return s(o,{id:v,label:a,errorMessage:i,"data-error-testid":m,layoutType:n,xxsCols:x,xsCols:C,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:c,children:s(l,Object.assign({id:`${d}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${v}-label`,error:!!i},y))})};export{t as FormDateRangeInput};
 //# sourceMappingURL=form-date-range-input.js.map

package/form/form-date-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-date-range-input.js","sources":["../../src/form/form-date-range-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { DateRangeInput } from \"../date-range-input\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormDateRangeInputProps } from \"./types\";\n\nexport const FormDateRangeInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormDateRangeInputProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-date-range-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <DateRangeInput\n                id={`${id}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormDateRangeInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","DateRangeInput","Object","assign","undefined","error"],"mappings":"+ZAOO,MAAMA,EAAsBC,IAAA,IAAAC,MAC/BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBkB,uLAmB/B,MAAOmB,GAAcC,GACjB,IAAM,yBAAyBC,EAAkBC,eAE/CC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EACJtB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,EAAcC,OAAAC,OAAA,CACX3B,GAAI,GAAGA,SAAS,cACHE,EAAS,GAAGA,cAAgB0B,EAAS,kBACjC,GAAGR,UACpBS,QAAS9B,GACLe,KAEE"}
+{"version":3,"file":"form-date-range-input.js","sources":["../../src/form/form-date-range-input.tsx"],"sourcesContent":["import { DateRangeInput } from \"../date-range-input\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormDateRangeInputProps } from \"./types\";\n\nexport const FormDateRangeInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormDateRangeInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-date-range-input-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <DateRangeInput\n                id={`${id}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormDateRangeInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","DateRangeInput","Object","assign","undefined","error"],"mappings":"maAKO,MAAMA,EAAsBC,IAAA,IAAAC,MAC/BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdkB,+IAgB/B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,GACGjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAcC,OAAAC,OAAA,CACXrB,GAAI,GAAGA,uBACME,EAAS,GAAGA,cAAgBoB,EAAS,kBACjC,GAAGP,UACpBQ,QAASxB,GACLY,KAEE"}

package/form/form-e-signature.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{ESignature as o}from"../e-signature/e-signature.js";import{FormWrapper as e}from"./form-wrapper.js";const t=t=>{const{label:r,errorMessage:a,id:C="form-field","data-error-testid":i,"data-testid":d,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:n,smCols:u,mdCols:f,lgCols:y,xlCols:c,xxlCols:j}=t,k=s(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(e,{id:C,label:r,errorMessage:a,"data-error-testid":i,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:n,smCols:u,mdCols:f,lgCols:y,xlCols:c,xxlCols:j,children:l(o,Object.assign({id:`${C}-base`,"data-testid":d||C},k))})};export{t as FormESignature};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{ESignature as o}from"../e-signature/e-signature.js";import{FormWrapper as r}from"./form-wrapper.js";const e=e=>{const{label:t,errorMessage:a,id:i="form-field","data-error-testid":d,"data-testid":C,layoutType:x,xxsCols:m,xsCols:p,smCols:g,mdCols:n,lgCols:u,xlCols:f,xxlCols:b}=e,y=s(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(r,{id:i,label:t,errorMessage:a,"data-error-testid":d,layoutType:x,xxsCols:m,xsCols:p,smCols:g,mdCols:n,lgCols:u,xlCols:f,xxlCols:b,children:l(o,Object.assign({id:`${i}-base`,"data-testid":C||i},y))})};export{e as FormESignature};
 //# sourceMappingURL=form-e-signature.js.map

package/form/form-e-signature.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-e-signature.js","sources":["../../src/form/form-e-signature.tsx"],"sourcesContent":["import { ESignature } from \"../e-signature\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormESignatureProps } from \"./types\";\n\nexport const FormESignature = (props: FormESignatureProps) => {\n    const {\n        label,\n        errorMessage,\n        id = \"form-field\",\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <ESignature\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormESignature","props","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","_jsx","FormWrapper","children","ESignature","Object","assign"],"mappings":"kMAIO,MAAMA,EAAkBC,IAC3B,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EAAK,aACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAhB,EADGiB,IACHjB,EAlBE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAoBN,OACIkB,EAACC,EAAW,CACRhB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOI,SAEhBF,EAACG,EAAUC,OAAAC,OAAA,CACPpB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBc,KAEE"}
+{"version":3,"file":"form-e-signature.js","sources":["../../src/form/form-e-signature.tsx"],"sourcesContent":["import { ESignature } from \"../e-signature\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormESignatureProps } from \"./types\";\n\nexport const FormESignature = (props: FormESignatureProps) => {\n    const {\n        label,\n        errorMessage,\n        id = \"form-field\",\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <ESignature\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormESignature","props","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","children","ESignature","Object","assign"],"mappings":"kMAIO,MAAMA,EAAkBC,IAC3B,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EAAK,aACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAb,EADGc,EAAUC,EACbf,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBN,OACIgB,EAACC,EAAW,CACRd,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOK,SAEhBF,EAACG,EAAUC,OAAAC,OAAA,CACPlB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBW,KAEE"}

package/form/form-histogram.d.ts

@@ -1,2 +1,2 @@
 import type { FormHistogramSliderProps } from "./types";
-export declare const FormHistogramSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormHistogramSliderProps) => JSX.Element;
+export declare const FormHistogramSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormHistogramSliderProps) => JSX.Element;

package/form/form-histogram.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{HistogramSlider as o}from"../histogram-slider/histogram-slider.js";import{FormWrapper as e}from"./form-wrapper.js";const t=t=>{var{label:r,errorMessage:a,id:d="form-histogram-slider","data-error-testid":i,"data-testid":C,layoutType:m,mobileCols:x,tabletCols:b,desktopCols:p,xxsCols:g,xsCols:f,smCols:u,mdCols:y,lgCols:j,xlCols:n,xxlCols:c}=t,h=s(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(e,{id:d,label:r,errorMessage:a,"data-error-testid":i,disabled:h.disabled,layoutType:m,mobileCols:x,tabletCols:b,desktopCols:p,xxsCols:g,xsCols:f,smCols:u,mdCols:y,lgCols:j,xlCols:n,xxlCols:c,children:l(o,Object.assign({id:`${d}-base`,"data-testid":C||d},h))})};export{t as FormHistogramSlider};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{HistogramSlider as l}from"../histogram-slider/histogram-slider.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as o}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const e=e=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":x,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:j,lgCols:u,xlCols:c,xxlCols:y}=e,b=s(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=o(),h=null!=d?d:`form-histogram-slider-${f}`;return r(t,{id:h,label:a,errorMessage:i,"data-testid":x,"data-error-testid":m,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:j,lgCols:u,xlCols:c,xxlCols:y,children:r(l,Object.assign({id:`${h}-base`,"data-testid":x?`${x}-base`:void 0},b))})};export{e as FormHistogramSlider};
 //# sourceMappingURL=form-histogram.js.map

package/form/form-histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-histogram.js","sources":["../../src/form/form-histogram.tsx"],"sourcesContent":["import { HistogramSlider } from \"../histogram-slider\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormHistogramSliderProps } from \"./types\";\n\nexport const FormHistogramSlider = ({\n    label,\n    errorMessage,\n    id = \"form-histogram-slider\",\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormHistogramSliderProps): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <HistogramSlider\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormHistogramSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","disabled","children","HistogramSlider","Object","assign"],"mappings":"iNAIO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EAAK,wBACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBmB,uLAmBhC,OACImB,EAACC,GACGjB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBiB,SAAUJ,EAAWI,SACrBf,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOM,SAEhBH,EAACI,EAAeC,OAAAC,OAAA,CACZtB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBc,KAEE"}
+{"version":3,"file":"form-histogram.js","sources":["../../src/form/form-histogram.tsx"],"sourcesContent":["import { HistogramSlider } from \"../histogram-slider\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormHistogramSliderProps } from \"./types\";\n\nexport const FormHistogramSlider = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormHistogramSliderProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-histogram-slider-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-testid={testId}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <HistogramSlider\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormHistogramSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","HistogramSlider","Object","assign","undefined"],"mappings":"oaAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,gBACDG,EAAM,oBACAD,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAeC,OAAAC,OAAA,CACZrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

package/form/form-input-group.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import o,{useState as e}from"react";import{InputGroup as r}from"../input-group/input-group.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as a}from"./form-wrapper.js";const i=o.forwardRef(((o,i)=>{const{label:d,errorMessage:C,id:m,"data-error-testid":p,"data-testid":x,layoutType:b,mobileCols:n,tabletCols:u,desktopCols:f,xxsCols:g,xsCols:j,smCols:y,mdCols:c,lgCols:$,xlCols:h,xxlCols:k}=o,M=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),[T]=e((()=>`form-field-${t.generate()}`)),v=null!=m?m:T;return l(a,{id:v,"data-testid":x,label:d,errorMessage:C,"data-error-testid":p,disabled:M.disabled,layoutType:b,mobileCols:n,tabletCols:u,desktopCols:f,xxsCols:g,xsCols:j,smCols:y,mdCols:c,lgCols:$,xlCols:h,xxlCols:k,children:l(r,Object.assign({ref:i,id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,"aria-labelledby":`${v}-label`,error:!!C},M))})}));export{i as FormInputGroup};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import l from"react";import{InputGroup as o}from"../input-group/input-group.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as e}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const a=l.forwardRef(((l,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:g,lgCols:j,xlCols:b,xxlCols:c}=l,y=r(l,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),$=e(),h=null!=m?m:`form-field-${$}`;return s(t,{id:h,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:g,lgCols:j,xlCols:b,xxlCols:c,children:s(o,Object.assign({ref:a,id:`${h}-base`,"data-testid":x?`${x}-base`:void 0,"aria-labelledby":`${h}-label`,error:!!d},y))})}));export{a as FormInputGroup};
 //# sourceMappingURL=form-input-group.js.map

package/form/form-input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-input-group.js","sources":["../../src/form/form-input-group.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { InputGroup } from \"../input-group\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputGroupProps } from \"./types\";\n\nconst Component = <T, V>(\n    props: FormInputGroupProps<T, V>,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputGroup\n                ref={ref}\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormInputGroup = React.forwardRef(Component);\n"],"names":["FormInputGroup","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","InputGroup","Object","assign","undefined","error"],"mappings":"oZAOA,MA8DaA,EAAiBC,EAAMC,YA9DlB,CACdC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAjB,EADGkB,IACHlB,EAlBE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,aAoBCmB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAGpCC,EAAUnB,QAAAA,EAAMe,EAEtB,OACIK,EAACC,EAAW,CACRrB,GAAImB,EAAO,cACEjB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBqB,SAAUR,EAAWQ,SACrBnB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOU,SAEhBH,EAACI,EAAUC,OAAAC,OAAA,CACP7B,IAAKA,EACLG,GAAI,GAAGmB,uBACMjB,EAAS,GAAGA,cAAgByB,EAAS,kBACjC,GAAGR,UACpBS,QAAS7B,GACLe,KAEE"}
+{"version":3,"file":"form-input-group.js","sources":["../../src/form/form-input-group.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputGroup } from \"../input-group\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputGroupProps } from \"./types\";\n\nconst Component = <T, V>(\n    props: FormInputGroupProps<T, V>,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputGroup\n                ref={ref}\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormInputGroup = React.forwardRef(Component);\n"],"names":["FormInputGroup","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputGroup","undefined","error"],"mappings":"4ZAOA,MAoDaA,EAAiBC,EAAMC,YApDlB,CACdC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAd,EADGe,EAAUC,EACbhB,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBAiB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IAEpC,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGrB,IAAKA,EACLG,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/form/form-input.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import o,{useState as e}from"react";import{Input as t}from"../input/input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as r}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as a}from"./form-wrapper.js";const i=o.forwardRef(((o,i)=>{const{label:d,errorMessage:C,id:m,"data-error-testid":p,"data-testid":x,layoutType:b,mobileCols:n,tabletCols:f,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:c,lgCols:h,xlCols:k,xxlCols:M}=o,T=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),[$]=e((()=>`form-field-${r.generate()}`)),v=null!=m?m:$;return l(a,{id:v,"data-testid":x,label:d,errorMessage:C,disabled:T.disabled,"data-error-testid":p,layoutType:b,mobileCols:n,tabletCols:f,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:c,lgCols:h,xlCols:k,xxlCols:M,children:l(t,Object.assign({id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,ref:i,error:!!C},T))})}));export{i as FormInput};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import o from"react";import{Input as l}from"../input/input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as e}from"./form-wrapper.js";const a=o.forwardRef(((o,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y}=o,b=r(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),h=t(),v=null!=m?m:`form-field-${h}`;return s(e,{id:v,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y,children:s(l,Object.assign({id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,ref:a,error:!!d},b))})}));export{a as FormInput};
 //# sourceMappingURL=form-input.js.map

package/form/form-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-input.js","sources":["../../src/form/form-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Input } from \"../input\";\nimport type { InputRef } from \"../input/types\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputProps } from \"./types\";\n\nconst Component = (props: FormInputProps, ref: InputRef): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            disabled={otherProps.disabled}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <Input\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                ref={ref}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormInput = React.forwardRef(Component);\n"],"names":["FormInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","Input","undefined","error"],"mappings":"mYAQA,MA0DaA,EAAYC,EAAMC,YA1Db,CAACC,EAAuBC,KACtC,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAjB,EADGkB,IACHlB,EAlBE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,aAoBCmB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAGpCC,EAAUnB,QAAAA,EAAMe,EAEtB,OACIK,EAACC,EAAW,CACRrB,GAAImB,EAAO,cACEjB,EACbJ,MAAOA,EACPC,aAAcA,EACduB,SAAUR,EAAWQ,SAAQ,oBACVrB,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOU,SAEhBH,EAACI,iBACGxB,GAAI,GAAGmB,SAAc,cACRjB,EAAS,GAAGA,cAAgBuB,EACzC5B,IAAKA,EACL6B,QAAS3B,GACLe,KAEE"}
+{"version":3,"file":"form-input.js","sources":["../../src/form/form-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Input } from \"../input\";\nimport type { InputRef } from \"../input/types\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputProps } from \"./types\";\n\nconst Component = (props: FormInputProps, ref: InputRef): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <Input\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                ref={ref}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormInput = React.forwardRef(Component);\n"],"names":["FormInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","Input","undefined","error"],"mappings":"2YAQA,MAgDaA,EAAYC,EAAMC,YAhDb,CAACC,EAAuBC,KACtC,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAd,EADGe,EAAUC,EACbhB,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBAiB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IAEpC,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EACzCtB,IAAKA,EACLuB,QAASrB,GACLY,KAEE"}

package/form/form-label-addon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{ICircleFillIcon as t}from"@lifesg/react-icons/i-circle-fill";import"../_virtual/_tslib.js";import"react";import"styled-components";import"../modal-v2/index.js";import"../typography/typography.js";import"../v3_theme/index.js";import"../popover-v2/popover.styles.js";import{PopoverInline as e}from"../popover-v2/popover-inline/popover-inline.js";import"@floating-ui/react";import"../overlay/use-floating-context.js";import"../theme/theme-provider/context.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/string-helper.js";import"../popover-v2/popover-trigger.styles.js";import{AddonWrapper as r}from"./form-label-addon.style.js";const i=({addon:i,rootNode:p})=>{const{content:n,type:s,icon:m,id:l,zIndex:a,"data-testid":d}=i;return o(r,{children:o(e,{trigger:"click",id:l,"data-testid":d,popoverContent:n,rootNode:p,zIndex:a,icon:null!=m?m:o(t,{"data-testid":`${s}-icon`}),ariaLabel:"More info"})})};export{i as PopoverAddon};
+import{jsx as t}from"react/jsx-runtime";import{ICircleFillIcon as e}from"@lifesg/react-icons/i-circle-fill";import"../_virtual/_tslib.js";import"clsx";import"react";import"../theme/theme-provider/context.js";import"../typography/typography.js";import"../card/card.styles_1gh9gs3.css";import"../markup/markup.js";import"../modal-v2/index.js";import"../theme/theme-provider/index.js";import"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../theme/utils/use-media-query.js";import"../popover/popover.styles_ujnf0h.css";import{PopoverInline as o}from"../popover/popover-inline/popover-inline.js";import"@floating-ui/react";import"../overlay/use-floating-context.js";import"../popover/popover-trigger.styles_8zokig.css";import{addonWrapper as r}from"./form-label-addon.styles.js";const i=({addon:i,rootNode:p})=>{const{content:s,type:m,icon:n,id:a,zIndex:l,"data-testid":d}=i;return t("div",{className:r,children:t(o,{trigger:"click",id:a,"data-testid":d,popoverContent:s,rootNode:p,zIndex:l,icon:null!=n?n:t(e,{"data-testid":`${m}-icon`}),ariaLabel:"More info"})})};export{i as PopoverAddon};
 //# sourceMappingURL=form-label-addon.js.map

package/form/form-label-addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label-addon.js","sources":["../../src/form/form-label-addon.tsx"],"sourcesContent":["import { ICircleFillIcon } from \"@lifesg/react-icons/i-circle-fill\";\nimport type { RefObject } from \"react\";\n\nimport { PopoverInline } from \"../popover-v2\";\nimport { AddonWrapper } from \"./form-label-addon.style\";\nimport type { FormLabelAddonProps } from \"./types\";\n\n// =============================================================================\n// POPOVER ADDON COMPONENT\n// Note: We need to re-construct as using with the HOC causes some rendering\n// issues\n// =============================================================================\ninterface PopoverAddonProps {\n    addon: FormLabelAddonProps;\n    rootNode?: RefObject<HTMLElement>;\n}\n\nexport const PopoverAddon = ({\n    addon,\n    rootNode,\n}: PopoverAddonProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { content, type, icon, id, zIndex, \"data-testid\": testId } = addon;\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <AddonWrapper>\n            <PopoverInline\n                trigger=\"click\"\n                id={id}\n                data-testid={testId}\n                popoverContent={content}\n                rootNode={rootNode}\n                zIndex={zIndex}\n                icon={icon ?? <ICircleFillIcon data-testid={`${type}-icon`} />}\n                ariaLabel=\"More info\"\n            />\n        </AddonWrapper>\n    );\n};\n"],"names":["PopoverAddon","addon","rootNode","content","type","icon","id","zIndex","testId","_jsx","AddonWrapper","children","PopoverInline","trigger","popoverContent","ICircleFillIcon","ariaLabel"],"mappings":"8sBAiBO,MAAMA,EAAe,EACxBC,QACAC,eAKA,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,GAAEA,EAAEC,OAAEA,EAAQ,cAAeC,GAAWP,EAKnE,OACIQ,EAACC,EAAY,CAAAC,SACTF,EAACG,EAAa,CACVC,QAAQ,QACRP,GAAIA,EAAE,cACOE,EACbM,eAAgBX,EAChBD,SAAUA,EACVK,OAAQA,EACRF,KAAMA,QAAAA,EAAQI,EAACM,iBAA6B,GAAGX,WAC/CY,UAAU,eAEH"}
+{"version":3,"file":"form-label-addon.js","sources":["../../src/form/form-label-addon.tsx"],"sourcesContent":["import { ICircleFillIcon } from \"@lifesg/react-icons/i-circle-fill\";\nimport type { RefObject } from \"react\";\n\nimport { PopoverInline } from \"../popover\";\nimport * as styles from \"./form-label-addon.styles\";\nimport type { FormLabelAddonProps } from \"./types\";\n\n// =============================================================================\n// POPOVER ADDON COMPONENT\n// Note: We need to re-construct as using with the HOC causes some rendering\n// issues\n// =============================================================================\ninterface PopoverAddonProps {\n    addon: FormLabelAddonProps;\n    rootNode?: RefObject<HTMLElement>;\n}\n\nexport const PopoverAddon = ({\n    addon,\n    rootNode,\n}: PopoverAddonProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { content, type, icon, id, zIndex, \"data-testid\": testId } = addon;\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <div className={styles.addonWrapper}>\n            <PopoverInline\n                trigger=\"click\"\n                id={id}\n                data-testid={testId}\n                popoverContent={content}\n                rootNode={rootNode}\n                zIndex={zIndex}\n                icon={icon ?? <ICircleFillIcon data-testid={`${type}-icon`} />}\n                ariaLabel=\"More info\"\n            />\n        </div>\n    );\n};\n"],"names":["PopoverAddon","addon","rootNode","content","type","icon","id","zIndex","testId","_jsx","className","styles.addonWrapper","children","PopoverInline","trigger","popoverContent","ICircleFillIcon","ariaLabel"],"mappings":"kkCAiBO,MAAMA,EAAe,EACxBC,QACAC,eAKA,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,GAAEA,EAAEC,OAAEA,EAAQ,cAAeC,GAAWP,EAKnE,OACIQ,EAAA,MAAA,CAAKC,UAAWC,EAAmBC,SAC/BH,EAACI,EAAa,CACVC,QAAQ,QACRR,GAAIA,EAAE,cACOE,EACbO,eAAgBZ,EAChBD,SAAUA,EACVK,OAAQA,EACRF,KAAMA,QAAAA,EAAQI,EAACO,EAAe,CAAA,cAAc,GAAGZ,WAC/Ca,UAAU,eAEZ"}

package/form/form-label-addon.styles.d.ts

@@ -0,0 +1 @@
+export declare const addonWrapper: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1,2 @@
+import"./form-label-addon.styles_b00z8p.css";const o="akbk9y1";export{o as addonWrapper};
+//# sourceMappingURL=form-label-addon.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-addon.styles.js","sources":["../../src/form/form-label-addon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const addonWrapper = css`\n    padding-left: ${Spacing[\"spacing-4\"]};\n    display: inline;\n`;\n"],"names":["addonWrapper"],"mappings":"iEAIO,MAAMA,EAAY"}

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

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

package/form/form-label.d.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 import type { FormLabelProps } from "./types";
 export declare const FormLabel: ({ id, children, addon, subtitle, "data-testid": testId, className, style, ...otherProps }: FormLabelProps) => JSX.Element;
-export declare const FormErrorMessage: (props: React.HTMLAttributes<HTMLElement>) => JSX.Element;
+export declare const FormErrorMessage: ({ className, ...otherProps }: React.HTMLAttributes<HTMLElement>) => JSX.Element;

package/form/form-label.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{LabelContainer as d,Label as s,Subtitle as l,ErrorMessageContainer as a,ErrorIcon as r,ErrorMessage as o}from"./form-label.style.js";import{PopoverAddon as n}from"./form-label-addon.js";const m=a=>{var{id:r,children:o,addon:m,subtitle:c,"data-testid":b,className:p,style:u}=a,f=t(a,["id","children","addon","subtitle","data-testid","className","style"]);return e(d,{className:p,style:u,"data-testid":b,children:[e(s,Object.assign({id:r},f,{children:[o,m&&m.type&&("popover"===(null==m?void 0:m.type)?i(n,{addon:m}):null)]})),"string"==typeof c?i(l,{id:r?`${r}-subtitle`:void 0,"data-testid":b?`${b}-subtitle`:"subtitle",children:c}):c]})},c=t=>e(a,{children:[i(r,{"aria-hidden":!0}),i(o,Object.assign({},t))]});export{c as FormErrorMessage,m as FormLabel};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ExclamationCircleFillIcon as a}from"@lifesg/react-icons";import i from"clsx";import{Markup as l}from"../markup/markup.js";import{errorIcon as r,errorMessage as d,errorMessageContainer as m,label as o,subtitle as n,labelContainer as c}from"./form-label.styles.js";import{PopoverAddon as p}from"./form-label-addon.js";const u=a=>{var{id:r,children:d,addon:m,subtitle:u,"data-testid":b,className:f,style:N}=a,v=s(a,["id","children","addon","subtitle","data-testid","className","style"]);return e("div",{className:i(c,f),style:N,"data-testid":b,children:[t("label",Object.assign({id:r,className:o},v,{children:e(l,{inline:!0,children:[d,(null==m?void 0:m.type)&&("popover"===(null==m?void 0:m.type)?t(p,{addon:m}):null)]})})),"string"==typeof u?t("span",{id:r?`${r}-subtitle`:void 0,className:n,"data-testid":b?`${b}-subtitle`:"subtitle",children:u}):u]})},b=l=>{var{className:o}=l,n=s(l,["className"]);return e("div",{className:i(m,o),children:[t(a,{className:r,"aria-hidden":!0}),t("p",Object.assign({className:d},n))]})};export{b as FormErrorMessage,u as FormLabel};
 //# sourceMappingURL=form-label.js.map

package/form/form-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.js","sources":["../../src/form/form-label.tsx"],"sourcesContent":["import {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n    Label,\n    LabelContainer,\n    Subtitle,\n} from \"./form-label.style\";\nimport { PopoverAddon } from \"./form-label-addon\";\nimport type { FormLabelProps } from \"./types\";\n\nexport const FormLabel = ({\n    id,\n    children,\n    addon,\n    subtitle,\n    \"data-testid\": testId,\n    className,\n    style,\n    ...otherProps\n}: FormLabelProps): JSX.Element => {\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return <PopoverAddon addon={addon} />;\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <LabelContainer\n            className={className}\n            style={style}\n            data-testid={testId}\n        >\n            <Label id={id} {...otherProps}>\n                {children}\n                {addon && addon.type && renderAddon()}\n            </Label>\n            {typeof subtitle === \"string\" ? (\n                <Subtitle\n                    id={id ? `${id}-subtitle` : undefined}\n                    data-testid={testId ? `${testId}-subtitle` : \"subtitle\"}\n                >\n                    {subtitle}\n                </Subtitle>\n            ) : (\n                subtitle\n            )}\n        </LabelContainer>\n    );\n};\n\nexport const FormErrorMessage = (\n    props: React.HTMLAttributes<HTMLElement>\n): JSX.Element => {\n    return (\n        <ErrorMessageContainer>\n            <ErrorIcon aria-hidden />\n            <ErrorMessage {...props} />\n        </ErrorMessageContainer>\n    );\n};\n"],"names":["FormLabel","_a","id","children","addon","subtitle","testId","className","style","otherProps","__rest","_jsxs","LabelContainer","Label","type","_jsx","PopoverAddon","Subtitle","undefined","FormErrorMessage","props","ErrorMessageContainer","ErrorIcon","ErrorMessage","Object","assign"],"mappings":"kSAWO,MAAMA,EAAaC,QAAAC,GACtBA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,SACLA,EACA,cAAeC,EAAMC,UACrBA,EAASC,MACTA,GAAKP,EACFQ,EAAUC,EAAAT,EARS,wEAsBtB,OACIU,EAACC,EAAc,CACXL,UAAWA,EACXC,MAAOA,EAAK,cACCF,YAEbK,EAACE,iBAAMX,GAAIA,GAAQO,EAAU,CAAAN,SAAA,CACxBA,EACAC,GAASA,EAAMU,OAff,aADDV,aAAK,EAALA,EAAOU,MAEAC,EAACC,EAAY,CAACZ,MAAOA,IAErB,UAcU,iBAAbC,EACJU,EAACE,EAAQ,CACLf,GAAIA,EAAK,GAAGA,kBAAgBgB,EAAS,cACxBZ,EAAS,GAAGA,aAAoB,oBAE5CD,QAKI,EAIZc,EACTC,GAGIT,EAACU,EAAqB,CAAAlB,SAAA,CAClBY,EAACO,EAAS,CAAA,eAAA,IACVP,EAACQ,EAAYC,OAAAC,OAAA,CAAA,EAAKL"}
+{"version":3,"file":"form-label.js","sources":["../../src/form/form-label.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\n\nimport { Markup } from \"../markup\";\nimport * as styles from \"./form-label.styles\";\nimport { PopoverAddon } from \"./form-label-addon\";\nimport type { FormLabelProps } from \"./types\";\n\nexport const FormLabel = ({\n    id,\n    children,\n    addon,\n    subtitle,\n    \"data-testid\": testId,\n    className,\n    style,\n    ...otherProps\n}: FormLabelProps): JSX.Element => {\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return <PopoverAddon addon={addon} />;\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div\n            className={clsx(styles.labelContainer, className)}\n            style={style}\n            data-testid={testId}\n        >\n            <label id={id} className={styles.label} {...otherProps}>\n                <Markup inline>\n                    {children}\n                    {addon?.type && renderAddon()}\n                </Markup>\n            </label>\n            {typeof subtitle === \"string\" ? (\n                <span\n                    id={id ? `${id}-subtitle` : undefined}\n                    className={styles.subtitle}\n                    data-testid={testId ? `${testId}-subtitle` : \"subtitle\"}\n                >\n                    {subtitle}\n                </span>\n            ) : (\n                subtitle\n            )}\n        </div>\n    );\n};\n\nexport const FormErrorMessage = ({\n    className,\n    ...otherProps\n}: React.HTMLAttributes<HTMLElement>): JSX.Element => {\n    return (\n        <div className={clsx(styles.errorMessageContainer, className)}>\n            <ExclamationCircleFillIcon\n                className={styles.errorIcon}\n                aria-hidden\n            />\n            <p className={styles.errorMessage} {...otherProps} />\n        </div>\n    );\n};\n"],"names":["FormLabel","_a","id","children","addon","subtitle","testId","className","style","otherProps","__rest","_jsxs","clsx","styles.labelContainer","_jsx","Object","assign","styles.label","Markup","inline","type","PopoverAddon","undefined","styles.subtitle","FormErrorMessage","styles.errorMessageContainer","ExclamationCircleFillIcon","styles.errorIcon","styles.errorMessage"],"mappings":"oaASO,MAAMA,EAAaC,QAAAC,GACtBA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,SACLA,EACA,cAAeC,EAAMC,UACrBA,EAASC,MACTA,GAAKP,EACFQ,EAAUC,EAAAT,EARS,wEAsBtB,OACIU,SACIJ,UAAWK,EAAKC,EAAuBN,GACvCC,MAAOA,EAAK,cACCF,YAEbQ,EAAA,QAAAC,OAAAC,OAAA,CAAOd,GAAIA,EAAIK,UAAWU,GAAkBR,YACxCE,EAACO,EAAM,CAACC,QAAM,EAAAhB,SAAA,CACTA,GACAC,aAAK,EAALA,EAAOgB,QAhBX,aADDhB,aAAK,EAALA,EAAOgB,MAEAN,EAACO,EAAY,CAACjB,MAAOA,IAErB,YAgBU,iBAAbC,EACJS,EAAA,OAAA,CACIZ,GAAIA,EAAK,GAAGA,kBAAgBoB,EAC5Bf,UAAWgB,EAAe,cACbjB,EAAS,GAAGA,aAAoB,oBAE5CD,IACE,IAIT,EAIDmB,EAAoBvB,IAAA,IAAAM,UAC7BA,GAASN,EACNQ,EAAUC,EAAAT,EAFgB,eAI7B,OACIU,EAAA,MAAA,CAAKJ,UAAWK,EAAKa,EAA8BlB,GAAUJ,SAAA,CACzDW,EAACY,EAAyB,CACtBnB,UAAWoB,EAAgB,eAAA,IAG/Bb,qBAAGP,UAAWqB,GAAyBnB,MACrC"}

package/form/form-label.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const labelContainer: import("@linaria/core").LinariaClassName;
+export declare const label: import("@linaria/core").LinariaClassName;
+export declare const errorIcon: import("@linaria/core").LinariaClassName;
+export declare const errorMessageContainer: import("@linaria/core").LinariaClassName;
+export declare const errorMessage: import("@linaria/core").LinariaClassName;
+export declare const subtitle: import("@linaria/core").LinariaClassName;

package/form/form-label.styles.js

@@ -0,0 +1,2 @@
+import"./form-label.styles_rk98yd.css";const s="l170pjsx",e="lf1tnj",l="eyg2zu6",o="e4aab9k",r="e39ds6s",t="s1n6ixex";export{l as errorIcon,r as errorMessage,o as errorMessageContainer,e as label,s as labelContainer,t as subtitle};
+//# sourceMappingURL=form-label.styles.js.map

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

@@ -0,0 +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":["labelContainer","label","errorIcon","errorMessageContainer","errorMessage","subtitle"],"mappings":"2DAOO,MAAMA,EAAc,WAIdC,EAAK,SAOLC,EAAS,UAOTC,EAAqB,UAOrBC,EAAY,UAOZC,EAAQ"}