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

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-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/masthead/masthead.style.d.ts

@@ -1,5 +0,0 @@
-interface WrapperStyleProps {
-    $stretch: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperStyleProps>> & string;
-export {};

package/masthead/masthead.style.js

@@ -1,42 +0,0 @@
-import a,{css as n}from"styled-components";import{V3_Breakpoint as i,V3_MediaQuery as d}from"../v3_theme/index.js";const x=a.div`
-    // matches Layout.Container
-    --sgds-mainnav-padding-x: ${i["xxl-margin"]}px;
-    --sgds-mainnav-mobile-padding-x: ${i["xxl-margin"]}px;
-
-    ${d.MaxWidth.xl} {
-        --sgds-mainnav-padding-x: ${i["xl-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xl-margin"]}px;
-    }
-
-    ${d.MaxWidth.lg} {
-        --sgds-mainnav-padding-x: ${i["lg-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["lg-margin"]}px;
-    }
-
-    ${d.MaxWidth.md} {
-        --sgds-mainnav-padding-x: ${i["md-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["md-margin"]}px;
-    }
-
-    ${d.MaxWidth.sm} {
-        --sgds-mainnav-padding-x: ${i["sm-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["sm-margin"]}px;
-    }
-
-    ${d.MaxWidth.xs} {
-        --sgds-mainnav-padding-x: ${i["xs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xs-margin"]}px;
-    }
-
-    ${d.MaxWidth.xxs} {
-        --sgds-mainnav-padding-x: ${i["xxs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xxs-margin"]}px;
-    }
-
-    ${a=>a.$stretch?n`
-                --sgds-mainnav-max-width: calc(infinity * 1px);
-            `:n`
-                --sgds-mainnav-max-width: 1440px;
-            `}
-`;export{x as Wrapper};
-//# sourceMappingURL=masthead.style.js.map

package/masthead/masthead.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masthead.style.js","sources":["../../src/masthead/masthead.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Breakpoint, V3_MediaQuery } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface WrapperStyleProps {\n    $stretch: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div<WrapperStyleProps>`\n    // matches Layout.Container\n    --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xxl-margin\"]}px;\n    --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xxl-margin\"]}px;\n\n    ${V3_MediaQuery.MaxWidth.xl} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xl-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xl-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"lg-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"lg-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.md} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"md-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"md-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"sm-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"sm-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xs-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xxs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xxs-margin\"]}px;\n    }\n\n    ${(props) => {\n        if (props.$stretch) {\n            return css`\n                --sgds-mainnav-max-width: calc(infinity * 1px);\n            `;\n        } else {\n            return css`\n                --sgds-mainnav-max-width: 1440px;\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","V3_Breakpoint","V3_MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs","props","$stretch","css"],"mappings":"mHAcO,MAAMA,EAAUC,EAAOC,GAAsB;;gCAEpBC,EAAc;uCACPA,EAAc;;MAE/CC,EAAcC,SAASC;oCACOH,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASE;oCACOJ,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASG;oCACOL,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASI;oCACON,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASK;oCACOP,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASM;oCACOR,EAAc;2CACPA,EAAc;;;MAGlDS,GACKA,EAAMC,SACCC,CAAG;;cAIHA,CAAG;;;"}

package/pill/pill.style.d.ts

@@ -1,8 +0,0 @@
-import type { PillColorType, PillType } from "./types";
-interface StyleProps {
-    $type: PillType;
-    $color: PillColorType;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

package/pill/pill.style.js

@@ -1,27 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Radius as t,V3_Font as s,V3_Colour as o,V3_Border as b}from"../v3_theme/index.js";const a=e.div`
-    border-radius: ${t.full};
-    padding: 0.125rem 0.5rem;
-    width: fit-content;
-    max-width: 100%;
-    ${s["body-xs-semibold"]}
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-
-    svg {
-        flex-shrink: 0;
-    }
-
-    ${e=>{let t,s,a;if("solid"===e.$type)switch(a=o["text-inverse"],e.$color){case"grey":t=o["bg-inverse-subtler"];break;case"green":t=o["bg-success-strong"];break;case"yellow":t=o["bg-warning-strong"];break;case"red":t=o["bg-error-strong"];break;case"blue":t=o["bg-info-strong"];break;case"primary":t=o["bg-primary"];break;default:t=o["bg-inverse"]}else switch(e.$color){case"grey":t=o["bg-stronger"],s=o["border-strong"],a=o["text-subtler"];break;case"green":t=o["bg-success"],s=o["border-success"],a=o["text-success"];break;case"yellow":t=o["bg-warning"],s=o["border-warning"],a=o["text-warning"];break;case"red":t=o["bg-error"],s=o["border-error"],a=o["text-error"];break;case"blue":t=o["bg-info"],s=o["border-info"],a=o["text-info"];break;case"primary":t=o["bg-primary-subtlest"],s=o["border-primary"],a=o["text-primary"];break;default:t=o.bg,s=o.border,a=o.text}return r`
-            background: ${t};
-            border: ${b["width-010"]} ${b.solid} ${s};
-            color: ${a};
-        `}}
-`,i=e.div`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-align: left;
-`;export{i as Label,a as Wrapper};
-//# sourceMappingURL=pill.style.js.map

package/pill/pill.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pill.style.js","sources":["../../src/pill/pill.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Border, V3_Colour, V3_Font, V3_Radius } from \"../v3_theme\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { PillColorType, PillType } from \"./types\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\ninterface StyleProps {\n    $type: PillType;\n    $color: PillColorType;\n}\n\nexport const Wrapper = styled.div<StyleProps>`\n    border-radius: ${V3_Radius[\"full\"]};\n    padding: 0.125rem 0.5rem;\n    width: fit-content;\n    max-width: 100%;\n    ${V3_Font[\"body-xs-semibold\"]}\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n\n    svg {\n        flex-shrink: 0;\n    }\n\n    ${(props) => {\n        let backgroundColor: (props: V3_ThemeStyleProps) => string;\n        let borderColor: ((props: V3_ThemeStyleProps) => string) | undefined;\n        let color: (props: V3_ThemeStyleProps) => string;\n\n        if (props.$type === \"solid\") {\n            color = V3_Colour[\"text-inverse\"];\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-inverse-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success-strong\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning-strong\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error-strong\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info-strong\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour[\"bg-inverse\"];\n                    break;\n            }\n        } else {\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-stronger\"];\n                    borderColor = V3_Colour[\"border-strong\"];\n                    color = V3_Colour[\"text-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success\"];\n                    borderColor = V3_Colour[\"border-success\"];\n                    color = V3_Colour[\"text-success\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning\"];\n                    borderColor = V3_Colour[\"border-warning\"];\n                    color = V3_Colour[\"text-warning\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error\"];\n                    borderColor = V3_Colour[\"border-error\"];\n                    color = V3_Colour[\"text-error\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info\"];\n                    borderColor = V3_Colour[\"border-info\"];\n                    color = V3_Colour[\"text-info\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary-subtlest\"];\n                    borderColor = V3_Colour[\"border-primary\"];\n                    color = V3_Colour[\"text-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour.bg;\n                    borderColor = V3_Colour.border;\n                    color = V3_Colour.text;\n                    break;\n            }\n        }\n\n        return css`\n            background: ${backgroundColor};\n            border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} ${borderColor};\n            color: ${color};\n        `;\n    }}\n`;\n\nexport const Label = styled.div`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: left;\n`;\n"],"names":["Wrapper","styled","div","V3_Radius","V3_Font","props","backgroundColor","borderColor","color","$type","V3_Colour","$color","bg","border","text","css","V3_Border","solid","Label"],"mappings":"uIAcO,MAAMA,EAAUC,EAAOC,GAAe;qBACxBC,EAAgB;;;;MAI/BC,EAAQ;;;;;;;;;MASPC,IACC,IAAIC,EACAC,EACAC,EAEJ,GAAoB,UAAhBH,EAAMI,MAEN,OADAD,EAAQE,EAAU,gBACVL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAU,sBAC5B,MACJ,IAAK,QACDJ,EAAkBI,EAAU,qBAC5B,MACJ,IAAK,SACDJ,EAAkBI,EAAU,qBAC5B,MACJ,IAAK,MACDJ,EAAkBI,EAAU,mBAC5B,MACJ,IAAK,OACDJ,EAAkBI,EAAU,kBAC5B,MACJ,IAAK,UACDJ,EAAkBI,EAAU,cAC5B,MACJ,QACIJ,EAAkBI,EAAU,mBAIpC,OAAQL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAU,eAC5BH,EAAcG,EAAU,iBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,QACDJ,EAAkBI,EAAU,cAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,SACDJ,EAAkBI,EAAU,cAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,MACDJ,EAAkBI,EAAU,YAC5BH,EAAcG,EAAU,gBACxBF,EAAQE,EAAU,cAClB,MACJ,IAAK,OACDJ,EAAkBI,EAAU,WAC5BH,EAAcG,EAAU,eACxBF,EAAQE,EAAU,aAClB,MACJ,IAAK,UACDJ,EAAkBI,EAAU,uBAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,QACIJ,EAAkBI,EAAUE,GAC5BL,EAAcG,EAAUG,OACxBL,EAAQE,EAAUI,KAK9B,OAAOC,CAAG;0BACQT;sBACJU,EAAU,gBAAgBA,EAAUC,SAASV;qBAC9CC;SACZ;EAIIU,EAAQjB,EAAOC,GAAG;;;;;;"}

