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

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

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

package/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":"yeA4BaA,EAAoBC,EAAOC,EAAmC;;UAEjE,EAAGC,cAAgBA,EAAW,IAAMC,EAAW;;kBAEvC,EAAGD,WAAUE,iBACnBF,IAAaE,EAAc,UAAY;;EAItCC,EAAgBL,EAAOM,GAAc;;;;cAIpC,EAAGF,iBAAoBA,EAA0B,UAAZ;aACtC,EACLA,cACAG,iBAAiBC,EAAUC,KAC3BC,eAAeF,EAAU,mBACtBJ,EAAcG,EAAiBG;eAC3BP,EAAW,iBAAiBA,EAAW;;;;;;EAWzCQ,EAAiBX,EAAOM,GAAG;;;;EAM3BM,EAAeZ,EAAOa,EAAWC,OAAO;aACxCN,EAAU;EAGVO,EAAUf,EAAOgB,EAAwB;oBAClCb,EAAW;aAClBK,EAAgB;EAOhBS,EAAgBjB,EAAOkB,IAAI;aAC3BV,EAAU;;mBAEJW,EAAQC,KAAK;EAGnBC,EAAqBrB,EAAOkB,IAAI;;;oBAGzBf,EAAW;EAGlBmB,EAAYtB,EAAOuB,EAAwB;aAC3Cf,EAAU;oBACHL,EAAW;;;EAKlBqB,EAAaxB,EAAOkB,IAAI;aACxBV,EAAU;EAGViB,EAAwBzB,EAAO0B,EAAY;;;;;;;;;;MAUlDP,EAAQ;;;UAGJF;qBACWT,EAAU;;;EASlBmB,EAAoB3B,EAAO4B,MAAM;MACxCT,EAAQ;aACDX,EAAgB;;;;;;;;;;EAYhBqB,EAAoB7B,EAAOkB,IAAI;;EAI/BY,EAAwB9B,EAAOkB,IAAI;;;;aAInCV,EAAU;;;;;iBAKNW,EAAQC,KAAK;kBACZD,EAAQC,KAAK;;"}

package/masonry/index.d.ts

@@ -1 +0,0 @@
-export * from "./masonry";

package/masonry/index.js

@@ -1,2 +0,0 @@
-export{Masonry}from"./masonry.js";
-//# sourceMappingURL=index.js.map

package/masonry/index.js.map

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

