@wireapp/react-ui-kit 9.69.5 → 9.69.7-beta.14.5ce5ca523

package/lib/DataDisplay/Pill/Pill.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combinations = exports.Interactive = exports.WithLongText = exports.AllVariants = exports.Warning = exports.Success = exports.Error = exports.Active = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Pill_1 = require("./Pill");
-const meta = {
-    component: Pill_1.Pill,
-    title: 'DataDisplay/Pill',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    argTypes: {
-        type: {
-            control: 'select',
-            options: [null, ...Object.values(Pill_1.PILL_TYPE)],
-        },
-        active: {
-            control: 'boolean',
-        },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: 'Default Pill',
-    },
-};
-exports.Active = {
-    args: {
-        children: 'Active Pill',
-        active: true,
-    },
-};
-exports.Error = {
-    args: {
-        children: 'Error Pill',
-        type: Pill_1.PILL_TYPE.error,
-    },
-};
-exports.Success = {
-    args: {
-        children: 'Success Pill',
-        type: Pill_1.PILL_TYPE.success,
-    },
-};
-exports.Warning = {
-    args: {
-        children: 'Warning Pill',
-        type: Pill_1.PILL_TYPE.warning,
-    },
-};
-const AllVariants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { children: "Default Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { active: true, children: "Active Pill" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, children: "Error Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, children: "Success Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, children: "Warning Pill" })] })] }));
-exports.AllVariants = AllVariants;
-const WithLongText = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { children: "This is a very long text that should wrap nicely inside the pill component" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, children: "This is a very long successful message that should wrap nicely" })] }));
-exports.WithLongText = WithLongText;
-const Interactive = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px' }, children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { onClick: () => alert('Clicked!'), style: { cursor: 'pointer' }, children: "Clickable Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { active: true, onClick: () => alert('Active pills can be clicked too!'), style: { cursor: 'pointer' }, children: "Active Clickable" })] }));
-exports.Interactive = Interactive;
-const Combinations = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, active: true, children: "Active Error" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, active: true, children: "Active Success" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, active: true, children: "Active Warning" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, style: { opacity: 0.7 }, children: "Faded Error" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, style: { opacity: 0.7 }, children: "Faded Success" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, style: { opacity: 0.7 }, children: "Faded Warning" })] })] }));
-exports.Combinations = Combinations;

package/lib/DataDisplay/Pill/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Pill';
-//# sourceMappingURL=index.d.ts.map

package/lib/DataDisplay/Pill/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Pill/index.ts"],"names":[],"mappings":"AAmBA,cAAc,QAAQ,CAAC"}

package/lib/DataDisplay/Pill/index.js

@@ -1,35 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Pill"), exports);

