@xplortech/apollo-core 2.10.0 → 2.12.0

package/dist/types/components/xpl-skeleton/skeleton.stories.d.ts

@@ -1,3 +1,11 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface SkeletonArgs {
+    shape: 'rectangle' | 'circle' | 'square';
+    size: string;
+    width: string;
+    height: string;
+    margin: string;
+}
 declare const _default: {
     title: string;
     component: string;
@@ -21,6 +29,8 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, SkeletonArgs>): Promise<void>;
 };
 export default _default;
-export declare const Simple: any;
+export declare const Simple: StoryFunction<SkeletonArgs>;

package/dist/types/components/xpl-slideout/slideout.stories.d.ts

@@ -1,6 +1,25 @@
+interface SlideoutStoryArgs {
+    isOpen: boolean;
+    title: string;
+    subtitle: string;
+    searchFieldEnabled: boolean;
+    backdropEnabled: boolean;
+    showFooter: boolean;
+    slotCount: number;
+    slotTitle: string;
+    slotText: string;
+    actions: 1 | 2 | 3;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    tertiaryButtonText: string;
+    variant: 'default' | 'warning';
+}
 declare const _default: {
     title: string;
     component: string;
+    tags: string[];
+    beforeEach(): void;
+    play: ({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, SlideoutStoryArgs>) => Promise<void>;
     argTypes: {
         isOpen: {
             control: "boolean";
@@ -79,22 +98,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Slideout: {
-    ({ isOpen, title, subtitle, searchFieldEnabled, backdropEnabled, showFooter, slotCount, slotTitle, slotText, actions, primaryButtonText, secondaryButtonText, tertiaryButtonText, variant, }: {
-        isOpen: any;
-        title: any;
-        subtitle: any;
-        searchFieldEnabled: any;
-        backdropEnabled: any;
-        showFooter: any;
-        slotCount: any;
-        slotTitle: any;
-        slotText: any;
-        actions: any;
-        primaryButtonText: any;
-        secondaryButtonText: any;
-        tertiaryButtonText: any;
-        variant: any;
-    }): string;
+    ({ isOpen, title, subtitle, searchFieldEnabled, backdropEnabled, showFooter, slotCount, slotTitle, slotText, actions, primaryButtonText, secondaryButtonText, tertiaryButtonText, variant, }: SlideoutStoryArgs): string;
     args: {
         isOpen: boolean;
         title: string;

package/dist/types/components/xpl-spotlight/spotlight.stories.d.ts

@@ -1,3 +1,4 @@
+import type { StoryObj } from '@storybook/web-components-vite';
 interface SpotlightStoryArgs {
     showActions: boolean;
     actionLayout: 'default' | 'dual' | 'single';
@@ -93,7 +94,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Spotlight: {
-    ({ actionLayout, anchorPosition, body, currentStep, heading, isDismissible, isOpen, primaryActionLabel, secondaryActionLabel, showActions, showImage, showSteps, target, totalSteps, }: SpotlightStoryArgs): string;
+    ({ actionLayout, anchorPosition, body, currentStep, heading, isDismissible, isOpen, primaryActionLabel, secondaryActionLabel, showActions, showImage, showSteps, target, totalSteps, }: SpotlightStoryArgs): StoryObj;
     args: {
         showActions: true;
         actionLayout: "default";
@@ -110,6 +111,11 @@ export declare const Spotlight: {
         target: string;
         totalSteps: number;
     };
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }): Promise<void>;
     parameters: {
         layout: string;
         docs: {

package/dist/types/components/xpl-spotlight/xpl-spotlight.d.ts

@@ -74,6 +74,7 @@ export declare class Spotlight {
     private get bodyPropHasText();
     private focusInitial;
     private shouldHandleDismissKeyboardEvent;
+    private capturePreviousFocus;
     private restoreFocus;
     private cancelPendingFocusWait;
     private cancelEnterTransition;

package/dist/types/components/xpl-tab/xpl-tab.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { BadgePalette } from '../xpl-badge/xpl-badge';
 export declare class Tab {
     el: HTMLElement;
+    badge?: string;
+    badgeVariant: BadgePalette;
     disabled: boolean;
     fullWidth: boolean;
     groupDisabled: boolean;
@@ -17,5 +20,7 @@ export declare class Tab {
     private get effectivelyDisabled();
     private get isSegment();
     private handleTabClick;
+    private get hasBadge();
+    private renderBadge;
     render(): any;
 }

package/dist/types/components/xpl-table/table.stories.d.ts

@@ -1,4 +1,19 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface TableArgs {
+    freeze: boolean;
+    multiselect: boolean;
+    striped: boolean;
+    columns: string[];
+    data: string[][];
+    footer: string[][];
+    selectedValues: string[];
+    isSortable: boolean;
+    sortableColumns: boolean[];
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TableArgs>): Promise<void>;
     title: string;
     argTypes: {
         freeze: {
@@ -49,40 +64,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Table: {
-    ({ columns, data, footer, freeze, multiselect, selectedValues, striped, isSortable, sortableColumns, }: {
-        columns: any;
-        data: any;
-        footer: any;
-        freeze: any;
-        multiselect: any;
-        selectedValues: any;
-        striped: any;
-        isSortable: any;
-        sortableColumns: any;
-    }): string;
-    args: {
-        freeze: boolean;
-        multiselect: boolean;
-        striped: boolean;
-        columns: string[];
-        data: string[][];
-        footer: string[][];
-        selectedValues: string[];
-        isSortable: boolean;
-        sortableColumns: boolean[];
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string[];
-        };
-        html: {
-            render: string[];
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const Table: StoryFunction<TableArgs>;

package/dist/types/components/xpl-table/xpl-table.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Table {
+    private static selectAllSeq;
     el: HTMLXplTableElement;
     columns?: string[];
     data?: string[][];
@@ -7,17 +8,16 @@ export declare class Table {
     freeze?: boolean;
     multiselect?: boolean;
     striped?: boolean;
-    selectedValues?: string[];
-    isSortable?: boolean;
-    sortableColumns?: boolean[];
+    selectedValues: string[];
+    isSortable: boolean;
+    sortableColumns: boolean[];
     areAllSelected: boolean;
     rowData: string[][];
-    rowFooterData: string[][];
     hasScrolled: boolean;
     selected: (string | boolean)[];
     sortTypeArray: ('asc' | 'desc' | null)[];
     tableSelect: EventEmitter;
-    private selectAllValue;
+    private selectAllValue?;
     private container;
     private selectAll;
     private selectOne;
@@ -27,14 +27,14 @@ export declare class Table {
     sortChanged: EventEmitter<{
         colNum: number;
         colName: string;
-        sortTypeArr: string[];
+        sortTypeArr: ('asc' | 'desc' | null)[];
     }>;
     private handleSort;
     private setData;
-    private setFooterData;
     watchData(): void;
-    watchFooterData(): void;
     watchColumns(): void;
     componentWillLoad(): void;
+    private ensureSelectAllValue;
+    private ensureSortTypeArray;
     render(): any;
 }

package/dist/types/components/xpl-table-header/table-header.stories.d.ts

@@ -1,3 +1,21 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface TableHeaderArgs {
+    firstCellType: 'label' | 'checkbox' | 'icon';
+    firstCellLabel: string;
+    firstCellIcon: string;
+    firstCellWidth: number;
+    firstCellSortable: boolean;
+    secondCellType: 'label' | 'checkbox' | 'icon';
+    secondCellLabel: string;
+    secondCellIcon: string;
+    secondCellWidth: number;
+    secondCellSortable: boolean;
+    thirdCellType: 'label' | 'checkbox' | 'icon';
+    thirdCellLabel: string;
+    thirdCellIcon: string;
+    thirdCellWidth: number;
+    thirdCellSortable: boolean;
+}
 declare const _default: {
     title: string;
     component: string;
@@ -55,53 +73,8 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TableHeaderArgs>): Promise<void>;
 };
 export default _default;
-export declare const TableHeader: {
-    ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, firstCellSortable, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, secondCellSortable, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, thirdCellSortable, }: {
-        firstCellType: any;
-        firstCellLabel: any;
-        firstCellIcon: any;
-        firstCellWidth: any;
-        firstCellSortable: any;
-        secondCellType: any;
-        secondCellLabel: any;
-        secondCellIcon: any;
-        secondCellWidth: any;
-        secondCellSortable: any;
-        thirdCellType: any;
-        thirdCellLabel: any;
-        thirdCellIcon: any;
-        thirdCellWidth: any;
-        thirdCellSortable: any;
-    }): string;
-    args: {
-        firstCellType: string;
-        firstCellLabel: string;
-        firstCellIcon: string;
-        firstCellWidth: number;
-        firstCellSortable: boolean;
-        secondCellType: string;
-        secondCellLabel: string;
-        secondCellIcon: string;
-        secondCellWidth: number;
-        secondCellSortable: boolean;
-        thirdCellType: string;
-        thirdCellLabel: string;
-        thirdCellIcon: string;
-        thirdCellWidth: number;
-        thirdCellSortable: boolean;
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const TableHeader: StoryFunction<TableHeaderArgs>;

package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts

@@ -1,3 +1,11 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface TableHeaderCellArgs {
+    type: 'label' | 'checkbox' | 'icon';
+    label: string;
+    icon: string;
+    width: number | null;
+    sortable: boolean;
+}
 declare const _default: {
     title: string;
     component: string;
@@ -21,39 +29,8 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TableHeaderCellArgs>): Promise<void>;
 };
 export default _default;
-export declare const TableHeaderCell: {
-    ({ type, label, icon, width, sortable }: {
-        type: any;
-        label: any;
-        icon: any;
-        width: any;
-        sortable: any;
-    }): string;
-    args: {
-        type: string;
-        label: string;
-        icon: string;
-        width: any;
-        sortable: boolean;
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: ({ type, label, icon, width, sortable }: {
-                type: any;
-                label: any;
-                icon: any;
-                width: any;
-                sortable: any;
-            }) => string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const TableHeaderCell: StoryFunction<TableHeaderCellArgs>;

package/dist/types/components/xpl-tabs/segment-control.stories.d.ts

@@ -1,5 +1,8 @@
 import { type TabsStoryArgs, type TabsStoryRenderContext } from './tabs.shared';
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TabsStoryArgs>): Promise<void>;
     title: string;
     component: string;
     parameters: {
@@ -90,6 +93,25 @@ declare const _default: {
             };
             description: string;
         };
+        badge: {
+            table: {
+                category: string;
+            };
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        badgeVariant: {
+            table: {
+                category: string;
+            };
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+        };
     };
 };
 export default _default;

package/dist/types/components/xpl-tabs/tabs.shared.d.ts

@@ -7,6 +7,8 @@ export interface TabsStoryArgs {
     tabDisabled: boolean;
     icon: string;
     iconPosition: 'start' | 'end';
+    badge: string;
+    badgeVariant: 'purple' | 'green' | 'yellow' | 'orange' | 'gray' | 'red' | 'blue';
 }
 export declare function escapeHtmlAttr(value: string): string;
 export declare function clampTabCount(n: number): number;
@@ -16,7 +18,7 @@ export interface TabsStoryRenderContext {
     updateArgs?: (next: Partial<TabsStoryArgs>) => void;
 }
 export declare function renderTabsStoryMarkup(args: TabsStoryArgs, context?: TabsStoryRenderContext): string;
-export declare const tabsPlainDomUnderlineStoryHtml = "<---- Non-interactive plain DOM (tabs.css BEM). Not the <xpl-tabs> API; use the Web Component tab for that. Ids mirror the scoped pattern (data-tabs-instance-id + target). ---->\n<div class=\"xpl-tabs\" data-tabs-instance-id=\"xpl-tg-1\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tabs__active-bar\"></div>\n        <div class=\"xpl-tab xpl-tab--selected\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab0\" aria-controls=\"xpl-tg-1-panel-tab0\" aria-selected=\"true\">Tab 1</button>\n        </div>\n        <div class=\"xpl-tab\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab1\" aria-controls=\"xpl-tg-1-panel-tab1\" aria-selected=\"false\">Tab 2</button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab0\" aria-labelledby=\"xpl-tg-1-tab-tab0\">Content for tab 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab1\" aria-labelledby=\"xpl-tg-1-tab-tab1\">Content for tab 2</div>\n    </div>\n</div>";
+export declare const tabsPlainDomUnderlineStoryHtml = "<---- Non-interactive plain DOM (tabs.css BEM). Not the <xpl-tabs> API; use the Web Component tab for that. Ids mirror the scoped pattern (data-tabs-instance-id + target). ---->\n<div class=\"xpl-tabs\" data-tabs-instance-id=\"xpl-tg-1\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tabs__active-bar\"></div>\n        <div class=\"xpl-tab xpl-tab--selected\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab0\" aria-controls=\"xpl-tg-1-panel-tab0\" aria-selected=\"true\"><xpl-icon class=\"xpl-tab__icon\" icon=\"user\" size=\"16\"></xpl-icon>Tab 1<xpl-badge class=\"xpl-tab__badge\" dot-only variant=\"purple\">4</xpl-badge></button>\n        </div>\n        <div class=\"xpl-tab\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab1\" aria-controls=\"xpl-tg-1-panel-tab1\" aria-selected=\"false\"><xpl-icon class=\"xpl-tab__icon\" icon=\"user\" size=\"16\"></xpl-icon>Tab 2<xpl-badge class=\"xpl-tab__badge\" dot-only variant=\"purple\">4</xpl-badge></button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab0\" aria-labelledby=\"xpl-tg-1-tab-tab0\">Content for tab 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab1\" aria-labelledby=\"xpl-tg-1-tab-tab1\">Content for tab 2</div>\n    </div>\n</div>";
 export declare const tabsPlainDomSegmentStoryHtml = "<---- Segment (type='segment'): Stencil renders xpl-tab.xpl-tab--segment > xpl-button; xpl-tab assigns id, role, and aria-* on the inner native <button>. Plain buttons below only illustrate tablist \u2194 tabpanel id wiring (not .xpl-tab__button). ---->\n<div class=\"xpl-tabs xpl-tabs--segment\" data-tabs-instance-id=\"xpl-tg-2\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tab xpl-tab--segment xpl-tab--selected\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab0\" aria-controls=\"xpl-tg-2-panel-tab0\" aria-selected=\"true\">Segment 1</button>\n        </div>\n        <div class=\"xpl-tab xpl-tab--segment\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab1\" aria-controls=\"xpl-tg-2-panel-tab1\" aria-selected=\"false\">Segment 2</button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab0\" aria-labelledby=\"xpl-tg-2-tab-tab0\">Content for segment 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab1\" aria-labelledby=\"xpl-tg-2-tab-tab1\">Content for segment 2</div>\n    </div>\n</div>";
 export declare const tabsStoryBaseArgTypes: {
     type: {
@@ -72,6 +74,19 @@ export declare const tabsStoryBaseArgTypes: {
         };
         description: string;
     };
+    badge: {
+        control: {
+            type: "text";
+        };
+        description: string;
+    };
+    badgeVariant: {
+        options: string[];
+        control: {
+            type: "select";
+        };
+        description: string;
+    };
 };
 export declare const segmentControlStoryArgTypes: {
     type: {
@@ -151,6 +166,25 @@ export declare const segmentControlStoryArgTypes: {
         };
         description: string;
     };
+    badge: {
+        table: {
+            category: string;
+        };
+        control: {
+            type: "text";
+        };
+        description: string;
+    };
+    badgeVariant: {
+        table: {
+            category: string;
+        };
+        options: string[];
+        control: {
+            type: "select";
+        };
+        description: string;
+    };
 };
 export declare const tabsUnderlineDefaultArgs: TabsStoryArgs;
 export declare const segmentControlDefaultArgs: TabsStoryArgs;

package/dist/types/components/xpl-tabs/tabs.stories.d.ts

@@ -1,5 +1,8 @@
 import { type TabsStoryArgs, type TabsStoryRenderContext } from './tabs.shared';
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TabsStoryArgs>): Promise<void>;
     title: string;
     component: string;
     parameters: {
@@ -23,25 +26,6 @@ declare const _default: {
             };
             description: string;
         };
-        icon: {
-            table: {
-                disable: true;
-            };
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        iconPosition: {
-            table: {
-                disable: true;
-            };
-            options: string[];
-            control: {
-                type: "radio";
-            };
-            description: string;
-        };
         disabled: {
             control: {
                 type: "boolean";
@@ -75,6 +59,32 @@ declare const _default: {
             };
             description: string;
         };
+        icon: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        iconPosition: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+        };
+        badge: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        badgeVariant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+        };
     };
 };
 export default _default;

package/dist/types/components/xpl-tag/tag.stories.d.ts

@@ -7,6 +7,9 @@ interface TagStoryArgs {
     tagId: string;
 }
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TagStoryArgs>): Promise<void>;
     title: string;
     component: string;
     argTypes: {

package/dist/types/components/xpl-toast/toast.stories.d.ts

@@ -1,6 +1,18 @@
+interface ToastStoryArgs {
+    variant: 'neutral' | 'warning' | 'success';
+    showIcon: boolean;
+    dismissible: boolean;
+    toastTitle: string;
+    caption: string;
+    showAction: boolean;
+    timeout: number;
+}
 declare const _default: {
     title: string;
     component: string;
+    tags: string[];
+    beforeEach(): void;
+    play: ({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, ToastStoryArgs>) => Promise<void>;
     argTypes: {
         variant: {
             options: string[];
@@ -33,20 +45,12 @@ declare const _default: {
 };
 export default _default;
 export declare const Toast: {
-    ({ variant, showIcon, dismissible, toastTitle, caption, showAction, timeout, }: {
-        variant: any;
-        showIcon: any;
-        dismissible: any;
-        toastTitle: any;
-        caption: any;
-        showAction: any;
-        timeout: any;
-    }): string;
+    ({ variant, showIcon, dismissible, toastTitle, caption, showAction, timeout, }: ToastStoryArgs): string;
     args: {
-        variant: string;
-        showIcon: boolean;
-        showAction: boolean;
-        dismissible: boolean;
+        variant: "neutral";
+        showIcon: true;
+        showAction: false;
+        dismissible: true;
         toastTitle: string;
         caption: string;
         timeout: number;

package/dist/types/components/xpl-toast/xpl-toast.d.ts

@@ -1,12 +1,21 @@
 export declare class Toast {
+    private actionSlot;
+    private dismissTimerId;
     el: HTMLXplToastElement;
-    variant: 'neutral' | 'warning' | 'success';
-    showIcon?: boolean;
     caption: string;
-    dismissable: boolean;
+    dismissable?: boolean;
+    handleDismissableChange(): void;
+    dismissible: boolean;
+    showIcon?: boolean;
     timeout: number;
-    private actionSlot;
+    handleTimeoutChange(): void;
+    variant: 'neutral' | 'warning' | 'success';
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    private get isDismissible();
+    private clearAutoDismissTimer;
+    private scheduleAutoDismiss;
     private handleAnimationEnd;
     private getIcon;
     private dismiss;

package/dist/types/components/xpl-toggle/toggle.stories.d.ts

@@ -1,5 +1,17 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface ToggleArgs {
+    checked: boolean;
+    variant: 'default' | 'small';
+    heading: string;
+    label: string;
+    description: string;
+    disabled: boolean;
+}
 declare const _default: {
     title: string;
+    component: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         checked: {
             control: {
@@ -38,34 +50,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Toggle: {
-    ({ checked, description, disabled, label, heading, variant }: {
-        checked: any;
-        description: any;
-        disabled: any;
-        label: any;
-        heading: any;
-        variant: any;
-    }): string;
-    args: {
-        checked: boolean;
-        heading: string;
-        label: string;
-        variant: string;
-        description: string;
-        disabled: boolean;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const Toggle: StoryFunction<ToggleArgs>;