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

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/masked-input/masked-input.style.js

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

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

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

package/cjs/masonry/index.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./masonry.js");exports.Masonry=r.Masonry;
-//# sourceMappingURL=index.js.map

package/cjs/masonry/index.js.map

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

package/cjs/masonry/masonry.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("../_virtual/_tslib.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("./masonry.style.js");function n(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var s=n(t);const a={Grid:s.default.forwardRef(((t,n)=>{const{children:s}=t,a=r.__rest(t,["children"]);return e.jsx(i.GridContainer,Object.assign({ref:n},a,{children:s}))})),Tile:s.default.forwardRef(((t,n)=>{const{children:s}=t,a=r.__rest(t,["children"]);return e.jsx(i.TileContainer,Object.assign({ref:n},a,{children:s}))}))};exports.Masonry=a;
-//# sourceMappingURL=masonry.js.map

package/cjs/masonry/masonry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.js","sources":["../../../src/masonry/masonry.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GridContainer, TileContainer } from \"./masonry.style\";\nimport type { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// GRID\n// =============================================================================\nconst GridComponent = (\n    props: MasonryGridProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <GridContainer ref={ref} {...otherProps}>\n            {children}\n        </GridContainer>\n    );\n};\n\n// =============================================================================\n// TILE\n// =============================================================================\nconst TileComponent = (\n    props: MasonryTileProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <TileContainer ref={ref} {...otherProps}>\n            {children}\n        </TileContainer>\n    );\n};\n\n// =============================================================================\n// EXPORTABLE\n// =============================================================================\n/** @deprecated consider switching to `Layout.ColDiv` to manage grids */\nexport const Masonry = {\n    Grid: React.forwardRef(GridComponent),\n    Tile: React.forwardRef(TileComponent),\n};\n"],"names":["Masonry","Grid","React","forwardRef","props","ref","children","otherProps","__rest","_jsx","GridContainer","Object","assign","Tile","TileContainer"],"mappings":"yNAQA,MAiCaA,EAAU,CACnBC,KAAMC,EAAAA,QAAMC,YAlCM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAAA,OAAKJ,EAA9B,CAAA,aAEN,OACIK,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW,IA0BpBO,KAAMX,EAAAA,QAAMC,YAnBM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAAA,OAAKJ,EAA9B,CAAA,aAEN,OACIK,MAACK,EAAAA,cAAaH,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW"}

package/cjs/masonry/masonry.style.js

@@ -1,42 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../v2_media/media.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=a(t);const i=r.default.div`
-    margin-top: 2.5rem;
-    display: grid;
-    align-items: center;
-    width: 100%;
-
-    ${a=>{const{numOfCols:r}=a,i=r.lg||r.md,s=r.sm?r.sm<=2?r.sm:2:void 0,m=r.md||r.sm||2;return t.css`
-            grid-template-columns: repeat(${i||"auto-fill"}, 1fr);
-            gap: 2rem 2rem;
-            justify-items: stretch;
-
-            ${e.V2_MediaQuery.MaxWidth.tablet} {
-                grid-template-columns: repeat(
-                    ${r.md||r.sm||"auto-fill"},
-                    minmax(calc(${100/m}% - 2rem), 1fr)
-                );
-            }
-
-            ${e.V2_MediaQuery.MaxWidth.mobileL} {
-                grid-template-columns: repeat(
-                    ${s||"auto-fill"},
-                    minmax(calc(${100/(s||1)}% - 2rem), 1fr)
-                );
-            }
-        `}}
-`,s=r.default.div`
-    position: relative;
-    ${a=>{const{startLg:r,colsLg:i,startMd:s,colsMd:m,startSm:l,colsSm:o}=a;return t.css`
-            grid-column: ${r||s||"auto"} / span
-                ${i||m||1};
-
-            ${e.V2_MediaQuery.MaxWidth.tablet} {
-                grid-column: ${s||l||"auto"} / span
-                    ${m||o||1};
-            }
-
-            ${e.V2_MediaQuery.MaxWidth.mobileL} {
-                grid-column: ${l||"auto"} / span ${o||1};
-            }
-        `}}
-`;exports.GridContainer=i,exports.TileContainer=s;
-//# sourceMappingURL=masonry.style.js.map

