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

package/cjs/input/input.style.js.map

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

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

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

package/cjs/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":"i7CA2BaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAqB;;;;MAIjDC,GAEU,UADDA,EAAMC,UAECC,KAAG;;kBAIHA,KAAG;;;EAObC,EAA0BL,EAAAA,QAAOM,EAAAA,kBAA8B;MACrEJ,IACC,GAAIA,EAAMK,UACN,MACS,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;qBAItB;EAIKI,EAAgBR,EAAAA,QAAOS,GAAG;;EAI1BC,EAAaV,EAAAA,QAAOW,EAAAA,MAAkB;MAC5CT,GACKA,EAAMU,SACCR,KAAG;;cAKVF,EAAMK,UAEG,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;sBAOb,UADDF,EAAMC,UAECC,KAAG;oCACUS,EAAAA,WAAW;kBAGxBT,KAAG;qCACWS,EAAAA,WAAW;;EAMnCC,EAAmBd,EAAAA,QAAOS,GAAG;;;;;;oBAMtBI,EAAAA,WAAW;aAClBE,EAAAA,UAAgB;EAGhBC,EAAUhB,EAAAA,QAAOS,GAAsB;;kBAElCM,EAAAA,UAAkB;;;;MAI7Bb,IACC,GAAIA,EAAMe,UACN,OAAOb,KAAG;;aAGd;;MAGDF,GAEU,UADDA,EAAMC,UAECC,KAAG;mCACSS,EAAAA,WAAW;kBAGvBT,KAAG;oCACUS,EAAAA,WAAW;;"}

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

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

package/cjs/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":"gQAyBaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAiC;;;;;UAKzDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAAA,WAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCC,EAAiBP,EAAAA,QAAOC,EAAAA,SAA0B;;;;;UAKpDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAAA,WAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCE,EAAYR,EAAAA,QAAOS,EAAAA,MAAM,GAEzBC,EAAsBV,EAAAA,QAAOW,GAAoB;;;;;MAKxDC,EAAAA,QAAQ;aACDC,EAAAA,UAAgB;;;;;;;;MAQtBX,IACC,GAAIA,EAAMY,UACN,OAAOC,KAAG;yBACGF,EAAAA,UAAU;aAE3B;;MAGDX,GAEU,UADDA,EAAMI,UAECS,KAAG;mCACSb,EAAMC,UACfE,EAAAA,WAAW,aACXA,EAAAA,WAAW;kBAIdU,KAAG;oCACUb,EAAMC,UAChBE,EAAAA,WAAW,aACXA,EAAAA,WAAW;;"}

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

@@ -1,6 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.p`
-    text-align: right;
-    ${t.V3_Font["body-sm-semibold"]}
-    color: ${t.V3_Colour["text-subtler"]};
-`;exports.CounterLabel=r;
-//# sourceMappingURL=textara-counter.style.js.map

package/cjs/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":"0JAOO,MAAMA,OAAeC,QAAOC,CAAC;;MAE9BC,EAAAA,QAAQ;aACDC,EAAAA,UAAU;"}

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

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

package/cjs/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":"qKAqBO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;EAKpBC,EAAUF,EAAAA,QAAOG,QAAoB;cACpCC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UAC/CC,EAAAA,UAAkB;qBACPC,EAAAA,UAAc;kBACjBD,EAAAA,UAAc;;;;;eAKjBE,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;;;MAGhDC,EAAAA,QAAQ;aACDH,EAAAA,UAAgB;;;;;mBAKVD,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;cAChDC,EAAAA,UAAU;;;;;iBAKPA,EAAAA,UAAU;;;;;;;;;;;;sBAYLA,EAAAA,UAAU;;yBAEPC,EAAAA,UAAgB;;;;MAIlCG,GACKA,EAAMC,SACCC,KAAG;;;2BAGKJ,EAAAA,WAAW;;;;qCAIDF,EAAAA,UAAU;;cAG5BI,EAAMG,SACND,KAAG;8BACQN,EAAAA,UAAU;;;;;qCAKHA,EAAAA,UAAU;;cAG5BI,EAAMI,OACNF,KAAG;gCACUN,EAAAA,UAAU;;;;qCAILA,EAAAA,UAAU;;mBANhC;"}

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

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