package/shared/clickable-icon/clickable-icon.style.d.ts

@@ -1,6 +0,0 @@
-interface StyleProps {
-    $outline: "none" | "browser";
-    $highlight: boolean;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyleProps>> & string;
-export {};

package/shared/clickable-icon/clickable-icon.style.js

@@ -1,29 +0,0 @@
-import e,{css as t}from"styled-components";import{V3_Spacing as n,V3_Colour as o}from"../../v3_theme/index.js";const r=e.button`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: ${n["spacing-24"]};
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-
-    img {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    svg {
-        height: 1.125rem;
-        width: 1.125rem;
-    }
-
-    &:active,
-    &:focus {
-        ${({$outline:e})=>"none"===e&&"outline: none;"}
-
-        ${({$highlight:e})=>e&&t`
-                background-color: ${o["bg-hover-neutral"]};
-            `}
-    }
-`;export{r as Main};
-//# sourceMappingURL=clickable-icon.style.js.map

package/shared/clickable-icon/clickable-icon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clickable-icon.style.js","sources":["../../../src/shared/clickable-icon/clickable-icon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Spacing } from \"../../v3_theme\";\n\ninterface StyleProps {\n    $outline: \"none\" | \"browser\";\n    $highlight: boolean;\n}\n\nexport const Main = styled.button<StyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: ${V3_Spacing[\"spacing-24\"]};\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n\n    img {\n        height: 1rem;\n        width: 1rem;\n    }\n\n    svg {\n        height: 1.125rem;\n        width: 1.125rem;\n    }\n\n    &:active,\n    &:focus {\n        ${({ $outline }) => $outline === \"none\" && \"outline: none;\"}\n\n        ${({ $highlight }) =>\n            $highlight &&\n            css`\n                background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n            `}\n    }\n`;\n"],"names":["Main","styled","button","V3_Spacing","$outline","$highlight","css","V3_Colour"],"mappings":"+GASO,MAAMA,EAAOC,EAAOC,MAAkB;;;;eAI9BC,EAAW;;;;;;;;;;;;;;;;;UAiBhB,EAAGC,cAA4B,SAAbA,GAAuB;;UAEzC,EAAGC,gBACDA,GACAC,CAAG;oCACqBC,EAAU;;;"}

