@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

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{Spacing as a,Colour as n}from"../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\";\nimport { BasicButton, BasicInput, InputBox } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { 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                : Spacing[\"spacing-16\"]};\n            padding-right: ${props.$visuallyReadOnly || props.$showClear\n                ? 0\n                : Spacing[\"spacing-16\"]};\n        `}\n`;\n\nexport const ClearButton = styled(BasicButton)<InputStyleProps>`\n    height: auto;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n\n    cursor: pointer;\n    color: ${Colour[\"icon\"]};\n\n    ${(props) =>\n        props.$styleType === \"no-border\" &&\n        css`\n            margin-right: -${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","Spacing","$showClear","ClearButton","BasicButton","Colour","ClearIcon","CrossIcon","NoBorderWrapper","div","DefaultWrapper","InputBox"],"mappings":"oQAkBaA,EAAeC,EAAOC,EAA4B;;;;MAIxDC,GACsB,cAArBA,EAAMC,YACNC,CAAG;4BACiBF,EAAMG,kBAChB,EACAC,EAAQ;6BACGJ,EAAMG,mBAAqBH,EAAMK,WAC5C,EACAD,EAAQ;;EAIbE,EAAcR,EAAOS,EAA6B;;eAEhDH,EAAQ,iBAAiBA,EAAQ;;;aAGnCI,EAAa;;MAEnBR,GACsB,cAArBA,EAAMC,YACNC,CAAG;6BACkBE,EAAQ;;EAIxBK,EAAYX,EAAOY,EAAU;;;;EAM7BC,EAAkBb,EAAOc,GAAG;;;EAK5BC,EAAiBf,EAAOgB,EAAS;;;;"}

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

