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

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 {};

package/input-group/input-group-list-addon.style.js

@@ -1,54 +0,0 @@
-import r,{css as t}from"styled-components";import{Input as i}from"../input/input.js";import"react/jsx-runtime";import"react";import"../util/string-helper.js";import{V3_Spacing as e,V3_Colour as o}from"../v3_theme/index.js";import"../shared/dropdown-list-v2/dropdown-label.styles.js";import"../shared/dropdown-list-v2/dropdown-list.js";import"../shared/dropdown-list-v2/dropdown-list-state.js";import{ExpandableElement as s}from"../shared/dropdown-list-v2/expandable-element.js";import"@lifesg/react-icons/caret-right";import"react-virtuoso";import"../button/button.style.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../shared/dropdown-wrapper/dropdown-wrapper.styles.js";import"../shared/dropdown-wrapper/element-with-dropdown.js";import"../shared/dropdown-list-v2/dropdown-list.styles.js";import"../shared/dropdown-list-v2/dropdown-search.js";import"../shared/dropdown-list-v2/nested-dropdown-list.styles.js";import"immer";import"../external/lodash/_getTag.js";import"../external/lodash/isArguments.js";import"../external/lodash/_baseGetTag.js";import"../external/lodash/isBuffer.js";import"../external/lodash/isTypedArray.js";import"../external/lodash/_Stack.js";import"../external/lodash/_SetCache.js";import"../external/lodash/_equalByTag.js";import{InputBox as d}from"../shared/input-wrapper/input-wrapper.js";const p=r(d)`
-    display: flex;
-    align-items: center;
-
-    ${r=>"right"===r.$position?t`
-                    flex-direction: row-reverse;
-                `:t`
-                    flex-direction: row;
-                `}
-`,n=r(s)`
-    ${r=>{if(r.$noBorder)return"right"===r.$position?t`
-                        padding-right: 0;
-                    `:t`
-                        padding-left: 0;
-                    `}}
-`,a=r.div`
-    flex: 0 0 auto;
-`,l=r(i)`
-    ${r=>r.readOnly?t`
-                padding: 0;
-            `:r.$noBorder?"right"===r.$position?t`
-                        padding-left: 0;
-                    `:t`
-                        padding-right: 0;
-                    `:"right"===r.$position?t`
-                    padding-left: ${e["spacing-16"]};
-                `:t`
-                    padding-right: ${e["spacing-16"]};
-                `}
-`,m=r.div`
-    padding: 10px 0; // TODO: confirm vertical spacing
-    display: flex;
-    align-items: center;
-    padding: 0;
-    background: transparent;
-    margin-right: ${e["spacing-12"]};
-    color: ${o.text};
-`,g=r.div`
-    width: 1px;
-    background: ${o.border};
-    flex-shrink: 0;
-    height: 1.25rem;
-
-    ${r=>{if(r.$readOnly)return t`
-                display: none;
-            `}}
-
-    ${r=>"right"===r.$position?t`
-                    margin-left: ${e["spacing-12"]};
-                `:t`
-                    margin-right: ${e["spacing-12"]};
-                `}
-`;export{g as Divider,l as FieldInput,a as FieldSelector,p as FieldWrapper,m as SelectorReadOnly,n as StyledExpandableElement};
-//# sourceMappingURL=input-group-list-addon.style.js.map

