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

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/menu/menu-content.styles_1b7d6qf.css

@@ -1,2 +0,0 @@
-.pmssexq{border-radius:var(--fds-radius-md);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);background:var(--fds-colour-bg);box-shadow:var(--fds-shadow-md-subtle);--fds-internal-menu-panel-maxHeight:initial;--fds-internal-menu-panel-overflow:initial;--fds-internal-menu-panel-xSpacing:0px;--fds-internal-menu-panel-availableWidth:calc(100vw - var(--fds-internal-menu-panel-xSpacing
-              ) * 2);min-width:min(15rem, var(--fds-internal-menu-panel-availableWidth));max-width:min(24rem, var(--fds-internal-menu-panel-availableWidth));max-height:var(--fds-internal-menu-panel-maxHeight);overflow-y:var(--fds-internal-menu-panel-overflow);}:where(body.fds-breakpoint-sm-max) .pmssexq{--fds-internal-menu-panel-xSpacing:var(--fds-breakpoint-margin-sm)px;}:where(body.fds-breakpoint-xs-max) .pmssexq{--fds-internal-menu-panel-xSpacing:var(--fds-breakpoint-margin-xs)px;}:where(body.fds-breakpoint-xxs-max) .pmssexq{--fds-internal-menu-panel-xSpacing:var(--fds-breakpoint-margin-xxs)px;}.pmssexq:focus{outline:none;}.pmssexq::-webkit-scrollbar{width:14px;}.pmssexq::-webkit-scrollbar-track{background:transparent;}.pmssexq::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}

package/cjs/modal/modal-box.styles_1xrlxhd.css

@@ -1,2 +0,0 @@
-.b14nv3ev{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:40rem;max-height:70%;background:var(--fds-colour-bg);box-shadow:var(--fds-shadow-lg-strong);border-radius:var(--fds-radius-lg);overflow:hidden;}:where(body.fds-breakpoint-md-max) .b14nv3ev{width:90%;max-height:70%;}
-.ccgs01o{position:absolute;top:var(--close-button-top-inset, var(--fds-spacing-16));right:var(--close-button-right-inset, var(--fds-spacing-16));padding:0;color:var(--fds-colour-icon);}.ccgs01o svg{height:2rem;width:2rem;}:where(body.fds-breakpoint-sm-max) .ccgs01o{right:var(--close-button-right-inset, var(--fds-spacing-20));}

package/cjs/modal/modal.styles_1sav73f.css

@@ -1,11 +0,0 @@
-.czahu6t{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;overflow:hidden;--fds-internal-modal-container-verticalHeight:initial;--fds-internal-modal-container-offsetTop:initial;}:where(body.fds-breakpoint-sm-max) .czahu6t{height:calc(var(--fds-internal-modal-container-verticalHeight, 1vh) * 100);top:var(--fds-internal-modal-container-offsetTop, 0px);}
-.c16tlthj{top:-3%;}
-.c19r0uwy{bottom:-3%;}
-.c11f2a4r{left:-3%;}
-.ck9rog9{right:-3%;}
-.c140nooo{opacity:1;-webkit-transition:all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);transition:all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);transition-delay:200ms;}
-.c1d9ucpb{opacity:0;-webkit-transition:all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);transition:all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);}
-.c1jimj00{top:0;}
-.c16qcfjk{bottom:0;}
-.cgnow3g{left:0;}
-.c14dyqe6{right:0;}

package/cjs/modal-v2/modal-v2.styles_1irpyi6.css

@@ -1,3 +0,0 @@
-.c1jrmyjd{position:relative;width:100%;height:100%;overflow:auto;--fds-internal-modalV2-container-verticalHeight:initial;--fds-internal-modalV2-container-offsetTop:initial;}:where(body.fds-breakpoint-sm-max) .c1jrmyjd{height:calc(var(--fds-internal-modalV2-container-verticalHeight, 1vh) * 100);top:var(--fds-internal-modalV2-container-offsetTop, 0px);}.c1jrmyjd[data-status="initial"]{opacity:0;}.c1jrmyjd[data-status="open"]{opacity:1;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-entrance);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-entrance);transition-delay:var(--fds-motion-duration-150);}.c1jrmyjd[data-status="close"]{opacity:0;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-exit);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-exit);}.c1jrmyjd[data-animation-from="top"]:is([data-status="initial"], [data-status="close"]){top:-3%;}.c1jrmyjd[data-animation-from="top"][data-status="open"]{top:0;}.c1jrmyjd[data-animation-from="bottom"]:is([data-status="initial"], [data-status="close"]){bottom:-3%;}.c1jrmyjd[data-animation-from="bottom"][data-status="open"]{bottom:0;}.c1jrmyjd[data-animation-from="left"]:is([data-status="initial"], [data-status="close"]){left:-3%;}.c1jrmyjd[data-animation-from="left"][data-status="open"]{left:0;}.c1jrmyjd[data-animation-from="right"]:is([data-status="initial"], [data-status="close"]){right:-3%;}.c1jrmyjd[data-animation-from="right"][data-status="open"]{right:0;}
-.s1xsiaxz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;pointer-events:none;}
-.mn5ir3{pointer-events:auto;width:100%;outline:none;}

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/pagination/pagination.styles_1u898rb.css