package/shared/component-loading-spinner/component-loading-spinner.style.d.ts

@@ -1,16 +0,0 @@
-interface StyleProps {
-    $size?: number;
-    $color?: string | ((props: any) => string);
-}
-export declare const OuterRing: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const InnerRing1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InnerRing2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const InnerRing3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const InnerRing4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export {};

package/shared/component-loading-spinner/component-loading-spinner.style.js

@@ -1,33 +0,0 @@
-import o,{keyframes as r}from"styled-components";const i=o.div`
-    display: inline-block;
-    position: relative;
-    width: ${({$size:o})=>o?`${o}px`:"1em"};
-    height: ${({$size:o})=>o?`${o}px`:"1em"};
-    color: ${o=>o.$color||"currentColor"};
-`,t=r`
-	0% {
-	  transform: rotate(0deg);
-	}
-	100% {
-	  transform: rotate(360deg);
-	}
-`,e=o.div`
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    top: 1px;
-    width: calc(100% - 2px);
-    height: calc(100% - 2px);
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 100%;
-    border-color: currentColor transparent transparent transparent;
-    animation: ${t} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-`,a=o(e)`
-    animation-delay: -0.45s;
-`,n=o(e)`
-    animation-delay: -0.3s;
-`,s=o(e)`
-    animation-delay: -0.15s;
-`;export{e as InnerRing1,a as InnerRing2,n as InnerRing3,s as InnerRing4,i as OuterRing};
-//# sourceMappingURL=component-loading-spinner.style.js.map