package/input-group/input-group-list-addon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-list-addon.style.js","sources":["../../src/input-group/input-group-list-addon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Input } from \"../input\";\nimport { ExpandableElement } from \"../shared/dropdown-list-v2\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\nimport type { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $readOnly?: boolean;\n    $expanded?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\ninterface DividerStyleProps {\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const FieldWrapper = styled(InputBox)<StyleProps>`\n    display: flex;\n    align-items: center;\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    flex-direction: row-reverse;\n                `;\n            default:\n                return css`\n                    flex-direction: row;\n                `;\n        }\n    }}\n`;\n\nexport const StyledExpandableElement = styled(ExpandableElement)<StyleProps>`\n    ${(props) => {\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-right: 0;\n                    `;\n                default:\n                    return css`\n                        padding-left: 0;\n                    `;\n            }\n        }\n    }}\n`;\n\nexport const FieldSelector = styled.div`\n    flex: 0 0 auto;\n`;\n\nexport const FieldInput = styled(Input)<StyleProps>`\n    ${(props) => {\n        if (props.readOnly) {\n            return css`\n                padding: 0;\n            `;\n        }\n\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-left: 0;\n                    `;\n                default:\n                    return css`\n                        padding-right: 0;\n                    `;\n            }\n        }\n\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    padding-left: ${V3_Spacing[\"spacing-16\"]};\n                `;\n            default:\n                return css`\n                    padding-right: ${V3_Spacing[\"spacing-16\"]};\n                `;\n        }\n    }}\n`;\n\nexport const SelectorReadOnly = styled.div`\n    padding: 10px 0; // TODO: confirm vertical spacing\n    display: flex;\n    align-items: center;\n    padding: 0;\n    background: transparent;\n    margin-right: ${V3_Spacing[\"spacing-12\"]};\n    color: ${V3_Colour[\"text\"]};\n`;\n\nexport const Divider = styled.div<DividerStyleProps>`\n    width: 1px;\n    background: ${V3_Colour[\"border\"]};\n    flex-shrink: 0;\n    height: 1.25rem;\n\n    ${(props) => {\n        if (props.$readOnly) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${V3_Spacing[\"spacing-12\"]};\n                `;\n            default:\n                return css`\n                    margin-right: ${V3_Spacing[\"spacing-12\"]};\n                `;\n        }\n    }}\n`;\n"],"names":["FieldWrapper","styled","InputBox","props","$position","css","StyledExpandableElement","ExpandableElement","$noBorder","FieldSelector","div","FieldInput","Input","readOnly","V3_Spacing","SelectorReadOnly","V3_Colour","Divider","$readOnly"],"mappings":"i1CA2BaA,EAAeC,EAAOC,EAAqB;;;;MAIjDC,GAEU,UADDA,EAAMC,UAECC,CAAG;;kBAIHA,CAAG;;;EAObC,EAA0BL,EAAOM,EAA8B;MACrEJ,IACC,GAAIA,EAAMK,UACN,MACS,UADDL,EAAMC,UAECC,CAAG;;sBAIHA,CAAG;;qBAItB;EAIKI,EAAgBR,EAAOS,GAAG;;EAI1BC,EAAaV,EAAOW,EAAkB;MAC5CT,GACKA,EAAMU,SACCR,CAAG;;cAKVF,EAAMK,UAEG,UADDL,EAAMC,UAECC,CAAG;;sBAIHA,CAAG;;sBAOb,UADDF,EAAMC,UAECC,CAAG;oCACUS,EAAW;kBAGxBT,CAAG;qCACWS,EAAW;;EAMnCC,EAAmBd,EAAOS,GAAG;;;;;;oBAMtBI,EAAW;aAClBE,EAAgB;EAGhBC,EAAUhB,EAAOS,GAAsB;;kBAElCM,EAAkB;;;;MAI7Bb,IACC,GAAIA,EAAMe,UACN,OAAOb,CAAG;;aAGd;;MAGDF,GAEU,UADDA,EAAMC,UAECC,CAAG;mCACSS,EAAW;kBAGvBT,CAAG;oCACUS,EAAW;;"}

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

