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

package/cjs/date-navigator/date-navigator.style.js

@@ -1,30 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../button/button.js"),n=require("../icon-button/icon-button.js"),r=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default(n.IconButton)`
-    margin: ${r.V3_Spacing["spacing-8"]};
-`,u=i.default.div`
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: space-between;
-    background-color: ${r.V3_Colour["bg-strong"]};
-    border-radius: ${r.V3_Radius.sm};
-`,s=i.default(t.Button.Default)`
-    color: ${e=>e.$enableDateClick?r.V3_Colour["text-primary"]:r.V3_Colour.text};
-    white-space: nowrap;
-    display: inline-block;
-    text-wrap: auto;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    background: transparent;
-    height: unset;
-    cursor: default;
-
-    ${t=>{if(t.$enableDateClick)return e.css`
-                &:hover {
-                    cursor: pointer;
-                    text-decoration: underline;
-                    text-underline-position: under;
-                }
-            `}}
-`;exports.Container=u,exports.HeaderArrowButton=a,exports.StyledDateTextButton=s;
-//# sourceMappingURL=date-navigator.style.js.map

package/cjs/date-navigator/date-navigator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-navigator.style.js","sources":["../../../src/date-navigator/date-navigator.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { IconButton } from \"../icon-button\";\nimport { V3_Colour, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\ninterface StyledDateTextProps {\n    $enableDateClick?: boolean;\n}\n\nexport const HeaderArrowButton = styled(IconButton)`\n    margin: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const Container = styled.div`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n`;\n\nexport const StyledDateTextButton = styled(Button.Default)<StyledDateTextProps>`\n    color: ${(props) =>\n        props.$enableDateClick ? V3_Colour[\"text-primary\"] : V3_Colour[\"text\"]};\n    white-space: nowrap;\n    display: inline-block;\n    text-wrap: auto;\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    height: unset;\n    cursor: default;\n\n    ${(props) => {\n        if (props.$enableDateClick) {\n            return css`\n                &:hover {\n                    cursor: pointer;\n                    text-decoration: underline;\n                    text-underline-position: under;\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderArrowButton","styled","IconButton","V3_Spacing","Container","div","V3_Colour","V3_Radius","StyledDateTextButton","Button","Default","props","$enableDateClick","css"],"mappings":"uPAUaA,EAAoBC,EAAAA,QAAOC,EAAAA,WAAW;cACrCC,EAAAA,WAAW;EAGZC,EAAYH,EAAAA,QAAOI,GAAG;;;;;wBAKXC,EAAAA,UAAU;qBACbC,EAAAA,UAAc;EAGtBC,EAAuBP,EAAAA,QAAOQ,SAAOC,QAA6B;aACjEC,GACNA,EAAMC,iBAAmBN,EAAAA,UAAU,gBAAkBA,YAAgB;;;;;;;;;;;MAWtEK,IACC,GAAIA,EAAMC,iBACN,OAAOC,KAAG;;;;;;aAOd;"}

package/cjs/divider/divider.style.js

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.hr`
-    width: 100%;
-    margin: 0;
-    border: none;
-    ${o=>{switch(o.$lineStyle){case"dashed":return o=>{let t;t="function"==typeof o.$color?o.$color(o):o.$color||r.V3_Colour.border(o);const n=encodeURIComponent(t),s=o.$thickness||1,c=s+1;return e.css`
-        background-color: transparent;
-        height: ${s}px;
-        background-repeat: repeat-x;
-        background-image: url('data:image/svg+xml,<svg width="8" height="${s}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${n}" stroke-width="${c}" stroke-dasharray="4 4" /></svg>');
-    `};case"solid":return e.css`
-                    height: ${o.$thickness}px;
-                    background-color: ${o.$color||r.V3_Colour.border};
-                `}}}
-`;exports.Line=t;
-//# sourceMappingURL=divider.style.js.map

package/cjs/divider/divider.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.style.js","sources":["../../../src/divider/divider.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour } from \"../v3_theme\";\nimport type { V3_StyledComponentProps } from \"../v3_theme/helpers\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { DividerLineStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $thickness: number;\n    $color?: string | ((props: V3_ThemeStyleProps) => string);\n    $lineStyle?: DividerLineStyleType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst dashedLineStyle = () => (props: StyleProps & V3_StyledComponentProps) => {\n    let color: string;\n\n    if (typeof props.$color === \"function\") {\n        color = props.$color(props);\n    } else {\n        color = props.$color || V3_Colour.border(props);\n    }\n\n    const encodedColor = encodeURIComponent(color);\n    const thickness = props.$thickness || 1;\n    const strokeWidth = thickness + 1; // best fit\n\n    return css`\n        background-color: transparent;\n        height: ${thickness}px;\n        background-repeat: repeat-x;\n        background-image: url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>');\n    `;\n};\n\nexport const Line = styled.hr<StyleProps>`\n    width: 100%;\n    margin: 0;\n    border: none;\n    ${(props) => {\n        switch (props.$lineStyle) {\n            case \"dashed\":\n                return dashedLineStyle();\n            case \"solid\":\n                return css`\n                    height: ${props.$thickness}px;\n                    background-color: ${props.$color || V3_Colour.border};\n                `;\n        }\n    }}\n`;\n"],"names":["Line","styled","hr","props","$lineStyle","color","$color","V3_Colour","border","encodedColor","encodeURIComponent","thickness","$thickness","strokeWidth","css"],"mappings":"0JAmBA,MAqBaA,OAAOC,QAAOC,EAAc;;;;MAIlCC,IACC,OAAQA,EAAMC,YACV,IAAK,SACD,OA5BeD,IAC3B,IAAIE,EAGAA,EADwB,mBAAjBF,EAAMG,OACLH,EAAMG,OAAOH,GAEbA,EAAMG,QAAUC,EAAAA,UAAUC,OAAOL,GAG7C,MAAMM,EAAeC,mBAAmBL,GAClCM,EAAYR,EAAMS,YAAc,EAChCC,EAAcF,EAAY,EAEhC,OAAOG,KAAG;;kBAEIH;;2EAEyDA,qGAA6GF,oBAA+BI;KAClN,EAWO,IAAK,QACD,OAAOC,KAAG;8BACIX,EAAMS;wCACIT,EAAMG,QAAUC,EAAAA,UAAUC;;"}