package/cjs/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":"kLAqBO,MAAMA,OAAYC,QAAOC,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,KAAG;2BACSd,GAAa,iBAAiBC,GAAY;;cAEvDc,EAAAA,cAAcC,SAASC;+BACNf,GAAY,iBAAiBC,GAAW;;;cAGzDY,EAAAA,cAAcC,SAASE;+BACNd,GAAY,iBAAiBC,GAAW;;;cAGzDU,EAAAA,cAAcC,SAASG;+BACNb,GAAY,iBAAiBC,GAAW;;;cAGzDQ,EAAAA,cAAcC,SAASI;+BACNZ,GAAY,iBAAiBC,GAAW;;;cAGzDM,EAAAA,cAAcC,SAASK;+BACNX,GAAY,iBAAiBC,GAAW;;;cAGzDI,EAAAA,cAAcC,SAASM;+BACNV,GAAa,iBAAiBC,GAAY;;SAEhE;"}

package/cjs/masthead/masthead.style.js

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

package/cjs/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":"0JAcO,MAAMA,OAAUC,QAAOC,GAAsB;;gCAEpBC,EAAAA,cAAc;uCACPA,EAAAA,cAAc;;MAE/CC,EAAAA,cAAcC,SAASC;oCACOH,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGnDC,EAAAA,cAAcC,SAASE;oCACOJ,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGnDC,EAAAA,cAAcC,SAASG;oCACOL,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGnDC,EAAAA,cAAcC,SAASI;oCACON,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGnDC,EAAAA,cAAcC,SAASK;oCACOP,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGnDC,EAAAA,cAAcC,SAASM;oCACOR,EAAAA,cAAc;2CACPA,EAAAA,cAAc;;;MAGlDS,GACKA,EAAMC,SACCC,KAAG;;cAIHA,KAAG;;;"}

package/cjs/pill/pill.style.js

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

package/cjs/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":"qKAcO,MAAMA,EAAUC,EAAAA,QAAOC,GAAe;qBACxBC,EAAAA,UAAgB;;;;MAI/BC,EAAAA,QAAQ;;;;;;;;;MASPC,IACC,IAAIC,EACAC,EACAC,EAEJ,GAAoB,UAAhBH,EAAMI,MAEN,OADAD,EAAQE,EAAAA,UAAU,gBACVL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAAA,UAAU,sBAC5B,MACJ,IAAK,QACDJ,EAAkBI,EAAAA,UAAU,qBAC5B,MACJ,IAAK,SACDJ,EAAkBI,EAAAA,UAAU,qBAC5B,MACJ,IAAK,MACDJ,EAAkBI,EAAAA,UAAU,mBAC5B,MACJ,IAAK,OACDJ,EAAkBI,EAAAA,UAAU,kBAC5B,MACJ,IAAK,UACDJ,EAAkBI,EAAAA,UAAU,cAC5B,MACJ,QACIJ,EAAkBI,EAAAA,UAAU,mBAIpC,OAAQL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAAA,UAAU,eAC5BH,EAAcG,EAAAA,UAAU,iBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,QACDJ,EAAkBI,EAAAA,UAAU,cAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,SACDJ,EAAkBI,EAAAA,UAAU,cAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,MACDJ,EAAkBI,EAAAA,UAAU,YAC5BH,EAAcG,EAAAA,UAAU,gBACxBF,EAAQE,EAAAA,UAAU,cAClB,MACJ,IAAK,OACDJ,EAAkBI,EAAAA,UAAU,WAC5BH,EAAcG,EAAAA,UAAU,eACxBF,EAAQE,EAAAA,UAAU,aAClB,MACJ,IAAK,UACDJ,EAAkBI,EAAAA,UAAU,uBAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,QACIJ,EAAkBI,EAAAA,UAAUE,GAC5BL,EAAcG,EAAAA,UAAUG,OACxBL,EAAQE,EAAAA,UAAUI,KAK9B,OAAOC,KAAG;0BACQT;sBACJU,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC,SAASV;qBAC9CC;SACZ;EAIIU,EAAQjB,EAAAA,QAAOC,GAAG;;;;;;"}

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

@@ -1,29 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.button`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: ${t.V3_Spacing["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:n})=>n&&e.css`
-                background-color: ${t.V3_Colour["bg-hover-neutral"]};
-            `}
-    }
-`;exports.Main=r;
-//# sourceMappingURL=clickable-icon.style.js.map