@@ -1,17 +0,0 @@
-import type { InputWrapperStyleProps } from "../shared/input-wrapper";
-import type { InputGroupAddonPosition } from "./types";
-export interface AddonStyleProps {
-    $disabled?: boolean;
-    $error?: boolean;
-    $readOnly?: boolean;
-    $position?: InputGroupAddonPosition;
-    $noBorder?: boolean;
-}
-export declare const AddonWrapper: 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 InputWrapperStyleProps> & InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, InputWrapperStyleProps>> & string;
-export declare const NoAddonWrapper: 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 InputWrapperStyleProps> & InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, AddonStyleProps>> & string;
-export declare const MainInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & string & Omit<(props: import("..").InputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const LabelAddonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddonStyleProps>> & string;

package/input-group/input-group.style.js

@@ -1,39 +0,0 @@
-import i,{css as e}from"styled-components";import{Input as r}from"../input/input.js";import{InputBox as t}from"../shared/input-wrapper/input-wrapper.js";import{V3_Spacing as n,V3_Font as o,V3_Colour as p}from"../v3_theme/index.js";const s=i(t)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-    padding: 0
-        ${i=>i.$readOnly||i.$noBorder?"0":n["spacing-16"]};
-    flex-direction: ${i=>"right"===i.$position?"row-reverse":"row"};
-`,a=i(t)`
-    display: flex;
-    position: relative;
-    width: 100%;
-    padding: 0
-        ${i=>i.$readOnly||i.$noBorder?"0":n["spacing-16"]};
-    flex-direction: ${i=>"right"===i.$position?"row-reverse":"row"};
-`,d=i(r)``,l=i.div`
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    ${o["body-baseline-regular"]}
-    color: ${p.text};
-
-    /* SVG Icon */
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-
-    ${i=>{if(i.$disabled)return e`
-                color: ${p["text-subtler"]};
-            `}}
-
-    ${i=>"right"===i.$position?e`
-                    margin-left: ${i.$readOnly?n["spacing-4"]:n["spacing-12"]};
-                `:e`
-                    margin-right: ${i.$readOnly?n["spacing-4"]:n["spacing-12"]};
-                `};
-`;export{s as AddonWrapper,l as LabelAddonContainer,d as MainInput,a as NoAddonWrapper};
-//# sourceMappingURL=input-group.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.style.js","sources":["../../src/input-group/input-group.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Input } from \"../input/input\";\nimport type { InputWrapperStyleProps } from \"../shared/input-wrapper\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\nimport type { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\n// Need to export since the component could be extended\nexport interface AddonStyleProps {\n    $disabled?: boolean;\n    $error?: boolean;\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const AddonWrapper = styled(InputBox)<InputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder\n                ? \"0\"\n                : V3_Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const NoAddonWrapper = styled(InputBox)<AddonStyleProps>`\n    display: flex;\n    position: relative;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder\n                ? \"0\"\n                : V3_Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const MainInput = styled(Input)``;\n\nexport const LabelAddonContainer = styled.div<AddonStyleProps>`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    ${V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n\n    /* SVG Icon */\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${V3_Colour[\"text-subtler\"]};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${props.$readOnly\n                        ? V3_Spacing[\"spacing-4\"]\n                        : V3_Spacing[\"spacing-12\"]};\n                `;\n            case \"left\":\n            default:\n                return css`\n                    margin-right: ${props.$readOnly\n                        ? V3_Spacing[\"spacing-4\"]\n                        : V3_Spacing[\"spacing-12\"]};\n                `;\n        }\n    }};\n`;\n"],"names":["AddonWrapper","styled","InputBox","props","$readOnly","$noBorder","V3_Spacing","$position","NoAddonWrapper","MainInput","Input","LabelAddonContainer","div","V3_Font","V3_Colour","$disabled","css"],"mappings":"6OAyBaA,EAAeC,EAAOC,EAAiC;;;;;UAKzDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCC,EAAiBP,EAAOC,EAA0B;;;;;UAKpDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCE,EAAYR,EAAOS,EAAM,GAEzBC,EAAsBV,EAAOW,GAAoB;;;;;MAKxDC,EAAQ;aACDC,EAAgB;;;;;;;;MAQtBX,IACC,GAAIA,EAAMY,UACN,OAAOC,CAAG;yBACGF,EAAU;aAE3B;;MAGDX,GAEU,UADDA,EAAMI,UAECS,CAAG;mCACSb,EAAMC,UACfE,EAAW,aACXA,EAAW;kBAIdU,CAAG;oCACUb,EAAMC,UAChBE,EAAW,aACXA,EAAW;;"}

package/input-range-select/input-range-select.style.d.ts

@@ -1,6 +0,0 @@
-export declare const ClearIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}, keyof import("../input/input.style").InputStyleProps> & import("../input/input.style").InputStyleProps, never>> & string;
-export declare const StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & string;

package/input-range-select/input-range-select.style.js

@@ -1,9 +0,0 @@
-import t from"styled-components";import{ClearButton as r}from"../input/input.style.js";import{InputWrapper as i}from"../shared/input-wrapper/input-wrapper.js";import{V3_Spacing as p}from"../v3_theme/index.js";const o=t(r)`
-    position: absolute;
-    right: 0;
-    padding-left: ${p["spacing-8"]};
-    margin-right: 0;
-`,e=t(i)`
-    height: 3rem;
-`;export{o as ClearIconContainer,e as StyledInputWrapper};
-//# sourceMappingURL=input-range-select.style.js.map

package/input-range-select/input-range-select.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-range-select.style.js","sources":["../../src/input-range-select/input-range-select.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ClearButton } from \"../input/input.style\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ClearIconContainer = styled(ClearButton)`\n    position: absolute;\n    right: 0;\n    padding-left: ${V3_Spacing[\"spacing-8\"]};\n    margin-right: 0;\n`;\n\nexport const StyledInputWrapper = styled(InputWrapper)`\n    height: 3rem;\n`;\n"],"names":["ClearIconContainer","styled","ClearButton","V3_Spacing","StyledInputWrapper","InputWrapper"],"mappings":"uNASaA,EAAqBC,EAAOC,EAAY;;;oBAGjCC,EAAW;;EAIlBC,EAAqBH,EAAOI,EAAa;;"}

package/input-textarea/textara-counter.style.d.ts

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

package/input-textarea/textara-counter.style.js