package/cjs/error-display/error-display.style.js

@@ -1,50 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../button/button.js"),i=require("../shared/html-content/html-content.js"),n=require("../typography/index.js"),a=require("../v3_theme/index.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(t);const d=o.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-`,p=o.default.img`
-    position: relative;
-    width: 400px;
-    height: auto;
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        width: 320px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xs} {
-        width: 288px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xxs} {
-        width: 240px;
-    }
-`,s=o.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    max-width: 656px;
-    white-space: pre-wrap;
-`,l=o.default(n.Typography.HeadingMD).attrs((()=>({forwardedAs:"h2"})))`
-    margin: ${a.V3_Spacing["spacing-32"]} 0 ${a.V3_Spacing["spacing-16"]};
-    text-align: center;
-`,u=o.default.div`
-    color: ${a.V3_Colour.text};
-    text-align: center;
-
-    ${i.applyHtmlContentStyle({textSize:"body-baseline"})}
-
-    p + p {
-        margin-top: ${a.V3_Spacing["spacing-16"]};
-    }
-`,c=o.default(e.Button.Default)`
-    margin: ${a.V3_Spacing["spacing-32"]} auto 0;
-    width: 21rem;
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        width: 100%;
-    }
-`;exports.ActionButton=c,exports.Container=d,exports.DescriptionContainer=u,exports.Img=p,exports.TextContainer=s,exports.Title=l;
-//# sourceMappingURL=error-display.style.js.map