@@ -1,28 +0,0 @@
-import { 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").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof StyleProps> & StyleProps, never>>> & string;
-export declare const StyledExpandableElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, keyof StyleProps> & StyleProps, never>>> & string & Omit<(props: import("../shared/dropdown-list").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> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const FieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, keyof StyleProps> & StyleProps, never>>> & 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> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DividerStyleProps> & DividerStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DividerStyleProps> & DividerStyleProps, never>>> & 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{Spacing as e,Colour as o}from"../theme/index.js";import"../util/string-helper.js";import"../shared/dropdown-list/dropdown-label.styles.js";import"../shared/dropdown-list/dropdown-list.js";import"../shared/dropdown-list/dropdown-list-state.js";import{ExpandableElement as s}from"../shared/dropdown-list/expandable-element.js";import"@lifesg/react-icons/caret-right";import"react-virtuoso";import"../button/button.style.js";import"../util/calendar-helper.js";import"../util/date-helper.js";import"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"@react-aria/live-announcer";import"../shared/dropdown-wrapper/element-with-dropdown.js";import"../shared/dropdown-list/dropdown-list.styles.js";import"../shared/dropdown-list/dropdown-search.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"../shared/dropdown-list/nested-dropdown-list.styles.js";import"../shared/dropdown-list/virtuoso-components.js";import{InputBox as p}from"../shared/input-wrapper/input-wrapper.js";const d=r(p)`
-    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,d 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\";\nimport { Input } from \"../input\";\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { 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: ${Spacing[\"spacing-16\"]};\n                `;\n            default:\n                return css`\n                    padding-right: ${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: ${Spacing[\"spacing-12\"]};\n    color: ${Colour[\"text\"]};\n`;\n\nexport const Divider = styled.div<DividerStyleProps>`\n    width: 1px;\n    background: ${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: ${Spacing[\"spacing-12\"]};\n                `;\n            default:\n                return css`\n                    margin-right: ${Spacing[\"spacing-12\"]};\n                `;\n        }\n    }}\n`;\n"],"names":["FieldWrapper","styled","InputBox","props","$position","css","StyledExpandableElement","ExpandableElement","$noBorder","FieldSelector","div","FieldInput","Input","readOnly","Spacing","SelectorReadOnly","Colour","Divider","$readOnly"],"mappings":"m5CA0BaA,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,EAAQ;kBAGrBT,CAAG;qCACWS,EAAQ;;EAMhCC,EAAmBd,EAAOS,GAAG;;;;;;oBAMtBI,EAAQ;aACfE,EAAa;EAGbC,EAAUhB,EAAOS,GAAsB;;kBAElCM,EAAe;;;;MAI1Bb,IACC,GAAIA,EAAMe,UACN,OAAOb,CAAG;;aAGd;;MAGDF,GAEU,UADDA,EAAMC,UAECC,CAAG;mCACSS,EAAQ;kBAGpBT,CAAG;oCACUS,EAAQ;;"}

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

@@ -1,33 +0,0 @@
-import { InputWrapperStyleProps } from "../shared/input-wrapper";
-import { 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").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>>> & string;
-export declare const NoAddonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof AddonStyleProps> & AddonStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof AddonStyleProps> & AddonStyleProps, never>>> & string;
-export declare const MainInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never> & Partial<Pick<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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AddonStyleProps> & AddonStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AddonStyleProps> & AddonStyleProps, never>>> & 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{Spacing as n,Font as o,Colour as p}from"../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\";\nimport { Input } from \"../input/input\";\nimport { InputBox, InputWrapperStyleProps } from \"../shared/input-wrapper\";\nimport { Colour, Font, Spacing } from \"../theme\";\nimport { 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 ? \"0\" : 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 ? \"0\" : 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    ${Font[\"body-baseline-regular\"]}\n    color: ${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: ${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                        ? Spacing[\"spacing-4\"]\n                        : Spacing[\"spacing-12\"]};\n                `;\n            case \"left\":\n            default:\n                return css`\n                    margin-right: ${props.$readOnly\n                        ? Spacing[\"spacing-4\"]\n                        : Spacing[\"spacing-12\"]};\n                `;\n        }\n    }};\n`;\n"],"names":["AddonWrapper","styled","InputBox","props","$readOnly","$noBorder","Spacing","$position","NoAddonWrapper","MainInput","Input","LabelAddonContainer","div","Font","Colour","$disabled","css"],"mappings":"iOAuBaA,EAAeC,EAAOC,EAAiC;;;;;UAKzDC,GACCA,EAAMC,WAAaD,EAAME,UAAY,IAAMC,EAAQ;sBACxCH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCC,EAAiBP,EAAOC,EAA0B;;;;;UAKpDC,GACCA,EAAMC,WAAaD,EAAME,UAAY,IAAMC,EAAQ;sBACxCH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCE,EAAYR,EAAOS,EAAM,GAEzBC,EAAsBV,EAAOW,GAAoB;;;;;MAKxDC,EAAK;aACEC,EAAa;;;;;;;;MAQnBX,IACC,GAAIA,EAAMY,UACN,OAAOC,CAAG;yBACGF,EAAO;aAExB;;MAGDX,GAEU,UADDA,EAAMI,UAECS,CAAG;mCACSb,EAAMC,UACfE,EAAQ,aACRA,EAAQ;kBAIXU,CAAG;oCACUb,EAAMC,UAChBE,EAAQ,aACRA,EAAQ;;"}

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

@@ -1,55 +0,0 @@
-export declare const ClearIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("../input/input.style").InputStyleProps> & import("../input/input.style").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("../input/input.style").InputStyleProps> & import("../input/input.style").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("../input/input.style").InputStyleProps> & import("../input/input.style").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("../input/input.style").InputStyleProps> & import("../input/input.style").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const RangeSelectorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

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