package/lib/DataDisplay/Tooltip/Tooltip.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-export interface TooltipProps<T = HTMLDivElement> extends HTMLProps<T> {
-    body: ReactNode;
-    selector?: string;
-}
-export declare const Tooltip: ({ children, ...props }: TooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Tooltip.d.ts.map

package/lib/DataDisplay/Tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAA0B,SAAS,EAAmB,MAAM,OAAO,CAAC;AAqJrF,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpE,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,2BAA0B,YAAY,qDAmCzD,CAAC"}

package/lib/DataDisplay/Tooltip/Tooltip.js

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const utils_1 = require("../../utils");
-const paddingDistance = 8;
-const tooltipStyle = theme => ({
-    position: 'fixed',
-    zIndex: 'var(--z-index-level-8)',
-    maxWidth: '300px',
-    filter: 'drop-shadow(1px 2px 6px rgba(0, 0, 0, 0.3))',
-    borderRadius: '4px',
-    "&[data-position='top']": {
-        paddingBottom: `${paddingDistance}px`,
-        '.tooltip-arrow': {
-            borderTop: `10px solid ${theme.Tooltip.backgroundColor}`,
-            bottom: 0,
-        },
-    },
-    "&[data-position='bottom']": {
-        paddingTop: `${paddingDistance}px`,
-        '.tooltip-arrow': {
-            borderBottom: `10px solid ${theme.Tooltip.backgroundColor}`,
-            top: 0,
-        },
-    },
-    '.tooltip-content': {
-        color: theme.Tooltip.color,
-        backgroundColor: theme.Tooltip.backgroundColor,
-        borderRadius: '4px',
-        fontSize: '12px',
-        lineHeight: '14px',
-        fontWeight: 400,
-        padding: `${paddingDistance}px 8px`,
-        textAlign: 'center',
-        overflowWrap: 'break-word',
-    },
-    '.tooltip-arrow': {
-        width: 0,
-        height: 0,
-        borderLeft: '8px solid transparent',
-        borderRight: '8px solid transparent',
-        position: 'absolute',
-    },
-});
-const TooltipArrow = ({ wrapperRect }) => {
-    const tooltipArrowRef = (element) => {
-        if (!element) {
-            return;
-        }
-        const { parentElement } = element;
-        if (!parentElement) {
-            return;
-        }
-        const tooltipRect = parentElement.getBoundingClientRect();
-        const isTouchingLeftEdge = wrapperRect.x <= tooltipRect.width / 2 + paddingDistance * 2;
-        const isTouchingRightEdge = wrapperRect.left + tooltipRect.width / 2 + paddingDistance * 2 >= window.innerWidth;
-        if (isTouchingLeftEdge) {
-            element.style.left = `${wrapperRect.left - paddingDistance}px`;
-        }
-        else if (isTouchingRightEdge) {
-            const calculateX = window.innerWidth - wrapperRect.right - paddingDistance;
-            element.style.right = `${calculateX}px`;
-        }
-        else {
-            element.style.left = `50%`;
-            element.style.transform = `translateX(-50%)`;
-        }
-    };
-    return (0, jsx_runtime_1.jsx)("div", { ref: tooltipArrowRef, className: "tooltip-arrow" });
-};
-const PortalComponent = ({ children, wrapperRect, selector = '#wire-app' }) => {
-    const [isTouchingTop, setIsTouchingTop] = (0, react_1.useState)(false);
-    const targetElement = document.querySelector(selector);
-    if (!targetElement || !wrapperRect) {
-        return null;
-    }
-    const tooltipRef = (element) => {
-        if (!element) {
-            return;
-        }
-        const tooltipRect = element.getBoundingClientRect();
-        const isTouchingTopEdge = wrapperRect.y <= tooltipRect.height + paddingDistance * 2;
-        setIsTouchingTop(isTouchingTopEdge);
-        const isTouchingLeftEdge = wrapperRect.x <= tooltipRect.width / 2 + paddingDistance * 2;
-        const isTouchingRightEdge = wrapperRect.left + tooltipRect.width / 2 + paddingDistance * 2 >= window.innerWidth;
-        if (isTouchingLeftEdge) {
-            element.style.left = `${paddingDistance}px`;
-        }
-        else if (isTouchingRightEdge) {
-            element.style.right = `${paddingDistance}px`;
-        }
-        else {
-            const elementWidth = (element.scrollWidth - wrapperRect.width) / 2;
-            element.style.left = `${wrapperRect.x - elementWidth}px`;
-        }
-        if (isTouchingTopEdge) {
-            element.style.top = `${wrapperRect.y + wrapperRect.height}px`;
-        }
-        else {
-            element.style.top = `${wrapperRect.y - element.clientHeight}px`;
-        }
-    };
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ref: tooltipRef, className: "tooltip", css: (theme) => tooltipStyle(theme), "data-position": isTouchingTop ? 'bottom' : 'top', children: [(0, jsx_runtime_1.jsx)(TooltipArrow, { wrapperRect: wrapperRect }), (0, jsx_runtime_1.jsx)("div", { className: "tooltip-content", "data-testid": "tooltip-content", children: children })] }), targetElement);
-};
-const filterTooltipProps = (props) => (0, utils_1.filterProps)(props, ['body', 'selector']);
-const Tooltip = ({ children, ...props }) => {
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
-    const wrapperRectRef = (0, react_1.useRef)();
-    const filteredProps = filterTooltipProps(props);
-    const { body, selector = '#wire-app' } = props;
-    const onElementEnter = ({ currentTarget }) => {
-        const wrapperRect = currentTarget.getBoundingClientRect();
-        setIsHovered(true);
-        wrapperRectRef.current = wrapperRect;
-    };
-    const onElementLeave = () => setIsHovered(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { role: "presentation", "data-testid": "tooltip-wrapper", onMouseEnter: onElementEnter, onMouseLeave: onElementLeave, onFocus: onElementEnter, onBlur: onElementLeave, style: { width: 'max-content' }, ...filteredProps, children: [children, isHovered && ((0, jsx_runtime_1.jsx)(PortalComponent, { wrapperRect: wrapperRectRef.current, selector: selector, children: body }))] }));
-};
-exports.Tooltip = Tooltip;

package/lib/DataDisplay/Tooltip/Tooltip.stories.d.ts