@@ -1,6 +0,0 @@
-import t from"styled-components";import{V3_Font as o,V3_Colour as e}from"../v3_theme/index.js";const m=t.p`
-    text-align: right;
-    ${o["body-sm-semibold"]}
-    color: ${e["text-subtler"]};
-`;export{m as CounterLabel};
-//# sourceMappingURL=textara-counter.style.js.map

package/input-textarea/textara-counter.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textara-counter.style.js","sources":["../../src/input-textarea/textara-counter.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const CounterLabel = styled.p`\n    text-align: right;\n    ${V3_Font[\"body-sm-semibold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n"],"names":["CounterLabel","styled","p","V3_Font","V3_Colour"],"mappings":"+FAOO,MAAMA,EAAeC,EAAOC,CAAC;;MAE9BC,EAAQ;aACDC,EAAU;"}

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

@@ -1,6 +0,0 @@
-interface StyleProps {
-    $error?: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Element: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyleProps>> & string;
-export {};

package/input-textarea/textarea.style.js

@@ -1,72 +0,0 @@
-import r,{css as o}from"styled-components";import{V3_Border as e,V3_Colour as d,V3_Radius as t,V3_Spacing as l,V3_Font as i}from"../v3_theme/index.js";const a=r.div`
-    display: flex;
-    flex-direction: column;
-`,c=r.textarea`
-    border: ${e["width-010"]} ${e.solid}
-        ${d.border};
-    border-radius: ${t.sm};
-    background: ${d.bg};
-    outline: none;
-    overflow: auto;
-
-    display: block;
-    padding: ${l["spacing-12"]} ${l["spacing-16"]};
-    width: 100%;
-
-    ${i["body-baseline-regular"]}
-    color: ${d.text};
-
-    &:focus,
-    &:active {
-        outline-offset: -1px;
-        outline: ${e["width-020"]} ${e.solid}
-            ${d["border-focus"]};
-    }
-
-    &::placeholder,
-    &::-webkit-input-placeholder {
-        color: ${d["text-subtler"]};
-    }
-
-    &::-webkit-scrollbar {
-        width: 14px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: ${d["bg-inverse-subtlest"]};
-        border: 5px solid transparent;
-        border-radius: ${t.full};
-        background-clip: padding-box;
-    }
-
-    ${r=>r.readOnly?o`
-                border-color: transparent;
-                background: transparent !important;
-                padding: ${l["spacing-12"]} 0;
-
-                &:focus,
-                &:active {
-                    outline-color: ${d["border-focus"]};
-                }
-            `:r.disabled?o`
-                background: ${d["bg-disabled"]};
-                cursor: not-allowed;
-
-                &:focus,
-                &:active {
-                    outline-color: ${d["border-disabled"]};
-                }
-            `:r.$error?o`
-                border-color: ${d["border-error"]};
-
-                &:focus,
-                &:active {
-                    outline-color: ${d["border-error-focus"]};
-                }
-            `:void 0}
-`;export{c as Element,a as Wrapper};
-//# sourceMappingURL=textarea.style.js.map

package/input-textarea/textarea.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.style.js","sources":["../../src/input-textarea/textarea.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $error?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const Element = styled.textarea<StyleProps>`\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    background: ${V3_Colour[\"bg\"]};\n    outline: none;\n    overflow: auto;\n\n    display: block;\n    padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n    width: 100%;\n\n    ${V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n\n    &:focus,\n    &:active {\n        outline-offset: -1px;\n        outline: ${V3_Border[\"width-020\"]} ${V3_Border[\"solid\"]}\n            ${V3_Colour[\"border-focus\"]};\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${V3_Colour[\"text-subtler\"]};\n    }\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${V3_Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${V3_Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n\n    ${(props) => {\n        if (props.readOnly) {\n            return css`\n                border-color: transparent;\n                background: transparent !important;\n                padding: ${V3_Spacing[\"spacing-12\"]} 0;\n\n                &:focus,\n                &:active {\n                    outline-color: ${V3_Colour[\"border-focus\"]};\n                }\n            `;\n        } else if (props.disabled) {\n            return css`\n                background: ${V3_Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n\n                &:focus,\n                &:active {\n                    outline-color: ${V3_Colour[\"border-disabled\"]};\n                }\n            `;\n        } else if (props.$error) {\n            return css`\n                border-color: ${V3_Colour[\"border-error\"]};\n\n                &:focus,\n                &:active {\n                    outline-color: ${V3_Colour[\"border-error-focus\"]};\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","Element","textarea","V3_Border","V3_Colour","V3_Radius","V3_Spacing","V3_Font","props","readOnly","css","disabled","$error"],"mappings":"uJAqBO,MAAMA,EAAUC,EAAOC,GAAG;;;EAKpBC,EAAUF,EAAOG,QAAoB;cACpCC,EAAU,gBAAgBA,EAAiB;UAC/CC,EAAkB;qBACPC,EAAc;kBACjBD,EAAc;;;;;eAKjBE,EAAW,iBAAiBA,EAAW;;;MAGhDC,EAAQ;aACDH,EAAgB;;;;;mBAKVD,EAAU,gBAAgBA,EAAiB;cAChDC,EAAU;;;;;iBAKPA,EAAU;;;;;;;;;;;;sBAYLA,EAAU;;yBAEPC,EAAgB;;;;MAIlCG,GACKA,EAAMC,SACCC,CAAG;;;2BAGKJ,EAAW;;;;qCAIDF,EAAU;;cAG5BI,EAAMG,SACND,CAAG;8BACQN,EAAU;;;;;qCAKHA,EAAU;;cAG5BI,EAAMI,OACNF,CAAG;gCACUN,EAAU;;;;qCAILA,EAAU;;mBANhC;"}