package/cjs/error-display/error-display.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-display.style.js","sources":["../../../src/error-display/error-display.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n`;\n\nexport const Img = styled.img`\n    position: relative;\n    width: 400px;\n    height: auto;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        width: 240px;\n    }\n`;\n\nexport const TextContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 656px;\n    white-space: pre-wrap;\n`;\n\nexport const Title = styled(Typography.HeadingMD).attrs(() => ({\n    forwardedAs: \"h2\",\n}))`\n    margin: ${V3_Spacing[\"spacing-32\"]} 0 ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const DescriptionContainer = styled.div`\n    color: ${V3_Colour.text};\n    text-align: center;\n\n    ${applyHtmlContentStyle({ textSize: \"body-baseline\" })}\n\n    p + p {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const ActionButton = styled(Button.Default)`\n    margin: ${V3_Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["Container","styled","div","Img","img","V3_MediaQuery","MaxWidth","sm","xs","xxs","TextContainer","Title","Typography","HeadingMD","attrs","forwardedAs","V3_Spacing","DescriptionContainer","V3_Colour","text","applyHtmlContentStyle","textSize","ActionButton","Button","Default"],"mappings":"8RAOO,MAAMA,EAAYC,EAAAA,QAAOC,GAAG;;;;;;EAQtBC,EAAMF,EAAAA,QAAOG,GAAG;;;;;MAKvBC,EAAAA,cAAcC,SAASC;;;;MAIvBF,EAAAA,cAAcC,SAASE;;;;MAIvBH,EAAAA,cAAcC,SAASG;;;EAKhBC,EAAgBT,EAAAA,QAAOC,GAAG;;;;;;;EAS1BS,EAAQV,EAAAA,QAAOW,EAAAA,WAAWC,WAAWC,OAAM,KAAA,CACpDC,YAAa,QACd;cACWC,EAAAA,WAAW,mBAAmBA,EAAAA,WAAW;;EAI1CC,EAAuBhB,EAAAA,QAAOC,GAAG;aACjCgB,EAAAA,UAAUC;;;MAGjBC,wBAAsB,CAAEC,SAAU;;;sBAGlBL,EAAAA,WAAW;;EAIpBM,EAAerB,EAAAA,QAAOsB,SAAOC,QAAQ;cACpCR,EAAAA,WAAW;;;MAGnBX,EAAAA,cAAcC,SAASC;;;"}

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

@@ -1,33 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../typography/index.js"),i=require("../v3_theme/index.js"),r=require("../v3_theme/components/theme-helper.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);const p=o.default.div`
-    display: flex;
-    align-items: flex-start;
-    flex-direction: column;
-
-    ${i.V3_MediaQuery.MaxWidth.lg} {
-        justify-content: flex-start;
-        padding: 0;
-    }
-`,n=o.default(t.Typography.BodyMD)`
-    margin-bottom: ${i.V3_Spacing["spacing-16"]};
-    color: ${r.V3_ThemeFooter["footer-colour-text"]};
-`,l=o.default.div`
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: ${i.V3_Spacing["spacing-16"]};
-    column-gap: ${i.V3_Spacing["spacing-16"]};
-`,d=o.default.a`
-    img {
-        width: auto;
-        height: 3.75rem;
-        object-fit: contain;
-        display: block;
-    }
-
-    ${i.V3_MediaQuery.MaxWidth.lg} {
-        img {
-            height: 3rem;
-            width: 100%;
-        }
-    }
-`;exports.AppButtonsWrapper=l,exports.AppStoreLink=d,exports.Label=n,exports.Wrapper=p;
-//# sourceMappingURL=footer-download-app.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"footer-download-app.style.js","sources":["../../../src/footer/footer-download-app.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\nimport { V3_ThemeFooter } from \"../v3_theme/components/theme-helper\";\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        justify-content: flex-start;\n        padding: 0;\n    }\n`;\n\nexport const Label = styled(Typography.BodyMD)`\n    margin-bottom: ${V3_Spacing[\"spacing-16\"]};\n    color: ${V3_ThemeFooter[\"footer-colour-text\"]};\n`;\n\nexport const AppButtonsWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: ${V3_Spacing[\"spacing-16\"]};\n    column-gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n\nexport const AppStoreLink = styled.a`\n    img {\n        width: auto;\n        height: 3.75rem;\n        object-fit: contain;\n        display: block;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        img {\n            height: 3rem;\n            width: 100%;\n        }\n    }\n`;\n"],"names":["Wrapper","styled","div","V3_MediaQuery","MaxWidth","lg","Label","Typography","BodyMD","V3_Spacing","V3_ThemeFooter","AppButtonsWrapper","AppStoreLink","a"],"mappings":"6PAMO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;MAK3BC,EAAAA,cAAcC,SAASC;;;;EAMhBC,EAAQL,EAAAA,QAAOM,aAAWC,OAAO;qBACzBC,EAAAA,WAAW;aACnBC,EAAAA,eAAe;EAGfC,EAAoBV,EAAAA,QAAOC,GAAG;;;eAG5BO,EAAAA,WAAW;kBACRA,EAAAA,WAAW;EAGhBG,EAAeX,EAAAA,QAAOY,CAAC;;;;;;;;MAQ9BV,EAAAA,cAAcC,SAASC;;;;;;"}

package/cjs/footer/footer.style.js

@@ -1,147 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../divider/divider.js"),i=require("../layout/index.js"),o=require("../typography/index.js"),a=require("../v3_theme/index.js"),n=require("../v3_theme/components/theme-helper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e);const l=d.default.footer`
-    background: ${n.V3_ThemeFooter["footer-colour-bg"]};
-`,c=d.default(o.Typography.LinkMD)`
-    color: ${n.V3_ThemeFooter["footer-link-colour-text"]};
-
-    &:hover {
-        color: ${n.V3_ThemeFooter["footer-link-colour-text-hover"]};
-    }
-`,p=d.default(t.Divider)`
-    width: 100%;
-`,g=d.default(i.Layout.Content)`
-    padding: ${a.V3_Spacing["spacing-64"]} 0;
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        padding: ${a.V3_Spacing["spacing-32"]} 0;
-
-        [data-id="container"] {
-            flex-direction: column;
-            gap: ${a.V3_Spacing["spacing-32"]};
-        }
-    }
-`,s=d.default.div`
-    display: flex;
-    width: fit-content;
-    margin-right: ${a.V3_Spacing["spacing-64"]};
-
-    img {
-        max-height: 4rem;
-        max-width: 100%;
-        object-fit: contain;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        width: 100%;
-        margin-right: 0;
-    }
-`,u=d.default.div`
-    display: flex;
-    gap: ${a.V3_Spacing["spacing-32"]};
-    flex: 1 1 auto;
-    max-width: calc(32% + ${a.V3_Spacing["spacing-32"]});
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        max-width: 100%;
-    }
-`,h=d.default.ul`
-    flex: 1 1 50%;
-    list-style-type: none;
-
-    &:nth-of-type(2) {
-        // 2nd col
-        grid-column: 7 / span 4;
-    }
-
-    li {
-        &:not(:last-child) {
-            margin-bottom: ${a.V3_Spacing["spacing-8"]};
-        }
-
-        a {
-            display: inline-block;
-        }
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        // first col
-        grid-column: 1 / span 6;
-
-        &:nth-of-type(2) {
-            // 2nd col
-            grid-column: 7 / span 6;
-        }
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.md} {
-        // first col
-        grid-column: 1 / span 4;
-
-        &:nth-of-type(2) {
-            // 2nd col
-            grid-column: 5 / span 4;
-        }
-    }
-`,x=d.default.div`
-    flex: 0 1 33%;
-    margin-left: auto;
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        flex: 1 1 100%;
-        margin-left: 0;
-    }
-`,f=d.default(i.Layout.Content)`
-    padding: ${a.V3_Spacing["spacing-20"]} 0;
-
-    [data-id="container"] {
-        column-gap: ${a.V3_Spacing["spacing-32"]};
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        border-top: none;
-        padding: ${a.V3_Spacing["spacing-16"]} 0;
-
-        [data-id="container"] {
-            flex-direction: column;
-        }
-    }
-`,m=d.default.div`
-    flex: 1 1 50%;
-    display: flex;
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        flex-direction: column;
-        &:not(:last-child) {
-            margin-right: 0;
-        }
-    }
-`,y=d.default(m)`
-    justify-content: flex-end;
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        margin-top: ${a.V3_Spacing["spacing-16"]};
-        justify-content: flex-start;
-    }
-`,_=d.default(o.Typography.BodyXS)`
-    color: ${n.V3_ThemeFooter["footer-colour-text"]};
-`,V=d.default(o.Typography.LinkXS)`
-    color: ${n.V3_ThemeFooter["footer-disclaimer-link-colour-text"]};
-    &:not(:last-child) {
-        margin-right: ${a.V3_Spacing["spacing-16"]};
-    }
-
-    &:hover {
-        color: ${n.V3_ThemeFooter["footer-disclaimer-link-colour-text-hover"]};
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        margin-bottom: ${a.V3_Spacing["spacing-12"]};
-        &:not(:last-child) {
-            margin-right: 0;
-        }
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        margin-bottom: ${a.V3_Spacing["spacing-8"]};
-    }
-`;exports.AddonSection=x,exports.BaseFooter=l,exports.BottomSection=f,exports.BottomSectionContent=m,exports.CopyrightSection=y,exports.CopyrightText=_,exports.DisclaimerTextLink=V,exports.FullWidthDivider=p,exports.LinkSection=h,exports.LinkSectionWrapper=u,exports.LogoSection=s,exports.StyledFooterLink=c,exports.TopSection=g;
-//# sourceMappingURL=footer.style.js.map

package/cjs/footer/footer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.style.js","sources":["../../../src/footer/footer.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { Typography } from \"../typography\";\nimport { V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\nimport { V3_ThemeFooter } from \"../v3_theme/components/theme-helper\";\n\n// =============================================================================\n// GENERIC\n// =============================================================================\n\nexport const BaseFooter = styled.footer`\n    background: ${V3_ThemeFooter[\"footer-colour-bg\"]};\n`;\n\nexport const StyledFooterLink = styled(Typography.LinkMD)`\n    color: ${V3_ThemeFooter[\"footer-link-colour-text\"]};\n\n    &:hover {\n        color: ${V3_ThemeFooter[\"footer-link-colour-text-hover\"]};\n    }\n`;\n\n// =============================================================================\n// TOP SECTION\n// =============================================================================\n\nexport const FullWidthDivider = styled(Divider)`\n    width: 100%;\n`;\n\nexport const TopSection = styled(Layout.Content)`\n    padding: ${V3_Spacing[\"spacing-64\"]} 0;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        padding: ${V3_Spacing[\"spacing-32\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n            gap: ${V3_Spacing[\"spacing-32\"]};\n        }\n    }\n`;\n\nexport const LogoSection = styled.div`\n    display: flex;\n    width: fit-content;\n    margin-right: ${V3_Spacing[\"spacing-64\"]};\n\n    img {\n        max-height: 4rem;\n        max-width: 100%;\n        object-fit: contain;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        width: 100%;\n        margin-right: 0;\n    }\n`;\n\nexport const LinkSectionWrapper = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    flex: 1 1 auto;\n    max-width: calc(32% + ${V3_Spacing[\"spacing-32\"]});\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        max-width: 100%;\n    }\n`;\n\nexport const LinkSection = styled.ul`\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: ${V3_Spacing[\"spacing-8\"]};\n        }\n\n        a {\n            display: inline-block;\n        }\n    }\n\n    ${V3_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    ${V3_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 = styled.div`\n    flex: 0 1 33%;\n    margin-left: auto;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        flex: 1 1 100%;\n        margin-left: 0;\n    }\n`;\n\n// =============================================================================\n// BOTTOM SECTION\n// =============================================================================\n\nexport const BottomSection = styled(Layout.Content)`\n    padding: ${V3_Spacing[\"spacing-20\"]} 0;\n\n    [data-id=\"container\"] {\n        column-gap: ${V3_Spacing[\"spacing-32\"]};\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        border-top: none;\n        padding: ${V3_Spacing[\"spacing-16\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n        }\n    }\n`;\n\nexport const BottomSectionContent = styled.div`\n    flex: 1 1 50%;\n    display: flex;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const CopyrightSection = styled(BottomSectionContent)`\n    justify-content: flex-end;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n        justify-content: flex-start;\n    }\n`;\n\nexport const CopyrightText = styled(Typography.BodyXS)`\n    color: ${V3_ThemeFooter[\"footer-colour-text\"]};\n`;\n\nexport const DisclaimerTextLink = styled(Typography.LinkXS)`\n    color: ${V3_ThemeFooter[\"footer-disclaimer-link-colour-text\"]};\n    &:not(:last-child) {\n        margin-right: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        color: ${V3_ThemeFooter[\"footer-disclaimer-link-colour-text-hover\"]};\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-bottom: ${V3_Spacing[\"spacing-12\"]};\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n"],"names":["BaseFooter","styled","footer","V3_ThemeFooter","StyledFooterLink","Typography","LinkMD","FullWidthDivider","Divider","TopSection","Layout","Content","V3_Spacing","V3_MediaQuery","MaxWidth","lg","LogoSection","div","LinkSectionWrapper","LinkSection","ul","md","AddonSection","BottomSection","BottomSectionContent","CopyrightSection","CopyrightText","BodyXS","DisclaimerTextLink","LinkXS"],"mappings":"gUAYO,MAAMA,EAAaC,EAAAA,QAAOC,MAAM;kBACrBC,EAAAA,eAAe;EAGpBC,EAAmBH,EAAAA,QAAOI,aAAWC,OAAO;aAC5CH,EAAAA,eAAe;;;iBAGXA,EAAAA,eAAe;;EAQnBI,EAAmBN,EAAAA,QAAOO,EAAAA,QAAQ;;EAIlCC,EAAaR,EAAAA,QAAOS,SAAOC,QAAQ;eACjCC,EAAAA,WAAW;;MAEpBC,EAAAA,cAAcC,SAASC;mBACVH,EAAAA,WAAW;;;;mBAIXA,EAAAA,WAAW;;;EAKjBI,EAAcf,EAAAA,QAAOgB,GAAG;;;oBAGjBL,EAAAA,WAAW;;;;;;;;MAQzBC,EAAAA,cAAcC,SAASC;;;;EAMhBG,EAAqBjB,EAAAA,QAAOgB,GAAG;;WAEjCL,EAAAA,WAAW;;4BAEMA,EAAAA,WAAW;;MAEjCC,EAAAA,cAAcC,SAASC;;;EAKhBI,EAAclB,EAAAA,QAAOmB,EAAE;;;;;;;;;;;6BAWPR,EAAAA,WAAW;;;;;;;;MAQlCC,EAAAA,cAAcC,SAASC;;;;;;;;;;MAUvBF,EAAAA,cAAcC,SAASO;;;;;;;;;EAWhBC,EAAerB,EAAAA,QAAOgB,GAAG;;;;MAIhCJ,EAAAA,cAAcC,SAASC;;;;EAUhBQ,EAAgBtB,EAAAA,QAAOS,SAAOC,QAAQ;eACpCC,EAAAA,WAAW;;;sBAGJA,EAAAA,WAAW;;;MAG3BC,EAAAA,cAAcC,SAASC;;mBAEVH,EAAAA,WAAW;;;;;;EAQjBY,EAAuBvB,EAAAA,QAAOgB,GAAG;;;;MAIxCJ,EAAAA,cAAcC,SAASC;;;;;;EAQhBU,EAAmBxB,EAAAA,QAAOuB,EAAqB;;;MAGtDX,EAAAA,cAAcC,SAASC;sBACPH,EAAAA,WAAW;;;EAKpBc,EAAgBzB,EAAAA,QAAOI,aAAWsB,OAAO;aACzCxB,EAAAA,eAAe;EAGfyB,EAAqB3B,EAAAA,QAAOI,aAAWwB,OAAO;aAC9C1B,EAAAA,eAAe;;wBAEJS,EAAAA,WAAW;;;;iBAIlBT,EAAAA,eAAe;;;MAG1BU,EAAAA,cAAcC,SAASC;yBACJH,EAAAA,WAAW;;;;;;MAM9BC,EAAAA,cAAcC,SAASC;yBACJH,EAAAA,WAAW;;"}