package/shared/component-loading-spinner/component-loading-spinner.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-loading-spinner.style.js","sources":["../../../src/shared/component-loading-spinner/component-loading-spinner.style.tsx"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $size?: number;\n    $color?: string | ((props: any) => string);\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const OuterRing = styled.div<StyleProps>`\n    display: inline-block;\n    position: relative;\n    width: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    height: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    color: ${(props) => props.$color || \"currentColor\"};\n`;\n\nconst rotate = keyframes`\n\t0% {\n\t  transform: rotate(0deg);\n\t}\n\t100% {\n\t  transform: rotate(360deg);\n\t}\n`;\n\nexport const InnerRing1 = styled.div`\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    top: 1px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 100%;\n    border-color: currentColor transparent transparent transparent;\n    animation: ${rotate} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n`;\n\nexport const InnerRing2 = styled(InnerRing1)`\n    animation-delay: -0.45s;\n`;\n\nexport const InnerRing3 = styled(InnerRing1)`\n    animation-delay: -0.3s;\n`;\n\nexport const InnerRing4 = styled(InnerRing1)`\n    animation-delay: -0.15s;\n`;\n"],"names":["OuterRing","styled","div","$size","props","$color","rotate","keyframes","InnerRing1","InnerRing2","InnerRing3","InnerRing4"],"mappings":"iDAcO,MAAMA,EAAYC,EAAOC,GAAe;;;aAGlC,EAAGC,WAAaA,EAAQ,GAAGA,MAAY;cACtC,EAAGA,WAAaA,EAAQ,GAAGA,MAAY;aACvCC,GAAUA,EAAMC,QAAU;EAGlCC,EAASC,CAAS;;;;;;;EASXC,EAAaP,EAAOC,GAAG;;;;;;;;;;;iBAWnBI;EAGJG,EAAaR,EAAOO,EAAW;;EAI/BE,EAAaT,EAAOO,EAAW;;EAI/BG,EAAaV,EAAOO,EAAW;;"}

package/shared/dropdown-list-v2/dropdown-label.d.ts

@@ -1,15 +0,0 @@
-import type { DropdownVariantType, LabelDisplayType } from "../dropdown-list/types";
-interface DropdownLabelProps {
-    bold?: boolean | undefined;
-    displayType?: LabelDisplayType | undefined;
-    label: string;
-    maxLines?: number | undefined;
-    searchTerm?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    sublabel?: string | undefined;
-    truncationType?: "middle" | "end" | undefined;
-    variant?: DropdownVariantType | undefined;
-}
-export declare const DropdownLabel: ({ bold, displayType, label, searchTerm, maxLines, selected, disabled, sublabel, truncationType, variant, }: DropdownLabelProps) => JSX.Element;
-export {};

