@ebrains/components 3.0.0 → 3.1.0

package/dist/types/components/eds-input-field/eds-input-field.stories.d.ts

@@ -2,103 +2,162 @@ declare const _default: {
     title: string;
     component: string;
     argTypes: {
-        name: {
+        type: {
             control: string;
+            options: string[];
             description: string;
+            table: {
+                category: string;
+            };
         };
-        inputId: {
+        name: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        placeholder: {
+        label: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        disabled: {
+        placeholder: {
             control: string;
             description: string;
-        };
-        type: {
-            control: string;
-            options: string[];
-            description: string;
+            table: {
+                category: string;
+            };
         };
         required: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        label: {
-            control: string;
-            description: string;
-        };
-        hint: {
+        disabled: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        icon: {
+        error: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        link: {
+        errorMessage: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        min: {
+        checked: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
         };
-        max: {
+        hint: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        step: {
+        message: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        message: {
-            control: string;
+        icon: {
+            control: {
+                type: string;
+            };
+            options: string[];
             description: string;
+            table: {
+                category: string;
+            };
         };
-        error: {
+        link: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        checked: {
+        maxLength: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        errorMessage: {
+        min: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        value: {
+        max: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
-        maxLength: {
+        step: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
         };
         options: {
             control: string;
             description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        name: string;
+        placeholder: string;
+        type: string;
+        required: boolean;
+        label: string;
+        hint: string;
+        message: string;
+        icon: string;
+        link: {
+            url: string;
+            label: string;
         };
     };
 };
 export default _default;
-export declare const BasicTextInput: any;
-export declare const PasswordInputWithHint: any;
-export declare const TextInputWithError: any;
+export declare const Default: any;
 export declare const CheckboxGroup: any;
 export declare const RadioButtonGroup: any;
 export declare const SelectDropdown: any;
 export declare const FileUpload: any;
-export declare const InputWithIconAndLink: any;
-export declare const NumberInputWithMaxLength: any;
-export declare const DisabledInput: any;
-export declare const InputWithMessage: any;
-export declare const InputWithMaxLength: any;
-export declare const InputWithValue: any;
-export declare const CheckboxSingle: any;
-export declare const RadioButtonSingle: any;
-export declare const InputWithCustomIcon: any;
+export declare const Dropzone: any;
+export declare const NumberInput: any;
+export declare const RangeSlider: any;

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

@@ -12,7 +12,10 @@ declare const _default: {
             description: string;
         };
         icon: {
-            control: string;
+            control: {
+                type: string;
+            };
+            options: string[];
             description: string;
         };
         iconSmall: {
@@ -24,6 +27,10 @@ declare const _default: {
             options: string[];
             description: string;
         };
+        pill: {
+            control: string;
+            description: string;
+        };
         external: {
             control: string;
             description: string;
@@ -40,10 +47,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        ariaLabel: {
-            control: string;
-            description: string;
-        };
         download: {
             control: string;
             description: string;
@@ -55,11 +58,11 @@ declare const _default: {
         size: string;
         icon: string;
         iconSmall: boolean;
+        pill: boolean;
         external: boolean;
         current: boolean;
         disabled: boolean;
         url: string;
-        ariaLabel: string;
         download: boolean;
     };
 };

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

@@ -81,13 +81,6 @@ export declare class EdsTable {
     /** Enable or disable search input for filtering */
     searchEnabled: boolean;
     hostWidth?: string;
-    /**
-     * Optional property to control the column sizing mode.
-     * - 'default' uses containerWidth / visibleColumns.
-     * - 'medium' divides that result by 2.
-     * - 'large' divides that result by 4.
-     */
-    columnSize?: 'default' | 'medium' | 'large';
     /**
      * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.
      *
@@ -118,12 +111,15 @@ export declare class EdsTable {
     /** Enable or disable column sorting */
     sortingEnabled: boolean;
     /**
-     * Theme for table styling:
-     * - 'default': Simple rows with no background
-     * - 'color': Alternating row colors
-     * - 'brand': Modern brand styling with hover effects and green accents
+     * Theme for table styling.
+     *
+     * The 'default' (no background) and 'color' (alternating rows) themes are
+     * DISABLED — the table now always renders the EBRAINS 'brand' theme (modern
+     * styling, hover, green accents). The prop is kept for API compatibility but
+     * is coerced to 'brand' in componentWillLoad(), so any value a consumer
+     * passes is ignored.
      */
-    theme: 'default' | 'color' | 'brand';
+    theme: 'brand';
     /**
      * View mode for displaying data:
      * - 'table': Traditional table layout (default)
@@ -191,8 +187,6 @@ export declare class EdsTable {
     private emitAction;
     private shouldEnablePagination;
     private updateColumns;
-    private getVisibleColumnsCount;
-    private divisionFactor;
     private capitalize;
     private onActionKeyDown;
     private handleSort;

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;