@ebrains/components 0.9.3-beta → 1.0.0

package/dist/types/shared-ui/eds-feedback/eds-feedback.d.ts

@@ -1,5 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class EdsFeedback {
+    /**
+     * The HTML heading level to use for the label. Valid values: 'h1' - 'h5'.
+     */
+    headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
     /**
      * The type of icon to display. Can be "stars" or "thumbs".
      */

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

@@ -2,11 +2,14 @@ declare const _default: {
     title: string;
     component: string;
     argTypes: {
+        headingLevel: {
+            control: string;
+            options: string[];
+            defaultValue: string;
+        };
         type: {
-            control: {
-                type: string;
-                options: string[];
-            };
+            control: string;
+            options: string[];
             description: string;
         };
         count: {
@@ -30,6 +33,7 @@ declare const _default: {
         };
     };
     args: {
+        headingLevel: string;
         type: string;
         count: number;
         label: string;

package/dist/types/shared-ui/eds-footer/eds-footer.d.ts

@@ -36,7 +36,17 @@ export declare class EdsFooter {
      * @type {string}
      */
     rightsReserved: string;
+    /**
+     * Controls the display of the "Cookies preferences" text.
+     * @type {string}
+     */
+    cookiesPreferences: string;
     enableCookiesSettings: boolean;
+    /**
+     * Controls the display of the "Back to Top" aria label text.
+     * @type {string}
+     */
+    backToTopAriaLabel: string;
     /**
      * State to control whether the eds-matomo-notice popup is visible.
      */

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

@@ -22,6 +22,14 @@ declare const _default: {
             control: string;
             description: string;
         };
+        cookiesPreferences: {
+            control: string;
+            description: string;
+        };
+        backToTopAriaLabel: {
+            control: string;
+            description: string;
+        };
     };
     args: {
         social: boolean;
@@ -29,6 +37,8 @@ declare const _default: {
         rightsReserved: string;
         enableScrollTop: boolean;
         enableCookiesSettings: boolean;
+        cookiesPreferences: string;
+        backToTopAriaLabel: string;
     };
     parameters: {};
 };

package/dist/types/shared-ui/eds-form/eds-form.d.ts

@@ -74,7 +74,6 @@ export declare class EdsForm {
         value?: any;
         message?: string;
         success?: boolean;
-        data: any;
     }>;
     /**
      * Reference to the host element.
@@ -96,5 +95,6 @@ export declare class EdsForm {
     handleChange(e: Event, field: any): void;
     handleInput(e: Event, field: any): void;
     handleSubmit(): void;
+    getData(): Promise<FormData>;
     render(): any;
 }

package/dist/types/shared-ui/eds-header/eds-header.d.ts

@@ -29,10 +29,12 @@ export declare class EdsHeader {
         external?: boolean;
     }[];
     /**
-     * Determines if the header is rendered in inverse style.
-     * When true, the header applies styles suitable for a dark background.
+     * Header style variant: determines text and background colors.
+     * - "default": text-default on bg-dark
+     * - "inverse": text-default on bg-inverse
+     * - "strong": text-inverse on bg-strongest
      */
-    inverseHeader: boolean;
+    headerVariant: 'default' | 'inverse' | 'strong';
     /**
      * Flag to enable or disable header menu toggle feature.
      * When true, displays the toggle in the header.
@@ -54,31 +56,10 @@ export declare class EdsHeader {
     onAuthStatusChanged(event: CustomEvent<any>): void;
     /** Event to signal toggle menu action */
     toggleheadermenu: EventEmitter<boolean>;
-    /**
-     * Lifecycle method that runs when the component has fully loaded.
-     * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-     */
     componentDidLoad(): void;
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
     emitContext(linkElement: HTMLElement): void;
-    /** Emits an event to open or close the menu */
     handleToggleMenu(): void;
-    /**
-     * Toggles the visibility of the user menu.
-     * Opens the user menu if closed, and closes it if open.
-     */
     toggleUserMenu(): void;
-    /**
-     * Parses the `links` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
     get parsedLinks(): any[];
     render(): any;
 }

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

@@ -14,8 +14,11 @@ declare const _default: {
             control: string;
             description: string;
         };
-        inverseHeader: {
-            control: string;
+        headerVariant: {
+            control: {
+                type: string;
+            };
+            options: string[];
             description: string;
         };
     };
@@ -26,7 +29,7 @@ declare const _default: {
             url: string;
         }[];
         menuEnabled: boolean;
-        inverseHeader: boolean;
+        headerVariant: string;
     };
 };
 export default _default;

package/dist/types/shared-ui/eds-matomo-notice/eds-matomo-notice.d.ts

@@ -50,7 +50,6 @@ export declare class EdsMatomoNotice {
     private optInAnalytics;
     private optOutAnalytics;
     private noThanks;
-    private deferDecision;
     private keepMeIn;
     private hideNotice;
     render(): any;

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

@@ -14,4 +14,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: any;
-export declare const CustomTabs: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/components",
-  "version": "0.9.3-beta",
+  "version": "1.0.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",
@@ -13,8 +13,18 @@
     "dist/",
     "loader/"
   ],
-  "dependencies": {
-    "@ebrains/assets":"0.6.1-beta",
-    "@ebrains/svgs":"0.6.1-beta"
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./*": {
+      "import": "./dist/components/*.js",
+      "require": "./dist/components/*.js"
+    },
+    "./dist/components/*.js": {
+      "import": "./dist/components/*.js",
+      "require": "./dist/components/*.js"
+    }
   }
 }

package/dist/cjs/color-c00146a8.js

@@ -1,134 +0,0 @@
-'use strict';
-
-const index = require('./index-ab9fbefe.js');
-
-const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
-const gradientBGColorVariants = index.cva([], {
-    variants: {
-        color: GRADIANT_TOKENS.reduce((acc, token) => (Object.assign(Object.assign({}, acc), { [token]: '' })), {}),
-        direction: {
-            top: '',
-            bottom: ''
-        },
-        pseudo: {
-            true: 'before:effect-opacity effect-bg-behind',
-            false: ''
-        },
-        hover: {
-            true: 'before:opacity-0 hover:before:opacity-100',
-            false: ''
-        }
-    },
-    compoundVariants: [
-        // region GREEN
-        {
-            color: 'green',
-            direction: 'top',
-            pseudo: true,
-            className: 'before:bg-gradient-01-top'
-        },
-        {
-            color: 'green',
-            pseudo: true,
-            direction: 'bottom',
-            className: 'before:bg-gradient-01-bottom'
-        },
-        {
-            color: 'green',
-            direction: 'top',
-            pseudo: false,
-            className: 'bg-gradient-01-top'
-        },
-        {
-            color: 'green',
-            pseudo: false,
-            direction: 'bottom',
-            className: 'bg-gradient-01-bottom'
-        },
-        // endregion
-        // region YELLOW
-        {
-            color: 'yellow',
-            direction: 'top',
-            pseudo: true,
-            className: 'before:bg-gradient-02-top'
-        },
-        {
-            color: 'yellow',
-            direction: 'bottom',
-            pseudo: true,
-            className: 'before:bg-gradient-02-bottom'
-        },
-        {
-            color: 'yellow',
-            direction: 'top',
-            pseudo: false,
-            className: 'bg-gradient-02-top'
-        },
-        {
-            color: 'yellow',
-            direction: 'bottom',
-            pseudo: false,
-            className: 'bg-gradient-02-bottom'
-        },
-        // endregion
-        // region PURPLE
-        {
-            color: 'purple',
-            direction: 'top',
-            pseudo: true,
-            class: 'before:bg-gradient-03-top'
-        },
-        {
-            color: 'purple',
-            direction: 'bottom',
-            pseudo: true,
-            class: 'before:bg-gradient-03-bottom'
-        },
-        {
-            color: 'purple',
-            direction: 'top',
-            pseudo: false,
-            class: 'bg-gradient-03-top'
-        },
-        {
-            color: 'purple',
-            direction: 'bottom',
-            pseudo: false,
-            class: 'bg-gradient-03-bottom'
-        },
-        // endregion
-        // region AMONG-BLUE
-        {
-            color: 'among-blue',
-            direction: 'top',
-            pseudo: true,
-            class: 'before:bg-gradient-04-top'
-        },
-        {
-            color: 'among-blue',
-            direction: 'bottom',
-            pseudo: true,
-            class: 'before:bg-gradient-04-bottom'
-        },
-        {
-            color: 'among-blue',
-            direction: 'top',
-            pseudo: false,
-            class: 'bg-gradient-04-top'
-        },
-        {
-            color: 'among-blue',
-            direction: 'bottom',
-            pseudo: false,
-            class: 'bg-gradient-04-bottom'
-        }
-        // endregion
-    ],
-    defaultVariants: {
-        direction: 'top',
-        pseudo: true
-    }
-});
-
-exports.gradientBGColorVariants = gradientBGColorVariants;