package/layout/col-div.style.d.ts

@@ -1,17 +0,0 @@
-export interface StyledDivStyleProps {
-    $xxsStart?: number | undefined;
-    $xxsSpan?: number | undefined;
-    $xsStart?: number | undefined;
-    $xsSpan?: number | undefined;
-    $smStart?: number | undefined;
-    $smSpan?: number | undefined;
-    $mdStart?: number | undefined;
-    $mdSpan?: number | undefined;
-    $lgStart?: number | undefined;
-    $lgSpan?: number | undefined;
-    $xlStart?: number | undefined;
-    $xlSpan?: number | undefined;
-    $xxlStart?: number | undefined;
-    $xxlSpan?: number | undefined;
-}
-export declare const StyledDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDivStyleProps>> & string;

package/layout/col-div.style.js

@@ -1,32 +0,0 @@
-import t,{css as a}from"styled-components";import{V3_MediaQuery as $}from"../v3_theme/breakpoint/media-query-helper.js";const n=t.div`
-    position: relative;
-
-    ${t=>{const{$xxlStart:n,$xxlSpan:o,$xlStart:r,$xlSpan:x,$lgStart:s,$lgSpan:i,$mdStart:p,$mdSpan:m,$smStart:d,$smSpan:l,$xsStart:u,$xsSpan:S,$xxsStart:e,$xxsSpan:c}=t;return a`
-            grid-column: ${n||"auto"} / span ${o||1};
-
-            ${$.MaxWidth.xl} {
-                grid-column: ${r||"auto"} / span ${x||1};
-            }
-
-            ${$.MaxWidth.lg} {
-                grid-column: ${s||"auto"} / span ${i||1};
-            }
-
-            ${$.MaxWidth.md} {
-                grid-column: ${p||"auto"} / span ${m||1};
-            }
-
-            ${$.MaxWidth.sm} {
-                grid-column: ${d||"auto"} / span ${l||1};
-            }
-
-            ${$.MaxWidth.xs} {
-                grid-column: ${u||"auto"} / span ${S||1};
-            }
-
-            ${$.MaxWidth.xxs} {
-                grid-column: ${e||"auto"} / span ${c||1};
-            }
-        `}}
-`;export{n as StyledDiv};
-//# sourceMappingURL=col-div.style.js.map