package/cjs/masonry/masonry.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.style.js","sources":["../../../src/masonry/masonry.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V2_MediaQuery } from \"../v2_media\";\nimport type { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\n\ntype GridStyleProps = Omit<MasonryGridProps, \"children\">;\ntype TileStyleProps = Omit<MasonryTileProps, \"children\">;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const GridContainer = styled.div<GridStyleProps>`\n    margin-top: 2.5rem;\n    display: grid;\n    align-items: center;\n    width: 100%;\n\n    ${(props) => {\n        const { numOfCols } = props;\n        const colsToUse = numOfCols.lg || numOfCols.md;\n        const numOfSmCols = numOfCols.sm\n            ? numOfCols.sm <= 2\n                ? numOfCols.sm\n                : 2\n            : undefined;\n\n        const mdColsDefault = numOfCols.md || numOfCols.sm || 2;\n\n        return css`\n            grid-template-columns: repeat(${colsToUse || \"auto-fill\"}, 1fr);\n            gap: 2rem 2rem;\n            justify-items: stretch;\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-template-columns: repeat(\n                    ${numOfCols.md || numOfCols.sm || \"auto-fill\"},\n                    minmax(calc(${100 / mdColsDefault}% - 2rem), 1fr)\n                );\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-template-columns: repeat(\n                    ${numOfSmCols || \"auto-fill\"},\n                    minmax(calc(${100 / (numOfSmCols || 1)}% - 2rem), 1fr)\n                );\n            }\n        `;\n    }}\n`;\n\nexport const TileContainer = styled.div<TileStyleProps>`\n    position: relative;\n    ${(props) => {\n        const { startLg, colsLg, startMd, colsMd, startSm, colsSm } = props;\n\n        return css`\n            grid-column: ${startLg || startMd || \"auto\"} / span\n                ${colsLg || colsMd || 1};\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-column: ${startMd || startSm || \"auto\"} / span\n                    ${colsMd || colsSm || 1};\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-column: ${startSm || \"auto\"} / span ${colsSm || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["GridContainer","styled","div","props","numOfCols","colsToUse","lg","md","numOfSmCols","sm","undefined","mdColsDefault","css","V2_MediaQuery","MaxWidth","tablet","mobileL","TileContainer","startLg","colsLg","startMd","colsMd","startSm","colsSm"],"mappings":"qKAeO,MAAMA,EAAgBC,EAAAA,QAAOC,GAAmB;;;;;;MAMhDC,IACC,MAAMC,UAAEA,GAAcD,EAChBE,EAAYD,EAAUE,IAAMF,EAAUG,GACtCC,EAAcJ,EAAUK,GACxBL,EAAUK,IAAM,EACZL,EAAUK,GACV,OACJC,EAEAC,EAAgBP,EAAUG,IAAMH,EAAUK,IAAM,EAEtD,OAAOG,KAAG;4CAC0BP,GAAa;;;;cAI3CQ,EAAAA,cAAcC,SAASC;;sBAEfX,EAAUG,IAAMH,EAAUK,IAAM;kCACpB,IAAME;;;;cAI1BE,EAAAA,cAAcC,SAASE;;sBAEfR,GAAe;kCACH,KAAOA,GAAe;;;SAG/C;EAIIS,EAAgBhB,EAAAA,QAAOC,GAAmB;;MAEhDC,IACC,MAAMe,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,GAAWpB,EAE9D,OAAOS,KAAG;2BACSM,GAAWE,GAAW;kBAC/BD,GAAUE,GAAU;;cAExBR,EAAAA,cAAcC,SAASC;+BACNK,GAAWE,GAAW;sBAC/BD,GAAUE,GAAU;;;cAG5BV,EAAAA,cAAcC,SAASE;+BACNM,GAAW,iBAAiBC,GAAU;;SAE5D;"}

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/otp-verification/contact-input-section-styles.js