package/cjs/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":"6JASO,MAAMA,OAAOC,QAAOC,MAAkB;;;;eAI9BC,EAAAA,WAAW;;;;;;;;;;;;;;;;;UAiBhB,EAAGC,cAA4B,SAAbA,GAAuB;;UAEzC,EAAGC,gBACDA,GACAC,KAAG;oCACqBC,EAAAA,UAAU;;;"}

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

@@ -1,33 +0,0 @@
-"use strict";var e=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e);const n=t.default.div`
-    display: inline-block;
-    position: relative;
-    width: ${({$size:e})=>e?`${e}px`:"1em"};
-    height: ${({$size:e})=>e?`${e}px`:"1em"};
-    color: ${e=>e.$color||"currentColor"};
-`,o=e.keyframes`
-	0% {
-	  transform: rotate(0deg);
-	}
-	100% {
-	  transform: rotate(360deg);
-	}
-`,i=t.default.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: ${o} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-`,a=t.default(i)`
-    animation-delay: -0.45s;
-`,s=t.default(i)`
-    animation-delay: -0.3s;
-`,d=t.default(i)`
-    animation-delay: -0.15s;
-`;exports.InnerRing1=i,exports.InnerRing2=a,exports.InnerRing3=s,exports.InnerRing4=d,exports.OuterRing=n;
-//# sourceMappingURL=component-loading-spinner.style.js.map

package/cjs/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":"mIAcO,MAAMA,EAAYC,EAAAA,QAAOC,GAAe;;;aAGlC,EAAGC,WAAaA,EAAQ,GAAGA,MAAY;cACtC,EAAGA,WAAaA,EAAQ,GAAGA,MAAY;aACvCC,GAAUA,EAAMC,QAAU;EAGlCC,EAASC,EAAAA,SAAS;;;;;;;EASXC,EAAaP,EAAAA,QAAOC,GAAG;;;;;;;;;;;iBAWnBI;EAGJG,EAAaR,EAAAA,QAAOO,EAAW;;EAI/BE,EAAaT,EAAAA,QAAOO,EAAW;;EAI/BG,EAAaV,EAAAA,QAAOO,EAAW;;"}

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

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

package/cjs/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":["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","itemDisplayType","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":"mTAgC6B,EACzBA,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EAAQC,EAAAA,WAAWC,gBAEnBC,EACU,UAAZJ,EACMK,EAAAA,QAAQC,KAAK,gBAAgB,CAAEL,UAC/BI,EAAAA,QAAQC,KAAK,sBAAsB,CAAEL,UACzCM,EAAaF,EAAAA,QAAQC,KAAK,eAAe,CAAEL,WAC3CO,IAAEA,EAAGC,MAAEA,GAAUC,sBAKjBC,EAAuBC,eACxBC,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,EAAAA,SACxB,IAAMN,EAAqBlB,IAC3B,CAACkB,EAAsBlB,IAErByB,EAAsBD,WACxB,IAAMnB,GAAYa,EAAqBb,IACvC,CAACa,EAAsBb,IAKrBqB,EACFH,GAAuBE,EAAsB,YAAc1B,EAKzD4B,EAAqBP,IACvB,IAAKnB,EACD,OAAOmB,EAGX,MAAMQ,EAAQ3B,EAAW4B,cAAcC,OACjCC,EAAaX,EAAYS,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAa9B,EAAWiC,OAEzC,OAAmB,IAAfH,EACOX,EAIPe,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACKrC,EAAMsC,MAAM,EAAGP,GAChBQ,EAAAA,IAACC,EAAAA,YAAW,CAAAC,SAAWlC,EAAO8B,SACzBrC,EAAMsC,MAAMP,EAAYE,KAE5BjC,EAAMsC,MAAML,KACd,EAILS,EAAuBtB,GAErBe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIE,EAAAA,IAACI,EAAAA,kBAAiB,CAAAC,UAAY1C,EAAQ,eAAA,EAAAmC,SACjCV,EAAkBP,KAEvBmB,EAAAA,IAACM,EAAAA,mBAAkB,CAAAD,UAAY1C,EAAQ,eAAA,EAAAmC,SAClCV,EAAkBP,QAMnC,OACIe,EAAAA,KAACW,EAAAA,MAAK,CAAC/B,IAAKA,EAAGgC,kBAAqBrB,EAAee,SAAYlC,EAAO8B,SAAA,CAClEE,EAAAA,IAACS,EAAAA,YAAW,CAAA,aACIhD,EAAKiD,MACVnD,EAAI8C,UACA1C,EAAQgD,UACR/C,EAAQgD,UACR/C,EAAQgD,cACJ9C,EAAc+B,SAET,WAAnB/B,GAA+BiB,EAC1BmB,EAAoB1C,GACpB2B,EAAkB3B,KAE3BK,GACGkC,MAACc,EAAAA,4BACehD,EAAQuC,UACT1C,EAAQkD,cACJ9C,EAAcyC,kBACVhD,EAAWsC,SAEV,WAAnB/B,GAA+BmB,EAC1BiB,EAAoBrC,GACpBA,MAGV"}

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

@@ -1,66 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js"),l=require("../styles/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const o=r.default.div`
-    font-weight: ${e=>e.$bold?t.V3_Font.Spec["weight-semibold"]:t.V3_Font.Spec["weight-regular"]};
-
-    ${l=>l.$disabled?e.css`
-                color: ${t.V3_Colour["text-disabled"]};
-            `:l.$selected?e.css`
-                color: ${t.V3_Colour["text-selected"]};
-            `:e.css`
-                color: ${t.V3_Colour.text};
-            `}
-    width: 100%;
-
-    ${e=>"end"===e.$truncateType&&l.lineClampCss(e.$maxLines||2)}
-    overflow-wrap: break-word;
-`,n=r.default.div`
-    color: ${t.V3_Colour["text-subtlest"]};
-    width: 100%;
-
-    ${e=>"end"===e.$truncateType&&l.lineClampCss(e.$maxLines||2)}
-    overflow-wrap: break-word;
-
-    ${l=>"next-line"===l.$labelDisplayType?e.css`
-                    ${t.V3_Font["body-md-semibold"]}
-                `:e.css`
-                    ${t.V3_Font["body-baseline-regular"]}
-                `}
-`,s=r.default.span`
-    font-weight: ${t.V3_Font.Spec["weight-semibold"]};
-`,a=r.default.div`
-    text-align: left;
-    width: 100%;
-    overflow: hidden;
-    overflow-wrap: break-word;
-
-    ${e=>"small"===e.$variant?t.V3_Font["body-md-regular"]:t.V3_Font["body-baseline-regular"]}
-
-    ${t=>{switch(t.$labelDisplayType){case"next-line":return e.css`
-                    display: flex;
-                    flex-direction: column;
-                `;case"inline":return e.css`
-                    ${o} {
-                        display: inline;
-                    }
-
-                    ${n} {
-                        display: inline;
-                        margin-left: 0.5rem;
-                    }
-                `}}}
-`,d=r.default.div`
-    display: inline-block;
-    width: ${e=>1===e.$maxLines?50:100}%;
-    height: 1lh;
-    word-break: break-all;
-    overflow: hidden;
-`,c=r.default.div`
-    display: inline-block;
-    width: ${e=>1===e.$maxLines?50:100}%;
-    height: 1lh;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    direction: rtl;
-    text-align: right;
-`;exports.Label=a,exports.MatchedText=s,exports.PrimaryText=o,exports.SecondaryText=n,exports.TruncateFirstLine=d,exports.TruncateSecondLine=c;
-//# sourceMappingURL=dropdown-label.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-label.styles.js","sources":["../../../../src/shared/dropdown-list-v2/dropdown-label.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../../v3_theme\";\nimport type {\n    DropdownVariantType,\n    LabelDisplayType,\n    TruncateType,\n} from \"../dropdown-list/types\";\nimport { lineClampCss } from \"../styles\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface LabelStyleProps {\n    $labelDisplayType: LabelDisplayType;\n    $variant: DropdownVariantType;\n}\n\ninterface LabelTextStyleProps {\n    $labelDisplayType?: LabelDisplayType;\n    $maxLines?: number;\n    $selected?: boolean;\n    $disabled?: boolean;\n    $truncateType?: TruncateType;\n    $bold?: boolean;\n}\n\ninterface MatchedTextStyleProps {\n    $variant: DropdownVariantType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const PrimaryText = styled.div<LabelTextStyleProps>`\n    font-weight: ${(props) =>\n        props.$bold\n            ? V3_Font.Spec[\"weight-semibold\"]\n            : V3_Font.Spec[\"weight-regular\"]};\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${V3_Colour[\"text-disabled\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                color: ${V3_Colour[\"text-selected\"]};\n            `;\n        } else {\n            return css`\n                color: ${V3_Colour[\"text\"]};\n            `;\n        }\n    }}\n    width: 100%;\n\n    ${(props) =>\n        props.$truncateType === \"end\" && lineClampCss(props.$maxLines || 2)}\n    overflow-wrap: break-word;\n`;\n\nexport const SecondaryText = styled.div<LabelTextStyleProps>`\n    color: ${V3_Colour[\"text-subtlest\"]};\n    width: 100%;\n\n    ${(props) =>\n        props.$truncateType === \"end\" && lineClampCss(props.$maxLines || 2)}\n    overflow-wrap: break-word;\n\n    ${(props) => {\n        switch (props.$labelDisplayType) {\n            case \"next-line\":\n                return css`\n                    ${V3_Font[\"body-md-semibold\"]}\n                `;\n            case \"inline\":\n            default:\n                return css`\n                    ${V3_Font[\"body-baseline-regular\"]}\n                `;\n        }\n    }}\n`;\n\nexport const MatchedText = styled.span<MatchedTextStyleProps>`\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    text-align: left;\n    width: 100%;\n    overflow: hidden;\n    overflow-wrap: break-word;\n\n    ${(props) =>\n        props.$variant === \"small\"\n            ? V3_Font[\"body-md-regular\"]\n            : V3_Font[\"body-baseline-regular\"]}\n\n    ${(props) => {\n        switch (props.$labelDisplayType) {\n            case \"next-line\":\n                return css`\n                    display: flex;\n                    flex-direction: column;\n                `;\n            case \"inline\":\n                return css`\n                    ${PrimaryText} {\n                        display: inline;\n                    }\n\n                    ${SecondaryText} {\n                        display: inline;\n                        margin-left: 0.5rem;\n                    }\n                `;\n        }\n    }}\n`;\n\nexport const TruncateFirstLine = styled.div<LabelTextStyleProps>`\n    display: inline-block;\n    width: ${(props) => (props.$maxLines === 1 ? 50 : 100)}%;\n    height: 1lh;\n    word-break: break-all;\n    overflow: hidden;\n`;\n\nexport const TruncateSecondLine = styled.div<LabelTextStyleProps>`\n    display: inline-block;\n    width: ${(props) => (props.$maxLines === 1 ? 50 : 100)}%;\n    height: 1lh;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    direction: rtl;\n    text-align: right;\n`;\n"],"names":["PrimaryText","styled","div","props","$bold","V3_Font","Spec","$disabled","css","V3_Colour","$selected","$truncateType","lineClampCss","$maxLines","SecondaryText","$labelDisplayType","MatchedText","span","Label","$variant","TruncateFirstLine","TruncateSecondLine"],"mappings":"wMAmCO,MAAMA,EAAcC,EAAAA,QAAOC,GAAwB;mBACtCC,GACZA,EAAMC,MACAC,EAAAA,QAAQC,KAAK,mBACbD,UAAQC,KAAK;;MAEpBH,GACKA,EAAMI,UACCC,KAAG;yBACGC,EAAAA,UAAU;cAEhBN,EAAMO,UACNF,KAAG;yBACGC,EAAAA,UAAU;cAGhBD,KAAG;yBACGC,EAAAA,UAAgB;;;;MAMlCN,GACyB,QAAxBA,EAAMQ,eAA2BC,eAAaT,EAAMU,WAAa;;EAI5DC,EAAgBb,EAAAA,QAAOC,GAAwB;aAC/CO,EAAAA,UAAU;;;MAGhBN,GACyB,QAAxBA,EAAMQ,eAA2BC,eAAaT,EAAMU,WAAa;;;MAGlEV,GAEU,cADDA,EAAMY,kBAECP,KAAG;sBACJH,EAAAA,QAAQ;kBAIPG,KAAG;sBACJH,EAAAA,QAAQ;;EAMjBW,EAAcf,EAAAA,QAAOgB,IAA2B;mBAC1CZ,EAAAA,QAAQC,KAAK;EAGnBY,EAAQjB,EAAAA,QAAOC,GAAoB;;;;;;MAMzCC,GACoB,UAAnBA,EAAMgB,SACAd,EAAAA,QAAQ,mBACRA,EAAAA,QAAQ;;MAEfF,IACC,OAAQA,EAAMY,mBACV,IAAK,YACD,OAAOP,KAAG;;;kBAId,IAAK,SACD,OAAOA,KAAG;sBACJR;;;;sBAIAc;;;;;EASTM,EAAoBnB,EAAAA,QAAOC,GAAwB;;aAElDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;EAMzCQ,EAAqBpB,EAAAA,QAAOC,GAAwB;;aAEnDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;;;;"}