package/layout/col-div.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col-div.style.js","sources":["../../src/layout/col-div.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_MediaQuery } from \"../v3_theme/breakpoint/media-query-helper\";\n\nexport interface StyledDivStyleProps {\n    $xxsStart?: number | undefined;\n    $xxsSpan?: number | undefined;\n    $xsStart?: number | undefined;\n    $xsSpan?: number | undefined;\n    $smStart?: number | undefined;\n    $smSpan?: number | undefined;\n    $mdStart?: number | undefined;\n    $mdSpan?: number | undefined;\n    $lgStart?: number | undefined;\n    $lgSpan?: number | undefined;\n    $xlStart?: number | undefined;\n    $xlSpan?: number | undefined;\n    $xxlStart?: number | undefined;\n    $xxlSpan?: number | undefined;\n}\n\nexport const StyledDiv = styled.div<StyledDivStyleProps>`\n    position: relative;\n\n    ${(props) => {\n        const {\n            $xxlStart,\n            $xxlSpan,\n\n            $xlStart,\n            $xlSpan,\n\n            $lgStart,\n            $lgSpan,\n\n            $mdStart,\n            $mdSpan,\n\n            $smStart,\n            $smSpan,\n\n            $xsStart,\n            $xsSpan,\n\n            $xxsStart,\n            $xxsSpan,\n        } = props;\n\n        return css`\n            grid-column: ${$xxlStart || \"auto\"} / span ${$xxlSpan || 1};\n\n            ${V3_MediaQuery.MaxWidth.xl} {\n                grid-column: ${$xlStart || \"auto\"} / span ${$xlSpan || 1};\n            }\n\n            ${V3_MediaQuery.MaxWidth.lg} {\n                grid-column: ${$lgStart || \"auto\"} / span ${$lgSpan || 1};\n            }\n\n            ${V3_MediaQuery.MaxWidth.md} {\n                grid-column: ${$mdStart || \"auto\"} / span ${$mdSpan || 1};\n            }\n\n            ${V3_MediaQuery.MaxWidth.sm} {\n                grid-column: ${$smStart || \"auto\"} / span ${$smSpan || 1};\n            }\n\n            ${V3_MediaQuery.MaxWidth.xs} {\n                grid-column: ${$xsStart || \"auto\"} / span ${$xsSpan || 1};\n            }\n\n            ${V3_MediaQuery.MaxWidth.xxs} {\n                grid-column: ${$xxsStart || \"auto\"} / span ${$xxsSpan || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["StyledDiv","styled","div","props","$xxlStart","$xxlSpan","$xlStart","$xlSpan","$lgStart","$lgSpan","$mdStart","$mdSpan","$smStart","$smSpan","$xsStart","$xsSpan","$xxsStart","$xxsSpan","css","V3_MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs"],"mappings":"wHAqBO,MAAMA,EAAYC,EAAOC,GAAwB;;;MAGjDC,IACC,MAAMC,UACFA,EAASC,SACTA,EAAQC,SAERA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,UAEPA,EAASC,SACTA,GACAd,EAEJ,OAAOe,CAAG;2BACSd,GAAa,iBAAiBC,GAAY;;cAEvDc,EAAcC,SAASC;+BACNf,GAAY,iBAAiBC,GAAW;;;cAGzDY,EAAcC,SAASE;+BACNd,GAAY,iBAAiBC,GAAW;;;cAGzDU,EAAcC,SAASG;+BACNb,GAAY,iBAAiBC,GAAW;;;cAGzDQ,EAAcC,SAASI;+BACNZ,GAAY,iBAAiBC,GAAW;;;cAGzDM,EAAcC,SAASK;+BACNX,GAAY,iBAAiBC,GAAW;;;cAGzDI,EAAcC,SAASM;+BACNV,GAAa,iBAAiBC,GAAY;;SAEhE;"}

package/link-list/internal-types.d.ts

@@ -1,31 +0,0 @@
-export type LinkListStyle = "default" | "small";
-export interface LinkListItemProps<T> extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    title: string;
-    description?: string | undefined;
-    secondaryDescription?: JSX.Element | undefined;
-    "data-testid"?: string | undefined;
-    options?: T | undefined;
-}
-export type BaseProps<T> = {
-    items: LinkListItemProps<T>[];
-    /** Specifies the text size style of the items. Values: "default" | "small" */
-    style?: LinkListStyle | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    /** Captures item clicks on a component level */
-    onItemClick?: ((item: LinkListItemProps<T>, event: React.MouseEvent<HTMLAnchorElement>) => void) | undefined;
-    customLabels?: {
-        viewMore?: string | undefined;
-        viewLess?: string | undefined;
-    } | undefined;
-};
-export type LinkListEagerProps = {
-    loadMode?: "eager" | undefined;
-    /** Specifies the number of items to be shown. The others will be minimized */
-    maxShown?: number | undefined;
-};
-export type LinkListLazyProps = {
-    loadMode: "lazy";
-    loadMore: boolean;
-    onLoadMore: () => void | Promise<void>;
-};

package/masked-input/masked-input.style.d.ts