@@ -1,14 +0,0 @@
-.p1afjf30{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.p1ma9kw3{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}:where(body.fds-breakpoint-lg-max) .p1ma9kw3{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
-.p1sz1s7f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.irakt3t{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;border-radius:var(--fds-radius-sm);height:2.5rem;width:2.5rem;padding:0 var(--fds-spacing-8);color:var(--fds-colour-icon-primary);}.irakt3t svg{height:1.25rem;width:1.25rem;}.irakt3t:disabled{color:var(--fds-colour-icon-disabled-subtle);cursor:not-allowed;}.irakt3t:not(:disabled):hover,.irakt3t:not(:disabled):focus-visible{background:var(--fds-colour-bg-hover);}
-.i1eo6n86{margin:var(--fds-spacing-4);}
-.pia4hww{outline:none;margin:var(--fds-spacing-4);box-shadow:none;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);min-width:2.5rem;height:2.5rem;padding:0 var(--fds-spacing-8);background:var(--fds-colour-bg);cursor:pointer;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);text-align:center;color:var(--fds-colour-text);}.pia4hww:hover,.pia4hww:focus-visible{border-color:var(--fds-colour-bg-hover);background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);font-weight:var(--fds-font-weight-semibold);}
-.p673w5b{border-color:var(--fds-colour-bg-primary);background:var(--fds-colour-bg-primary);color:var(--fds-colour-text-inverse);font-weight:var(--fds-font-weight-bold);}.p673w5b:hover,.p673w5b:focus-visible{border-color:var(--fds-colour-bg-selected-strongest-hover);background:var(--fds-colour-bg-selected-strongest-hover);color:var(--fds-colour-text-inverse);font-weight:var(--fds-font-weight-bold);}
-.e1peilt2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--fds-spacing-4);cursor:pointer;}
-.p1yg278j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--fds-spacing-4);color:var(--fds-colour-text);}
-.l1nxoktb{white-space:nowrap;}
-.lquxmfr{margin:0 var(--fds-spacing-16);white-space:nowrap;}
-.i1hj21s6{width:3.5rem;height:2.5rem;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}.i1hj21s6 input{padding:0 var(--fds-spacing-8);text-align:center;}
-.h1x6xag5{position:absolute;top:calc(var(--fds-spacing-8) * -1);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border:none;border-radius:var(--fds-radius-sm);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:var(--fds-spacing-4) var(--fds-spacing-12);background:var(--fds-colour-bg-hover);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);color:var(--fds-colour-text-hover);}
-.issm41d{margin-left:var(--fds-spacing-4);width:10rem;}

package/cjs/pill/pill.styles_1wiyl8.css

@@ -1,17 +0,0 @@
-.w2wrvwd{border-radius:var(--fds-radius-full);padding:0.125rem 0.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;border:var(--fds-border-width-010) var(--fds-border-style-solid);}.w2wrvwd svg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.w1bnitgk{color:var(--fds-colour-text-inverse);border-color:transparent;}
-.w10rd591{background:var(--fds-colour-bg-inverse);}
-.w14ozhbm{background:var(--fds-colour-bg-inverse-subtler);}
-.w1dquypt{background:var(--fds-colour-bg-success-strong);}
-.wijzmbj{background:var(--fds-colour-bg-warning-strong);}
-.wtf7rkw{background:var(--fds-colour-bg-error-strong);}
-.w17huuqy{background:var(--fds-colour-bg-info-strong);}
-.w1lx8mm6{background:var(--fds-colour-bg-primary);}
-.wnrixoo{background:var(--fds-colour-bg);border-color:var(--fds-colour-border);color:var(--fds-colour-text);}
-.wnolbsf{background:var(--fds-colour-bg-stronger);border-color:var(--fds-colour-border-strong);color:var(--fds-colour-text-subtler);}
-.w1nlhiv2{background:var(--fds-colour-bg-success);border-color:var(--fds-colour-border-success);color:var(--fds-colour-text-success);}
-.wfw4qqz{background:var(--fds-colour-bg-warning);border-color:var(--fds-colour-border-warning);color:var(--fds-colour-text-warning);}
-.w1c1fn8z{background:var(--fds-colour-bg-error);border-color:var(--fds-colour-border-error);color:var(--fds-colour-text-error);}
-.w19krjn1{background:var(--fds-colour-bg-info);border-color:var(--fds-colour-border-info);color:var(--fds-colour-text-info);}
-.w1h3c6yz{background:var(--fds-colour-bg-primary-subtlest);border-color:var(--fds-colour-border-primary);color:var(--fds-colour-text-primary);}
-.l1uma0l6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;}

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.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.js","sources":["../../../../src/popover-v2/popover-inline/popover-inline.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { PopoverTrigger } from \"../popover-trigger\";\nimport type { PopoverInlineProps } from \"../types\";\nimport * as styles from \"./popover-inline.styles\";\n\nexport const PopoverInline = ({\n    ariaLabel,\n    content,\n    icon,\n    underlineStyle = \"default\",\n    underlineHoverStyle = \"default\",\n    ...otherProps\n}: PopoverInlineProps) => {\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const hasContent = !!content;\n\n    return (\n        <PopoverTrigger {...otherProps}>\n            <span\n                aria-label={ariaLabel ?? (hasContent ? undefined : \"More info\")}\n                role=\"button\"\n                aria-haspopup=\"dialog\"\n                tabIndex={0}\n                className={styles.popoverInlineText}\n                data-underline-style={underlineStyle}\n                data-underline-hover-style={underlineHoverStyle}\n            >\n                {content}\n                {icon && (\n                    <span\n                        className={clsx(\n                            hasContent && styles.popoverInlineIconWithContent\n                        )}\n                    >\n                        {icon}\n                    </span>\n                )}\n            </span>\n        </PopoverTrigger>\n    );\n};\n"],"names":["_a","ariaLabel","content","icon","underlineStyle","underlineHoverStyle","otherProps","__rest","hasContent","_jsx","PopoverTrigger","Object","assign","children","_jsxs","undefined","role","tabIndex","className","styles.popoverInlineText","clsx","styles.popoverInlineIconWithContent"],"mappings":"4RAM8BA,IAAA,IAAAC,UAC1BA,EAASC,QACTA,EAAOC,KACPA,EAAIC,eACJA,EAAiB,UAASC,oBAC1BA,EAAsB,WAASL,EAC5BM,EAAUC,EAAAA,OAAAP,EANa,uEAW1B,MAAMQ,IAAeN,EAErB,OACIO,MAACC,EAAAA,eAAcC,OAAAC,OAAA,CAAA,EAAKN,EAAU,CAAAO,SAC1BC,OAAA,OAAA,CAAA,aACgBb,QAAAA,EAAcO,OAAaO,EAAY,YACnDC,KAAK,SAAQ,gBACC,SACdC,SAAU,EACVC,UAAWC,2CACWf,EAAc,6BACRC,EAAmBQ,SAAA,CAE9CX,EACAC,GACGM,EAAAA,IAAA,OAAA,CACIS,UAAWE,EAAAA,QACPZ,GAAca,gCACjBR,SAEAV,SAIA"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./popover-inline.styles_ziag9c.css");exports.popoverInlineIconWithContent="pf3txif",exports.popoverInlineText="p19t6gs0";
-//# sourceMappingURL=popover-inline.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.styles.js","sources":["../../../../src/popover-v2/popover-inline/popover-inline.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour } from \"../../theme\";\n\nexport const popoverInlineText = css`\n    color: ${Colour[\"text-primary\"]};\n    font-weight: 600;\n    text-underline-position: under;\n\n    &[data-underline-style=\"underline\"] {\n        text-decoration: underline 1px;\n    }\n\n    &[data-underline-style=\"underline-dashed\"] {\n        text-decoration: underline dashed 1px;\n    }\n\n    &:hover,\n    &:focus-visible {\n        color: ${Colour[\"text-hover\"]};\n    }\n\n    &[data-underline-hover-style=\"underline\"]:hover,\n    &[data-underline-hover-style=\"underline\"]:focus-visible {\n        text-decoration: underline 1px;\n    }\n\n    &[data-underline-hover-style=\"underline-dashed\"]:hover,\n    &[data-underline-hover-style=\"underline-dashed\"]:focus-visible {\n        text-decoration: underline dashed 1px;\n    }\n\n    svg {\n        height: 1lh; /* align vertically */\n        width: 1em; /* scale icon with font size */\n        vertical-align: top;\n    }\n`;\n\nexport const popoverInlineIconWithContent = css`\n    margin-left: 0.25rem;\n`;\n"],"names":[],"mappings":"yIAuCyC,oCAnCX"}