package/cjs/form/form-label-addon.style.js

@@ -1,5 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=n(e).default.div`
-    padding-left: ${t.V3_Spacing["spacing-4"]};
-    display: inline;
-`;exports.AddonWrapper=i;
-//# sourceMappingURL=form-label-addon.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-label-addon.style.js","sources":["../../../src/form/form-label-addon.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const AddonWrapper = styled.div`\n    padding-left: ${V3_Spacing[\"spacing-4\"]};\n    display: inline;\n`;\n"],"names":["AddonWrapper","styled","div","V3_Spacing"],"mappings":"0JAIO,MAAMA,OAAeC,QAAOC,GAAG;oBAClBC,EAAAA,WAAW;;"}

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

@@ -1,29 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/exclamation-circle-fill"),t=require("styled-components"),o=require("../shared/html-content/html-content.js"),r=require("../v3_theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t);const i=n.default.div`
-    margin-bottom: ${r.V3_Spacing["spacing-8"]};
-`,a=n.default.label`
-    color: ${r.V3_Colour["text-subtle"]};
-    display: inline-block;
-
-    ${r.V3_Font["form-label"]}
-    ${o.applyHtmlContentStyle()}
-    font-weight: ${r.V3_Font.Spec["weight-semibold"]};
-`,s=n.default(e.ExclamationCircleFillIcon)`
-    height: 1lh;
-    width: 1em;
-    flex-shrink: 0;
-    color: ${r.V3_Colour["icon-error-strong"]};
-`,c=n.default.div`
-    ${r.V3_Font["body-sm-semibold"]}
-    display: flex;
-    gap: ${r.V3_Spacing["spacing-4"]};
-    margin-top: ${r.V3_Spacing["spacing-8"]};
-`,p=n.default.p`
-    color: ${r.V3_Colour["text-error"]};
-    margin-bottom: 0;
-    outline: none;
-`,u=n.default.span`
-    ${r.V3_Font["form-description"]}
-    color: ${r.V3_Colour["text-subtler"]};
-    display: block;
-`;exports.ErrorIcon=s,exports.ErrorMessage=p,exports.ErrorMessageContainer=c,exports.Label=a,exports.LabelContainer=i,exports.Subtitle=u;
-//# sourceMappingURL=form-label.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-label.style.js","sources":["../../../src/form/form-label.style.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport styled from \"styled-components\";\n\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const LabelContainer = styled.div`\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n`;\nexport const Label = styled.label`\n    color: ${V3_Colour[\"text-subtle\"]};\n    display: inline-block;\n\n    ${V3_Font[\"form-label\"]}\n    ${applyHtmlContentStyle()}\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${V3_Colour[\"icon-error-strong\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    ${V3_Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorMessage = styled.p`\n    color: ${V3_Colour[\"text-error\"]};\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const Subtitle = styled.span`\n    ${V3_Font[\"form-description\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":["LabelContainer","styled","div","V3_Spacing","Label","label","V3_Colour","V3_Font","applyHtmlContentStyle","Spec","ErrorIcon","ExclamationCircleFillIcon","ErrorMessageContainer","ErrorMessage","p","Subtitle","span"],"mappings":"kRASO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;qBACnBC,EAAAA,WAAW;EAEnBC,EAAQH,EAAAA,QAAOI,KAAK;aACpBC,EAAAA,UAAU;;;MAGjBC,EAAAA,QAAQ;MACRC;mBACaD,EAAAA,QAAQE,KAAK;EAGnBC,EAAYT,EAAAA,QAAOU,EAAAA,0BAA0B;;;;aAI7CL,EAAAA,UAAU;EAGVM,EAAwBX,EAAAA,QAAOC,GAAG;MACzCK,EAAAA,QAAQ;;WAEHJ,EAAAA,WAAW;kBACJA,EAAAA,WAAW;EAGhBU,EAAeZ,EAAAA,QAAOa,CAAC;aACvBR,EAAAA,UAAU;;;EAKVS,EAAWd,EAAAA,QAAOe,IAAI;MAC7BT,EAAAA,QAAQ;aACDD,EAAAA,UAAU;;"}