@@ -1,30 +0,0 @@
-import o from"styled-components";import{ClearButton as r}from"../input/input.style.js";import{InputWrapper as e}from"../shared/input-wrapper/input-wrapper.js";import{Spacing as t,Colour as i}from"../theme/index.js";const n=o(r)`
-    position: absolute;
-    right: 0;
-    padding-left: ${t["spacing-8"]};
-    margin-right: 0;
-`,p=o(e)`
-    height: 3rem;
-`,s=o.button`
-    appearance: none;
-    border: 0;
-    background: transparent;
-    display: flex;
-    flex: 1;
-    color: ${i.text};
-
-    &:focus,
-    &:active {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${i["border-focus"]};
-        border-radius: 4px;
-    }
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`;export{n as ClearIconContainer,s as RangeSelectorButton,p 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\";\nimport { ClearButton } from \"../input/input.style\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ClearIconContainer = styled(ClearButton)`\n    position: absolute;\n    right: 0;\n    padding-left: ${Spacing[\"spacing-8\"]};\n    margin-right: 0;\n`;\n\nexport const StyledInputWrapper = styled(InputWrapper)`\n    height: 3rem;\n`;\n\nexport const RangeSelectorButton = styled.button`\n    appearance: none;\n    border: 0;\n    background: transparent;\n    display: flex;\n    flex: 1;\n    color: ${Colour.text};\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"border-focus\"]};\n        border-radius: 4px;\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["ClearIconContainer","styled","ClearButton","Spacing","StyledInputWrapper","InputWrapper","RangeSelectorButton","button","Colour","text"],"mappings":"6NAQaA,EAAqBC,EAAOC,EAAY;;;oBAGjCC,EAAQ;;EAIfC,EAAqBH,EAAOI,EAAa;;EAIzCC,EAAsBL,EAAOM,MAAM;;;;;;aAMnCC,EAAOC;;;;;;;;6BAQSD,EAAO;;;;;;;"}

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> & Partial<Pick<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{Font as o,Colour as e}from"../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\";\nimport { Colour, Font } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const CounterLabel = styled.p`\n    text-align: right;\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":["CounterLabel","styled","p","Font","Colour"],"mappings":"sFAMO,MAAMA,EAAeC,EAAOC,CAAC;;MAE9BC,EAAK;aACEC,EAAO;"}

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> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Element: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$error"> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$error"> & StyleProps, never>>> & string;
-export {};

package/input-textarea/textarea.style.js