package/shared/dropdown-list-v2/dropdown-label.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import{useContext as t,useCallback as l,useMemo as n}from"react";import{useResizeDetector as a}from"../../external/react-resize-detector/build/index.esm.js";import{ThemeContext as d}from"styled-components";import{StringHelper as s}from"../../util/string-helper.js";import{V3_Font as m}from"../../v3_theme/index.js";import{Label as o,PrimaryText as c,SecondaryText as p,TruncateFirstLine as h,TruncateSecondLine as b,MatchedText as f}from"./dropdown-label.styles.js";const $=({bold:$,displayType:y="inline",label:u,searchTerm:x,maxLines:T=2,selected:L,disabled:j,sublabel:v,truncationType:w="middle",variant:g="default"})=>{const z=t(d),S="small"===g?m.Spec["body-size-md"]({theme:z}):m.Spec["body-size-baseline"]({theme:z}),C=m.Spec["font-family"]({theme:z}),{ref:D,width:O}=a(),W=l((e=>{if("inline"!==y||!O)return!1;return s.getTextWidth(e,`${S} '${C}'`)>O*T-50}),[O,y,S,C,T]),_=n((()=>W(u)),[W,u]),k=n((()=>v&&W(v)),[W,v]),q=t=>{if(!x)return t;const l=x.toLowerCase().trim(),n=t.toLowerCase().indexOf(l),a=n+x.length;return-1===n?t:e(r,{children:[u.slice(0,n),i(f,{$variant:g,children:u.slice(n,a)}),u.slice(a)]})},A=t=>e(r,{children:[i(h,{$maxLines:T,"aria-hidden":!0,children:q(t)}),i(b,{$maxLines:T,"aria-hidden":!0,children:q(t)})]});return e(o,{ref:D,$labelDisplayType:_||k?"next-line":y,$variant:g,children:[i(c,{"aria-label":u,$bold:$,$maxLines:T,$selected:L,$disabled:j,$truncateType:w,children:"middle"===w&&_?A(u):q(u)}),v&&i(p,{"aria-label":v,$maxLines:T,$truncateType:w,$labelDisplayType:y,children:"middle"===w&&k?A(v):v})]})};export{$ as DropdownLabel};
-//# sourceMappingURL=dropdown-label.js.map