package/cjs/form/form-textarea.style.js

@@ -1,13 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../v3_theme/index.js"),a=require("./form-label.style.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e);const n=i.default.div`
-    display: flex;
-    justify-content: flex-end;
-    margin-top: ${r.V3_Spacing["spacing-4"]};
-`,s=i.default.div`
-    display: flex;
-    flex: 1;
-    margin-right: ${r.V3_Spacing["spacing-12"]};
-    gap: ${r.V3_Spacing["spacing-4"]};
-`,o=i.default(a.ErrorMessage)`
-    margin-top: 0;
-`;exports.ErrorMessageContainer=s,exports.ErrorMessageLabel=o,exports.LabelContainer=n;
-//# sourceMappingURL=form-textarea.style.js.map

package/cjs/form/form-textarea.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-textarea.style.js","sources":["../../../src/form/form-textarea.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\nimport { ErrorMessage } from \"./form-label.style\";\n\nexport const LabelContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    display: flex;\n    flex: 1;\n    margin-right: ${V3_Spacing[\"spacing-12\"]};\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorMessageLabel = styled(ErrorMessage)`\n    margin-top: 0;\n`;\n"],"names":["LabelContainer","styled","div","V3_Spacing","ErrorMessageContainer","ErrorMessageLabel","ErrorMessage"],"mappings":"wMAKO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;kBAGtBC,EAAAA,WAAW;EAGhBC,EAAwBH,EAAAA,QAAOC,GAAG;;;oBAG3BC,EAAAA,WAAW;WACpBA,EAAAA,WAAW;EAGTE,EAAoBJ,EAAAA,QAAOK,EAAAA,aAAa;;"}