@@ -1,72 +0,0 @@
-import r,{css as o}from"styled-components";import{Spacing as e,Border as d,Colour as t,Radius as a,Font as i}from"../theme/index.js";const l=r.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${e["spacing-8"]};
-`,c=r.textarea`
-    border: ${d["width-010"]} ${d.solid} ${t.border};
-    border-radius: ${a.sm};
-    background: ${t.bg};
-    outline: none;
-    overflow: auto;
-
-    display: block;
-    padding: ${e["spacing-12"]} ${e["spacing-16"]};
-    width: 100%;
-
-    ${i["body-baseline-regular"]}
-    color: ${t.text};
-
-    &:focus,
-    &:active {
-        outline-offset: -1px;
-        outline: ${d["width-020"]} ${d.solid}
-            ${t["border-focus"]};
-    }
-
-    &::placeholder,
-    &::-webkit-input-placeholder {
-        color: ${t["text-subtler"]};
-    }
-
-    &::-webkit-scrollbar {
-        width: 14px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: ${t["bg-inverse-subtlest"]};
-        border: 5px solid transparent;
-        border-radius: ${a.full};
-        background-clip: padding-box;
-    }
-
-    ${r=>r.readOnly?o`
-                border-color: transparent;
-                background: transparent !important;
-                padding: ${e["spacing-12"]} 0;
-
-                &:focus,
-                &:active {
-                    outline-color: ${t["border-focus"]};
-                }
-            `:r.disabled?o`
-                background: ${t["bg-disabled"]};
-                cursor: not-allowed;
-
-                &:focus,
-                &:active {
-                    outline-color: ${t["border-disabled"]};
-                }
-            `:r.$error?o`
-                border-color: ${t["border-error"]};
-
-                &:focus,
-                &:active {
-                    outline-color: ${t["border-error-focus"]};
-                }
-            `:void 0}
-`;export{c as Element,l 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\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../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    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const Element = styled.textarea<StyleProps>`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n    outline: none;\n    overflow: auto;\n\n    display: block;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    width: 100%;\n\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:focus,\n    &:active {\n        outline-offset: -1px;\n        outline: ${Border[\"width-020\"]} ${Border[\"solid\"]}\n            ${Colour[\"border-focus\"]};\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${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: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${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: ${Spacing[\"spacing-12\"]} 0;\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-focus\"]};\n                }\n            `;\n        } else if (props.disabled) {\n            return css`\n                background: ${Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-disabled\"]};\n                }\n            `;\n        } else if (props.$error) {\n            return css`\n                border-color: ${Colour[\"border-error\"]};\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-error-focus\"]};\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","Spacing","Element","textarea","Border","Colour","Radius","Font","props","readOnly","css","disabled","$error"],"mappings":"qIAcO,MAAMA,EAAUC,EAAOC,GAAG;;;WAGtBC,EAAQ;EAGNC,EAAUH,EAAOI,QAAoB;cACpCC,EAAO,gBAAgBA,EAAc,SAAKC,EAAe;qBAClDC,EAAW;kBACdD,EAAW;;;;;eAKdJ,EAAQ,iBAAiBA,EAAQ;;;MAG1CM,EAAK;aACEF,EAAa;;;;;mBAKPD,EAAO,gBAAgBA,EAAc;cAC1CC,EAAO;;;;;iBAKJA,EAAO;;;;;;;;;;;;sBAYFA,EAAO;;yBAEJC,EAAa;;;;MAI/BE,GACKA,EAAMC,SACCC,CAAG;;;2BAGKT,EAAQ;;;;qCAIEI,EAAO;;cAGzBG,EAAMG,SACND,CAAG;8BACQL,EAAO;;;;;qCAKAA,EAAO;;cAGzBG,EAAMI,OACNF,CAAG;gCACUL,EAAO;;;;qCAIFA,EAAO;;mBAN7B;"}

package/language-switcher/dropdown-variant.style.d.ts

@@ -1,17 +0,0 @@
-import { SelectedIndicator, UnselectedIndicator } from "../shared/dropdown-list/dropdown-list.styles";
-export declare const StyledExpandableElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const LanguageIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const DropdownPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export { SelectedIndicator, UnselectedIndicator };
-export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps> & import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps> & import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps> & import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps> & import("../shared/dropdown-list/dropdown-list.styles").ListItemStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, never>>> & string;

package/language-switcher/dropdown-variant.style.js

@@ -1,62 +0,0 @@
-import r,{css as e}from"styled-components";import"react/jsx-runtime";import"react";import{Font as o,Colour as t,Spacing as s,Radius as d,Border as i}from"../theme/index.js";import"../util/string-helper.js";import"../shared/dropdown-list/dropdown-label.styles.js";import"../shared/dropdown-list/dropdown-list.js";import"../shared/dropdown-list/dropdown-list-state.js";import{ExpandableElement as l}from"../shared/dropdown-list/expandable-element.js";import"@lifesg/react-icons/caret-right";import"react-virtuoso";import"../button/button.style.js";import"../util/calendar-helper.js";import"../util/date-helper.js";import"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"@react-aria/live-announcer";import"../shared/dropdown-wrapper/element-with-dropdown.js";import{ListItem as a}from"../shared/dropdown-list/dropdown-list.styles.js";export{SelectedIndicator,UnselectedIndicator}from"../shared/dropdown-list/dropdown-list.styles.js";import"../shared/dropdown-list/dropdown-search.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"../shared/dropdown-list/nested-dropdown-list.styles.js";import"../shared/dropdown-list/virtuoso-components.js";import{IconContainer as n}from"../shared/dropdown-list/expandable-element.styles.js";const p=r(l)`
-    min-width: 9rem;
-    width: auto;
-    ${o["body-md-semibold"]}
-    color: ${t["text-primary"]};
-    height: 2.5rem;
-    padding: 0 ${s["spacing-16"]};
-    border-radius: ${d.sm};
-    border: ${i["width-010"]} ${i.solid} ${t.border};
-    background: ${t.bg};
-
-    ${n} {
-        margin-left: auto;
-
-        svg {
-            color: ${t["text-selected"]};
-        }
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${t["focus-ring"]};
-        outline-offset: -2px;
-    }
-`,m=e`
-    display: flex;
-    align-items: center;
-
-    svg {
-        height: 1rem;
-        width: 1rem;
-    }
-`,h=r.span`
-    ${m}
-    color: ${t["icon-primary"]};
-`,c=r.div`
-    border-radius: ${d.sm};
-    border: ${i["width-010"]} ${i.solid} ${t.border};
-    background: ${t.bg};
-    overflow: hidden;
-`,g=r.ul`
-    list-style: none;
-    margin: 0;
-    padding: ${s["spacing-8"]};
-`,u=r(a)`
-    align-items: center;
-    ${o["body-md-regular"]}
-    color: ${t.text};
-
-    &:hover {
-        background: ${t["bg-hover-subtle"]};
-    }
-
-    ${r=>r.$selected&&e`
-            background: transparent;
-            color: ${t["text-selected"]};
-
-            &:hover {
-                background: ${t["bg-hover"]};
-            }
-        `}
-`;export{u as DropdownItem,g as DropdownList,c as DropdownPanel,h as LanguageIconWrapper,p as StyledExpandableElement};
-//# sourceMappingURL=dropdown-variant.style.js.map

package/language-switcher/dropdown-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-variant.style.js","sources":["../../src/language-switcher/dropdown-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport { IconContainer } from \"../shared/dropdown-list/expandable-element.styles\";\nimport {\n    ListItem,\n    SelectedIndicator,\n    UnselectedIndicator,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// TRIGGER STYLES\n// =============================================================================\nexport const StyledExpandableElement = styled(ExpandableElement)`\n    min-width: 9rem;\n    width: auto;\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    height: 2.5rem;\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n\n    ${IconContainer} {\n        margin-left: auto;\n\n        svg {\n            color: ${Colour[\"text-selected\"]};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nconst IconWrapper = css`\n    display: flex;\n    align-items: center;\n\n    svg {\n        height: 1rem;\n        width: 1rem;\n    }\n`;\n\nexport const LanguageIconWrapper = styled.span`\n    ${IconWrapper}\n    color: ${Colour[\"icon-primary\"]};\n`;\n\n// =============================================================================\n// DROPDOWN STYLES\n// =============================================================================\nexport const DropdownPanel = styled.div`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n    overflow: hidden;\n`;\n\nexport const DropdownList = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport { SelectedIndicator, UnselectedIndicator };\n\nexport const DropdownItem = styled(ListItem)`\n    align-items: center;\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover-subtle\"]};\n    }\n\n    ${(props) =>\n        props.$selected &&\n        css`\n            background: transparent;\n            color: ${Colour[\"text-selected\"]};\n\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n            }\n        `}\n`;\n"],"names":["StyledExpandableElement","styled","ExpandableElement","Font","Colour","Spacing","Radius","Border","IconContainer","IconWrapper","css","LanguageIconWrapper","span","DropdownPanel","div","DropdownList","ul","DropdownItem","ListItem","props","$selected"],"mappings":"khDAaaA,EAA0BC,EAAOC,EAAkB;;;MAG1DC,EAAK;aACEC,EAAO;;iBAEHC,EAAQ;qBACJC,EAAW;cAClBC,EAAO,gBAAgBA,EAAc,SAAKH,EAAe;kBACrDA,EAAW;;MAEvBI;;;;qBAIeJ,EAAO;;;;;6BAKCA,EAAO;;;EAK9BK,EAAcC,CAAG;;;;;;;;EAUVC,EAAsBV,EAAOW,IAAI;MACxCH;aACOL,EAAO;EAMPS,EAAgBZ,EAAOa,GAAG;qBAClBR,EAAW;cAClBC,EAAO,gBAAgBA,EAAc,SAAKH,EAAe;kBACrDA,EAAW;;EAIhBW,EAAed,EAAOe,EAAE;;;eAGtBX,EAAQ;EAKVY,EAAehB,EAAOiB,EAAS;;MAEtCf,EAAK;aACEC,EAAa;;;sBAGJA,EAAO;;;MAGtBe,GACCA,EAAMC,WACNV,CAAG;;qBAEUN,EAAO;;;8BAGEA,EAAO;;;"}

package/language-switcher/link-container-variant.style.d.ts

@@ -1,8 +0,0 @@
-interface LinkItemStyleProps {
-    $active?: boolean;
-}
-export declare const LinkContainerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LinkList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export declare const LinkListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
-export declare const LinkItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LinkItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LinkItemStyleProps, never>>> & string;
-export {};