@@ -1,32 +0,0 @@
-interface InputGroupWrapperProps {
-    readOnly: boolean | undefined;
-    $isDisabled: boolean | undefined;
-}
-interface IconProps {
-    $isDisabled?: boolean;
-    $inactiveColor: string | undefined;
-    $activeColor: string | undefined;
-}
-export declare const InputGroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, InputGroupWrapperProps>> & string & Omit<(<T, V>(props: import("..").InputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconProps>> & string;
-export declare const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LoadingLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps, never>> & string & Omit<({ color, className, size, }: import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const TryAgainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ErrorTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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 ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ClickableErrorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
-}, never>> & string;
-export declare const ReadOnlyClickable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ReadOnlyValueText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ReadOnlyIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export {};

package/masked-input/masked-input.style.js

@@ -1,87 +0,0 @@
-import{ExclamationTriangleIcon as e}from"@lifesg/react-icons/exclamation-triangle";import i from"styled-components";import{InputGroup as n}from"../input-group/input-group.js";import{ComponentLoadingSpinner as r}from"../shared/component-loading-spinner/component-loading-spinner.js";import{BasicButton as t}from"../shared/input-wrapper/input-wrapper.js";import{Typography as o}from"../typography/index.js";import{V3_Spacing as a,V3_Colour as s,V3_Font as p}from"../v3_theme/index.js";const c=i(n)`
-    padding: 0 0 0
-        ${({readOnly:e})=>e?"0":a["spacing-16"]};
-    input {
-        cursor: ${({readOnly:e,$isDisabled:i})=>e&&!i?"pointer":"initial"};
-    }
-`,l=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: ${({$isDisabled:e})=>e?"initial":"pointer"};
-    color: ${({$isDisabled:e,$inactiveColor:i=s.icon,$activeColor:n=s["icon-primary"]})=>e?i:n};
-    padding: ${a["spacing-12"]} ${a["spacing-16"]};
-
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-`,g=i.div`
-    display: flex;
-    align-items: center;
-    height: 3rem;
-`,d=i(o.BodyBL)`
-    color: ${s["text-subtler"]};
-`,m=i(r)`
-    margin-right: ${a["spacing-8"]};
-    color: ${s.icon};
-`,h=i.span`
-    color: ${s["text-primary"]};
-    text-decoration: underline;
-    font-weight: ${p.Spec["weight-semibold"]};
-`,$=i.span`
-    display: flex;
-    align-items: center;
-    margin-right: ${a["spacing-8"]};
-`,y=i(e)`
-    color: ${s["icon-warning"]};
-    margin-right: ${a["spacing-8"]};
-    height: 1em;
-    width: 1em;
-`,f=i.span`
-    color: ${s["text-warning"]};
-`,u=i(t)`
-    width: 100%;
-    height: 3rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-
-    ${p["body-baseline-regular"]}
-
-    &:hover, &:active, &:focus {
-        ${h} {
-            color: ${s["text-hover"]};
-        }
-    }
-`,b=i.button`
-    ${p["body-baseline-regular"]}
-    color: ${s.text};
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    justify-content: space-between;
-    min-height: 3rem;
-`,x=i.span`
-    overflow-wrap: anywhere;
-`,w=i.span`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${s["icon-primary"]};
-    padding: 0 1rem;
-    flex-shrink: 0;
-
-    svg {
-        width: ${p.Spec["body-size-baseline"]};
-        height: ${p.Spec["body-size-baseline"]};
-    }
-`;export{u as ClickableErrorWrapper,y as ErrorIcon,f as ErrorLabel,$ as ErrorTextContainer,l as IconContainer,c as InputGroupWrapper,d as LoadingLabel,g as LoadingWrapper,b as ReadOnlyClickable,w as ReadOnlyIconContainer,x as ReadOnlyValueText,m as Spinner,h as TryAgainLabel};
-//# sourceMappingURL=masked-input.style.js.map

package/masked-input/masked-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masked-input.style.js","sources":["../../src/masked-input/masked-input.style.tsx"],"sourcesContent":["import { ExclamationTriangleIcon } from \"@lifesg/react-icons/exclamation-triangle\";\nimport styled from \"styled-components\";\n\nimport { InputGroup } from \"../input-group\";\nimport { ComponentLoadingSpinner } from \"../shared/component-loading-spinner\";\nimport { BasicButton } from \"../shared/input-wrapper\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ninterface InputGroupWrapperProps {\n    readOnly: boolean | undefined;\n    $isDisabled: boolean | undefined;\n}\n\ninterface IconProps {\n    $isDisabled?: boolean;\n    $inactiveColor: string | undefined;\n    $activeColor: string | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const InputGroupWrapper = styled(InputGroup)<InputGroupWrapperProps>`\n    padding: 0 0 0\n        ${({ readOnly }) => (readOnly ? \"0\" : V3_Spacing[\"spacing-16\"])};\n    input {\n        cursor: ${({ readOnly, $isDisabled }) =>\n            readOnly && !$isDisabled ? \"pointer\" : \"initial\"};\n    }\n`;\n\nexport const IconContainer = styled.div<IconProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? \"pointer\" : \"initial\")};\n    color: ${({\n        $isDisabled,\n        $inactiveColor = V3_Colour.icon,\n        $activeColor = V3_Colour[\"icon-primary\"],\n    }) => ($isDisabled ? $inactiveColor : $activeColor)};\n    padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// LOADING DISPLAY\n// -----------------------------------------------------------------------------\nexport const LoadingWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 3rem;\n`;\n\nexport const LoadingLabel = styled(Typography.BodyBL)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n    color: ${V3_Colour[\"icon\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ERROR DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const TryAgainLabel = styled.span`\n    color: ${V3_Colour[\"text-primary\"]};\n    text-decoration: underline;\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorTextContainer = styled.span`\n    display: flex;\n    align-items: center;\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationTriangleIcon)`\n    color: ${V3_Colour[\"icon-warning\"]};\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const ErrorLabel = styled.span`\n    color: ${V3_Colour[\"text-warning\"]};\n`;\n\nexport const ClickableErrorWrapper = styled(BasicButton)`\n    width: 100%;\n    height: 3rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n\n    ${V3_Font[\"body-baseline-regular\"]}\n\n    &:hover, &:active, &:focus {\n        ${TryAgainLabel} {\n            color: ${V3_Colour[\"text-hover\"]};\n        }\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// READONLY MASKED DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const ReadOnlyClickable = styled.button`\n    ${V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n    border: none;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    text-align: left;\n    width: 100%;\n    justify-content: space-between;\n    min-height: 3rem;\n`;\n\nexport const ReadOnlyValueText = styled.span`\n    overflow-wrap: anywhere;\n`;\n\nexport const ReadOnlyIconContainer = styled.span`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ${V3_Colour[\"icon-primary\"]};\n    padding: 0 1rem;\n    flex-shrink: 0;\n\n    svg {\n        width: ${V3_Font.Spec[\"body-size-baseline\"]};\n        height: ${V3_Font.Spec[\"body-size-baseline\"]};\n    }\n`;\n"],"names":["InputGroupWrapper","styled","InputGroup","readOnly","V3_Spacing","$isDisabled","IconContainer","div","$inactiveColor","V3_Colour","icon","$activeColor","LoadingWrapper","LoadingLabel","Typography","BodyBL","Spinner","ComponentLoadingSpinner","TryAgainLabel","span","V3_Font","Spec","ErrorTextContainer","ErrorIcon","ExclamationTriangleIcon","ErrorLabel","ClickableErrorWrapper","BasicButton","ReadOnlyClickable","button","ReadOnlyValueText","ReadOnlyIconContainer"],"mappings":"yeA4BaA,EAAoBC,EAAOC,EAAmC;;UAEjE,EAAGC,cAAgBA,EAAW,IAAMC,EAAW;;kBAEvC,EAAGD,WAAUE,iBACnBF,IAAaE,EAAc,UAAY;;EAItCC,EAAgBL,EAAOM,GAAc;;;;cAIpC,EAAGF,iBAAoBA,EAA0B,UAAZ;aACtC,EACLA,cACAG,iBAAiBC,EAAUC,KAC3BC,eAAeF,EAAU,mBACtBJ,EAAcG,EAAiBG;eAC3BP,EAAW,iBAAiBA,EAAW;;;;;;EAWzCQ,EAAiBX,EAAOM,GAAG;;;;EAM3BM,EAAeZ,EAAOa,EAAWC,OAAO;aACxCN,EAAU;EAGVO,EAAUf,EAAOgB,EAAwB;oBAClCb,EAAW;aAClBK,EAAgB;EAOhBS,EAAgBjB,EAAOkB,IAAI;aAC3BV,EAAU;;mBAEJW,EAAQC,KAAK;EAGnBC,EAAqBrB,EAAOkB,IAAI;;;oBAGzBf,EAAW;EAGlBmB,EAAYtB,EAAOuB,EAAwB;aAC3Cf,EAAU;oBACHL,EAAW;;;EAKlBqB,EAAaxB,EAAOkB,IAAI;aACxBV,EAAU;EAGViB,EAAwBzB,EAAO0B,EAAY;;;;;;;;;;MAUlDP,EAAQ;;;UAGJF;qBACWT,EAAU;;;EASlBmB,EAAoB3B,EAAO4B,MAAM;MACxCT,EAAQ;aACDX,EAAgB;;;;;;;;;;EAYhBqB,EAAoB7B,EAAOkB,IAAI;;EAI/BY,EAAwB9B,EAAOkB,IAAI;;;;aAInCV,EAAU;;;;;iBAKNW,EAAQC,KAAK;kBACZD,EAAQC,KAAK;;"}

package/masonry/index.d.ts

@@ -1 +0,0 @@
-export * from "./masonry";

package/masonry/index.js

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

package/masonry/index.js.map

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