package/cjs/form/form-wrapper.style.js

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../layout/col-div.js"),i=require("../v2_layout/col-div.js"),o=require("../v3_theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);const n=e.css`
-    display: flex;
-    flex-direction: column;
-
-    &:not(:last-child) {
-        margin-bottom: ${o.V3_Spacing["spacing-32"]};
-    }
-`,a=l.default.div`
-    ${n}
-`,s=l.default(t.ColDiv)`
-    ${n}
-`,u=l.default(i.V2_ColDiv)`
-    ${n}
-`;exports.ColDivContainer=s,exports.Container=a,exports.V2_ColDivContainer=u;
-//# sourceMappingURL=form-wrapper.style.js.map

package/cjs/form/form-wrapper.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-wrapper.style.js","sources":["../../../src/form/form-wrapper.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ColDiv } from \"../layout/col-div\";\nimport { V2_ColDiv } from \"../v2_layout/col-div\";\nimport { V3_Spacing } from \"../v3_theme\";\n\nconst commonStyles = css`\n    display: flex;\n    flex-direction: column;\n\n    &:not(:last-child) {\n        margin-bottom: ${V3_Spacing[\"spacing-32\"]};\n    }\n`;\n\nexport const Container = styled.div`\n    ${commonStyles}\n`;\n\nexport const ColDivContainer = styled(ColDiv)`\n    ${commonStyles}\n`;\n\nexport const V2_ColDivContainer = styled(V2_ColDiv)`\n    ${commonStyles}\n`;\n"],"names":["commonStyles","css","V3_Spacing","Container","styled","div","ColDivContainer","ColDiv","V2_ColDivContainer","V2_ColDiv"],"mappings":"4OAMA,MAAMA,EAAeC,EAAAA,GAAG;;;;;yBAKCC,EAAAA,WAAW;;EAIvBC,EAAYC,EAAAA,QAAOC,GAAG;MAC7BL;EAGOM,EAAkBF,EAAAA,QAAOG,EAAAA,OAAO;MACvCP;EAGOQ,EAAqBJ,EAAAA,QAAOK,EAAAA,UAAU;MAC7CT;"}

package/cjs/icon-button/icon-button.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),s=require("./icon-button.style.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=a(i).default.forwardRef(((i,a)=>{var{"data-testid":r,styleType:d="primary",children:l,sizeType:n="default",type:u="button",disabled:o=!1,focusableWhenDisabled:c=!1,onClick:y}=i,b=e.__rest(i,["data-testid","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick"]);return t.jsx(s.Main,Object.assign({"data-testid":r||"iconButton",ref:a,type:u,$styleType:o?"disabled":d,$sizeType:n,"aria-disabled":o,disabled:o&&!c,onClick:o?void 0:y},b,{children:l}))}));exports.IconButton=r;
-//# sourceMappingURL=icon-button.js.map

package/cjs/icon-button/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/icon-button/icon-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ButtonRef } from \"../button/types\";\nimport { Main } from \"./icon-button.style\";\nimport type { IconButtonProps } from \"./types\";\n\nconst Component = (\n    {\n        \"data-testid\": dataTestId,\n        styleType = \"primary\",\n        children,\n        sizeType = \"default\",\n        type = \"button\",\n        disabled = false,\n        focusableWhenDisabled = false,\n        onClick,\n        ...otherProps\n    }: IconButtonProps,\n    ref: ButtonRef\n) => {\n    return (\n        <Main\n            data-testid={dataTestId || \"iconButton\"}\n            ref={ref}\n            type={type}\n            $styleType={disabled ? \"disabled\" : styleType}\n            $sizeType={sizeType}\n            aria-disabled={disabled}\n            disabled={disabled && !focusableWhenDisabled}\n            onClick={disabled ? undefined : onClick}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const IconButton = React.forwardRef(Component);\n"],"names":["IconButton","React","forwardRef","_a","ref","dataTestId","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick","otherProps","__rest","_jsx","Main","Object","assign","$styleType","$sizeType","undefined"],"mappings":"kNAMA,MA+BaA,OAAaC,QAAMC,YA/Bd,CACdC,EAWAC,KAXA,IACI,cAAeC,EAAUC,UACzBA,EAAY,UAASC,SACrBA,EAAQC,SACRA,EAAW,UAASC,KACpBA,EAAO,SAAQC,SACfA,GAAW,EAAKC,sBAChBA,GAAwB,EAAKC,QAC7BA,GAAOT,EACJU,EAAUC,EAAAA,OAAAX,EATjB,uGAaA,OACIY,EAAAA,IAACC,EAAAA,KAAIC,OAAAC,OAAA,CAAA,cACYb,GAAc,aAC3BD,IAAKA,EACLK,KAAMA,EAAIU,WACET,EAAW,WAAaJ,EAASc,UAClCZ,kBACIE,EACfA,SAAUA,IAAaC,EACvBC,QAASF,OAAWW,EAAYT,GAC5BC,EAAU,CAAAN,SAEbA,IACE"}

package/cjs/icon-button/icon-button.style.js