package/shared/dropdown-list-v2/dropdown-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-label.js","sources":["../../../src/shared/dropdown-list-v2/dropdown-label.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { StringHelper } from \"../../util/string-helper\";\nimport { V3_Font } from \"../../v3_theme\";\nimport type {\n    DropdownVariantType,\n    LabelDisplayType,\n} from \"../dropdown-list/types\";\nimport {\n    Label,\n    MatchedText,\n    PrimaryText,\n    SecondaryText,\n    TruncateFirstLine,\n    TruncateSecondLine,\n} from \"./dropdown-label.styles\";\n\ninterface DropdownLabelProps {\n    bold?: boolean | undefined;\n    displayType?: LabelDisplayType | undefined;\n    label: string;\n    maxLines?: number | undefined;\n    searchTerm?: string | undefined;\n    selected?: boolean | undefined;\n    disabled?: boolean | undefined;\n    sublabel?: string | undefined;\n    truncationType?: \"middle\" | \"end\" | undefined;\n    variant?: DropdownVariantType | undefined;\n}\n\nexport const DropdownLabel = ({\n    bold,\n    displayType = \"inline\",\n    label,\n    searchTerm,\n    maxLines = 2,\n    selected,\n    disabled,\n    sublabel,\n    truncationType = \"middle\",\n    variant = \"default\",\n}: DropdownLabelProps): JSX.Element => {\n    const theme = useContext(ThemeContext);\n\n    const fontSize =\n        variant === \"small\"\n            ? V3_Font.Spec[\"body-size-md\"]({ theme })\n            : V3_Font.Spec[\"body-size-baseline\"]({ theme });\n    const fontFamily = V3_Font.Spec[\"font-family\"]({ theme });\n    const { ref, width } = useResizeDetector();\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const hasExceededContainer = useCallback(\n        (displayText: string) => {\n            if (displayType !== \"inline\" || !width) {\n                return false;\n            }\n\n            // best-effort attempt to check if multi-line text will overflow,\n            // rendering an actual element in the DOM might be more accurate\n            // but might not be performant for large lists\n            const textWidth = StringHelper.getTextWidth(\n                displayText,\n                `${fontSize} '${fontFamily}'`\n            );\n\n            // there's less space than expected due to word breaks, so an\n            // arbitary offset is applied\n            return textWidth > width * maxLines - 50;\n        },\n        [width, displayType, fontSize, fontFamily, maxLines]\n    );\n\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const shouldTruncateTitle = useMemo(\n        () => hasExceededContainer(label),\n        [hasExceededContainer, label]\n    );\n    const shouldTruncateLabel = useMemo(\n        () => sublabel && hasExceededContainer(sublabel),\n        [hasExceededContainer, sublabel]\n    );\n\n    // css cannot truncate inline elements so force the display to render\n    // them separately\n    const itemDisplayType =\n        shouldTruncateTitle || shouldTruncateLabel ? \"next-line\" : displayType;\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderMatchInBold = (displayText: string) => {\n        if (!searchTerm) {\n            return displayText;\n        }\n\n        const match = searchTerm.toLowerCase().trim();\n        const startIndex = displayText.toLowerCase().indexOf(match);\n        const endIndex = startIndex + searchTerm.length;\n\n        if (startIndex === -1) {\n            return displayText;\n        }\n\n        return (\n            <>\n                {label.slice(0, startIndex)}\n                <MatchedText $variant={variant}>\n                    {label.slice(startIndex, endIndex)}\n                </MatchedText>\n                {label.slice(endIndex)}\n            </>\n        );\n    };\n\n    const renderTruncatedText = (displayText: string): JSX.Element => {\n        return (\n            <>\n                <TruncateFirstLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateFirstLine>\n                <TruncateSecondLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateSecondLine>\n            </>\n        );\n    };\n\n    return (\n        <Label ref={ref} $labelDisplayType={itemDisplayType} $variant={variant}>\n            <PrimaryText\n                aria-label={label}\n                $bold={bold}\n                $maxLines={maxLines}\n                $selected={selected}\n                $disabled={disabled}\n                $truncateType={truncationType}\n            >\n                {truncationType === \"middle\" && shouldTruncateTitle\n                    ? renderTruncatedText(label)\n                    : renderMatchInBold(label)}\n            </PrimaryText>\n            {sublabel && (\n                <SecondaryText\n                    aria-label={sublabel}\n                    $maxLines={maxLines}\n                    $truncateType={truncationType}\n                    $labelDisplayType={displayType}\n                >\n                    {truncationType === \"middle\" && shouldTruncateLabel\n                        ? renderTruncatedText(sublabel)\n                        : sublabel}\n                </SecondaryText>\n            )}\n        </Label>\n    );\n};\n"],"names":["DropdownLabel","bold","displayType","label","searchTerm","maxLines","selected","disabled","sublabel","truncationType","variant","theme","useContext","ThemeContext","fontSize","V3_Font","Spec","fontFamily","ref","width","useResizeDetector","hasExceededContainer","useCallback","displayText","StringHelper","getTextWidth","shouldTruncateTitle","useMemo","shouldTruncateLabel","renderMatchInBold","match","toLowerCase","trim","startIndex","indexOf","endIndex","length","_jsxs","_Fragment","children","slice","_jsx","MatchedText","$variant","renderTruncatedText","TruncateFirstLine","$maxLines","TruncateSecondLine","Label","$labelDisplayType","PrimaryText","$bold","$selected","$disabled","$truncateType","SecondaryText"],"mappings":"khBAgCO,MAAMA,EAAgB,EACzBC,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EAAQC,EAAWC,GAEnBC,EACU,UAAZJ,EACMK,EAAQC,KAAK,gBAAgB,CAAEL,UAC/BI,EAAQC,KAAK,sBAAsB,CAAEL,UACzCM,EAAaF,EAAQC,KAAK,eAAe,CAAEL,WAC3CO,IAAEA,EAAGC,MAAEA,GAAUC,IAKjBC,EAAuBC,GACxBC,IACG,GAAoB,WAAhBrB,IAA6BiB,EAC7B,OAAO,EAaX,OAPkBK,EAAaC,aAC3BF,EACA,GAAGT,MAAaG,MAKDE,EAAQd,EAAW,EAAE,GAE5C,CAACc,EAAOjB,EAAaY,EAAUG,EAAYZ,IAMzCqB,EAAsBC,GACxB,IAAMN,EAAqBlB,IAC3B,CAACkB,EAAsBlB,IAErByB,EAAsBD,GACxB,IAAMnB,GAAYa,EAAqBb,IACvC,CAACa,EAAsBb,IAWrBqB,EAAqBN,IACvB,IAAKnB,EACD,OAAOmB,EAGX,MAAMO,EAAQ1B,EAAW2B,cAAcC,OACjCC,EAAaV,EAAYQ,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAa7B,EAAWgC,OAEzC,OAAmB,IAAfH,EACOV,EAIPc,EAAAC,EAAA,CAAAC,SAAA,CACKpC,EAAMqC,MAAM,EAAGP,GAChBQ,EAACC,EAAW,CAAAC,SAAWjC,EAAO6B,SACzBpC,EAAMqC,MAAMP,EAAYE,KAE5BhC,EAAMqC,MAAML,KACd,EAILS,EAAuBrB,GAErBc,EAAAC,EAAA,CAAAC,SAAA,CACIE,EAACI,EAAiB,CAAAC,UAAYzC,EAAQ,eAAA,EAAAkC,SACjCV,EAAkBN,KAEvBkB,EAACM,EAAkB,CAAAD,UAAYzC,EAAQ,eAAA,EAAAkC,SAClCV,EAAkBN,QAMnC,OACIc,EAACW,EAAK,CAAC9B,IAAKA,EAAG+B,kBA3CfvB,GAAuBE,EAAsB,YAAc1B,EA2CRyC,SAAYjC,EAAO6B,SAAA,CAClEE,EAACS,EAAW,CAAA,aACI/C,EAAKgD,MACVlD,EAAI6C,UACAzC,EAAQ+C,UACR9C,EAAQ+C,UACR9C,EAAQ+C,cACJ7C,EAAc8B,SAET,WAAnB9B,GAA+BiB,EAC1BkB,EAAoBzC,GACpB0B,EAAkB1B,KAE3BK,GACGiC,EAACc,gBACe/C,EAAQsC,UACTzC,EAAQiD,cACJ7C,EAAcwC,kBACV/C,EAAWqC,SAEV,WAAnB9B,GAA+BmB,EAC1BgB,EAAoBpC,GACpBA,MAGV"}

package/shared/dropdown-list-v2/dropdown-label.styles.d.ts

@@ -1,23 +0,0 @@
-import type { DropdownVariantType, LabelDisplayType, TruncateType } from "../dropdown-list/types";
-interface LabelStyleProps {
-    $labelDisplayType: LabelDisplayType;
-    $variant: DropdownVariantType;
-}
-interface LabelTextStyleProps {
-    $labelDisplayType?: LabelDisplayType;
-    $maxLines?: number;
-    $selected?: boolean;
-    $disabled?: boolean;
-    $truncateType?: TruncateType;
-    $bold?: boolean;
-}
-interface MatchedTextStyleProps {
-    $variant: DropdownVariantType;
-}
-export declare const PrimaryText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const SecondaryText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const MatchedText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, MatchedTextStyleProps>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelStyleProps>> & string;
-export declare const TruncateFirstLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const TruncateSecondLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export {};