@@ -1,113 +0,0 @@
-"use strict";var o=require("styled-components"),r=require("../button/button.js"),e=require("../input-group/input-group.js"),t=require("../phone-number-input/phone-number-input.js"),i=require("../v3_theme/index.js");function s(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var n=s(o);const d=n.default.div`
-    display: flex;
-    flex-direction: column;
-`,a=n.default.div`
-    display: flex;
-`,u=n.default.div`
-    display: flex;
-    align-items: center;
-    width: ${o=>o.$isMaxWidth?"100%":"auto"};
-    border-radius: ${i.V3_Radius.sm} 0 0 ${i.V3_Radius.sm};
-    box-shadow: inset 1px 0 0 ${i.V3_Colour.border},
-        inset 0 1px 0 ${i.V3_Colour.border},
-        inset 0 -1px 0 ${i.V3_Colour.border};
-
-    &:focus-within {
-        box-shadow: inset 2px 0 0 ${i.V3_Colour["border-focus"]},
-            inset 0 2px 0 ${i.V3_Colour["border-focus"]},
-            inset 0 -2px 0 ${i.V3_Colour["border-focus"]};
-    }
-
-    ${r=>r.$error?o.css`
-                box-shadow: inset 1px 0 0 ${i.V3_Colour["border-error"]},
-                    inset 0 1px 0 ${i.V3_Colour["border-error"]},
-                    inset 0 -1px 0 ${i.V3_Colour["border-error"]};
-
-                &:focus-within {
-                    box-shadow: inset 2px 0 0 ${i.V3_Colour["border-error-focus"]},
-                        inset 0 2px 0 ${i.V3_Colour["border-error-focus"]},
-                        inset 0 -2px 0 ${i.V3_Colour["border-error-focus"]};
-                }
-            `:r.$disabled?o.css`
-                box-shadow: inset 0 0 0 1px ${i.V3_Colour.border};
-                border-radius: ${i.V3_Radius.sm};
-                background: ${i.V3_Colour["bg-disabled"]};
-                color: ${i.V3_Colour["text-disabled"]};
-                &:focus-within {
-                    box-shadow: inset 0 0 0 2px ${i.V3_Colour.border};
-                }
-
-                /* Spacer to maintain width when disabled */
-                ${!r.$isMaxWidth&&o.css`
-                    &::after {
-                        content: "";
-                        min-width: 120px;
-                        flex-shrink: 0;
-                    }
-
-                    /* Hide spacer on mobile to prevent text coverage */
-                    ${i.V3_MediaQuery.MaxWidth.sm} {
-                        &::after {
-                            display: none;
-                        }
-                    }
-                `}
-            `:r.$readonly?o.css`
-                box-shadow: none;
-                border-radius: ${i.V3_Radius.sm};
-                &:focus-within {
-                    box-shadow: inset 0 0 0 2px ${i.V3_Colour["border-focus"]};
-                }
-            `:void 0}
-`,p=n.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 ${i.V3_Spacing["spacing-12"]};
-    color: ${i.V3_Colour["icon-success"]};
-    flex-shrink: 0;
-
-    svg {
-        width: 1.25rem;
-        height: 1.25rem;
-    }
-`,l=n.default(r.Button.Default)`
-    min-width: 120px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    flex-shrink: 0;
-    ${i.V3_MediaQuery.MaxWidth.sm} {
-        width: fit-content;
-    }
-`,c=n.default(e.InputGroup)`
-    padding: 0 ${i.V3_Spacing["spacing-16"]};
-    width: 100%;
-    background: transparent;
-
-    ${r=>r.disabled&&o.css`
-            input {
-                color: ${i.V3_Colour["text-disabled"]};
-            }
-        `}
-
-    ${r=>r.readOnly&&o.css`
-            padding: 0;
-        `}
-`,x=n.default(t.PhoneNumberInput)`
-    padding: 0 ${i.V3_Spacing["spacing-16"]};
-    background: transparent;
-
-    ${r=>r.disabled&&o.css`
-            input {
-                color: ${i.V3_Colour["text-disabled"]};
-            }
-        `}
-
-    ${r=>r.readOnly&&o.css`
-            padding: 0;
-            input {
-                margin-left: ${i.V3_Spacing["spacing-12"]};
-            }
-        `}
-`;exports.ContactButton=l,exports.ContactInputSectionWrapper=a,exports.ContactInputWrapper=u,exports.ContactSectionWrapper=d,exports.EmailContactInput=c,exports.PhoneContactInput=x,exports.VerifiedIconWrapper=p;
-//# sourceMappingURL=contact-input-section-styles.js.map

package/cjs/otp-verification/contact-input-section-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-input-section-styles.js","sources":["../../../src/otp-verification/contact-input-section-styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { InputGroup } from \"../input-group\";\nimport { PhoneNumberInput } from \"../phone-number-input\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface ContactInputWrapperStyleProps {\n    $isMaxWidth?: boolean;\n    $error?: boolean;\n    $disabled?: boolean;\n    $readonly?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ContactSectionWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContactInputSectionWrapper = styled.div`\n    display: flex;\n`;\n\nexport const ContactInputWrapper = styled.div<ContactInputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    width: ${(props) => (props.$isMaxWidth ? \"100%\" : \"auto\")};\n    border-radius: ${V3_Radius[\"sm\"]} 0 0 ${V3_Radius[\"sm\"]};\n    box-shadow: inset 1px 0 0 ${V3_Colour[\"border\"]},\n        inset 0 1px 0 ${V3_Colour[\"border\"]},\n        inset 0 -1px 0 ${V3_Colour[\"border\"]};\n\n    &:focus-within {\n        box-shadow: inset 2px 0 0 ${V3_Colour[\"border-focus\"]},\n            inset 0 2px 0 ${V3_Colour[\"border-focus\"]},\n            inset 0 -2px 0 ${V3_Colour[\"border-focus\"]};\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                box-shadow: inset 1px 0 0 ${V3_Colour[\"border-error\"]},\n                    inset 0 1px 0 ${V3_Colour[\"border-error\"]},\n                    inset 0 -1px 0 ${V3_Colour[\"border-error\"]};\n\n                &:focus-within {\n                    box-shadow: inset 2px 0 0 ${V3_Colour[\"border-error-focus\"]},\n                        inset 0 2px 0 ${V3_Colour[\"border-error-focus\"]},\n                        inset 0 -2px 0 ${V3_Colour[\"border-error-focus\"]};\n                }\n            `;\n        } else if (props.$disabled) {\n            return css`\n                box-shadow: inset 0 0 0 1px ${V3_Colour[\"border\"]};\n                border-radius: ${V3_Radius[\"sm\"]};\n                background: ${V3_Colour[\"bg-disabled\"]};\n                color: ${V3_Colour[\"text-disabled\"]};\n                &:focus-within {\n                    box-shadow: inset 0 0 0 2px ${V3_Colour[\"border\"]};\n                }\n\n                /* Spacer to maintain width when disabled */\n                ${!props.$isMaxWidth &&\n                css`\n                    &::after {\n                        content: \"\";\n                        min-width: 120px;\n                        flex-shrink: 0;\n                    }\n\n                    /* Hide spacer on mobile to prevent text coverage */\n                    ${V3_MediaQuery.MaxWidth.sm} {\n                        &::after {\n                            display: none;\n                        }\n                    }\n                `}\n            `;\n        } else if (props.$readonly) {\n            return css`\n                box-shadow: none;\n                border-radius: ${V3_Radius[\"sm\"]};\n                &:focus-within {\n                    box-shadow: inset 0 0 0 2px ${V3_Colour[\"border-focus\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const VerifiedIconWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 ${V3_Spacing[\"spacing-12\"]};\n    color: ${V3_Colour[\"icon-success\"]};\n    flex-shrink: 0;\n\n    svg {\n        width: 1.25rem;\n        height: 1.25rem;\n    }\n`;\n\nexport const ContactButton = styled(Button.Default)`\n    min-width: 120px;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex-shrink: 0;\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: fit-content;\n    }\n`;\n\nexport const EmailContactInput = styled(InputGroup)`\n    padding: 0 ${V3_Spacing[\"spacing-16\"]};\n    width: 100%;\n    background: transparent;\n\n    ${(props) =>\n        props.disabled &&\n        css`\n            input {\n                color: ${V3_Colour[\"text-disabled\"]};\n            }\n        `}\n\n    ${(props) =>\n        props.readOnly &&\n        css`\n            padding: 0;\n        `}\n`;\n\nexport const PhoneContactInput = styled(PhoneNumberInput)`\n    padding: 0 ${V3_Spacing[\"spacing-16\"]};\n    background: transparent;\n\n    ${(props) =>\n        props.disabled &&\n        css`\n            input {\n                color: ${V3_Colour[\"text-disabled\"]};\n            }\n        `}\n\n    ${(props) =>\n        props.readOnly &&\n        css`\n            padding: 0;\n            input {\n                margin-left: ${V3_Spacing[\"spacing-12\"]};\n            }\n        `}\n`;\n"],"names":["ContactSectionWrapper","styled","div","ContactInputSectionWrapper","ContactInputWrapper","props","$isMaxWidth","V3_Radius","V3_Colour","$error","css","$disabled","V3_MediaQuery","MaxWidth","sm","$readonly","VerifiedIconWrapper","V3_Spacing","ContactButton","Button","Default","EmailContactInput","InputGroup","disabled","readOnly","PhoneContactInput","PhoneNumberInput"],"mappings":"0SAoBO,MAAMA,EAAwBC,EAAAA,QAAOC,GAAG;;;EAKlCC,EAA6BF,EAAAA,QAAOC,GAAG;;EAIvCE,EAAsBH,EAAAA,QAAOC,GAAkC;;;aAG9DG,GAAWA,EAAMC,YAAc,OAAS;qBACjCC,EAAAA,UAAc,UAASA,EAAAA,UAAc;gCAC1BC,EAAAA,UAAkB;wBAC1BA,EAAAA,UAAkB;yBACjBA,EAAAA,UAAkB;;;oCAGPA,EAAAA,UAAU;4BAClBA,EAAAA,UAAU;6BACTA,EAAAA,UAAU;;;MAGhCH,GACKA,EAAMI,OACCC,KAAG;4CACsBF,EAAAA,UAAU;oCAClBA,EAAAA,UAAU;qCACTA,EAAAA,UAAU;;;gDAGCA,EAAAA,UAAU;wCAClBA,EAAAA,UAAU;yCACTA,EAAAA,UAAU;;cAGhCH,EAAMM,UACND,KAAG;8CACwBF,EAAAA,UAAkB;iCAC/BD,EAAAA,UAAc;8BACjBC,EAAAA,UAAU;yBACfA,EAAAA,UAAU;;kDAEeA,EAAAA,UAAkB;;;;mBAIjDH,EAAMC,aACTI,KAAG;;;;;;;;sBAQGE,EAAAA,cAAcC,SAASC;;;;;;cAO1BT,EAAMU,UACNL,KAAG;;iCAEWH,EAAAA,UAAc;;kDAEGC,EAAAA,UAAU;;mBAL7C;EAYFQ,EAAsBf,EAAAA,QAAOC,GAAG;;;;iBAI5Be,EAAAA,WAAW;aACfT,EAAAA,UAAU;;;;;;;EASVU,EAAgBjB,EAAAA,QAAOkB,SAAOC,QAAQ;;;;;MAK7CR,EAAAA,cAAcC,SAASC;;;EAKhBO,EAAoBpB,EAAAA,QAAOqB,EAAAA,WAAW;iBAClCL,EAAAA,WAAW;;;;MAIrBZ,GACCA,EAAMkB,UACNb,KAAG;;yBAEcF,EAAAA,UAAU;;;;MAI5BH,GACCA,EAAMmB,UACNd,KAAG;;;EAKEe,EAAoBxB,EAAAA,QAAOyB,EAAAA,iBAAiB;iBACxCT,EAAAA,WAAW;;;MAGrBZ,GACCA,EAAMkB,UACNb,KAAG;;yBAEcF,EAAAA,UAAU;;;;MAI5BH,GACCA,EAAMmB,UACNd,KAAG;;;+BAGoBO,EAAAA,WAAW;;;"}

