@ebrains/components 0.2.0-alpha.0 → 0.3.0-alpha.0

package/dist/types/components.d.ts

@@ -202,11 +202,11 @@ export namespace Components {
         /**
           * The visual intent or style of the button. Options include 'primary', 'secondary', 'tertiary', 'ghost', and 'ghostInverse'.
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
         /**
           * The label text to be displayed inside the button.
          */
-        "label"?: string;
+        "label": string;
         /**
           * A boolean indicating whether the button is in a loading state.
          */
@@ -352,7 +352,7 @@ export namespace Components {
         /**
           * JSON string representing an array of card objects. Each card object can contain properties like `title`, `description`, `avatar`, `headingLevel`, `tags`, `url`, `bg`, `tiny`, and `image`.  Example: ```json '[{"title": "Card Title", "description": "Description", "avatar": "/path/to/avatar.jpg", "url": "http://example.com"}]' ```
          */
-        "cards": string;
+        "cards": string | { title: string; description: string; tags: string; url: string }[];
         /**
           * Number of columns to span for each card in the grid layout. This value sets the column span on medium (md) and larger screen sizes. Default is `4`.
          */
@@ -684,7 +684,7 @@ export namespace Components {
      * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
      * It provides a responsive, full-window overlay menu with navigation links and additional options.
      * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features:
+     * ## Key Features
      * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
      * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
      * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
@@ -696,7 +696,7 @@ export namespace Components {
         /**
           * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
-        "links": string;
+        "links": string | { label: string; url: string; icon?: string; external?: boolean }[];
         /**
           * JSON string representing the extra menu links a user wants for smaill screens navigation. Each link should include `label`, `url`.
          */
@@ -737,9 +737,9 @@ export namespace Components {
         /**
           * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
-        "links": string;
+        "links": string | { label: string; url: string; icon?: string; external?: boolean }[];
         /**
-          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header.
+          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header. Requires the <eds-fullscreen-menu> to properly work.
          */
         "menuEnabled": boolean;
         /**
@@ -1087,16 +1087,67 @@ export namespace Components {
         "required": boolean;
         "value"?: string;
     }
+    /**
+     * A custom select input component that supports both static and dynamic options.
+     * Options can be provided in two formats:
+     * 1. Dynamic fetch configuration:
+     *    [
+     *      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }
+     *    ]
+     * 2. Static options:
+     *    [
+     *      { value: "react", label: "React" },
+     *      { value: "angular", label: "Angular" },
+     *      { value: "vue", label: "Vue.js" },
+     *      // etc.
+     *    ]
+     * The component will automatically fetch data if a dynamic configuration is provided.
+     */
     interface EdsInputSelect {
+        /**
+          * If true, the select input will be disabled.
+         */
         "disabled": boolean;
+        /**
+          * If true, the select input is in an error state.
+         */
         "error": boolean;
+        /**
+          * If true, indicates that there is an associated message (help or error).
+         */
         "hasMessage": boolean;
+        /**
+          * Optional id for the input. If not provided, the component uses the `name` property.
+         */
         "inputId"?: string;
+        /**
+          * For static options, this property defines the key used to retrieve the display label.
+         */
+        "labelKey": string;
+        /**
+          * The name attribute of the select input. Also used as the fallback id.
+         */
         "name": string;
-        "options": { label: string; value: string }[];
+        /**
+          * Options can be provided in two formats:  1. Dynamic fetch configuration:    [      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }    ]  2. Static options:    [      { value: "react", label: "React" },      { value: "angular", label: "Angular" },      { value: "vue", label: "Vue.js" },      // etc.    ]
+         */
+        "options": { [key: string]: any }[];
+        /**
+          * Placeholder text (not used in the native select, but can be used for custom implementations).
+         */
         "placeholder"?: string;
+        /**
+          * If true, the select input is marked as required.
+         */
         "required": boolean;
+        /**
+          * The currently selected value.
+         */
         "value"?: string | number;
+        /**
+          * For static options, this property defines the key used to retrieve the option value.
+         */
+        "valueKey": string;
     }
     /**
      * `EdsLink` is a versatile link component offering different styles and behaviors.
@@ -1218,6 +1269,12 @@ export namespace Components {
          */
         "type": 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
     }
+    interface EdsLogoVariations {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex": number;
+    }
     /**
      * A Stencil component for displaying a Matomo analytics consent notice.
      * Provides users with the option to opt in or opt out of anonymous analytics.
@@ -1461,6 +1518,10 @@ export namespace Components {
      * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
      */
     interface EdsTable {
+        /**
+          * 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';
         /**
           * Config object to hide or format columns
          */
@@ -1479,6 +1540,7 @@ export namespace Components {
           * Endpoint to fetch data dynamically
          */
         "endpoint": string | null;
+        "hostWidth"?: string;
         /**
           * Enable or disable pagination explicitly
          */
@@ -1512,7 +1574,7 @@ export namespace Components {
         /**
           * JSON string for tabs data
          */
-        "tabs": string;
+        "tabs": string | { label: string; url: string; active: boolean; ariaLabel: string }[];
     }
     interface EdsTabsContent {
         /**
@@ -1544,9 +1606,9 @@ export namespace Components {
     }
     interface EdsTimeline {
         /**
-          * Accepts a JSON string of timeline events.
+          * Accepts a JSON string or object of timeline events.
          */
-        "events": string;
+        "events": string | any[];
     }
     interface EdsToast {
         /**
@@ -1578,7 +1640,10 @@ export namespace Components {
         "position": 'above' | 'below';
     }
     interface EdsTrl {
-        "applications": string;
+        /**
+          * Accepts a JSON string or an array of application objects.
+         */
+        "applications": string | any[];
     }
     /**
      * `EdsUser` is a user authentication component for managing and displaying
@@ -1626,11 +1691,6 @@ export namespace Components {
     interface LogoSpace {
     }
     interface LogoVariationsHorizontal {
-        "orientation": 'horizontal' | 'vertical';
-        /**
-          * The type of logo variation to display. Available options: "coloured", "mono", "dark".
-         */
-        "type": 'coloured' | 'black' | 'color-white';
     }
     interface LogoVariationsVertical {
         "orientation": 'horizontal' | 'vertical';
@@ -2014,7 +2074,7 @@ declare global {
      * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
      * It provides a responsive, full-window overlay menu with navigation links and additional options.
      * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features:
+     * ## Key Features
      * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
      * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
      * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
@@ -2290,6 +2350,22 @@ declare global {
     interface HTMLEdsInputSelectElementEventMap {
         "changeEvent": string | number;
     }
+    /**
+     * A custom select input component that supports both static and dynamic options.
+     * Options can be provided in two formats:
+     * 1. Dynamic fetch configuration:
+     *    [
+     *      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }
+     *    ]
+     * 2. Static options:
+     *    [
+     *      { value: "react", label: "React" },
+     *      { value: "angular", label: "Angular" },
+     *      { value: "vue", label: "Vue.js" },
+     *      // etc.
+     *    ]
+     * The component will automatically fetch data if a dynamic configuration is provided.
+     */
     interface HTMLEdsInputSelectElement extends Components.EdsInputSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsInputSelectElementEventMap>(type: K, listener: (this: HTMLEdsInputSelectElement, ev: EdsInputSelectCustomEvent<HTMLEdsInputSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2320,7 +2396,10 @@ declare global {
         new (): HTMLEdsLinkElement;
     };
     interface HTMLEdsLoginElementEventMap {
-        "authStatusChanged": { authenticated: boolean; user: any };
+        "authStatusChanged": {
+    authenticated: boolean;
+    user: any;
+  };
     }
     /**
      * `EdsLogin` is a login component that integrates Keycloak authentication,
@@ -2362,6 +2441,12 @@ declare global {
         prototype: HTMLEdsLogoElement;
         new (): HTMLEdsLogoElement;
     };
+    interface HTMLEdsLogoVariationsElement extends Components.EdsLogoVariations, HTMLStencilElement {
+    }
+    var HTMLEdsLogoVariationsElement: {
+        prototype: HTMLEdsLogoVariationsElement;
+        new (): HTMLEdsLogoVariationsElement;
+    };
     /**
      * A Stencil component for displaying a Matomo analytics consent notice.
      * Provides users with the option to opt in or opt out of anonymous analytics.
@@ -2495,7 +2580,11 @@ declare global {
         new (): HTMLEdsTableElement;
     };
     interface HTMLEdsTabsElementEventMap {
-        "tabChange": { tabId: string; index: number; name?: string };
+        "tabChange": {
+    tabId: string;
+    index: number;
+    name?: string;
+  };
     }
     /**
      * `EdsTabs` is a tabs component that renders a navigational tab bar.
@@ -2763,6 +2852,7 @@ declare global {
         "eds-link": HTMLEdsLinkElement;
         "eds-login": HTMLEdsLoginElement;
         "eds-logo": HTMLEdsLogoElement;
+        "eds-logo-variations": HTMLEdsLogoVariationsElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
         "eds-modal": HTMLEdsModalElement;
         "eds-navigator": HTMLEdsNavigatorElement;
@@ -3152,7 +3242,7 @@ declare namespace LocalJSX {
         /**
           * JSON string representing an array of card objects. Each card object can contain properties like `title`, `description`, `avatar`, `headingLevel`, `tags`, `url`, `bg`, `tiny`, and `image`.  Example: ```json '[{"title": "Card Title", "description": "Description", "avatar": "/path/to/avatar.jpg", "url": "http://example.com"}]' ```
          */
-        "cards"?: string;
+        "cards"?: string | { title: string; description: string; tags: string; url: string }[];
         /**
           * Number of columns to span for each card in the grid layout. This value sets the column span on medium (md) and larger screen sizes. Default is `4`.
          */
@@ -3488,7 +3578,7 @@ declare namespace LocalJSX {
      * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
      * It provides a responsive, full-window overlay menu with navigation links and additional options.
      * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features:
+     * ## Key Features
      * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
      * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
      * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
@@ -3500,7 +3590,7 @@ declare namespace LocalJSX {
         /**
           * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
-        "links"?: string;
+        "links"?: string | { label: string; url: string; icon?: string; external?: boolean }[];
         /**
           * JSON string representing the extra menu links a user wants for smaill screens navigation. Each link should include `label`, `url`.
          */
@@ -3545,9 +3635,9 @@ declare namespace LocalJSX {
         /**
           * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
-        "links"?: string;
+        "links"?: string | { label: string; url: string; icon?: string; external?: boolean }[];
         /**
-          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header.
+          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header. Requires the <eds-fullscreen-menu> to properly work.
          */
         "menuEnabled"?: boolean;
         /**
@@ -3898,17 +3988,72 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "value"?: string;
     }
+    /**
+     * A custom select input component that supports both static and dynamic options.
+     * Options can be provided in two formats:
+     * 1. Dynamic fetch configuration:
+     *    [
+     *      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }
+     *    ]
+     * 2. Static options:
+     *    [
+     *      { value: "react", label: "React" },
+     *      { value: "angular", label: "Angular" },
+     *      { value: "vue", label: "Vue.js" },
+     *      // etc.
+     *    ]
+     * The component will automatically fetch data if a dynamic configuration is provided.
+     */
     interface EdsInputSelect {
+        /**
+          * If true, the select input will be disabled.
+         */
         "disabled"?: boolean;
+        /**
+          * If true, the select input is in an error state.
+         */
         "error"?: boolean;
+        /**
+          * If true, indicates that there is an associated message (help or error).
+         */
         "hasMessage"?: boolean;
+        /**
+          * Optional id for the input. If not provided, the component uses the `name` property.
+         */
         "inputId"?: string;
+        /**
+          * For static options, this property defines the key used to retrieve the display label.
+         */
+        "labelKey"?: string;
+        /**
+          * The name attribute of the select input. Also used as the fallback id.
+         */
         "name": string;
+        /**
+          * Emitted when the value of the select input changes.
+          * @event changeEvent
+         */
         "onChangeEvent"?: (event: EdsInputSelectCustomEvent<string | number>) => void;
-        "options"?: { label: string; value: string }[];
+        /**
+          * Options can be provided in two formats:  1. Dynamic fetch configuration:    [      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }    ]  2. Static options:    [      { value: "react", label: "React" },      { value: "angular", label: "Angular" },      { value: "vue", label: "Vue.js" },      // etc.    ]
+         */
+        "options"?: { [key: string]: any }[];
+        /**
+          * Placeholder text (not used in the native select, but can be used for custom implementations).
+         */
         "placeholder"?: string;
+        /**
+          * If true, the select input is marked as required.
+         */
         "required"?: boolean;
+        /**
+          * The currently selected value.
+         */
         "value"?: string | number;
+        /**
+          * For static options, this property defines the key used to retrieve the option value.
+         */
+        "valueKey"?: string;
     }
     /**
      * `EdsLink` is a versatile link component offering different styles and behaviors.
@@ -4005,7 +4150,10 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the authentication status changes. It emits a boolean value indicating the new authentication status.
          */
-        "onAuthStatusChanged"?: (event: EdsLoginCustomEvent<{ authenticated: boolean; user: any }>) => void;
+        "onAuthStatusChanged"?: (event: EdsLoginCustomEvent<{
+    authenticated: boolean;
+    user: any;
+  }>) => void;
     }
     /**
      * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
@@ -4034,6 +4182,12 @@ declare namespace LocalJSX {
          */
         "type"?: 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
     }
+    interface EdsLogoVariations {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex"?: number;
+    }
     /**
      * A Stencil component for displaying a Matomo analytics consent notice.
      * Provides users with the option to opt in or opt out of anonymous analytics.
@@ -4264,6 +4418,10 @@ declare namespace LocalJSX {
      * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
      */
     interface EdsTable {
+        /**
+          * 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';
         /**
           * Config object to hide or format columns
          */
@@ -4282,6 +4440,7 @@ declare namespace LocalJSX {
           * Endpoint to fetch data dynamically
          */
         "endpoint"?: string | null;
+        "hostWidth"?: string;
         /**
           * Enable or disable pagination explicitly
          */
@@ -4312,11 +4471,15 @@ declare namespace LocalJSX {
           * Aria label for the navigation
          */
         "navAriaLabel"?: string;
-        "onTabChange"?: (event: EdsTabsCustomEvent<{ tabId: string; index: number; name?: string }>) => void;
+        "onTabChange"?: (event: EdsTabsCustomEvent<{
+    tabId: string;
+    index: number;
+    name?: string;
+  }>) => void;
         /**
           * JSON string for tabs data
          */
-        "tabs"?: string;
+        "tabs"?: string | { label: string; url: string; active: boolean; ariaLabel: string }[];
     }
     interface EdsTabsContent {
         /**
@@ -4349,9 +4512,9 @@ declare namespace LocalJSX {
     }
     interface EdsTimeline {
         /**
-          * Accepts a JSON string of timeline events.
+          * Accepts a JSON string or object of timeline events.
          */
-        "events"?: string;
+        "events"?: string | any[];
     }
     interface EdsToast {
         /**
@@ -4383,7 +4546,10 @@ declare namespace LocalJSX {
         "position"?: 'above' | 'below';
     }
     interface EdsTrl {
-        "applications"?: string;
+        /**
+          * Accepts a JSON string or an array of application objects.
+         */
+        "applications"?: string | any[];
     }
     /**
      * `EdsUser` is a user authentication component for managing and displaying
@@ -4438,11 +4604,6 @@ declare namespace LocalJSX {
     interface LogoSpace {
     }
     interface LogoVariationsHorizontal {
-        "orientation"?: 'horizontal' | 'vertical';
-        /**
-          * The type of logo variation to display. Available options: "coloured", "mono", "dark".
-         */
-        "type"?: 'coloured' | 'black' | 'color-white';
     }
     interface LogoVariationsVertical {
         "orientation"?: 'horizontal' | 'vertical';
@@ -4529,6 +4690,7 @@ declare namespace LocalJSX {
         "eds-link": EdsLink;
         "eds-login": EdsLogin;
         "eds-logo": EdsLogo;
+        "eds-logo-variations": EdsLogoVariations;
         "eds-matomo-notice": EdsMatomoNotice;
         "eds-modal": EdsModal;
         "eds-navigator": EdsNavigator;
@@ -4730,7 +4892,7 @@ declare module "@stencil/core" {
              * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
              * It provides a responsive, full-window overlay menu with navigation links and additional options.
              * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-             * ## Key Features:
+             * ## Key Features
              * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
              * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
              * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
@@ -4813,6 +4975,22 @@ declare module "@stencil/core" {
             "eds-input-label": LocalJSX.EdsInputLabel & JSXBase.HTMLAttributes<HTMLEdsInputLabelElement>;
             "eds-input-range": LocalJSX.EdsInputRange & JSXBase.HTMLAttributes<HTMLEdsInputRangeElement>;
             "eds-input-search": LocalJSX.EdsInputSearch & JSXBase.HTMLAttributes<HTMLEdsInputSearchElement>;
+            /**
+             * A custom select input component that supports both static and dynamic options.
+             * Options can be provided in two formats:
+             * 1. Dynamic fetch configuration:
+             *    [
+             *      { endpoint: "http://localhost/api/applications", value: "_id", label: "title" }
+             *    ]
+             * 2. Static options:
+             *    [
+             *      { value: "react", label: "React" },
+             *      { value: "angular", label: "Angular" },
+             *      { value: "vue", label: "Vue.js" },
+             *      // etc.
+             *    ]
+             * The component will automatically fetch data if a dynamic configuration is provided.
+             */
             "eds-input-select": LocalJSX.EdsInputSelect & JSXBase.HTMLAttributes<HTMLEdsInputSelectElement>;
             /**
              * `EdsLink` is a versatile link component offering different styles and behaviors.
@@ -4846,6 +5024,7 @@ declare module "@stencil/core" {
              * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
              */
             "eds-logo": LocalJSX.EdsLogo & JSXBase.HTMLAttributes<HTMLEdsLogoElement>;
+            "eds-logo-variations": LocalJSX.EdsLogoVariations & JSXBase.HTMLAttributes<HTMLEdsLogoVariationsElement>;
             /**
              * A Stencil component for displaying a Matomo analytics consent notice.
              * Provides users with the option to opt in or opt out of anonymous analytics.

package/dist/types/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.d.ts

@@ -1,7 +1,3 @@
-/**
- * `CorrectUseOfColors` is a component that combines the primary palette and support palette
- * to display the correct use of colors.
- */
 /**
  * @internal
  */

package/dist/types/eds-docs-ui/eds-logo-variations/eds-logo-variations.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ */
+export declare class EdsLogoVariations {
+    /** Active tab index to determine the content to display */
+    tabIndex: number;
+    renderContent(): any;
+    render(): any;
+}

package/dist/types/eds-docs-ui/eds-svg-repository/eds-svg-repository.d.ts

@@ -2,6 +2,8 @@
  * @internal
  */
 export declare class EdsSvgRepository {
+    hostEl: HTMLElement;
     private getSvgData;
+    get hostWidth(): number;
     render(): any;
 }

package/dist/types/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.d.ts

@@ -1,12 +1,6 @@
 /**
  * @internal
  */
-export declare class LogoVariations {
-    orientation: 'horizontal' | 'vertical';
-    /**
-     * The type of logo variation to display.
-     * Available options: "coloured", "mono", "dark".
-     */
-    type: 'coloured' | 'black' | 'color-white';
+export declare class LogoVariationsHorizontal {
     render(): any;
 }

package/dist/types/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.d.ts

@@ -1,7 +1,7 @@
 /**
  * @internal
  */
-export declare class LogoVariations {
+export declare class LogoVariationsVertical {
     orientation: 'horizontal' | 'vertical';
     /**
      * The type of logo variation to display.

package/dist/types/shared-ui/eds-card-section/eds-card-section.d.ts

@@ -18,7 +18,12 @@ export declare class EdsCardSection {
      * '[{"title": "Card Title", "description": "Description", "avatar": "/path/to/avatar.jpg", "url": "http://example.com"}]'
      * ```
      */
-    cards: string;
+    cards: string | {
+        title: string;
+        description: string;
+        tags: string;
+        url: string;
+    }[];
     /**
      * Number of columns to span for each card in the grid layout.
      * This value sets the column span on medium (md) and larger screen sizes.

package/dist/types/shared-ui/eds-card-section/eds-card-section.stories.d.ts

@@ -28,6 +28,25 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const Default: {
+export declare const WithString: {
     render: (args: any) => string;
 };
+export declare const WithObject: {
+    render: (args: any) => HTMLEdsCardSectionElement;
+    args: {
+        cards: {
+            title: string;
+            description: string;
+            tags: string;
+            url: string;
+        }[];
+        cols: number;
+        extraClass: string;
+    };
+    argTypes: {
+        cards: {
+            control: string;
+            description: string;
+        };
+    };
+};

package/dist/types/shared-ui/eds-fullscreen-menu/eds-fullscreen-menu.d.ts

@@ -4,7 +4,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * It provides a responsive, full-window overlay menu with navigation links and additional options.
  * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
  *
- * ## Key Features:
+ * ## Key Features
+ *
  * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
  * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
  * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
@@ -15,7 +16,12 @@ export declare class EdsFullscreenMenu {
      * JSON string representing the links for primary navigation.
      * Each link should include `label`, `url`, and optionally an `icon`.
      */
-    links: string;
+    links: string | {
+        label: string;
+        url: string;
+        icon?: string;
+        external?: boolean;
+    }[];
     /**
      * JSON string representing the extra menu links a user wants for smaill screens navigation.
      * Each link should include `label`, `url`.