@@ -1,65 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../v3_theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const t=o(r).default.button`
-    align-items: center;
-    border-radius: ${e.V3_Radius.sm};
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-
-    // -----------------------------------------------------------------------------
-    // BUTTON STYLE + TEXT COLOR
-    // -----------------------------------------------------------------------------
-    ${e=>{switch(e.$sizeType){case"large":return r.css`
-                    height: 4rem;
-                    width: 4rem;
-
-                    img,
-                    svg {
-                        height: 1.625rem;
-                        width: 1.625rem;
-                    }
-                `;case"small":return r.css`
-                    height: 2.5rem;
-                    width: 2.5rem;
-
-                    img,
-                    svg {
-                        height: 1rem;
-                        width: 1rem;
-                    }
-                `;default:return r.css`
-                    height: 3rem;
-                    width: 3rem;
-
-                    img,
-                    svg {
-                        height: 1.125rem;
-                        width: 1.125rem;
-                    }
-                `}}}
-
-    ${o=>{switch(o.$styleType){case"secondary":case"light":return r.css`
-                    background-color: ${e.V3_Colour.bg};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-primary"]};
-                    color: ${e.V3_Colour["text-primary"]};
-
-                    &:hover {
-                        background-color: ${e.V3_Colour["bg-hover-neutral"]};
-                    }
-                `;case"disabled":return r.css`
-                    background-color: ${e.V3_Colour["bg-disabled"]};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-disabled"]};
-                    color: ${e.V3_Colour["text-disabled"]};
-                    cursor: not-allowed;
-                `;default:return r.css`
-                    background-color: ${e.V3_Colour["bg-primary"]};
-                    border: none;
-                    color: ${e.V3_Colour["text-inverse"]};
-
-                    &:hover {
-                        background-color: ${e.V3_Colour["bg-primary-hover"]};
-                    }
-                `}}}
-`;exports.Main=t;
-//# sourceMappingURL=icon-button.style.js.map

package/cjs/icon-button/icon-button.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.style.js","sources":["../../../src/icon-button/icon-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Border, V3_Colour, V3_Radius } from \"../v3_theme\";\nimport type { SizeType, StyleType } from \"./types\";\n\ninterface StyleProps {\n    $styleType: StyleType | \"disabled\";\n    $sizeType: SizeType;\n}\n\nexport const Main = styled.button<StyleProps>`\n    align-items: center;\n    border-radius: ${V3_Radius[\"sm\"]};\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n\n    // -----------------------------------------------------------------------------\n    // BUTTON STYLE + TEXT COLOR\n    // -----------------------------------------------------------------------------\n    ${(props) => {\n        switch (props.$sizeType) {\n            case \"large\":\n                return css`\n                    height: 4rem;\n                    width: 4rem;\n\n                    img,\n                    svg {\n                        height: 1.625rem;\n                        width: 1.625rem;\n                    }\n                `;\n            case \"small\":\n                return css`\n                    height: 2.5rem;\n                    width: 2.5rem;\n\n                    img,\n                    svg {\n                        height: 1rem;\n                        width: 1rem;\n                    }\n                `;\n\n            default:\n                return css`\n                    height: 3rem;\n                    width: 3rem;\n\n                    img,\n                    svg {\n                        height: 1.125rem;\n                        width: 1.125rem;\n                    }\n                `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$styleType) {\n            case \"secondary\":\n                return css`\n                    background-color: ${V3_Colour.bg};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-primary\"]};\n                    color: ${V3_Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n\n            case \"light\":\n                return css`\n                    background-color: ${V3_Colour.bg};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-primary\"]};\n                    color: ${V3_Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${V3_Colour[\"bg-disabled\"]};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-disabled\"]};\n                    color: ${V3_Colour[\"text-disabled\"]};\n                    cursor: not-allowed;\n                `;\n            default:\n                return css`\n                    background-color: ${V3_Colour[\"bg-primary\"]};\n                    border: none;\n                    color: ${V3_Colour[\"text-inverse\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-primary-hover\"]};\n                    }\n                `;\n        }\n    }}\n`;\n"],"names":["Main","styled","button","V3_Radius","props","$sizeType","css","$styleType","V3_Colour","bg","V3_Border","solid"],"mappings":"0JAUO,MAAMA,OAAOC,QAAOC,MAAkB;;qBAExBC,EAAAA,UAAc;;;;;;;;MAQ5BC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,KAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,KAAG;;;;;;;;;kBAWd,QACI,OAAOA,KAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YAYL,IAAK,QACD,OAAOD,KAAG;wCACcE,EAAAA,UAAUC;8BACpBC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;6BACPA,EAAAA,UAAU;;;4CAGKA,EAAAA,UAAU;;kBAG1C,IAAK,WACD,OAAOF,KAAG;wCACcE,EAAAA,UAAU;8BACpBE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;6BACPA,EAAAA,UAAU;;kBAG3B,QACI,OAAOF,KAAG;wCACcE,EAAAA,UAAU;;6BAErBA,EAAAA,UAAU;;;4CAGKA,EAAAA,UAAU;;;"}

package/cjs/icon-button/index.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("./icon-button.js");exports.IconButton=t.IconButton;
-//# sourceMappingURL=index.js.map

package/cjs/icon-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/image-button/image-button.style.js