package/cjs/shared/dropdown-list-v2/dropdown-list-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-list-state.js","sources":["../../../../src/shared/dropdown-list-v2/dropdown-list-state.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\ninterface DropdownListStateProps {\n    children: React.ReactNode;\n}\n\ninterface DropdownListStateContextProps {\n    focusedIndex: number;\n    setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;\n}\n\nexport const DropdownListStateContext =\n    React.createContext<DropdownListStateContextProps>({\n        focusedIndex: -1,\n        setFocusedIndex: () => {\n            // do nothing\n        },\n    });\n\nexport const DropdownListState = ({ children }: DropdownListStateProps) => {\n    const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n    return (\n        <DropdownListStateContext.Provider\n            value={{\n                focusedIndex,\n                setFocusedIndex,\n            }}\n        >\n            {children}\n        </DropdownListStateContext.Provider>\n    );\n};\n"],"names":["DropdownListStateContext","React","createContext","focusedIndex","setFocusedIndex","children","useState","_jsx","Provider","value"],"mappings":"2IAWO,MAAMA,OACTC,QAAMC,cAA6C,CAC/CC,cAAc,EACdC,gBAAiB,mCAKQ,EAAGC,eAChC,MAAOF,EAAcC,GAAmBE,EAAAA,UAAiB,GAEzD,OACIC,MAACP,EAAyBQ,SAAQ,CAC9BC,MAAO,CACHN,eACAC,mBACHC,SAEAA,GAC+B"}

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../external/lodash/find.js"),r=require("../../external/lodash/isEqual.js"),n=require("react"),l=require("react-virtuoso");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var s=require("../../util/merge-refs.js");require("../../util/string-helper.js");var i=require("../../util/use-event.js"),o=require("../../util/use-event-listener.js"),a=require("../../util/use-mount.js"),u=require("../../util/use-previous.js");require("../dropdown-wrapper/dropdown-wrapper.styles.js");var d=require("../dropdown-wrapper/element-with-dropdown.js"),c=require("./dropdown-label.js"),v=require("./dropdown-list.styles.js"),f=require("./dropdown-list-state.js"),x=require("./dropdown-search.js");const h=n.forwardRef((({listItems:h,multiSelect:p,maxSelectable:m,selectedItems:j,disableItemFocus:b,itemsLoadState:g="success",itemTruncationType:w="end",itemMaxLines:I=2,labelDisplayType:C="inline",variant:S="default",listboxId:y,matchElementWidth:L=!1,width:T,topScrollItem:q,onSelectItem:R,onSelectAll:D,onDismiss:E,onRetry:k,valueExtractor:$,listExtractor:A,renderListItem:F,renderCustomCallToAction:M,enableSearch:N,hideNoResultsDisplay:B,noResultsDescription:O,customLabels:P,searchPlaceholder:_,searchFunction:U,onSearch:W},V)=>{const{noResultsLabel:z="No results found.",selectAllButtonLabel:H="Select all",clearAllButtonLabel:G="Clear all"}=P||{},J=(null==P?void 0:P.searchPlaceholder)||_||"Search",K=(null==P?void 0:P.noResultsDescription)||O,{focusedIndex:Q,setFocusedIndex:X}=n.useContext(f.DropdownListStateContext),{elementWidth:Y,setFloatingRef:Z,getFloatingProps:ee,styles:te}=d.useDropdownRender(),[re,ne]=n.useState(""),[le,se]=n.useState(null!=h?h:[]),ie=u.useCompare(g),oe=a.useIsMounted(),ae=n.useRef(null),ue=n.useRef(null),de=n.useRef([]),ce=n.useRef(null),ve=n.useRef(null),fe=!!m&&!!j&&(null==j?void 0:j.length)===m,xe=e=>{const t=A?A(e):null==e?void 0:e.toString();return"object"==typeof t?{title:t.title,secondaryLabel:t.secondaryLabel}:{title:null!=t?t:""}},he=n.useCallback((e=>!!t.default(j,(t=>r.default(t,e)))),[j]),pe=i.useEvent((()=>null==U?void 0:U(re))),me=i.useEvent((()=>null==h?void 0:h.filter((e=>{const{title:t,secondaryLabel:r}=xe(e),n=re.trim().toLowerCase();return t.toLowerCase().includes(n)||r&&r.toLowerCase().includes(n)})))),je=n.useCallback((e=>{var t,r;if(b)return;if(ce.current)return X(-1),void setTimeout((()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.focus()}),0);const n=null!=le?le:[];if(0===n.length)return;if(void 0!==(null==e?void 0:e.index)){const r=Math.max(0,Math.min(e.index,n.length-1));return null===(t=ve.current)||void 0===t||t.scrollToIndex({index:r,align:"center"}),X(r),void setTimeout((()=>{var e;return null===(e=de.current[r])||void 0===e?void 0:e.focus()}),0)}const l=(null==e?void 0:e.preferSelected)?n.findIndex((e=>he(e))):-1,s=-1!==l?l:Q>=0&&Q<n.length?Q:0;null===(r=ve.current)||void 0===r||r.scrollToIndex({index:s,align:"center"}),X(s),setTimeout((()=>{var e;return null===(e=de.current[s])||void 0===e?void 0:e.focus()}),0)}),[he,b,le,Q,X]),be=(e,t)=>{fe&&!he(e)||(X(t),null==R||R(e,(e=>$?$(e):e)(e)))},ge=e=>{const t=e.target.value;ne(t),null==W||W()},we=()=>{var e;ne(""),null===(e=ce.current)||void 0===e||e.focus(),null==W||W()},Ie=()=>null==k?void 0:k();o.useEventListener("keydown",(e=>{var t,r;switch(e.code){case"ArrowDown":if(e.preventDefault(),Q<le.length-1){const e=Q+1;null===(t=de.current[e])||void 0===t||t.focus(),X(e)}break;case"ArrowUp":if(e.preventDefault(),Q>0){const e=Q-1;null===(r=de.current[e])||void 0===r||r.focus(),X(e)}else 0===Q&&ce.current&&(ce.current.focus(),X(-1));break;case"Space":case"Enter":document.activeElement===de.current[Q]&&(e.preventDefault(),le[Q]&&be(le[Q],Q))}})),n.useImperativeHandle(V,(()=>({refocus:je})),[je]),n.useEffect((()=>{var e;if(!q)return void(null===(e=ve.current)||void 0===e||e.scrollTo({top:0}));const t=setTimeout((()=>{if(!h)return;const e=h.indexOf(q);ve.current&&-1!==e&&(ve.current.scrollToIndex({index:e}),X(e))}),0);return()=>clearTimeout(t)}),[de,h,X,q]),n.useEffect((()=>{b||oe&&ie&&"success"===g&&ce.current&&(X(-1),ce.current.focus())}),[oe,ie,g,X,b]),n.useEffect((()=>{var e;se(null!==(e=""===re?h:U?pe():me())&&void 0!==e?e:[])}),[pe,me,h,U,re]),n.useEffect((()=>{var e,t,r;if(oe)return;if(b||!h)return;const n=h.findIndex((e=>he(e)));ce.current?(X(-1),setTimeout((()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.focus()}),200)):Q>0?(null===(e=ve.current)||void 0===e||e.scrollToIndex({index:Q,align:"center"}),setTimeout((()=>{var e;return null===(e=de.current[Q])||void 0===e?void 0:e.focus()}),200)):-1!==n?(null===(t=ve.current)||void 0===t||t.scrollToIndex({index:n,align:"center"}),X(n),setTimeout((()=>{var e;return null===(e=de.current[n])||void 0===e?void 0:e.focus()}),200)):(null===(r=ve.current)||void 0===r||r.scrollToIndex({index:0}),X(0),setTimeout((()=>{var e;return null===(e=de.current[0])||void 0===e?void 0:e.focus()}),200))}),[he,b,Q,h,oe,X]);const Ce=t=>p?fe&&!t?e.jsx(v.CheckboxDisabledIndicator,{"aria-hidden":!0}):t?e.jsx(v.CheckboxSelectedIndicator,{"aria-hidden":!0}):e.jsx(v.CheckboxUnselectedIndicator,{"aria-hidden":!0}):t?e.jsx(v.SelectedIndicator,{"aria-hidden":!0}):e.jsx(v.UnselectedIndicator,{}),Se=(t,r)=>{const{title:n,secondaryLabel:l}=xe(t);return e.jsx(c.DropdownLabel,{displayType:C,label:n,maxLines:I,selected:r,disabled:!r&&fe,sublabel:l,truncationType:w,variant:S})},ye=(t,r)=>{if(!k||"success"===g){const n=he(t),l=r===Q;return e.jsx(v.ListItem,{"aria-selected":n,"aria-multiselectable":p,"aria-disabled":!n&&fe,"aria-posinset":r+1,"aria-setsize":null==le?void 0:le.length,"data-testid":"list-item",onClick:()=>be(t,r),onMouseEnter:()=>(e=>X(e))(r),ref:e=>{de.current[r]=e},role:"option",tabIndex:l?0:-1,$active:l,$selected:n,$disabled:!n&&fe,children:F?F(t,{selected:n}):e.jsxs(e.Fragment,{children:[Ce(n),Se(t,n)]})},((e,t)=>`item_${t}__${$?$(e):e}`)(t,r))}},Le=()=>{if((N||U)&&"success"===g)return e.jsx(x.DropdownSearch,{ref:ce,onChange:ge,value:re,placeholder:J,"data-testid":"search-input","aria-label":"Enter text to search",onClear:we,variant:S})},Te=()=>{if(j&&p&&le.length>0&&!re&&"success"===g)return e.jsx(v.SelectAllContainer,{children:e.jsx(v.SelectAllButton,{onClick:D,type:"button",$variant:S,children:m||0!==j.length?G:H})})},qe=()=>{if(!B&&(re||!N)&&0===le.length&&"success"===g)return e.jsxs(e.Fragment,{children:[e.jsxs(v.ResultStateContainer,{"data-testid":"list-no-results",children:[e.jsx(v.LabelIcon,{"data-testid":"no-result-icon"}),z]}),K&&e.jsx(v.NoResultDescContainer,{"data-testid":"no-result-desc",children:K})]})},Re=()=>{if(k&&"loading"===g)return e.jsxs(v.ResultStateContainer,{"data-testid":"list-loading",children:[e.jsx(v.Spinner,{}),"Loading..."]})},De=()=>{if(k&&"fail"===g)return e.jsxs(v.ResultStateContainer,{"data-testid":"list-fail",children:[e.jsx(v.LabelIcon,{"data-testid":"load-error-icon"}),"Failed to load. ",e.jsx(v.TryAgainButton,{onClick:Ie,type:"button",$variant:S,children:"Try again."})]})},Ee=()=>{var t;const r="test"===process.env.NODE_ENV;return e.jsx(v.Listbox,{role:"listbox",id:y,children:e.jsx(l.Virtuoso,Object.assign({ref:ve,style:{height:"100%"},data:le,customScrollParent:null!==(t=ae.current)&&void 0!==t?t:void 0,itemContent:(e,t)=>ye(t,e)},r?{initialItemCount:le.length}:{}),r?le.length:void 0)})};return e.jsxs(v.Container,Object.assign({"data-testid":"dropdown-container",ref:s.mergeRefs(ae,Z),style:te},ee(),{$width:L?Y:void 0,$customWidth:T,$variant:S,children:[e.jsxs(v.List,{ref:ue,"data-testid":"dropdown-list",children:[Le(),Te(),qe(),Re(),De(),Ee()]}),(()=>{if(M)return e.jsx("div",{"data-testid":"custom-cta",children:M(E,le)})})()]}))}));exports.DropdownList=h;
-//# sourceMappingURL=dropdown-list.js.map