package/cjs/popover-v2/popover-inline/popover-inline.styles_ziag9c.css

@@ -1,2 +0,0 @@
-.p19t6gs0{color:var(--fds-colour-text-primary);font-weight:600;text-underline-position:under;}.p19t6gs0[data-underline-style="underline"]{-webkit-text-decoration:underline 1px;text-decoration:underline 1px;}.p19t6gs0[data-underline-style="underline-dashed"]{-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;}.p19t6gs0:hover,.p19t6gs0:focus-visible{color:var(--fds-colour-text-hover);}.p19t6gs0[data-underline-hover-style="underline"]:hover,.p19t6gs0[data-underline-hover-style="underline"]:focus-visible{-webkit-text-decoration:underline 1px;text-decoration:underline 1px;}.p19t6gs0[data-underline-hover-style="underline-dashed"]:hover,.p19t6gs0[data-underline-hover-style="underline-dashed"]:focus-visible{-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;}.p19t6gs0 svg{height:1lh;width:1em;vertical-align:top;}
-.pf3txif{margin-left:0.25rem;}

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@floating-ui/react"),i=require("clsx"),o=require("react"),n=require("../overlay/use-floating-context.js");require("../theme/theme-provider/index.js");var s=require("../theme/theme-provider/hooks.js");require("../theme/tokens/border.js");var a=require("../theme/tokens/breakpoint.js");require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/utils/media-query.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var u=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var c=require("../theme/utils/use-design-token.js"),d=require("./popover.js"),p=require("./popover-trigger.styles.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=v(i);exports.PopoverTrigger=i=>{var v,m,{children:f,popoverContent:h,trigger:j="click",position:q="top",zIndex:b,rootNode:x,customOffset:y,delay:F,onPopoverAppear:k,onPopoverDismiss:O,popoverAriaLabel:P,enableFlip:M=!0,enableResize:C=!1,overflow:S="auto",triggerOnFocus:w=!1,isModal:z=!0,className:I}=i,R=e.__rest(i,["children","popoverContent","trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","className"]);const[A,D]=o.useState(!1),H=o.useRef(null),N=o.useRef(null),T=c.useDesignToken(a.Breakpoint["sm-max"]),E=l.useSafeMaxWidthMediaQuery(T),[L,_]=o.useState(0),B=`${u.useId()}-popover`,{refs:Q,floatingStyles:U,context:V}=t.useFloating({open:A,placement:q,whileElementsMounted:t.autoUpdate,middleware:[t.offset(null!=y?y:16),M&&t.flip(),t.shift({limiter:t.limitShift()}),C&&t.size({apply({availableHeight:e}){_(e)}})],onOpenChange:e=>{D(e),A!==e&&ie(e)}}),W=n.useFloatingChild(),{themeProps:$,themeStyle:G}=s.useInheritedThemeScope(A),J="hover"===(E?"click":j),K=t.useClick(V,{ignoreMouse:J}),X=t.useDismiss(V),Y=t.useHover(V,{enabled:J,delay:{open:null!==(v=null==F?void 0:F.open)&&void 0!==v?v:0,close:null!==(m=null==F?void 0:F.close)&&void 0!==m?m:500}}),Z=t.useFocus(V,{enabled:w}),{getReferenceProps:ee,getFloatingProps:re}=t.useInteractions([K,X,Y,Z]),te=()=>{D(!1),ie(!1)},ie=e=>{e&&k&&k(),!e&&O&&O()};return r.jsxs(r.Fragment,{children:[r.jsx("div",Object.assign({ref:e=>{H.current=e,Q.setReference(e)}},ee({onClick:e=>{e.stopPropagation(),e.preventDefault()}}),R,{className:g.default(p.triggerContainer,I),children:f})),A&&r.jsx(t.FloatingPortal,{root:x,children:r.jsx(t.FloatingFocusManager,Object.assign({context:V},!z&&{initialFocus:-1,returnFocus:!1,modal:!1},{children:r.jsx("div",Object.assign({ref:e=>{N.current=e,Q.setFloating(e)}},$,{onBlur:e=>{var r;if(z||E&&"function"!=typeof h)return;const t=null!==(r=e.relatedTarget)&&void 0!==r?r:document.activeElement;t&&(e=>{var r;if(!e)return!1;if(e instanceof HTMLElement&&e.hasAttribute("data-floating-ui-focus-guard"))return!0;const t=H.current,i=null===(r=N.current)||void 0===r?void 0:r.parentElement;return!!t&&t.contains(e)||!!i&&i.contains(e)})(t)||(D(!1),ie(!1))},style:Object.assign(Object.assign(Object.assign({},G),U),{outline:"none",zIndex:null!=b?b:W})},re(),{children:"function"==typeof h?h(C?{maxHeight:L,overflow:S}:{}):r.jsx(d.PopoverV2,{visible:!0,onMobileClose:te,maxHeight:C?L:void 0,overflow:C?S:void 0,ariaLabel:P,id:B,children:h})}))}))})]})};
-//# sourceMappingURL=popover-trigger.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.js","sources":["../../../src/popover-v2/popover-trigger.tsx"],"sourcesContent":["import {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingPortal,\n    limitShift,\n    offset,\n    shift,\n    size,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { useFloatingChild } from \"../overlay/use-floating-context\";\nimport {\n    Breakpoint,\n    useDesignToken,\n    useInheritedThemeScope,\n    useSafeMaxWidthMediaQuery,\n} from \"../theme\";\nimport { useId } from \"../util\";\nimport { PopoverV2 } from \"./popover\";\nimport * as styles from \"./popover-trigger.styles\";\nimport type { PopoverV2TriggerProps, PopoverV2TriggerType } from \"./types\";\n\nexport const PopoverTrigger = ({\n    children,\n    popoverContent,\n    trigger: _trigger = \"click\",\n    position = \"top\",\n    zIndex,\n    rootNode,\n    customOffset,\n    delay,\n    onPopoverAppear,\n    onPopoverDismiss,\n    popoverAriaLabel,\n    enableFlip = true,\n    enableResize = false,\n    overflow = \"auto\",\n    triggerOnFocus = false,\n    isModal = true,\n    className,\n    ...otherProps\n}: PopoverV2TriggerProps) => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const [visible, setVisible] = useState<boolean>(false);\n    const nodeRef = useRef<HTMLElement | null>(null);\n    const popoverRef = useRef<HTMLElement | null>(null);\n    const mobileBreakpoint = useDesignToken(Breakpoint[\"sm-max\"]);\n    const isMobile = useSafeMaxWidthMediaQuery(mobileBreakpoint);\n    const [availableHeight, setAvailableHeight] = useState(0);\n    const internalId = useId();\n    const popoverContainerId = `${internalId}-popover`;\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: visible,\n        placement: position,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(customOffset ?? 16),\n            enableFlip && flip(),\n            shift({\n                limiter: limitShift(),\n            }),\n            enableResize &&\n                size({\n                    apply({ availableHeight }) {\n                        setAvailableHeight(availableHeight);\n                    },\n                }),\n        ],\n        onOpenChange: (isOpen) => {\n            setVisible(isOpen);\n\n            // this callback is triggering twice on hover, the check here prevents extra calls\n            if (visible !== isOpen) {\n                handleVisibilityChange(isOpen);\n            }\n        },\n    });\n    const parentZIndex = useFloatingChild();\n    const { themeProps, themeStyle } = useInheritedThemeScope(visible);\n\n    const trigger: PopoverV2TriggerType = isMobile ? \"click\" : _trigger;\n    const isTooltip = trigger === \"hover\";\n\n    const click = useClick(context, {\n        // allow trigger by Space/Enter, but disable mouse click in hover mode\n        ignoreMouse: isTooltip,\n    });\n\n    const dismiss = useDismiss(context);\n\n    const hover = useHover(context, {\n        enabled: isTooltip,\n        // short window to enter the floating element without it closing\n        delay: {\n            open: delay?.open ?? 0,\n            close: delay?.close ?? 500,\n        },\n    });\n\n    const focus = useFocus(context, {\n        enabled: triggerOnFocus,\n    });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        click,\n        dismiss,\n        hover,\n        focus,\n    ]);\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const isFocusInside = (node: Node | null) => {\n        if (!node) return false;\n\n        if (\n            node instanceof HTMLElement &&\n            node.hasAttribute(\"data-floating-ui-focus-guard\")\n        ) {\n            return true;\n        }\n\n        const refEl = nodeRef.current;\n        const floatingEl = popoverRef.current?.parentElement;\n\n        return (\n            (!!refEl && refEl.contains(node)) ||\n            (!!floatingEl && floatingEl.contains(node))\n        );\n    };\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handlePopoverMobileClose = () => {\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    const handleVisibilityChange = (nextVisible: boolean) => {\n        if (nextVisible && onPopoverAppear) onPopoverAppear();\n        if (!nextVisible && onPopoverDismiss) onPopoverDismiss();\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n        // On mobile, ModalV2 handles its own dismiss via onMobileClose\n        if (isModal || (isMobile && typeof popoverContent !== \"function\"))\n            return;\n\n        const next =\n            (e.relatedTarget as Node | null) ??\n            (document.activeElement as Node | null);\n\n        if (next && isFocusInside(next)) return;\n\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderPopover = () => {\n        if (typeof popoverContent === \"function\") {\n            return popoverContent(\n                enableResize ? { maxHeight: availableHeight, overflow } : {}\n            );\n        }\n\n        return (\n            <PopoverV2\n                visible\n                onMobileClose={handlePopoverMobileClose}\n                maxHeight={enableResize ? availableHeight : undefined}\n                overflow={enableResize ? overflow : undefined}\n                ariaLabel={popoverAriaLabel}\n                id={popoverContainerId}\n            >\n                {popoverContent}\n            </PopoverV2>\n        );\n    };\n\n    return (\n        <>\n            <div\n                ref={(node) => {\n                    nodeRef.current = node;\n                    refs.setReference(node);\n                }}\n                {...getReferenceProps({\n                    onClick: (event) => {\n                        // prevent popover interaction from triggering click events on parents\n                        event.stopPropagation();\n                        event.preventDefault();\n                    },\n                })}\n                {...otherProps}\n                className={clsx(styles.triggerContainer, className)}\n            >\n                {children}\n            </div>\n            {visible && (\n                <FloatingPortal root={rootNode}>\n                    <FloatingFocusManager\n                        context={context}\n                        {...(!isModal && {\n                            initialFocus: -1,\n                            returnFocus: false,\n                            modal: false,\n                        })}\n                    >\n                        <div\n                            ref={(node) => {\n                                popoverRef.current = node;\n                                refs.setFloating(node);\n                            }}\n                            {...themeProps}\n                            onBlur={handleBlur}\n                            style={{\n                                ...themeStyle,\n                                ...floatingStyles,\n                                outline: \"none\",\n                                zIndex: zIndex ?? parentZIndex,\n                            }}\n                            {...getFloatingProps()}\n                        >\n                            {renderPopover()}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </>\n    );\n};\n"],"names":["_a","children","popoverContent","trigger","_trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","className","otherProps","__rest","visible","setVisible","useState","nodeRef","useRef","popoverRef","mobileBreakpoint","useDesignToken","Breakpoint","isMobile","useSafeMaxWidthMediaQuery","availableHeight","setAvailableHeight","popoverContainerId","useId","refs","floatingStyles","context","useFloating","open","placement","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","limiter","limitShift","size","apply","onOpenChange","isOpen","handleVisibilityChange","parentZIndex","useFloatingChild","themeProps","themeStyle","useInheritedThemeScope","isTooltip","click","useClick","ignoreMouse","dismiss","useDismiss","hover","useHover","enabled","_b","close","_c","focus","useFocus","getReferenceProps","getFloatingProps","useInteractions","handlePopoverMobileClose","nextVisible","_jsxs","_jsx","Object","assign","ref","node","current","setReference","onClick","event","stopPropagation","preventDefault","clsx","styles.triggerContainer","FloatingPortal","root","FloatingFocusManager","initialFocus","returnFocus","modal","setFloating","onBlur","e","next","relatedTarget","document","activeElement","HTMLElement","hasAttribute","refEl","floatingEl","parentElement","contains","isFocusInside","style","outline","maxHeight","PopoverV2","onMobileClose","undefined","ariaLabel","id"],"mappings":"s8BAgC+BA,aAAAC,SAC3BA,EAAQC,eACRA,EACAC,QAASC,EAAW,QAAOC,SAC3BA,EAAW,MAAKC,OAChBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,MACZA,EAAKC,gBACLA,EAAeC,iBACfA,EAAgBC,iBAChBA,EAAgBC,WAChBA,GAAa,EAAIC,aACjBA,GAAe,EAAKC,SACpBA,EAAW,OAAMC,eACjBA,GAAiB,EAAKC,QACtBA,GAAU,EAAIC,UACdA,GAASlB,EACNmB,EAAUC,SAAApB,EAlBc,CAAA,WAAA,iBAAA,UAAA,WAAA,SAAA,WAAA,eAAA,QAAA,kBAAA,mBAAA,mBAAA,aAAA,eAAA,WAAA,iBAAA,UAAA,cAuB3B,MAAOqB,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAA2B,MACrCC,EAAaD,EAAAA,OAA2B,MACxCE,EAAmBC,EAAAA,eAAeC,EAAAA,WAAW,WAC7CC,EAAWC,EAAAA,0BAA0BJ,IACpCK,EAAiBC,GAAsBV,EAAAA,SAAS,GAEjDW,EAAqB,GADRC,EAAAA,mBAGbC,KAAEA,EAAIC,eAAEA,EAAcC,QAAEA,GAAYC,EAAAA,YAAY,CAClDC,KAAMnB,EACNoB,UAAWpC,EACXqC,qBAAsBC,EAAAA,WACtBC,WAAY,CACRC,EAAAA,OAAOrC,QAAAA,EAAgB,IACvBK,GAAciC,EAAAA,OACdC,QAAM,CACFC,QAASC,EAAAA,eAEbnC,GACIoC,OAAK,CACD,KAAAC,EAAMnB,gBAAEA,IACJC,EAAmBD,EACvB,KAGZoB,aAAeC,IACX/B,EAAW+B,GAGPhC,IAAYgC,GACZC,GAAuBD,EAC3B,IAGFE,EAAeC,EAAAA,oBACfC,WAAEA,EAAUC,WAAEA,GAAeC,EAAAA,uBAAuBtC,GAGpDuC,EAAwB,WADQ9B,EAAW,QAAU1B,GAGrDyD,EAAQC,EAAAA,SAASxB,EAAS,CAE5ByB,YAAaH,IAGXI,EAAUC,EAAAA,WAAW3B,GAErB4B,EAAQC,EAAAA,SAAS7B,EAAS,CAC5B8B,QAASR,EAETnD,MAAO,CACH+B,KAAiB,QAAX6B,EAAA5D,eAAAA,EAAO+B,YAAI,IAAA6B,EAAAA,EAAI,EACrBC,MAAmB,QAAZC,EAAA9D,eAAAA,EAAO6D,aAAK,IAAAC,EAAAA,EAAI,OAIzBC,EAAQC,EAAAA,SAASnC,EAAS,CAC5B8B,QAASpD,KAGP0D,kBAAEA,GAAiBC,iBAAEA,IAAqBC,kBAAgB,CAC5Df,EACAG,EACAE,EACAM,IA4BEK,GAA2B,KAC7BvD,GAAW,GACXgC,IAAuB,EAAM,EAG3BA,GAA0BwB,IACxBA,GAAepE,GAAiBA,KAC/BoE,GAAenE,GAAkBA,GAAkB,EA0C5D,OACIoE,6BACIC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF5D,EAAQ6D,QAAUD,EAClBhD,EAAKkD,aAAaF,EAAK,GAEvBV,GAAkB,CAClBa,QAAUC,IAENA,EAAMC,kBACND,EAAME,gBAAgB,IAG1BvE,EAAU,CACdD,UAAWyE,EAAAA,QAAKC,EAAAA,iBAAyB1E,GAAUjB,SAElDA,KAEJoB,GACG2D,EAAAA,IAACa,iBAAc,CAACC,KAAMvF,EAAQN,SAC1B+E,EAAAA,IAACe,EAAAA,qBAAoBd,OAAAC,OAAA,CACjB5C,QAASA,IACHrB,GAAW,CACb+E,cAAc,EACdC,aAAa,EACbC,OAAO,aAGXlB,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF1D,EAAW2D,QAAUD,EACrBhD,EAAK+D,YAAYf,EAAK,GAEtB3B,EAAU,CACd2C,OA1EJC,UAEhB,GAAIpF,GAAYa,GAAsC,mBAAnB5B,EAC/B,OAEJ,MAAMoG,EAC8B,QAAhCtG,EAACqG,EAAEE,qBAA6B,IAAAvG,EAAAA,EAC/BwG,SAASC,cAEVH,GAzCc,CAAClB,UACnB,IAAKA,EAAM,OAAO,EAElB,GACIA,aAAgBsB,aAChBtB,EAAKuB,aAAa,gCAElB,OAAO,EAGX,MAAMC,EAAQpF,EAAQ6D,QAChBwB,EAA+B,QAAlB7G,EAAA0B,EAAW2D,eAAO,IAAArF,OAAA,EAAAA,EAAE8G,cAEvC,QACOF,GAASA,EAAMG,SAAS3B,MACxByB,GAAcA,EAAWE,SAAS3B,EAAM,EA0BnC4B,CAAcV,KAE1BhF,GAAW,GACXgC,IAAuB,GAAM,EA+DT2D,MAAKhC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACExB,GACArB,GAAc,CACjB6E,QAAS,OACT5G,OAAQA,QAAAA,EAAUiD,KAElBoB,KAAkB,CAAA1E,SA9DZ,mBAAnBC,EACAA,EACHY,EAAe,CAAEqG,UAAWnF,EAAiBjB,YAAa,IAK9DiE,EAAAA,IAACoC,YAAS,CACN/F,SAAO,EACPgG,cAAexC,GACfsC,UAAWrG,EAAekB,OAAkBsF,EAC5CvG,SAAUD,EAAeC,OAAWuG,EACpCC,UAAW3G,EACX4G,GAAItF,EAAkBjC,SAErBC,cAsDN"}

