@warp-ds/elements 2.2.0-next.8 → 2.2.0-next.9

package/dist/packages/attention/attention.stories.d.ts

@@ -8,3 +8,8 @@ declare const meta: Meta<typeof args>;
 export default meta;
 type Story = StoryObj<typeof args>;
 export declare const Default: Story;
+export declare const ToolTip: Story;
+export declare const Callout: Story;
+export declare const Highlight: Story;
+export declare const DismissibleHighlight: Story;
+export declare const AccessibleTooltip: Story;

package/dist/packages/attention/attention.test.d.ts

@@ -0,0 +1 @@
+import './index.js';

package/dist/packages/attention/index.d.ts

@@ -1,69 +1,36 @@
-declare const WarpAttention_base: {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
+import { LitElement } from 'lit';
+import { Directions } from '@warp-ds/core/attention';
+import '@warp-ds/icons/elements/close-16';
+export declare const ccAttention: {
+    base: string;
+    tooltip: string;
+    callout: string;
+    highlight: string;
+    popover: string;
+    arrowBase: string;
+    arrowDirectionLeftStart: string;
+    arrowDirectionLeft: string;
+    arrowDirectionLeftEnd: string;
+    arrowDirectionRightStart: string;
+    arrowDirectionRight: string;
+    arrowDirectionRightEnd: string;
+    arrowDirectionBottomStart: string;
+    arrowDirectionBottom: string;
+    arrowDirectionBottomEnd: string;
+    arrowDirectionTopStart: string;
+    arrowDirectionTop: string;
+    arrowDirectionTopEnd: string;
+    arrowTooltip: string;
+    arrowCallout: string;
+    arrowPopover: string;
+    arrowHighlight: string;
+    content: string;
+    notCallout: string;
+    closeBtn: string;
 };
-export class WarpAttention extends WarpAttention_base {
-    static properties: {
-        show: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        placement: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        tooltip: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        callout: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        popover: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        highlight: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        canClose: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        noArrow: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        distance: {
-            type: NumberConstructor;
-            reflect: boolean;
-        };
-        skidding: {
-            type: NumberConstructor;
-            reflect: boolean;
-        };
-        flip: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        crossAxis: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            reflect: boolean;
-        };
-    };
-    static styles: (import("lit").CSSResult | (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[])[];
-    handleDone(): void;
+declare class WarpAttention extends LitElement {
     show: boolean;
-    placement: string;
+    placement: Directions;
     tooltip: boolean;
     callout: boolean;
     popover: boolean;
@@ -74,17 +41,24 @@ export class WarpAttention extends WarpAttention_base {
     skidding: number;
     flip: boolean;
     crossAxis: boolean;
-    _initialPlacement: string;
+    fallbackPlacements: Directions[];
     /** @internal */
-    set _actualDirection(v: string);
+    attentionState: any;
     /** @internal */
-    get _actualDirection(): string;
+    _initialPlacement: Directions;
+    static styles: import("lit").CSSResult[];
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    handleDone(): void;
     /** @internal */
-    get _arrowEl(): any;
+    get _actualDirection(): Directions;
     /** @internal */
-    get _arrowDirection(): any;
+    set _actualDirection(v: Directions);
+    /** @internal */
+    get _arrowEl(): Element;
+    /** @internal */
+    get _arrowDirection(): Directions;
     /** @internal */
     get _arrowClasses(): string;
     /** @internal */
@@ -95,11 +69,11 @@ export class WarpAttention extends WarpAttention_base {
         arrow: any;
     };
     /** @internal */
-    get _attentionEl(): any;
+    get _attentionEl(): HTMLDivElement;
     /** @internal */
-    get _targetEl(): any;
+    get _targetEl(): Element | null;
     /** @internal */
-    get _messageEl(): any;
+    get _messageEl(): Element | null;
     /** @internal */
     get _wrapperClasses(): string;
     /** @internal */
@@ -107,28 +81,13 @@ export class WarpAttention extends WarpAttention_base {
     /** @internal */
     get _closeBtnHtml(): import("lit").TemplateResult<1>;
     updated(): void;
-    attentionState: {
-        isShowing: boolean;
-        isCallout: boolean;
-        actualDirection: string;
-        directionName: string;
-        arrowEl: any;
-        attentionEl: any;
-        targetEl: any;
-        noArrow: boolean;
-        distance: number;
-        skidding: number;
-        flip: boolean;
-        crossAxis: boolean;
-        fallbackPlacements: any;
-    };
     pointingAtDirection(): string;
     activeAttentionType(): string;
     defaultAriaLabel(): string;
     setAriaLabels(): void;
     firstUpdated(): void;
     close(): void;
-    keypressed(e: any): void;
+    keypressed(e: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};
+export { WarpAttention };