package/cjs/otp-verification/otp-verification-styles.js

@@ -1,6 +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 i=n(e).default.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${t.V3_Spacing["spacing-16"]};
-`;exports.OTPInputWrapper=i;
-//# sourceMappingURL=otp-verification-styles.js.map

package/cjs/otp-verification/otp-verification-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-verification-styles.js","sources":["../../../src/otp-verification/otp-verification-styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const OTPInputWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n"],"names":["OTPInputWrapper","styled","div","V3_Spacing"],"mappings":"0JAIO,MAAMA,OAAkBC,QAAOC,GAAG;;;WAG9BC,EAAAA,WAAW;"}

package/cjs/otp-verification/verification-section-styles.js

@@ -1,27 +0,0 @@
-"use strict";var e=require("styled-components"),i=require("../button/button.js"),t=require("../typography/index.js"),a=require("../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=n(e);const r=p.default.div`
-    display: flex;
-    align-items: center;
-    background-color: ${a.V3_Colour["bg-strong"]};
-    padding: ${a.V3_Spacing["spacing-16"]} ${a.V3_Spacing["spacing-32"]};
-    gap: ${a.V3_Spacing["spacing-32"]};
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        flex-direction: column;
-        align-items: start;
-        gap: ${a.V3_Spacing["spacing-16"]};
-        padding: ${a.V3_Spacing["spacing-16"]};
-    }
-`,o=p.default.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${a.V3_Spacing["spacing-16"]};
-`,s=p.default(t.Typography.BodyMD)`
-    color: ${a.V3_Colour["text-subtlest"]};
-`,c=p.default.div`
-    display: flex;
-    gap: ${a.V3_Spacing["spacing-8"]};
-    max-width: 472px;
-`,d=p.default(i.Button.Default)`
-    flex-shrink: 0;
-    width: 83px;
-`;exports.ReSendMessage=s,exports.SectionContainer=o,exports.VerificationSectionWrapper=r,exports.VerifyButton=d,exports.VerifyInputWrapper=c;
-//# sourceMappingURL=verification-section-styles.js.map