package/masonry/masonry.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { MasonryGridProps, MasonryTileProps } from "./types";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export declare const Masonry: {
-    Grid: (props: MasonryGridProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-    Tile: (props: MasonryTileProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-};

package/masonry/masonry.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"react";import{TileContainer as i,GridContainer as n}from"./masonry.style.js";const o={Grid:t.forwardRef(((t,i)=>{const{children:o}=t,c=r(t,["children"]);return e(n,Object.assign({ref:i},c,{children:o}))})),Tile:t.forwardRef(((t,n)=>{const{children:o}=t,c=r(t,["children"]);return e(i,Object.assign({ref:n},c,{children:o}))}))};export{o as Masonry};
-//# sourceMappingURL=masonry.js.map

package/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":"kLAQA,MAiCaA,EAAU,CACnBC,KAAMC,EAAMC,YAlCM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACC,EAAaC,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW,IA0BpBO,KAAMX,EAAMC,YAnBM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACK,EAAaH,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW"}

package/masonry/masonry.style.d.ts

@@ -1,6 +0,0 @@
-import type { MasonryGridProps, MasonryTileProps } from "./types";
-type GridStyleProps = Omit<MasonryGridProps, "children">;
-type TileStyleProps = Omit<MasonryTileProps, "children">;
-export declare const GridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numOfCols" | "data-testid" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & GridStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numOfCols" | "data-testid" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & GridStyleProps, never>>> & string;
-export declare const TileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "startLg" | "colsLg" | "startMd" | "colsMd" | "startSm" | "colsSm"> & TileStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "startLg" | "colsLg" | "startMd" | "colsMd" | "startSm" | "colsSm"> & TileStyleProps, never>>> & string;
-export {};

package/masonry/masonry.style.js

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

package/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":"gGAeO,MAAMA,EAAgBC,EAAOC,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,CAAG;4CAC0BP,GAAa;;;;cAI3CQ,EAAcC,SAASC;;sBAEfX,EAAUG,IAAMH,EAAUK,IAAM;kCACpB,IAAME;;;;cAI1BE,EAAcC,SAASE;;sBAEfR,GAAe;kCACH,KAAOA,GAAe;;;SAG/C;EAIIS,EAAgBhB,EAAOC,GAAmB;;MAEhDC,IACC,MAAMe,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,GAAWpB,EAE9D,OAAOS,CAAG;2BACSM,GAAWE,GAAW;kBAC/BD,GAAUE,GAAU;;cAExBR,EAAcC,SAASC;+BACNK,GAAWE,GAAW;sBAC/BD,GAAUE,GAAU;;;cAG5BV,EAAcC,SAASE;+BACNM,GAAW,iBAAiBC,GAAU;;SAE5D;"}

package/masonry/types.d.ts

@@ -1,32 +0,0 @@
-import type React from "react";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface ColumnCountAttribute {
-    /** number of columns on desktop resolutions */
-    lg?: number | undefined;
-    /** number of columns on tablet resolutions */
-    md?: number | undefined;
-    /** number of columns on mobile resolutions */
-    sm?: number | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    numOfCols: ColumnCountAttribute;
-    children: JSX.Element | JSX.Element[];
-    "data-testid"?: string | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryTileProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: JSX.Element;
-    /** the column to start on desktop resolutions */
-    startLg?: number | undefined;
-    /** the number of columns to span on desktop resolutions */
-    colsLg?: number | undefined;
-    /** the column to start on tablet resolutions */
-    startMd?: number | undefined;
-    /** the number of columns to span on tablet resolutions */
-    colsMd?: number | undefined;
-    /** the column to start on mobile resolutions */
-    startSm?: number | undefined;
-    /** the number of columns to span on mobile resolutions */
-    colsSm?: number | undefined;
-}

package/popover/popover-hoc.d.ts

@@ -1,4 +0,0 @@
-import type React from "react";
-import type { PopoverHOCOptionsProps, PopoverHOCProps } from "./types";
-/** @deprecated Use `PopoverTrigger` for improved positioning behaviour. This component will be removed in DS v3. */
-export declare const withPopover: <T extends object>(Component: React.ComponentType<T>, options: PopoverHOCOptionsProps) => (props: T & PopoverHOCProps) => JSX.Element;

package/popover/popover-hoc.js

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

package/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":["withPopover","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":"4YAUaA,EACT,CACIC,EACAC,IAGHC,IAIG,MAAMC,gBAAEA,EAAeC,iBAAEA,GAAoCF,EAAfG,EAAUC,EAAKJ,EAAvD,CAAA,kBAAA,qBACAK,EAAmBN,EAAQO,SAAW,QACtCC,EAAaJ,GACZK,EAASC,GAAcC,GAAkB,GAC1CC,EAAUC,EAAuB,MACjCC,EAAWC,EAAAA,cAAc,CAC3BC,SAAUC,EAAYC,UAM1BC,GAAU,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,EAACC,GAAWC,GAAG,sBAAsBC,IAAKnB,YACtCoB,EAACC,GACGH,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,EAACjC,EAASyC,OAAAC,OAAA,CAAA,EAAKjC,MAEnBwB,EAACU,GACGjC,QAASA,EACTqB,GAAI9B,EAAQ8B,GAAE,cACD9B,EAAQ,eACrB2C,cA/CqB,KAC7BjC,GAAW,EAAM,WAgDRV,EAAQ4C,YAEJ"}

package/popover-v2/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./popover";
-export * from "./popover-inline";
-export * from "./popover-trigger";
-export * from "./types";

package/popover-v2/index.js

@@ -1,2 +0,0 @@
-export{PopoverV2}from"./popover.js";export{PopoverInline}from"./popover-inline/popover-inline.js";export{PopoverTrigger}from"./popover-trigger.js";
-//# sourceMappingURL=index.js.map

package/popover-v2/index.js.map

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

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

@@ -1,2 +0,0 @@
-import"./popover-inline.styles_ziag9c.css";const p="p19t6gs0",o="pf3txif";export{o as popoverInlineIconWithContent,p as popoverInlineText};
-//# sourceMappingURL=popover-inline.styles.js.map

package/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/popover-v2/popover-trigger.js

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

package/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":["PopoverTrigger","_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":"muCAgCO,MAAMA,EAAkBC,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,EAAApB,EAlBc,CAAA,WAAA,iBAAA,UAAA,WAAA,SAAA,WAAA,eAAA,QAAA,kBAAA,mBAAA,mBAAA,aAAA,eAAA,WAAA,iBAAA,UAAA,cAuB3B,MAAOqB,EAASC,GAAcC,GAAkB,GAC1CC,EAAUC,EAA2B,MACrCC,EAAaD,EAA2B,MACxCE,GAAmBC,EAAeC,EAAW,WAC7CC,GAAWC,EAA0BJ,KACpCK,GAAiBC,IAAsBV,EAAS,GAEjDW,GAAqB,GADRC,eAGbC,KAAEA,GAAIC,eAAEA,GAAcC,QAAEA,IAAYC,EAAY,CAClDC,KAAMnB,EACNoB,UAAWpC,EACXqC,qBAAsBC,EACtBC,WAAY,CACRC,EAAOrC,QAAAA,EAAgB,IACvBK,GAAciC,IACdC,EAAM,CACFC,QAASC,MAEbnC,GACIoC,EAAK,CACD,KAAAC,EAAMnB,gBAAEA,IACJC,GAAmBD,EACvB,KAGZoB,aAAeC,IACX/B,EAAW+B,GAGPhC,IAAYgC,GACZC,GAAuBD,EAC3B,IAGFE,GAAeC,KACfC,WAAEA,GAAUC,WAAEA,IAAeC,EAAuBtC,GAGpDuC,GAAwB,WADQ9B,GAAW,QAAU1B,GAGrDyD,GAAQC,EAASxB,GAAS,CAE5ByB,YAAaH,KAGXI,GAAUC,EAAW3B,IAErB4B,GAAQC,EAAS7B,GAAS,CAC5B8B,QAASR,GAETnD,MAAO,CACH+B,KAAiB,QAAX6B,EAAA5D,eAAAA,EAAO+B,YAAI,IAAA6B,EAAAA,EAAI,EACrBC,MAAmB,QAAZC,EAAA9D,eAAAA,EAAO6D,aAAK,IAAAC,EAAAA,EAAI,OAIzBC,GAAQC,EAASnC,GAAS,CAC5B8B,QAASpD,KAGP0D,kBAAEA,GAAiBC,iBAAEA,IAAqBC,EAAgB,CAC5Df,GACAG,GACAE,GACAM,KA4BEK,GAA2B,KAC7BvD,GAAW,GACXgC,IAAuB,EAAM,EAG3BA,GAA0BwB,IACxBA,GAAepE,GAAiBA,KAC/BoE,GAAenE,GAAkBA,GAAkB,EA0C5D,OACIoE,eACIC,EAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF5D,EAAQ6D,QAAUD,EAClBhD,GAAKkD,aAAaF,EAAK,GAEvBV,GAAkB,CAClBa,QAAUC,IAENA,EAAMC,kBACND,EAAME,gBAAgB,IAG1BvE,EAAU,CACdD,UAAWyE,EAAKC,EAAyB1E,GAAUjB,SAElDA,KAEJoB,GACG2D,EAACa,EAAc,CAACC,KAAMvF,EAAQN,SAC1B+E,EAACe,EAAoBd,OAAAC,OAAA,CACjB5C,QAASA,KACHrB,GAAW,CACb+E,cAAc,EACdC,aAAa,EACbC,OAAO,aAGXlB,EAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF1D,EAAW2D,QAAUD,EACrBhD,GAAK+D,YAAYf,EAAK,GAEtB3B,GAAU,CACd2C,OA1EJC,UAEhB,GAAIpF,GAAYa,IAAsC,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,IACArB,IAAc,CACjB6E,QAAS,OACT5G,OAAQA,QAAAA,EAAUiD,MAElBoB,KAAkB,CAAA1E,SA9DZ,mBAAnBC,EACAA,EACHY,EAAe,CAAEqG,UAAWnF,GAAiBjB,YAAa,IAK9DiE,EAACoC,EAAS,CACN/F,SAAO,EACPgG,cAAexC,GACfsC,UAAWrG,EAAekB,QAAkBsF,EAC5CvG,SAAUD,EAAeC,OAAWuG,EACpCC,UAAW3G,EACX4G,GAAItF,GAAkBjC,SAErBC,cAsDN"}

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

@@ -1,2 +0,0 @@
-import"./popover-trigger.styles_1yq7ffk.css";const o="tg7uzp3";export{o as triggerContainer};
-//# sourceMappingURL=popover-trigger.styles.js.map

package/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/popover-v2/popover.d.ts

@@ -1,2 +0,0 @@
-import type { PopoverV2Props } from "./types";
-export declare const PopoverV2: ({ children, visible, onMobileClose, maxHeight, overflow, ariaLabel, id, className, "data-testid": testId, ...otherProps }: PopoverV2Props) => JSX.Element;

package/popover-v2/popover.js

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

package/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":["PopoverV2","_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":"g+BAgBO,MAAMA,EAAaC,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,EAAAX,EAVS,0GAetB,MAAMY,EAAmBC,EAAeC,EAAW,WAC7CC,EAAWC,EAA0BJ,GACrCK,EAAsBC,EAAuB,MAC7CC,EAAmBC,GACrB,KAAA,CACI,CAACC,EAAcC,YAAYlB,gBACTmB,IAAdnB,EAA0B,KAAO,GAAGA,MACxC,CAACiB,EAAcC,YAAYE,WAAYnB,QAAAA,EAAY,QAEvD,CAACD,EAAWC,IAEhBoB,EAAcR,EAAqBE,GAKnC,MAAMO,EAAoB,KAClBvB,GACAA,GACJ,EAMEwB,EAAgB,IACE,iBAAb1B,EACH2B,EAACC,EAAWC,OAAM,CAAA7B,SAAEA,IAA6B,EAKzD,OACI8B,EAAAC,EAAA,CAAA/B,SAAA,CACKC,IAAYa,GACTa,EAAA,MAAAK,OAAAC,OAAA,CACIC,IAAKlB,EACLmB,SAAU,EAAC,cACE3B,GACTC,EAAU,CACdF,UAAW6B,EAAKC,EAAyB9B,GACzCD,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB2B,EAACY,EAAI,CACDhC,UAAW6B,EACPI,OACclB,IAAdnB,GACIsC,EACJrC,GAAYsC,GACf1C,SAED2B,EAACgB,EAAM,CAACC,aAAa,mBAChBlB,WAKhBZ,GACGa,EAACkB,EAAO,CACJC,KAAM7C,EACN8C,eAAgBtB,EAChBuB,QAASvB,EACTnB,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB8B,EAACe,EAAQN,KAAI,CAAAvC,SAAA,CACT2B,EAACkB,EAAQI,QAAO,CAAAjD,SACZ2B,EAACgB,EAAM,CAAA3C,SAAE0B,QAEbC,EAACkB,EAAQK,YAAW,CAAA,UAIjC"}

package/popover-v2/popover.styles.d.ts

@@ -1,10 +0,0 @@
-export declare const tokens: {
-    readonly popoverCard: {
-        readonly maxHeight: "--fds-internal-popoverV2-popoverCard-maxHeight";
-        readonly overflowY: "--fds-internal-popoverV2-popoverCard-overflowY";
-    };
-};
-export declare const popoverContainer: import("@linaria/core").LinariaClassName;
-export declare const popoverCard: import("@linaria/core").LinariaClassName;
-export declare const popoverCardWithMaxHeight: import("@linaria/core").LinariaClassName;
-export declare const popoverCardWithOverflow: import("@linaria/core").LinariaClassName;

package/popover-v2/popover.styles.js

@@ -1,2 +0,0 @@
-import"./popover.styles_lslc72.css";const o={popoverCard:{maxHeight:"--fds-internal-popoverV2-popoverCard-maxHeight",overflowY:"--fds-internal-popoverV2-popoverCard-overflowY"}},p="pcmd570",r="pz2lvdt",e="p1j0bvgi",v="ps47yom";export{r as popoverCard,e as popoverCardWithMaxHeight,v as popoverCardWithOverflow,p as popoverContainer,o as tokens};
-//# sourceMappingURL=popover.styles.js.map

package/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":["tokens","popoverCard","maxHeight","overflowY","popoverContainer","popoverCardWithMaxHeight","popoverCardWithOverflow"],"mappings":"8DAIO,MAAMA,EAAS,CAClBC,YAAa,CACTC,UAAW,iDACXC,UAAW,mDAINC,EAAgB,UAOhBH,EAAW,UAuBXI,EAAwB,WAKxBC,EAAuB"}

package/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);}