@@ -1,65 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../v3_theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const d=o(r).default.button`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    gap: 0.5rem;
-    justify-content: center;
-    align-items: center;
-    padding: 1.5rem 1rem;
-    background-color: ${e.V3_Colour.bg};
-    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid} transparent;
-    border-radius: ${e.V3_Radius.md};
-    cursor: pointer;
-    max-width: 13rem;
-    transition: all ${e.V3_Motion["duration-250"]} ${e.V3_Motion["ease-default"]};
-    ${e.V3_Font["body-baseline-semibold"]}
-    color: ${({$selected:r})=>r?e.V3_Colour["text-primary"]:e.V3_Colour.text};
-    overflow-wrap: anywhere;
-
-    img {
-        min-width: 3.5rem;
-        width: 3.5rem;
-        height: 3.5rem;
-        object-fit: contain;
-    }
-
-    ${e.V3_MediaQuery.MaxWidth.sm} {
-        padding: 0.5rem 0.25rem;
-        gap: 0.25rem;
-        ${e.V3_Font["body-md-semibold"]}
-    }
-
-    ${o=>o.$error?r.css`
-                background: ${e.V3_Colour.bg};
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                    ${e.V3_Colour["border-error"]};
-            `:o.$selected?r.css`
-                background: ${e.V3_Colour["bg-selected"]};
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                    ${e.V3_Colour["border-selected"]};
-
-                &:hover {
-                    background: ${e.V3_Colour["bg-selected-hover"]};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-selected-hover"]};
-                }
-            `:r.css`
-                &:hover {
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-hover-strong"]};
-                }
-            `}
-
-    ${o=>o.$disabled&&r.css`
-            &:hover {
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid} transparent;
-            }
-            box-shadow: none;
-            img {
-                filter: grayscale(100%);
-            }
-            color: ${e.V3_Colour["text-disabled"]};
-            cursor: not-allowed;
-        `}
-`;exports.Main=d;
-//# sourceMappingURL=image-button.style.js.map

package/cjs/image-button/image-button.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-button.style.js","sources":["../../../src/image-button/image-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Motion,\n    V3_Radius,\n} from \"../v3_theme\";\n\nexport const Main = styled.button<{\n    $selected?: boolean;\n    $error?: boolean;\n    $disabled?: boolean;\n}>`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 0.5rem;\n    justify-content: center;\n    align-items: center;\n    padding: 1.5rem 1rem;\n    background-color: ${V3_Colour.bg};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n    border-radius: ${V3_Radius[\"md\"]};\n    cursor: pointer;\n    max-width: 13rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    ${V3_Font[\"body-baseline-semibold\"]}\n    color: ${({ $selected }) =>\n        $selected ? V3_Colour[\"text-primary\"] : V3_Colour[\"text\"]};\n    overflow-wrap: anywhere;\n\n    img {\n        min-width: 3.5rem;\n        width: 3.5rem;\n        height: 3.5rem;\n        object-fit: contain;\n    }\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        padding: 0.5rem 0.25rem;\n        gap: 0.25rem;\n        ${V3_Font[\"body-md-semibold\"]}\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                background: ${V3_Colour.bg};\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                    ${V3_Colour[\"border-error\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                background: ${V3_Colour[\"bg-selected\"]};\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                    ${V3_Colour[\"border-selected\"]};\n\n                &:hover {\n                    background: ${V3_Colour[\"bg-selected-hover\"]};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-selected-hover\"]};\n                }\n            `;\n        } else {\n            return css`\n                &:hover {\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-hover-strong\"]};\n                }\n            `;\n        }\n    }}\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            &:hover {\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n            }\n            box-shadow: none;\n            img {\n                filter: grayscale(100%);\n            }\n            color: ${V3_Colour[\"text-disabled\"]};\n            cursor: not-allowed;\n        `}\n`;\n"],"names":["Main","styled","button","V3_Colour","bg","V3_Border","solid","V3_Radius","V3_Motion","V3_Font","$selected","V3_MediaQuery","MaxWidth","sm","props","$error","css","$disabled"],"mappings":"0JAWO,MAAMA,OAAOC,QAAOC,MAIzB;;;;;;;;wBAQsBC,EAAAA,UAAUC;cACpBC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;qBAC7BC,EAAAA,UAAc;;;sBAGbC,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;MACvDC,EAAAA,QAAQ;aACD,EAAGC,eACRA,EAAYP,EAAAA,UAAU,gBAAkBA,YAAgB;;;;;;;;;;MAU1DQ,EAAAA,cAAcC,SAASC;;;UAGnBJ,EAAAA,QAAQ;;;MAGXK,GACKA,EAAMC,OACCC,KAAG;8BACQb,EAAAA,UAAUC;0BACdC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;sBACxCH,EAAAA,UAAU;cAEbW,EAAMJ,UACNM,KAAG;8BACQb,EAAAA,UAAU;0BACdE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;sBACxCH,EAAAA,UAAU;;;kCAGEA,EAAAA,UAAU;8BACdE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;;cAIjBa,KAAG;;8BAEQX,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;;;;MAM7BW,GACCA,EAAMG,WACND,KAAG;;0BAEeX,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;;;;;;qBAMzCH,EAAAA,UAAU;;;"}

package/cjs/input/input.style.js

@@ -1,31 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/cross"),r=require("styled-components"),t=require("../shared/input-wrapper/input-wrapper.js"),i=require("../v3_theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const p=n.default(t.BasicInput)`
-    width: 100%;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-
-    ${e=>"no-border"!==e.$styleType&&r.css`
-            padding-left: ${e.$visuallyReadOnly?0:i.V3_Spacing["spacing-16"]};
-            padding-right: ${e.$visuallyReadOnly||e.$showClear?0:i.V3_Spacing["spacing-16"]};
-        `}
-`,s=n.default(t.BasicButton)`
-    height: auto;
-    padding: ${i.V3_Spacing["spacing-12"]} ${i.V3_Spacing["spacing-16"]};
-
-    cursor: pointer;
-    color: ${i.V3_Colour.icon};
-
-    ${e=>"no-border"===e.$styleType&&r.css`
-            margin-right: -${i.V3_Spacing["spacing-12"]};
-        `}
-`,o=n.default(e.CrossIcon)`
-    height: 1.25rem;
-    width: 1.25rem;
-    vertical-align: middle;
-`,l=n.default.div`
-    display: flex;
-    width: 100%;
-`,d=n.default(t.InputBox)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-`;exports.ClearButton=s,exports.ClearIcon=o,exports.DefaultWrapper=d,exports.InputElement=p,exports.NoBorderWrapper=l;
-//# sourceMappingURL=input.style.js.map