@ebrains/components 3.0.0 → 3.2.0

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

@@ -34,16 +34,6 @@ declare const _default: {
             };
             description: string;
         };
-        columnSize: {
-            control: string;
-            options: string[];
-            description: string;
-        };
-        theme: {
-            control: string;
-            options: string[];
-            description: string;
-        };
         view: {
             control: string;
             options: string[];
@@ -81,8 +71,6 @@ declare const _default: {
         paginationEnabled: boolean;
         searchEnabled: boolean;
         sortingEnabled: boolean;
-        columnSize: string;
-        theme: string;
         view: string;
         showViewToggle: boolean;
         actions: {
@@ -112,71 +100,8 @@ export declare const Default: {
         paginationEnabled: boolean;
         searchEnabled: boolean;
         sortingEnabled: boolean;
-        columnSize: string;
-        theme: string;
         view: string;
         showViewToggle: boolean;
-    };
-};
-export declare const BrandTheme: {
-    render: (args: any) => string;
-    args: {
-        data: {
-            name: string;
-            age: number;
-            occupation: string;
-        }[];
-        config: {
-            name: {
-                format: string;
-            };
-            occupation: {
-                format: string;
-            };
-        };
-        rowsPerPage: number;
-        paginationEnabled: boolean;
-        searchEnabled: boolean;
-        sortingEnabled: boolean;
-        actions: {
-            name: string;
-            label: string;
-            icon: string;
-            intent: string;
-        }[];
-    };
-};
-export declare const DefaultTheme: {
-    render: (args: any) => string;
-    args: {
-        data: {
-            name: string;
-            age: number;
-            occupation: string;
-        }[];
-        config: {
-            name: {
-                format: string;
-            };
-        };
-        rowsPerPage: number;
-    };
-};
-export declare const CardView: {
-    render: (args: any) => string;
-    args: {
-        data: {
-            name: string;
-            age: number;
-            occupation: string;
-        }[];
-        config: {
-            name: {
-                format: string;
-            };
-        };
-        rowsPerPage: number;
-        theme: string;
         actions: {
             name: string;
             label: string;
@@ -185,35 +110,3 @@ export declare const CardView: {
         }[];
     };
 };
-export declare const WithViewToggle: {
-    render: (args: any) => string;
-    args: {
-        data: {
-            name: string;
-            age: number;
-            occupation: string;
-        }[];
-        config: {
-            name: {
-                format: string;
-            };
-            occupation: {
-                format: string;
-            };
-        };
-        rowsPerPage: number;
-        actions: ({
-            name: string;
-            label: string;
-            icon: string;
-            intent: string;
-            type?: undefined;
-        } | {
-            name: string;
-            label: string;
-            type: string;
-            icon?: undefined;
-            intent?: undefined;
-        })[];
-    };
-};

package/dist/types/components/eds-tabs/eds-tabs.d.ts

@@ -45,6 +45,16 @@ export declare class EdsTabs {
     componentWillLoad(): void;
     /**
      * Parses the `tabs` prop into an array of tab objects.
+     *
+     * Note: we deliberately do NOT clear `tabRefs` here. Consumers
+     * often re-pass `tabs` with an updated `active` flag every time
+     * the user switches tabs (Vue/React re-render on event). Wiping
+     * the refs leaves a window in which a queued focus() call sees
+     * `tabRefs[index] === undefined` and silently no-ops — focus
+     * gets stuck on the previous tab even though `aria-selected` and
+     * the background already moved. Stencil re-binds refs on render,
+     * so the array stays in sync without us emptying it; we only
+     * truncate when the new list is shorter to drop stale entries.
      */
     parseTabs(): void;
     componentDidUpdate(): void;

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

@@ -7,7 +7,32 @@ export declare class EdsToast {
     /**
      * The visual intent or style of the toast, indicating the toast type.
      */
-    intent: 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
+    intent: 'default' | 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'brand' | 'brandInverse';
+    /**
+     * Visual variant:
+     * - "toast": the classic compact pill (message + close). Default; used by the
+     *   global toast manager.
+     * - "banner": a richer inline banner — leading icon in a tinted square, a bold
+     *   heading over a mono message, a coloured left rail on a tinted surface, an
+     *   optional actions slot and an optional dismiss button. Use for persistent,
+     *   in-page status (form expiry, saved draft, etc.).
+     */
+    variant: 'toast' | 'banner';
+    /**
+     * Bold heading shown above the message. Banner variant only.
+     */
+    heading?: string;
+    /**
+     * Leading icon name (from the EBRAINS icon set). Banner variant only.
+     * Falls back to a sensible default per intent when omitted.
+     */
+    icon?: string;
+    /**
+     * Show a dismiss (×) button regardless of `duration`. The `toast` variant
+     * already shows one whenever `duration` is set; set this for a persistent
+     * banner the user can still close.
+     */
+    dismissible: boolean;
     /**
      * Determines the duration before the toast auto-dismisses (in milliseconds).
      * If set, the toast will auto-dismiss and show a close button.
@@ -18,12 +43,18 @@ export declare class EdsToast {
      * Internal state to control visibility of the toast.
      */
     visible: boolean;
+    /**
+     * Whether the banner has slotted actions. Detected from light DOM because a
+     * `<slot>` element always counts as a child, so `:empty` can't tell us.
+     */
+    hasActions: boolean;
     el: HTMLElement;
     toast: EventEmitter<{
         visible: boolean;
         label: 'dismissed' | 'shown';
     }>;
     private dismissTimeout;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     /**
      * Emits a custom event called `parentContext` for a given button element.
@@ -38,5 +69,6 @@ export declare class EdsToast {
     dismissToast: () => void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private renderBanner;
     render(): any;
 }

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

@@ -2,23 +2,44 @@ declare const _default: {
     title: string;
     component: string;
     argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
         message: {
             control: string;
             description: string;
         };
+        heading: {
+            control: string;
+            description: string;
+        };
         intent: {
             control: string;
             options: string[];
             description: string;
         };
+        icon: {
+            control: string;
+            description: string;
+        };
+        dismissible: {
+            control: string;
+            description: string;
+        };
         duration: {
             control: string;
             description: string;
         };
     };
     args: {
+        variant: string;
         message: string;
+        heading: string;
         intent: string;
+        icon: string;
+        dismissible: boolean;
         duration: number;
     };
 };
@@ -38,6 +59,33 @@ export declare const Brand: {
         duration: number;
     };
 };
-export declare const AllVariants: {
+export declare const AllToastIntents: {
+    render: () => string;
+};
+export declare const Banner: {
+    render: (args: any) => string;
+    args: {
+        variant: string;
+        intent: string;
+        heading: string;
+        message: string;
+        icon: string;
+        dismissible: boolean;
+    };
+};
+export declare const BannerClosed: {
+    name: string;
+    render: () => string;
+};
+export declare const BannerClosingSoon: {
+    name: string;
+    render: () => string;
+};
+export declare const BannerWithActions: {
+    name: string;
+    render: () => string;
+};
+export declare const AllBanners: {
+    name: string;
     render: () => string;
 };

package/dist/types/components/eds-user/eds-user.d.ts

@@ -22,13 +22,11 @@ export declare class EdsUser {
     dropdownLabel: string;
     hostEl: HTMLElement;
     expanded: boolean;
-    shortMode: boolean;
     private dropdownEl?;
     /**
      * Helper getter to ensure we work with a User object.
      */
     private get parsedUser();
-    componentWillLoad(): Promise<void>;
     private get initials();
     private handleDropdown;
     closeDropdown(): Promise<void>;

package/dist/types/components/eds-user/eds-user.stories.d.ts

@@ -6,6 +6,10 @@ declare const _default: {
             control: string;
             description: string;
         };
+        dropdownLabel: {
+            control: string;
+            description: string;
+        };
     };
     args: {
         user: {
@@ -15,18 +19,10 @@ declare const _default: {
             name: string;
             email: string;
         };
+        dropdownLabel: string;
     };
 };
 export default _default;
 export declare const Default: {
     render: (args: any) => HTMLDivElement;
-    args: {
-        user: {
-            given_name: string;
-            family_name: string;
-            preferred_username: string;
-            name: string;
-            email: string;
-        };
-    };
 };