package/popover-v2/types.d.ts

@@ -1,59 +0,0 @@
-import type { RefObject } from "react";
-export interface PopoverV2Props extends PopoverRenderProps {
-    children: string | JSX.Element;
-    visible?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    onMobileClose?: (() => void) | undefined;
-    ariaLabel?: string | undefined;
-}
-export interface PopoverRenderProps {
-    overflow?: PopoverOverflowType | undefined;
-    maxHeight?: number | undefined;
-}
-export type PopoverV2TriggerType = "click" | "hover";
-type Position = "top" | "right" | "bottom" | "left";
-type Alignment = "start" | "end";
-type AlignedPosition = `${Position}-${Alignment}`;
-export type PopoverOverflowType = "visible" | "hidden" | "clip" | "scroll" | "auto";
-export type PopoverV2Position = Position | AlignedPosition;
-export interface PopoverV2TriggerProps {
-    children: React.ReactNode;
-    popoverContent: string | JSX.Element | ((renderProps: PopoverRenderProps) => React.ReactNode);
-    trigger?: PopoverV2TriggerType | undefined;
-    position?: PopoverV2Position | undefined;
-    id?: string | undefined;
-    zIndex?: number | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    /**
-     * The root element that contains the popover element. Defaults to the document body.
-     *
-     * If the parent that contains the trigger element has a higher z-index than the popover,
-     * the popover may not be visible. Specify the parent element here instead
-     */
-    rootNode?: RefObject<HTMLElement> | undefined;
-    customOffset?: number | undefined;
-    delay?: {
-        open?: number | undefined;
-        close?: number | undefined;
-    } | undefined;
-    enableFlip?: boolean | undefined;
-    enableResize?: boolean | undefined;
-    overflow?: PopoverOverflowType | undefined;
-    popoverAriaLabel?: string | undefined;
-    triggerOnFocus?: boolean | undefined;
-    isModal?: boolean | undefined;
-    onPopoverAppear?: (() => void) | undefined;
-    onPopoverDismiss?: (() => void) | undefined;
-}
-export type PopoverInlineStyle = "default" | "underline" | "underline-dashed";
-export interface PopoverInlineProps extends Omit<PopoverV2TriggerProps, "children"> {
-    ariaLabel?: string | undefined;
-    content?: React.ReactNode | undefined;
-    icon?: JSX.Element | undefined;
-    underlineStyle?: PopoverInlineStyle | undefined;
-    underlineHoverStyle?: PopoverInlineStyle | undefined;
-}
-export {};

package/progress-indicator/progress-indicator.style.d.ts

@@ -1,47 +0,0 @@
-export declare const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;
-interface IndicatorProps {
-    $highlighted: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const IndicatorBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$highlighted"> & IndicatorProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$highlighted"> & IndicatorProps, never>>> & string;
-export declare const IndicatorTitleDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$highlighted"> & IndicatorProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$highlighted"> & IndicatorProps, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const IndicatorTitleTablet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export {};