package/cjs/otp-verification/verification-section-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verification-section-styles.js","sources":["../../../src/otp-verification/verification-section-styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\n\nexport const VerificationSectionWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    padding: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-32\"]};\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    ${V3_MediaQuery.MaxWidth.sm} {\n        flex-direction: column;\n        align-items: start;\n        gap: ${V3_Spacing[\"spacing-16\"]};\n        padding: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const SectionContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n\nexport const ReSendMessage = styled(Typography.BodyMD)`\n    color: ${V3_Colour[\"text-subtlest\"]};\n`;\n\nexport const VerifyInputWrapper = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-8\"]};\n    max-width: 472px;\n`;\n\nexport const VerifyButton = styled(Button.Default)`\n    flex-shrink: 0;\n    width: 83px;\n`;\n"],"names":["VerificationSectionWrapper","styled","div","V3_Colour","V3_Spacing","V3_MediaQuery","MaxWidth","sm","SectionContainer","ReSendMessage","Typography","BodyMD","VerifyInputWrapper","VerifyButton","Button","Default"],"mappings":"0OAMO,MAAMA,EAA6BC,EAAAA,QAAOC,GAAG;;;wBAG5BC,EAAAA,UAAU;eACnBC,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;WAC3CA,EAAAA,WAAW;MAChBC,EAAAA,cAAcC,SAASC;;;eAGdH,EAAAA,WAAW;mBACPA,EAAAA,WAAW;;EAIjBI,EAAmBP,EAAAA,QAAOC,GAAG;;;WAG/BE,EAAAA,WAAW;EAGTK,EAAgBR,EAAAA,QAAOS,aAAWC,OAAO;aACzCR,EAAAA,UAAU;EAGVS,EAAqBX,EAAAA,QAAOC,GAAG;;WAEjCE,EAAAA,WAAW;;EAITS,EAAeZ,EAAAA,QAAOa,SAAOC,QAAQ;;;"}

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/popover/popover-hoc.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("../external/react-responsive/dist/react-responsive.js"),s=require("../v2_spec/media-spec.js"),i=require("./popover.js"),n=require("./popover.styles.js");exports.withPopover=(a,p)=>u=>{const{onPopoverAppear:c,onPopoverDismiss:d}=u,v=e.__rest(u,["onPopoverAppear","onPopoverDismiss"]),l=p.trigger||"click",j=v,[m,h]=t.useState(!1),x=t.useRef(null),b=o.reactResponsiveExports.useMediaQuery({maxWidth:s.MediaWidths.mobileL});t.useEffect((()=>{if(!b)return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}}),[m]);const g=e=>{x&&!x.current.contains(e.target)&&(m&&h(!1),d&&d())};return r.jsxs(n.HOCWrapper,{id:"popover-hoc-wrapper",ref:x,children:[r.jsx(n.HOCTrigger,{id:`popover-hoc-trigger${p["data-testid"]&&`-${p["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===l||b)&&(h(!m),!m&&c&&c(),m&&d&&d())},onMouseEnter:()=>{"hover"!==l||b||h(!0)},onMouseLeave:()=>{"hover"===l&&m&&!b&&h(!1)},"aria-label":"popover-button",children:r.jsx(a,Object.assign({},j))}),r.jsx(i.Popover,{visible:m,id:p.id,"data-testid":p["data-testid"],onMobileClose:()=>{h(!1)},children:p.content})]})};
-//# sourceMappingURL=popover-hoc.js.map

package/cjs/popover/popover-hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-hoc.js","sources":["../../../src/popover/popover-hoc.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\n\nimport { MediaWidths } from \"../v2_spec/media-spec\";\nimport { Popover } from \"./popover\";\nimport { HOCTrigger, HOCWrapper } from \"./popover.styles\";\nimport type { PopoverHOCOptionsProps, PopoverHOCProps } from \"./types\";\n\n/** @deprecated Use `PopoverTrigger` for improved positioning behaviour. This component will be removed in DS v3. */\nexport const withPopover =\n    <T extends object>(\n        Component: React.ComponentType<T>,\n        options: PopoverHOCOptionsProps\n    ) =>\n    // eslint-disable-next-line react/display-name\n    (props: T & PopoverHOCProps): JSX.Element => {\n        // =============================================================================\n        // CONST, STATE, REF\n        // =============================================================================\n        const { onPopoverAppear, onPopoverDismiss, ...otherProps } = props;\n        const triggerBehaviour = options.trigger || \"click\";\n        const innerProps = otherProps as T;\n        const [visible, setVisible] = useState<boolean>(false);\n        const nodeRef = useRef<HTMLDivElement>(null);\n        const isMobile = useMediaQuery({\n            maxWidth: MediaWidths.mobileL,\n        });\n\n        // =============================================================================\n        // EFFECTS\n        // =============================================================================\n        useEffect(() => {\n            // NOTE: Do not add mouse down event if it's mobile\n            if (isMobile) {\n                return;\n            }\n            document.addEventListener(\"mousedown\", handleMouseDownEvent);\n\n            return () => {\n                document.removeEventListener(\"mousedown\", handleMouseDownEvent);\n            };\n        }, [visible]);\n\n        // =============================================================================\n        // EVENT HANDLERS\n        // =============================================================================\n        const handleMouseDownEvent = (event: MouseEvent) => {\n            if (nodeRef && !(nodeRef.current as any).contains(event.target)) {\n                // outside click\n                if (visible) {\n                    setVisible(false);\n                }\n\n                if (onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handlePopoverMobileClose = () => {\n            setVisible(false);\n        };\n\n        const handleTriggerClick = (event: React.MouseEvent) => {\n            event.preventDefault();\n            if (triggerBehaviour === \"click\" || isMobile) {\n                setVisible(!visible);\n\n                if (!visible && onPopoverAppear) onPopoverAppear();\n                if (visible && onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handleOnMouseEnter = () => {\n            if (triggerBehaviour === \"hover\" && !isMobile) {\n                setVisible(true);\n            }\n        };\n\n        const handleOnMouseLeave = () => {\n            if (triggerBehaviour === \"hover\" && visible && !isMobile) {\n                setVisible(false);\n            }\n        };\n\n        // =============================================================================\n        // RENDER\n        // =============================================================================\n        return (\n            <HOCWrapper id=\"popover-hoc-wrapper\" ref={nodeRef}>\n                <HOCTrigger\n                    id={`popover-hoc-trigger${\n                        options[\"data-testid\"] && `-${options[\"data-testid\"]}`\n                    }`}\n                    type=\"button\"\n                    onClick={handleTriggerClick}\n                    onMouseEnter={handleOnMouseEnter}\n                    onMouseLeave={handleOnMouseLeave}\n                    aria-label=\"popover-button\"\n                >\n                    <Component {...innerProps} />\n                </HOCTrigger>\n                <Popover\n                    visible={visible}\n                    id={options.id}\n                    data-testid={options[\"data-testid\"]}\n                    onMobileClose={handlePopoverMobileClose}\n                >\n                    {options.content}\n                </Popover>\n            </HOCWrapper>\n        );\n    };\n"],"names":["Component","options","props","onPopoverAppear","onPopoverDismiss","otherProps","__rest","triggerBehaviour","trigger","innerProps","visible","setVisible","useState","nodeRef","useRef","isMobile","useMediaQuery","maxWidth","MediaWidths","mobileL","useEffect","document","addEventListener","handleMouseDownEvent","removeEventListener","event","current","contains","target","_jsxs","HOCWrapper","id","ref","_jsx","HOCTrigger","type","onClick","preventDefault","onMouseEnter","onMouseLeave","children","Object","assign","Popover","onMobileClose","content"],"mappings":"8RAWI,CACIA,EACAC,IAGHC,IAIG,MAAMC,gBAAEA,EAAeC,iBAAEA,GAAoCF,EAAfG,EAAUC,EAAAA,OAAKJ,EAAvD,CAAA,kBAAA,qBACAK,EAAmBN,EAAQO,SAAW,QACtCC,EAAaJ,GACZK,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAAuB,MACjCC,EAAWC,EAAAA,uBAAAA,cAAc,CAC3BC,SAAUC,EAAAA,YAAYC,UAM1BC,EAAAA,WAAU,KAEN,IAAIL,EAKJ,OAFAM,SAASC,iBAAiB,YAAaC,GAEhC,KACHF,SAASG,oBAAoB,YAAaD,EAAqB,CAClE,GACF,CAACb,IAKJ,MAAMa,EAAwBE,IACtBZ,IAAaA,EAAQa,QAAgBC,SAASF,EAAMG,UAEhDlB,GACAC,GAAW,GAGXP,GAAkBA,IAC1B,EAgCJ,OACIyB,EAAAA,KAACC,EAAAA,YAAWC,GAAG,sBAAsBC,IAAKnB,YACtCoB,EAAAA,IAACC,EAAAA,YACGH,GAAI,sBACA9B,EAAQ,gBAAkB,IAAIA,EAAQ,mBAE1CkC,KAAK,SACLC,QAhCgBX,IACxBA,EAAMY,kBACmB,UAArB9B,GAAgCQ,KAChCJ,GAAYD,IAEPA,GAAWP,GAAiBA,IAC7BO,GAAWN,GAAkBA,IACrC,EA0BQkC,aAvBe,KACE,UAArB/B,GAAiCQ,GACjCJ,GAAW,EACf,EAqBQ4B,aAlBe,KACE,UAArBhC,GAAgCG,IAAYK,GAC5CJ,GAAW,EACf,EAewC,aACrB,iBAAgB6B,SAE3BP,EAAAA,IAACjC,EAASyC,OAAAC,OAAA,CAAA,EAAKjC,MAEnBwB,EAAAA,IAACU,EAAAA,SACGjC,QAASA,EACTqB,GAAI9B,EAAQ8B,GAAE,cACD9B,EAAQ,eACrB2C,cA/CqB,KAC7BjC,GAAW,EAAM,WAgDRV,EAAQ4C,YAEJ"}

package/cjs/popover-v2/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./popover.js"),r=require("./popover-inline/popover-inline.js"),o=require("./popover-trigger.js");exports.PopoverV2=e.PopoverV2,exports.PopoverInline=r.PopoverInline,exports.PopoverTrigger=o.PopoverTrigger;
-//# sourceMappingURL=index.js.map

package/cjs/popover-v2/index.js.map

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

package/cjs/popover-v2/popover-inline/popover-inline.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("../popover-trigger.js"),l=require("./popover-inline.styles.js");exports.PopoverInline=n=>{var{ariaLabel:i,content:o,icon:a,underlineStyle:s="default",underlineHoverStyle:u="default"}=n,d=e.__rest(n,["ariaLabel","content","icon","underlineStyle","underlineHoverStyle"]);const c=!!o;return r.jsx(t.PopoverTrigger,Object.assign({},d,{children:r.jsxs(l.StyledText,{"aria-label":null!=i?i:c?void 0:"More info",role:"button","aria-haspopup":"dialog",tabIndex:0,$defaultStyle:s,$hoverStyle:u,children:[o,a&&r.jsx(l.StyledIcon,{$standalone:!c,children:a})]})}))};
-//# sourceMappingURL=popover-inline.js.map