@ebrains/react 0.3.0-alpha.0 → 0.5.0-alpha.0

package/eds-dropdown_2.entry.esm.js

@@ -0,0 +1,235 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './analytics-1cde8e4a.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsDropdownCss = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";
+const EdsDropdownStyle0 = edsDropdownCss;
+const EdsDropdown = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.focusableItems = [];
+    /**
+     * Toggles the visibility of the dropdown and manages focus.
+     */
+    this.handleClick = () => {
+      var _a;
+      this.isOpen = !this.isOpen;
+      if (this.isOpen) {
+        this.focusIndex = 0;
+        this.focusItem();
+      } else {
+        this.closeDropdown();
+      }
+      sendAnalytics({
+        category: 'ui-component',
+        parentContext: null,
+        tag: this.host.tagName.toLowerCase(),
+        name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+        action: this.isOpen ? 'expanded' : 'collapsed'
+      });
+    };
+    this.icon = 'chevron-down';
+    this.label = undefined;
+    this.rounded = false;
+    this.ariaLabel = 'Open dropdown';
+    this.asNav = true;
+    this.dropdownPos = 'left';
+    this.dropdownOffset = true;
+    this.intent = 'tertiary';
+    this.isOpen = false;
+    this.focusIndex = -1;
+  }
+  /**
+   * Closes the dropdown when a click occurs outside of it.
+   * @param {Event} e - The click event.
+   */
+  handleWindowClick(e) {
+    if (!this.host.contains(e.target)) {
+      this.closeDropdown();
+    }
+  }
+  /**
+   * Handles keyboard navigation and accessibility within the dropdown.
+   * @param {KeyboardEvent} event - The keyboard event.
+   */
+  handleKeyDown(event) {
+    if (this.isOpen) {
+      const key = event.key;
+      switch (key) {
+        case 'Tab':
+          this.closeDropdown();
+          break;
+        case 'ArrowUp':
+          event.preventDefault();
+          this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length;
+          this.focusItem();
+          break;
+        case 'ArrowDown':
+          event.preventDefault();
+          this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length;
+          this.focusItem();
+          break;
+      }
+    }
+  }
+  /**
+   * Closes the dropdown and resets focus.
+   */
+  closeDropdown() {
+    this.isOpen = false;
+    this.focusIndex = -1;
+  }
+  /**
+   * Sets focus on the currently selected item in the dropdown.
+   */
+  focusItem() {
+    var _a;
+    (_a = this.focusableItems[this.focusIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  /**
+   * Lifecycle method that runs after the component has been added to the DOM.
+   * Initializes focusable items within the dropdown.
+   */
+  componentDidLoad() {
+    var _a;
+    this.focusableItems = Array.from(((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button')) || []);
+  }
+  /**
+   * Renders the dropdown component and displays its content when open.
+   * @returns {JSX.Element} The rendered dropdown component.
+   */
+  render() {
+    return h("div", {
+      key: '84f4cea78ea1c40c7897a356fe03ac83922fccb8',
+      class: "z-focus relative",
+      ref: el => this.dropdownContent = el
+    }, h("eds-button", {
+      key: '99dc51632dc82830054502a2d6d77d9fcefe9337',
+      label: this.label,
+      "aria-label": this.ariaLabel,
+      icon: this.icon,
+      intent: this.intent,
+      onClick: this.handleClick,
+      "aria-expanded": this.isOpen.toString(),
+      "aria-haspopup": "menu"
+    }), h("nav", {
+      key: 'a63613a7ecf709fd1d22d77da4b2d286905fef3e',
+      role: "menu",
+      class: {
+        'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
+        'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
+        'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
+        'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
+        'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
+        'rounded-lg': this.rounded
+      },
+      style: {
+        display: this.isOpen ? 'block' : 'none'
+      },
+      "aria-label": "Dropdown",
+      "aria-hidden": !this.isOpen
+    }, h("slot", {
+      key: 'dda70b865ed03dc7ad36a32934587bbcb0a16c1b'
+    })));
+  }
+  get host() {
+    return getElement(this);
+  }
+};
+EdsDropdown.style = EdsDropdownStyle0;
+const EdsUserModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.user = undefined;
+    this.links = undefined;
+    this.onLogout = undefined;
+    this.parsedUser = {};
+    this.parsedLinks = [];
+  }
+  parseUserProp(newValue) {
+    this.parsedUser = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+  }
+  parseLinksProp(newValue) {
+    this.parsedLinks = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+  }
+  componentWillLoad() {
+    this.parseUserProp(this.user);
+    this.parseLinksProp(this.links);
+  }
+  get initials() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const initials = `${((_b = (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}${((_d = (_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.lastname) === null || _d === void 0 ? void 0 : _d.charAt(0)) || ''}`.toUpperCase();
+    return initials || ((_g = (_f = (_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.fullname) === null || _f === void 0 ? void 0 : _f.charAt(0)) === null || _g === void 0 ? void 0 : _g.toUpperCase()) || '';
+  }
+  get hasLogout() {
+    return typeof this.onLogout === 'function';
+  }
+  render() {
+    var _a, _b, _c, _d, _e;
+    return h("div", {
+      key: '4a80335b6a59b9653130ca75a6e42c04fce68f4f',
+      class: "min-w-[280px] p-8"
+    }, h("div", {
+      key: '9c97f6be46216587692d4852174cecfaacb70593',
+      class: "flex gap-x-16 pb-16 border-b-2 border-softer"
+    }, h("eds-avatar", {
+      key: 'c778f6bdfb21068ca7c2deff6e298f61af6dbc67',
+      "first-name": (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname,
+      "last-name": (_b = this.parsedUser) === null || _b === void 0 ? void 0 : _b.lastname,
+      initials: this.initials,
+      color: "grey",
+      rounded: true,
+      "initials-strong": true
+    }), h("div", {
+      key: '7f453546c9cc54597069abb3e4b50312fe7bf364',
+      class: "max-w-full"
+    }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && h("p", {
+      key: '34e080ef159535820c09378701de0e6f4fd96009',
+      class: "f-ui-01 text-default w-full text-ellipsis"
+    }, this.parsedUser.fullname), ((_d = this.parsedUser) === null || _d === void 0 ? void 0 : _d.username) && h("p", {
+      key: '2f85764e7d015dc3f3b22ca8a07126f8f57216ef',
+      class: "f-ui-03-light text-light mt-4"
+    }, this.parsedUser.username), ((_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.email) && h("p", {
+      key: '002dec51e979c29f2343f55e004449e4cee4075c',
+      class: "f-ui-03-light text-light mt-4"
+    }, this.parsedUser.email))), h("div", {
+      key: '740b78c504257fb755ba7ba04dd25f023d37ed33',
+      class: "text-default mt-16 flex w-full flex-col gap-y-8"
+    }, h("div", {
+      key: 'ac307937bdd3fc86cce502e5eeb3e922d931f418',
+      class: "border-softer mb-10 border-b-2 pb-16"
+    }, h("eds-link", {
+      key: 'bdd0f1ef62ac78ffb1b40ed6873475df360cec66',
+      label: "My EBRAINS",
+      "aria-label": "My EBRAINS",
+      url: "https://www.ebrains.eu/dashboard",
+      intent: "primary",
+      "extra-class": "w-full",
+      external: true
+    })), h("eds-link", {
+      key: 1,
+      label: "Account Settings",
+      url: "https://iam.ebrains.eu/auth/realms/hbp/account/",
+      intent: "secondary",
+      icon: "arrow-diagonal",
+      external: true,
+      "extra-class": "w-full"
+    }), this.hasLogout && h("eds-link", {
+      key: 'd73016ad71f3b356b7fb7d0a2a84124eabb05da5',
+      label: "Sign out",
+      intent: "tertiary",
+      "extra-class": "w-full justify-center",
+      onClick: () => this.onLogout && this.onLogout()
+    })));
+  }
+  static get watchers() {
+    return {
+      "user": ["parseUserProp"],
+      "links": ["parseLinksProp"]
+    };
+  }
+};
+
+export { EdsDropdown as eds_dropdown, EdsUserModal as eds_user_modal };

package/eds-form.entry.esm.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
 import { t as toast } from './toastManager-d9eee791.esm.js';
+import { s as sendAnalytics } from './analytics-1cde8e4a.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -51,13 +52,20 @@ const EdsForm = class {
       this.hasError = Object.keys(newErrors).length > 0;
     };
     this.handleSubmit = async e => {
-      var _a;
+      var _a, _b, _c;
       e.preventDefault();
       if (this.isSubmitting) {
         return;
       }
       this.validateForm();
       if (this.hasError) {
+        sendAnalytics({
+          category: 'ui-component',
+          parentContext: null,
+          tag: this.el.tagName.toLowerCase(),
+          name: `${(_a = this.submitBtnLabel) === null || _a === void 0 ? void 0 : _a.toLowerCase()}/error` || '',
+          action: 'click'
+        });
         this.alertMessage = this.errorMessage;
         return;
       }
@@ -78,7 +86,7 @@ const EdsForm = class {
         formData.set('form_url', window.location.href);
       }
       if (this.authUser) {
-        formData.set('form_user', (_a = this.authUser) === null || _a === void 0 ? void 0 : _a.email);
+        formData.set('form_user', (_b = this.authUser) === null || _b === void 0 ? void 0 : _b.email);
       }
       /*const formDataObject = Object.fromEntries((formData as any).entries());
       console.log(JSON.stringify(formDataObject));*/
@@ -105,6 +113,13 @@ const EdsForm = class {
         //this.alertMessage = data.message || this.successMessage;
         toast.show(data.message || this.successMessage, 'success');
         this.formEl.reset();
+        sendAnalytics({
+          category: 'ui-component',
+          parentContext: null,
+          tag: this.el.tagName.toLowerCase(),
+          name: `${(_c = this.submitBtnLabel) === null || _c === void 0 ? void 0 : _c.toLowerCase()}/success` || '',
+          action: 'click'
+        });
       } catch (err) {
         this.hasError = true;
         //when api is unreachable will trigger the error message
@@ -115,7 +130,6 @@ const EdsForm = class {
         this.formSubmitting.emit(this.isSubmitting);
       }
     };
-    this.smallAlert = false;
     this.setFormUrl = true;
     this.submitBtn = true;
     this.submitBtnLabel = 'Submit';
@@ -124,7 +138,7 @@ const EdsForm = class {
     this.submitBtnHintMessage = 'To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.';
     this.endpoint = undefined;
     this.name = 'form';
-    this.fields = undefined;
+    this.fields = [];
     this.values = {};
     this.coupleAuth = false;
     this.formSubmitted = false;
@@ -134,6 +148,7 @@ const EdsForm = class {
     this.alertMessage = null;
     this.isAuthenticated = false;
     this.authUser = undefined;
+    this.parsedFields = [];
   }
   onAuthStatusChanged(event) {
     var _a;
@@ -141,21 +156,22 @@ const EdsForm = class {
     this.authUser = event.detail.user;
   }
   componentDidLoad() {
+    this.parseFields(this.fields);
     // Emit context for each eds-link element after the component is fully loaded
-    const links = this.el.querySelectorAll('eds-button');
-    links.forEach(link => {
+    /*const links = this.el.querySelectorAll('eds-button');
+    links.forEach((link) => {
       this.emitContext(link);
-    });
+    });*/
   }
-  emitContext(linkElement) {
-    const event = new CustomEvent('parentContext', {
+  /*emitContext(linkElement: HTMLElement) {
+    const event = new CustomEvent<ParentContextDetail>('parentContext', {
       detail: {
         componentName: this.el.tagName.toLowerCase(),
         identifier: null
       }
     });
-    linkElement.dispatchEvent(event);
-  }
+       linkElement.dispatchEvent(event);
+  }*/
   // Visibility helper
   isFieldVisible(field) {
     if (!field.condition) {
@@ -222,7 +238,7 @@ const EdsForm = class {
   validateForm() {
     this.errors = {};
     this.hasError = false;
-    this.parseFields.forEach(field => {
+    this.parsedFields.forEach(field => {
       if (field.type !== 'hidden') {
         if ((field.type === 'checkbox' || field.type === 'radio') && !field.options) {
           // Single checkbox validation
@@ -300,23 +316,38 @@ const EdsForm = class {
     });
     return formData;
   }
-  get parseFields() {
-    return JSON.parse(this.fields);
+  parseFields(newValue) {
+    try {
+      if (typeof newValue === 'string') {
+        this.parsedFields = JSON.parse(newValue);
+      } else if (Array.isArray(newValue)) {
+        this.parsedFields = newValue;
+      } else if (newValue && typeof newValue === 'object') {
+        // In case a single object is passed, wrap it in an array.
+        this.parsedFields = newValue;
+      } else {
+        this.parsedFields = [];
+      }
+    } catch (error) {
+      // eslint-disable-next-line
+      console.error('Error parsing fields prop:', error);
+      this.parsedFields = [];
+    }
   }
   render() {
-    const hiddenFields = this.parseFields.filter(field => field.type === 'hidden');
-    const otherFields = this.parseFields.filter(field => field.type !== 'hidden');
+    const hiddenFields = this.parsedFields.filter(field => field.type === 'hidden');
+    const otherFields = this.parsedFields.filter(field => field.type !== 'hidden');
     return h("form", {
-      key: 'fdb974998dfd27c0d857d0fbfbbe9e769e55d7bb',
+      key: '3d4ae34d48c0551f9de6dacb50ceee15b487b5de',
       ref: el => this.formEl = el,
       enctype: "multipart/form-data",
       autocomplete: "on",
       method: "post",
       onSubmit: this.handleSubmit
     }, h("div", {
-      key: 'dfbe5adce9e5685736169e88408590088aba5b1e'
+      key: '344c56dcba3de5a1b55255d794a78fb0f19d04b5'
     }, h("slot", {
-      key: 'f5c5356a8b87bf63fdd21901da81291c596f1487'
+      key: '3ca6d203458d67fa66840fac55f94d71acc2ee4d'
     }), hiddenFields.map((field, index) => h("eds-input", {
       key: index,
       type: "hidden",
@@ -344,10 +375,10 @@ const EdsForm = class {
         options: field.options
       });
     })), this.submitBtn && h("div", {
-      key: '2c3165a56d5bec9135a8695cae1b87981167c949',
+      key: '22915285f3522f6d260e358eea964c59a9557a55',
       class: "mt-20"
     }, h("eds-button", {
-      key: 'f311628ff58cd03ebbd0f7ccb0623df817d416da',
+      key: '9e2191ba8cc49d7ac2a6588c0fa468214773c791',
       intent: "primary",
       label: this.submitBtnLabel,
       disabled: this.isSubmitting || this.coupleAuth && !this.isAuthenticated,
@@ -356,10 +387,10 @@ const EdsForm = class {
     }), this.coupleAuth && !this.isAuthenticated ? h("p", {
       class: "f-ui-05 text-lighter mt-8 ml-8"
     }, this.submitBtnHintMessage) : null), this.alertMessage && (this.formSubmitted || this.hasError) && h("div", {
-      key: '1c7adc93081294eb86b71e808933215fe04fa033',
+      key: '8045c3dff26286a6735157b82afd56ec9001ba14',
       class: "mt-20"
     }, h("eds-alert", {
-      key: 'd221dd0674be734a8b7382ea2eeb97509f6bc3a6',
+      key: 'dc8c8f74e8aada9023f110bb862afee1fb629601',
       message: this.alertMessage,
       intent: this.hasError ? 'error' : 'success',
       direction: "horizontal"
@@ -368,6 +399,11 @@ const EdsForm = class {
   get el() {
     return getElement(this);
   }
+  static get watchers() {
+    return {
+      "fields": ["parseFields"]
+    };
+  }
 };
 EdsForm.style = EdsFormStyle0;
 

package/eds-frame.entry.esm.js

@@ -79,13 +79,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '0c3a43efc1a125af5999af88c4eb071b5c3bc6c5',
+      key: '20786dd40414d29f98d496e29720bd78b9d7cf8e',
       class: this.articleClasses()
     }, h("div", {
-      key: '32303d5e2c2f3b01efe1ceaf828346f873bea6b6',
+      key: '208612330c9d2872c68aeb310e164c8a915a51ef',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: '75f7f6750413dad4af2ea62c12ffb994491d5d01',
+      key: 'ada2a40384ffaffadc8887580aa6184422008a68',
       class: "f-ui-02"
     }, this.frameLabel), !this.iframeError ? h("eds-link", {
       label: this.urlLabel,
@@ -96,7 +96,7 @@ const EdsFrame = class {
       disabled: false,
       icon: "arrow-diagonal"
     }) : null), h("div", {
-      key: '1fd99f6eda026814910b0cd93635616b7d3ffe09',
+      key: '26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3',
       class: "border-softer border-t-2"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

package/eds-icon-arrow-diagonal.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconArrowDiagonal = class {
   }
   render() {
     return h("span", {
-      key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c',
+      key: 'd85a4d425e0c255efe4763d4a13f13b6ff727c2c',
       class: this.addClass,
       innerHTML: arrowDiagonal
     });

package/eds-icon-arrow-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconArrowRight = class {
   }
   render() {
     return h("span", {
-      key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab',
+      key: '4a2b33b86753acab8270a45c7b250603b128bc88',
       class: this.class,
       innerHTML: arrowRight
     });

package/eds-icon-bluesky.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
   }
   render() {
     return h("span", {
-      key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
+      key: '845a157678b9d059b2c9bd8a6265d3a62f33c31a',
       class: this.class,
       innerHTML: bluesky
     });

package/eds-icon-chevron-down.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronDown = class {
   }
   render() {
     return h("span", {
-      key: 'bc01e9e10033245e02403b6b919911018eef9919',
+      key: 'fa8022d27b91e909d4cd5522c6d0406be698a412',
       class: this.class,
       innerHTML: chevronDown
     });

package/eds-icon-chevron-left.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronLeft = class {
   }
   render() {
     return h("span", {
-      key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43',
+      key: 'c723d7f1bbd596063ae7e66123b8038af5320a54',
       class: this.class,
       innerHTML: chevronLeft
     });

package/eds-icon-chevron-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronRight = class {
   }
   render() {
     return h("span", {
-      key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f',
+      key: 'f770cd9151077e8708c76d2082613c65a20c420f',
       class: this.class,
       innerHTML: chevronRight
     });

package/eds-icon-chevron-up.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
   }
   render() {
     return h("span", {
-      key: 'd0723afa766fc6dac454ec84602bd50ba4e49950',
+      key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6',
       class: this.class,
       innerHTML: chevronUp
     });

package/eds-icon-close.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconClose = class {
   }
   render() {
     return h("span", {
-      key: '365ad476b1be9c708e73598cad1dd42a908fa1cd',
+      key: '947f6615e8ee155be98b379a9c771cc0d453becd',
       class: this.class,
       innerHTML: close
     });

package/eds-icon-copy.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconCopy = class {
   }
   render() {
     return h("span", {
-      key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e',
+      key: '1e23d4493d5a1d07bc794da20cc4e445a87d56b0',
       class: this.class,
       innerHTML: copy
     });

package/eds-icon-eu.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconEu = class {
   }
   render() {
     return h("span", {
-      key: 'cc6e5f7d7333ff7ed4a6f716e0ee90806fa782f9',
+      key: '14254e1b9d43562e6f3f943de22aa8dd4d89a044',
       class: this.class,
       innerHTML: euSvg
     });

package/eds-icon-facebook.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: 'f859db4f8b6679e138e6d72d1d0f5e5bd1bcf997',
+      key: '902598891dfe926f92ce5d30dc135896c6eccd43',
       class: this.class,
       innerHTML: facebook
     });

package/eds-icon-gitlab.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
   }
   render() {
     return h("span", {
-      key: '5a91cfc15c4dec2b50ce57fb0f1d6cc8f57b03e8',
+      key: '128f9265dfc1aee95586ba0a3fd20dd131678893',
       class: this.class,
       innerHTML: gitlabBlack
     });

package/eds-icon-linkedin.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: 'b8e0661a74a92c72b6db109cb48db12da48dcf92',
+      key: '0f9675a371ca7bb460882c04bf2bb0c103273a0d',
       class: this.class,
       innerHTML: linkedin
     });

package/eds-icon-loader.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLoader = class {
   }
   render() {
     return h("span", {
-      key: '260c4eeb69ff79d943571c1461346b9019ea513a',
+      key: 'f11c60068baa2d2398056b3d7f04129d9deb4517',
       class: this.class,
       innerHTML: loader
     });

package/eds-icon-mastodon.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
   }
   render() {
     return h("span", {
-      key: '902598891dfe926f92ce5d30dc135896c6eccd43',
+      key: '1f68e5d0b6f8455f40bf94f6095eceff00b7887e',
       class: this.class,
       innerHTML: mastodon
     });

package/eds-icon-menu.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMenu = class {
   }
   render() {
     return h("span", {
-      key: '9d15be28017eb074a69846a2a639861de997130b',
+      key: '0084602c8e870b70caa66479f71bed3bd0cce94e',
       class: this.class,
       innerHTML: menu
     });

package/eds-icon-more.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMore = class {
   }
   render() {
     return h("span", {
-      key: '0f7d61104f8f2b0a83c5b60a6ce81c6ab91ecb9c',
+      key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4',
       class: this.class,
       innerHTML: more
     });

package/eds-icon-search.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconSearch = class {
   }
   render() {
     return h("span", {
-      key: '6795d973d3a1fff27c2fd6181235d0284abaf3b7',
+      key: '42acc730afd956c2884b0789b3ea37ccf323630b',
       class: this.class,
       innerHTML: search
     });

package/eds-icon-success.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
   }
   render() {
     return h("span", {
-      key: '15e428fd72496249adfe372847d5c683cd3412b1',
+      key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
       class: this.class,
       innerHTML: success
     });

package/eds-icon-twitter.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
   }
   render() {
     return h("span", {
-      key: 'cfa2d903e79d5a17fb7511e078c0d26bd6d3abd6',
+      key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c',
       class: this.class,
       innerHTML: twitter
     });

package/eds-icon-user.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconUser = class {
   }
   render() {
     return h("span", {
-      key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
+      key: 'cb31d12146ff577195650b502f51005092404a30',
       class: this.class,
       innerHTML: user
     });