package/cjs/popover-v2/popover-trigger.styles.js

@@ -1,2 +0,0 @@
-"use strict";require("./popover-trigger.styles_1yq7ffk.css");exports.triggerContainer="tg7uzp3";
-//# sourceMappingURL=popover-trigger.styles.js.map

package/cjs/popover-v2/popover-trigger.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.styles.js","sources":["../../../src/popover-v2/popover-trigger.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const triggerContainer = css`\n    display: inline;\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n`;\n"],"names":[],"mappings":"gHAE6B"}

package/cjs/popover-v2/popover-trigger.styles_1yq7ffk.css

@@ -1 +0,0 @@
-.tg7uzp3{display:inline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative;}

package/cjs/popover-v2/popover.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("clsx"),o=require("react"),s=require("../card/card.js"),a=require("../markup/markup.js"),t=require("../modal-v2/index.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var l=require("../theme/tokens/breakpoint.js");require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var d=require("../theme/utils/media-query.js"),n=require("../theme/utils/use-apply-styles.js"),u=require("../theme/utils/use-design-token.js"),p=require("../typography/index.js"),h=require("./popover.styles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(i);exports.PopoverV2=i=>{var{children:m,visible:j=!1,onMobileClose:v,maxHeight:x,overflow:q,ariaLabel:y="More information",id:b,className:f,"data-testid":k="popover"}=i,C=e.__rest(i,["children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","className","data-testid"]);const M=u.useDesignToken(l.Breakpoint["sm-max"]),g=d.useSafeMaxWidthMediaQuery(M),w=o.useRef(null),V=o.useMemo((()=>({[h.tokens.popoverCard.maxHeight]:void 0===x?null:`${x}px`,[h.tokens.popoverCard.overflowY]:null!=q?q:null})),[x,q]);n.useApplyStyle(w,V);const H=()=>{v&&v()},N=()=>"string"==typeof m?r.jsx(p.Typography.BodyMD,{children:m}):m;return r.jsxs(r.Fragment,{children:[j&&!g&&r.jsx("div",Object.assign({ref:w,tabIndex:0,"data-testid":k},C,{className:c.default(h.popoverContainer,f),id:b,role:"dialog","aria-label":y,children:r.jsx(s.Card,{className:c.default(h.popoverCard,void 0!==x&&h.popoverCardWithMaxHeight,q&&h.popoverCardWithOverflow),children:r.jsx(a.Markup,{baseTextSize:"body-md",children:N()})})})),g&&r.jsx(t.ModalV2,{show:j,onOverlayClick:H,onClose:H,id:b,role:"dialog","aria-label":y,children:r.jsxs(t.ModalV2.Card,{children:[r.jsx(t.ModalV2.Content,{children:r.jsx(a.Markup,{children:N()})}),r.jsx(t.ModalV2.CloseButton,{})]})})]})};
-//# sourceMappingURL=popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../../src/popover-v2/popover.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo, useRef } from \"react\";\n\nimport { Card } from \"../card\";\nimport { Markup } from \"../markup\";\nimport { ModalV2 } from \"../modal-v2\";\nimport {\n    Breakpoint,\n    useApplyStyle,\n    useDesignToken,\n    useSafeMaxWidthMediaQuery,\n} from \"../theme\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./popover.styles\";\nimport type { PopoverV2Props } from \"./types\";\n\nexport const PopoverV2 = ({\n    children,\n    visible = false,\n    onMobileClose,\n    maxHeight,\n    overflow,\n    ariaLabel = \"More information\",\n    id,\n    className,\n    \"data-testid\": testId = \"popover\",\n    ...otherProps\n}: PopoverV2Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const mobileBreakpoint = useDesignToken(Breakpoint[\"sm-max\"]);\n    const isMobile = useSafeMaxWidthMediaQuery(mobileBreakpoint);\n    const popoverContainerRef = useRef<HTMLDivElement>(null);\n    const popoverCardStyle = useMemo(\n        () => ({\n            [styles.tokens.popoverCard.maxHeight]:\n                maxHeight === undefined ? null : `${maxHeight}px`,\n            [styles.tokens.popoverCard.overflowY]: overflow ?? null,\n        }),\n        [maxHeight, overflow]\n    );\n    useApplyStyle(popoverContainerRef, popoverCardStyle);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMobileClose = () => {\n        if (onMobileClose) {\n            onMobileClose();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderContent = () =>\n        typeof children === \"string\" ? (\n            <Typography.BodyMD>{children}</Typography.BodyMD>\n        ) : (\n            children\n        );\n\n    return (\n        <>\n            {visible && !isMobile && (\n                <div\n                    ref={popoverContainerRef}\n                    tabIndex={0}\n                    data-testid={testId}\n                    {...otherProps}\n                    className={clsx(styles.popoverContainer, className)}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel}\n                >\n                    <Card\n                        className={clsx(\n                            styles.popoverCard,\n                            maxHeight !== undefined &&\n                                styles.popoverCardWithMaxHeight,\n                            overflow && styles.popoverCardWithOverflow\n                        )}\n                    >\n                        <Markup baseTextSize=\"body-md\">\n                            {renderContent()}\n                        </Markup>\n                    </Card>\n                </div>\n            )}\n            {isMobile && (\n                <ModalV2\n                    show={visible}\n                    onOverlayClick={handleMobileClose}\n                    onClose={handleMobileClose}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel}\n                >\n                    <ModalV2.Card>\n                        <ModalV2.Content>\n                            <Markup>{renderContent()}</Markup>\n                        </ModalV2.Content>\n                        <ModalV2.CloseButton />\n                    </ModalV2.Card>\n                </ModalV2>\n            )}\n        </>\n    );\n};\n"],"names":["_a","children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","className","testId","otherProps","__rest","mobileBreakpoint","useDesignToken","Breakpoint","isMobile","useSafeMaxWidthMediaQuery","popoverContainerRef","useRef","popoverCardStyle","useMemo","styles.tokens","popoverCard","undefined","overflowY","useApplyStyle","handleMobileClose","renderContent","_jsx","Typography","BodyMD","_jsxs","_Fragment","Object","assign","ref","tabIndex","clsx","styles.popoverContainer","role","Card","styles.popoverCard","styles.popoverCardWithMaxHeight","styles.popoverCardWithOverflow","Markup","baseTextSize","ModalV2","show","onOverlayClick","onClose","Content","CloseButton"],"mappings":"izBAgB0BA,IAAA,IAAAC,SACtBA,EAAQC,QACRA,GAAU,EAAKC,cACfA,EAAaC,UACbA,EAASC,SACTA,EAAQC,UACRA,EAAY,mBAAkBC,GAC9BA,EAAEC,UACFA,EACA,cAAeC,EAAS,WAAST,EAC9BU,EAAUC,EAAAA,OAAAX,EAVS,0GAetB,MAAMY,EAAmBC,EAAAA,eAAeC,EAAAA,WAAW,WAC7CC,EAAWC,EAAAA,0BAA0BJ,GACrCK,EAAsBC,EAAAA,OAAuB,MAC7CC,EAAmBC,EAAAA,SACrB,KAAA,CACI,CAACC,EAAAA,OAAcC,YAAYlB,gBACTmB,IAAdnB,EAA0B,KAAO,GAAGA,MACxC,CAACiB,EAAAA,OAAcC,YAAYE,WAAYnB,QAAAA,EAAY,QAEvD,CAACD,EAAWC,IAEhBoB,EAAAA,cAAcR,EAAqBE,GAKnC,MAAMO,EAAoB,KAClBvB,GACAA,GACJ,EAMEwB,EAAgB,IACE,iBAAb1B,EACH2B,EAAAA,IAACC,aAAWC,OAAM,CAAA7B,SAAEA,IAA6B,EAKzD,OACI8B,EAAAA,KAAAC,EAAAA,SAAA,CAAA/B,SAAA,CACKC,IAAYa,GACTa,MAAA,MAAAK,OAAAC,OAAA,CACIC,IAAKlB,EACLmB,SAAU,EAAC,cACE3B,GACTC,EAAU,CACdF,UAAW6B,EAAAA,QAAKC,EAAAA,iBAAyB9B,GACzCD,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB2B,EAAAA,IAACY,OAAI,CACDhC,UAAW6B,UACPI,EAAAA,iBACclB,IAAdnB,GACIsC,EAAAA,yBACJrC,GAAYsC,EAAAA,yBACf1C,SAED2B,EAAAA,IAACgB,EAAAA,OAAM,CAACC,aAAa,mBAChBlB,WAKhBZ,GACGa,EAAAA,IAACkB,EAAAA,QAAO,CACJC,KAAM7C,EACN8C,eAAgBtB,EAChBuB,QAASvB,EACTnB,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB8B,EAAAA,KAACe,EAAAA,QAAQN,KAAI,CAAAvC,SAAA,CACT2B,EAAAA,IAACkB,EAAAA,QAAQI,QAAO,CAAAjD,SACZ2B,EAAAA,IAACgB,SAAM,CAAA3C,SAAE0B,QAEbC,EAAAA,IAACkB,EAAAA,QAAQK,YAAW,CAAA,UAIjC"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./popover.styles_lslc72.css");exports.popoverCard="pz2lvdt",exports.popoverCardWithMaxHeight="p1j0bvgi",exports.popoverCardWithOverflow="ps47yom",exports.popoverContainer="pcmd570",exports.tokens={popoverCard:{maxHeight:"--fds-internal-popoverV2-popoverCard-maxHeight",overflowY:"--fds-internal-popoverV2-popoverCard-overflowY"}};
-//# sourceMappingURL=popover.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.styles.js","sources":["../../../src/popover-v2/popover.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, MediaQuery, Radius } from \"../theme\";\n\nexport const tokens = {\n    popoverCard: {\n        maxHeight: \"--fds-internal-popoverV2-popoverCard-maxHeight\",\n        overflowY: \"--fds-internal-popoverV2-popoverCard-overflowY\",\n    },\n} as const;\n\nexport const popoverContainer = css`\n    max-width: 30rem;\n    padding: 0 1rem;\n    pointer-events: auto;\n    outline: none;\n`;\n\nexport const popoverCard = css`\n    color: ${Colour.text};\n\n    ${MediaQuery.MaxWidth.sm} {\n        display: none;\n    }\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius.full};\n        background-clip: padding-box;\n    }\n`;\n\nexport const popoverCardWithMaxHeight = css`\n    ${tokens.popoverCard.maxHeight}: initial;\n    max-height: var(${tokens.popoverCard.maxHeight});\n`;\n\nexport const popoverCardWithOverflow = css`\n    ${tokens.popoverCard.overflowY}: initial;\n    overflow-y: var(${tokens.popoverCard.overflowY});\n`;\n"],"names":["popoverCard","maxHeight","overflowY"],"mappings":"kGAkBwB,2CAuBa,2CAKD,mCAnCP,yBAPP,CAClBA,YAAa,CACTC,UAAW,iDACXC,UAAW"}

package/cjs/popover-v2/popover.styles_lslc72.css

@@ -1,4 +0,0 @@
-.pcmd570{max-width:30rem;padding:0 1rem;pointer-events:auto;outline:none;}
-.pz2lvdt{color:var(--fds-colour-text);}:where(body.fds-breakpoint-sm-max) .pz2lvdt{display:none;}.pz2lvdt::-webkit-scrollbar{width:14px;}.pz2lvdt::-webkit-scrollbar-track{background:transparent;}.pz2lvdt::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}
-.p1j0bvgi{--fds-internal-popoverV2-popoverCard-maxHeight:initial;max-height:var(--fds-internal-popoverV2-popoverCard-maxHeight);}
-.ps47yom{--fds-internal-popoverV2-popoverCard-overflowY:initial;overflow-y:var(--fds-internal-popoverV2-popoverCard-overflowY);}