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

package/footer/footer.style.js

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

package/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":"8TAYO,MAAMA,EAAaC,EAAOC,MAAM;kBACrBC,EAAe;EAGpBC,EAAmBH,EAAOI,EAAWC,OAAO;aAC5CH,EAAe;;;iBAGXA,EAAe;;EAQnBI,EAAmBN,EAAOO,EAAQ;;EAIlCC,EAAaR,EAAOS,EAAOC,QAAQ;eACjCC,EAAW;;MAEpBC,EAAcC,SAASC;mBACVH,EAAW;;;;mBAIXA,EAAW;;;EAKjBI,EAAcf,EAAOgB,GAAG;;;oBAGjBL,EAAW;;;;;;;;MAQzBC,EAAcC,SAASC;;;;EAMhBG,EAAqBjB,EAAOgB,GAAG;;WAEjCL,EAAW;;4BAEMA,EAAW;;MAEjCC,EAAcC,SAASC;;;EAKhBI,EAAclB,EAAOmB,EAAE;;;;;;;;;;;6BAWPR,EAAW;;;;;;;;MAQlCC,EAAcC,SAASC;;;;;;;;;;MAUvBF,EAAcC,SAASO;;;;;;;;;EAWhBC,EAAerB,EAAOgB,GAAG;;;;MAIhCJ,EAAcC,SAASC;;;;EAUhBQ,EAAgBtB,EAAOS,EAAOC,QAAQ;eACpCC,EAAW;;;sBAGJA,EAAW;;;MAG3BC,EAAcC,SAASC;;mBAEVH,EAAW;;;;;;EAQjBY,EAAuBvB,EAAOgB,GAAG;;;;MAIxCJ,EAAcC,SAASC;;;;;;EAQhBU,EAAmBxB,EAAOuB,EAAqB;;;MAGtDX,EAAcC,SAASC;sBACPH,EAAW;;;EAKpBc,EAAgBzB,EAAOI,EAAWsB,OAAO;aACzCxB,EAAe;EAGfyB,EAAqB3B,EAAOI,EAAWwB,OAAO;aAC9C1B,EAAe;;wBAEJS,EAAW;;;;iBAIlBT,EAAe;;;MAG1BU,EAAcC,SAASC;yBACJH,EAAW;;;;;;MAM9BC,EAAcC,SAASC;yBACJH,EAAW;;"}

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

@@ -1 +0,0 @@
-export declare const AddonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,5 +0,0 @@
-import i from"styled-components";import{V3_Spacing as e}from"../v3_theme/index.js";const n=i.div`
-    padding-left: ${e["spacing-4"]};
-    display: inline;
-`;export{n as AddonWrapper};
-//# sourceMappingURL=form-label-addon.style.js.map

package/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":"mFAIO,MAAMA,EAAeC,EAAOC,GAAG;oBAClBC,EAAW;;"}

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

@@ -1,11 +0,0 @@
-export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const ErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorMessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/form/form-label.style.js

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

package/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":"sRASO,MAAMA,EAAiBC,EAAOC,GAAG;qBACnBC,EAAW;EAEnBC,EAAQH,EAAOI,KAAK;aACpBC,EAAU;;;MAGjBC,EAAQ;MACRC;mBACaD,EAAQE,KAAK;EAGnBC,EAAYT,EAAOU,EAA0B;;;;aAI7CL,EAAU;EAGVM,EAAwBX,EAAOC,GAAG;MACzCK,EAAQ;;WAEHJ,EAAW;kBACJA,EAAW;EAGhBU,EAAeZ,EAAOa,CAAC;aACvBR,EAAU;;;EAKVS,EAAWd,EAAOe,IAAI;MAC7BT,EAAQ;aACDD,EAAU;;"}

package/form/form-textarea.style.d.ts

@@ -1,5 +0,0 @@
-export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessageLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
-}, never>> & string;

package/form/form-textarea.style.js

@@ -1,13 +0,0 @@
-import i from"styled-components";import{V3_Spacing as t}from"../v3_theme/index.js";import{ErrorMessage as e}from"./form-label.style.js";const o=i.div`
-    display: flex;
-    justify-content: flex-end;
-    margin-top: ${t["spacing-4"]};
-`,n=i.div`
-    display: flex;
-    flex: 1;
-    margin-right: ${t["spacing-12"]};
-    gap: ${t["spacing-4"]};
-`,p=i(e)`
-    margin-top: 0;
-`;export{n as ErrorMessageContainer,p as ErrorMessageLabel,o as LabelContainer};
-//# sourceMappingURL=form-textarea.style.js.map