@@ -1,392 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ children, ...props }: import("./Tooltip").TooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        body: import("react").ReactNode;
-        selector?: string;
-        accept?: string | undefined;
-        acceptCharset?: string | undefined;
-        action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
-        allowFullScreen?: boolean | undefined;
-        allowTransparency?: boolean | undefined;
-        alt?: string | undefined;
-        as?: string | undefined;
-        async?: boolean | undefined;
-        autoComplete?: string | undefined;
-        autoPlay?: boolean | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        cellPadding?: number | string | undefined;
-        cellSpacing?: number | string | undefined;
-        charSet?: string | undefined;
-        challenge?: string | undefined;
-        checked?: boolean | undefined;
-        cite?: string | undefined;
-        classID?: string | undefined;
-        cols?: number | undefined;
-        colSpan?: number | undefined;
-        controls?: boolean | undefined;
-        coords?: string | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials";
-        data?: string | undefined;
-        dateTime?: string | undefined;
-        default?: boolean | undefined;
-        defer?: boolean | undefined;
-        disabled?: boolean | undefined;
-        download?: any;
-        encType?: string | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        frameBorder?: number | string | undefined;
-        headers?: string | undefined;
-        height?: number | string | undefined;
-        high?: number | undefined;
-        href?: string | undefined;
-        hrefLang?: string | undefined;
-        htmlFor?: string | undefined;
-        httpEquiv?: string | undefined;
-        integrity?: string | undefined;
-        keyParams?: string | undefined;
-        keyType?: string | undefined;
-        kind?: string | undefined;
-        label?: string | undefined;
-        list?: string | undefined;
-        loop?: boolean | undefined;
-        low?: number | undefined;
-        manifest?: string | undefined;
-        marginHeight?: number | undefined;
-        marginWidth?: number | undefined;
-        max?: number | string | undefined;
-        maxLength?: number | undefined;
-        media?: string | undefined;
-        mediaGroup?: string | undefined;
-        method?: string | undefined;
-        min?: number | string | undefined;
-        minLength?: number | undefined;
-        multiple?: boolean | undefined;
-        muted?: boolean | undefined;
-        name?: string | undefined;
-        noValidate?: boolean | undefined;
-        open?: boolean | undefined;
-        optimum?: number | undefined;
-        pattern?: string | undefined;
-        placeholder?: string | undefined;
-        playsInline?: boolean | undefined;
-        poster?: string | undefined;
-        preload?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined;
-        reversed?: boolean | undefined;
-        rows?: number | undefined;
-        rowSpan?: number | undefined;
-        sandbox?: string | undefined;
-        scope?: string | undefined;
-        scoped?: boolean | undefined;
-        scrolling?: string | undefined;
-        seamless?: boolean | undefined;
-        selected?: boolean | undefined;
-        shape?: string | undefined;
-        size?: number | undefined;
-        sizes?: string | undefined;
-        span?: number | undefined;
-        src?: string | undefined;
-        srcDoc?: string | undefined;
-        srcLang?: string | undefined;
-        srcSet?: string | undefined;
-        start?: number | undefined;
-        step?: number | string | undefined;
-        summary?: string | undefined;
-        target?: string | undefined;
-        type?: string | undefined;
-        useMap?: string | undefined;
-        value?: string | readonly string[] | number | undefined;
-        width?: number | string | undefined;
-        wmode?: string | undefined;
-        wrap?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: import("react").CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        children?: import("react").ReactNode | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-        onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-        onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-        onChange?: import("react").FormEventHandler<HTMLDivElement>;
-        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onInput?: import("react").FormEventHandler<HTMLDivElement>;
-        onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onReset?: import("react").FormEventHandler<HTMLDivElement>;
-        onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
-        onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onError?: import("react").ReactEventHandler<HTMLDivElement>;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-        onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPause?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onResize?: import("react").ReactEventHandler<HTMLDivElement>;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onClick?: import("react").MouseEventHandler<HTMLDivElement>;
-        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onDrag?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onDrop?: import("react").DragEventHandler<HTMLDivElement>;
-        onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
-        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-        onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-        onScroll?: import("react").UIEventHandler<HTMLDivElement>;
-        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
-        onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
-        ref?: import("react").LegacyRef<HTMLDivElement>;
-        key?: import("react").Key | null | undefined;
-        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
-    }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithInput: Story;
-export declare const CustomPosition: Story;
-export declare const LongContent: Story;
-export declare const WithMarkup: Story;
-//# sourceMappingURL=Tooltip.stories.d.ts.map

package/lib/DataDisplay/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAOrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}