package/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":"wIAKO,MAAMA,EAAiBC,EAAOC,GAAG;;;kBAGtBC,EAAW;EAGhBC,EAAwBH,EAAOC,GAAG;;;oBAG3BC,EAAW;WACpBA,EAAW;EAGTE,EAAoBJ,EAAOK,EAAa;;"}

package/form/form-wrapper.style.d.ts

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ColDivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ColDivProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").ColDivProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const V2_ColDivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").V2_ColDivProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").V2_ColDivProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/form/form-wrapper.style.js

@@ -1,15 +0,0 @@
-import o,{css as t}from"styled-components";import{ColDiv as i}from"../layout/col-div.js";import{V2_ColDiv as m}from"../v2_layout/col-div.js";import{V3_Spacing as l}from"../v3_theme/index.js";const r=t`
-    display: flex;
-    flex-direction: column;
-
-    &:not(:last-child) {
-        margin-bottom: ${l["spacing-32"]};
-    }
-`,e=o.div`
-    ${r}
-`,n=o(i)`
-    ${r}
-`,s=o(m)`
-    ${r}
-`;export{n as ColDivContainer,e as Container,s as V2_ColDivContainer};
-//# sourceMappingURL=form-wrapper.style.js.map

package/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":"+LAMA,MAAMA,EAAeC,CAAG;;;;;yBAKCC,EAAW;;EAIvBC,EAAYC,EAAOC,GAAG;MAC7BL;EAGOM,EAAkBF,EAAOG,EAAO;MACvCP;EAGOQ,EAAqBJ,EAAOK,EAAU;MAC7CT;"}

package/icon-button/icon-button.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { IconButtonProps } from "./types";
-export declare const IconButton: (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/icon-button/icon-button.js

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

package/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":"0JAMA,MA+BaA,EAAaC,EAAMC,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,EAAAX,EATjB,uGAaA,OACIY,EAACC,EAAIC,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/icon-button/icon-button.style.d.ts

@@ -1,7 +0,0 @@
-import type { SizeType, StyleType } from "./types";
-interface StyleProps {
-    $styleType: StyleType | "disabled";
-    $sizeType: SizeType;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyleProps>> & string;
-export {};

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

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

package/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":"0HAUO,MAAMA,EAAOC,EAAOC,MAAkB;;qBAExBC,EAAc;;;;;;;;MAQ5BC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,CAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,CAAG;;;;;;;;;kBAWd,QACI,OAAOA,CAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YAYL,IAAK,QACD,OAAOD,CAAG;wCACcE,EAAUC;8BACpBC,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;6BACPA,EAAU;;;4CAGKA,EAAU;;kBAG1C,IAAK,WACD,OAAOF,CAAG;wCACcE,EAAU;8BACpBE,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;6BACPA,EAAU;;kBAG3B,QACI,OAAOF,CAAG;wCACcE,EAAU;;6BAErBA,EAAU;;;4CAGKA,EAAU;;;"}

package/icon-button/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./icon-button";
-export * from "./types";

package/icon-button/index.js

@@ -1,2 +0,0 @@
-export{IconButton}from"./icon-button.js";
-//# sourceMappingURL=index.js.map

package/icon-button/index.js.map

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

package/icon-button/types.d.ts

@@ -1,8 +0,0 @@
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    "data-testid"?: string | undefined;
-    styleType?: StyleType;
-    sizeType?: SizeType;
-    focusableWhenDisabled?: boolean | undefined;
-}
-export type StyleType = "primary" | "secondary" | "light";
-export type SizeType = "large" | "default" | "small";

package/image-button/image-button.style.d.ts

@@ -1,5 +0,0 @@
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $selected?: boolean;
-    $error?: boolean;
-    $disabled?: boolean;
-}>> & string;

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

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

package/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":"yKAWO,MAAMA,EAAOC,EAAOC,MAIzB;;;;;;;;wBAQsBC,EAAUC;cACpBC,EAAU,gBAAgBA,EAAUC;qBAC7BC,EAAc;;;sBAGbC,EAAU,mBAAmBA,EAAU;MACvDC,EAAQ;aACD,EAAGC,eACRA,EAAYP,EAAU,gBAAkBA,EAAgB;;;;;;;;;;MAU1DQ,EAAcC,SAASC;;;UAGnBJ,EAAQ;;;MAGXK,GACKA,EAAMC,OACCC,CAAG;8BACQb,EAAUC;0BACdC,EAAU,gBAAgBA,EAAUC;sBACxCH,EAAU;cAEbW,EAAMJ,UACNM,CAAG;8BACQb,EAAU;0BACdE,EAAU,gBAAgBA,EAAUC;sBACxCH,EAAU;;;kCAGEA,EAAU;8BACdE,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;;cAIjBa,CAAG;;8BAEQX,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;;;;MAM7BW,GACCA,EAAMG,WACND,CAAG;;0BAEeX,EAAU,gBAAgBA,EAAUC;;;;;;qBAMzCH,EAAU;;;"}

package/input/input.style.d.ts

@@ -1,22 +0,0 @@
-import type { InputStyleType } from "./types";
-export interface InputStyleProps {
-    $showClear?: boolean | undefined;
-    $styleType?: InputStyleType | undefined;
-    $visuallyReadOnly?: boolean | undefined;
-}
-export declare const InputElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, InputStyleProps>> & string;
-export declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, InputStyleProps>> & string;
-export declare const ClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const NoBorderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DefaultWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;

package/input/input.style.js

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

package/input/input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.style.js","sources":["../../src/input/input.style.tsx"],"sourcesContent":["import { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport styled, { css } from \"styled-components\";\n\nimport { BasicButton, BasicInput, InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\nimport type { InputStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\nexport interface InputStyleProps {\n    $showClear?: boolean | undefined;\n    $styleType?: InputStyleType | undefined;\n    $visuallyReadOnly?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputElement = styled(BasicInput)<InputStyleProps>`\n    width: 100%;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n\n    ${(props) =>\n        props.$styleType !== \"no-border\" &&\n        css`\n            padding-left: ${props.$visuallyReadOnly\n                ? 0\n                : V3_Spacing[\"spacing-16\"]};\n            padding-right: ${props.$visuallyReadOnly || props.$showClear\n                ? 0\n                : V3_Spacing[\"spacing-16\"]};\n        `}\n`;\n\nexport const ClearButton = styled(BasicButton)<InputStyleProps>`\n    height: auto;\n    padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n\n    cursor: pointer;\n    color: ${V3_Colour[\"icon\"]};\n\n    ${(props) =>\n        props.$styleType === \"no-border\" &&\n        css`\n            margin-right: -${V3_Spacing[\"spacing-12\"]};\n        `}\n`;\n\nexport const ClearIcon = styled(CrossIcon)`\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle;\n`;\n\nexport const NoBorderWrapper = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const DefaultWrapper = styled(InputBox)`\n    display: flex;\n    align-items: center;\n    width: 100%;\n`;\n"],"names":["InputElement","styled","BasicInput","props","$styleType","css","$visuallyReadOnly","V3_Spacing","$showClear","ClearButton","BasicButton","V3_Colour","ClearIcon","CrossIcon","NoBorderWrapper","div","DefaultWrapper","InputBox"],"mappings":"6QAmBaA,EAAeC,EAAOC,EAA4B;;;;MAIxDC,GACsB,cAArBA,EAAMC,YACNC,CAAG;4BACiBF,EAAMG,kBAChB,EACAC,EAAW;6BACAJ,EAAMG,mBAAqBH,EAAMK,WAC5C,EACAD,EAAW;;EAIhBE,EAAcR,EAAOS,EAA6B;;eAEhDH,EAAW,iBAAiBA,EAAW;;;aAGzCI,EAAgB;;MAEtBR,GACsB,cAArBA,EAAMC,YACNC,CAAG;6BACkBE,EAAW;;EAI3BK,EAAYX,EAAOY,EAAU;;;;EAM7BC,EAAkBb,EAAOc,GAAG;;;EAK5BC,EAAiBf,EAAOgB,EAAS;;;;"}

package/input-group/input-group-list-addon.style.d.ts

@@ -1,20 +0,0 @@
-import type { InputGroupAddonPosition } from "./types";
-interface StyleProps {
-    $readOnly?: boolean;
-    $expanded?: boolean;
-    $position?: InputGroupAddonPosition;
-    $noBorder?: boolean;
-}
-interface DividerStyleProps {
-    $readOnly?: boolean;
-    $position?: InputGroupAddonPosition;
-}
-export declare const FieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, StyleProps>> & string;
-export declare const StyledExpandableElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../shared/dropdown-list-v2").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, StyleProps>> & string & Omit<(props: import("../shared/dropdown-list-v2").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const FieldSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, StyleProps>> & string & Omit<(props: import("..").InputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const SelectorReadOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DividerStyleProps>> & string;
-export {};