@ebrains/components 2.4.0 → 2.4.1

package/dist/components/docs-palettes.js

@@ -26,7 +26,7 @@ const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes exten
         }
     }
     render() {
-        return h("div", { key: 'dd4c39b9b45b3ac9d7e54898e27c09b3c6b4259d', class: "container" }, this.renderContent());
+        return h("div", { key: '7cf421f19dc1d70ab5c2df29e8ca22577b1652e2', class: "container" }, this.renderContent());
     }
 }, [0, "docs-palettes", {
         "tabIndex": [2, "tab-index"]

package/dist/components/docs-tokens.js

@@ -30,7 +30,7 @@ const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends H
         }
     }
     render() {
-        return h("div", { key: 'dfc087cb088b4505939bcf69559639f0a2075255', class: "container" }, this.renderContent());
+        return h("div", { key: 'bf55f7238eb1c05bdf6b79a4663070ff257595d8', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/eds-app-root.js

@@ -31,7 +31,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: 'aa412cafecaceba211d0938d42779d33a20b418f' }, h("eds-splash-screen", { key: '78de23a74a0263c09e400cb16d20e014a50913ba', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '6a690104e273cbefa9ec4e66c5479c2db0666f39', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'd05cf471a9e7dfd9a5e87311def9774510e1b30a' }, h("eds-splash-screen", { key: 'ae568d4bda15c9e99365f37421b4caad9576c6a0', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '624b82b77f87e636bed424ec66dc564120f370c2', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'fb8a582f971c715e34be9c3e0ed8b3437dea883d' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]

package/dist/components/eds-cookies-preference.js

@@ -33,7 +33,7 @@ const EdsCookiesPreference$1 = /*@__PURE__*/ proxyCustomElement(class EdsCookies
         }
     }
     render() {
-        return (h("div", { key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab' }, h("eds-link", { key: '4bb5d796d14dc242024df4681dea493d4511a8b6', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: 'daf8dae47d699797488bddeb6be5951647d26a86' }, h("eds-link", { key: 'a07c16a0c89acc9230a3ebebbd4bb4d1993f34ab', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get style() { return EdsCookiesPreferenceStyle0; }
 }, [0, "eds-cookies-preference", {

package/dist/components/eds-footer2.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './eds-button2.js';
-import { d as defineCustomElement$4 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$3 } from './eds-img2.js';
+import { d as defineCustomElement$4 } from './eds-button2.js';
+import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$2 } from './eds-link2.js';
 import { d as defineCustomElement$1 } from './eds-social-networks2.js';
 
@@ -59,9 +58,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
     render() {
         const year = new Date().getFullYear();
         const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
-        return (h("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, h("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a', width: 63, height: 50, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd' }, h("div", { key: '7d16c929479ee8db9d981d6178f17fd832184e29', class: "f-ui-02 text-light" }, h("p", { key: '86c6e3eec115a886a37618963e973004f130950e' }, this.fundedBy), h("div", { key: '13e4e3925ea8f76865684cba29c91653bba0c45d', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '21c77485fffbe352edb8501dab07fd6628de62ba', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
+        return (h("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, h("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("svg", { key: 'ccec5c50780a74912f51a46e79c5064e099cf678', class: "h-auto w-full fill-current", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8aa7bbb7cd4e3386c11c194af1ee63a19fa9de34', d: "M0 0h640v480H0V0z", fill: "#039" }), h("path", { key: 'c5fcce97d10391a07c081558b970175d80da1106', d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" })))), h("div", { key: '11168a0466d48398c6e9318317141966b5a2f996' }, h("div", { key: '3728a394fd33133169f17e26ba5135e4c7e28f0a', class: "f-ui-02 text-light" }, h("p", { key: '2329c76b69487d4c4f8fff0b0daa0ab8ce0ea15c' }, this.fundedBy), h("div", { key: 'c9423d9261da2d3f0ff3b5f00fc8e24522733f32', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '3257b0c6f7952e4d70e35fa93ba8e4bae23369b7', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '1c8417017493de5e446bfdeec248948d920c1a95', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), h("div", { key: '9ef1a84e41dea0dda90a699a9ff8a844e3b6294d', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     get el() { return this; }
     static get style() { return EdsFooterStyle0; }
@@ -79,7 +78,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-footer", "eds-button", "eds-icon-wrapper", "eds-img", "eds-link", "eds-social-networks"];
+    const components = ["eds-footer", "eds-button", "eds-icon-wrapper", "eds-link", "eds-social-networks"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-footer":
             if (!customElements.get(tagName)) {
@@ -87,16 +86,11 @@ function defineCustomElement() {
             }
             break;
         case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "eds-img":
+        case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/eds-form.js

@@ -658,9 +658,9 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         const styleClasses = this.formStyle === 'shadow'
             ? 'bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32'
             : '';
-        return (h("form", { key: 'a4b6cf51242567739fc3ff2da482c41edb4e4e57', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '5f7e1d618f8a10a1cd6aa8d512c04064a484cd93', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '283d752d3e9f4ede0f50493ba9e5010376ebfb1f', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: 'bd5866482b87bdc86a59594b884a9b81c676afdb', class: "f-body-02 text-light" }, this.description), h("slot", { key: 'b2de746ccf8743fdef545a70ab111dfff0d7912f' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (h("form", { key: '8a722f99ea8ad7b063805b3377180d73b16d96e1', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '6a091913152adad7df2f8581a62d2146d9ea2f1d', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '11dc49375a4eef1dfd4994a6ba2b2876262f9f55', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: 'dfa8bfa745828e8a57a4909dcbfd9f48497205c0', class: "f-body-02 text-light" }, this.description), h("slot", { key: 'db2c00b99038a6feddbe057de16b1002bbf14f03' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '917c5bd2e6048a91487f0a66bd0426e529295f9e', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: '96abbd19ea2869c21146f0b37da7ff6b89fbf66c', class: "mt-32" }, h("eds-button", { key: '066348df32cf27fc6e56c94b9d5c455bc51b4adf', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: 'ed2cbf6dada2bf43c8846f5f2af8f3f0767a5b1c', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: '1cc4b51279214181f1894a573227cda0cbf385ee', class: "mt-32" }, h("eds-button", { key: '2a004027664d1433cf625c48f3447960de9c5c84', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/eds-frame.js

@@ -76,7 +76,7 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
         }
     }
     render() {
-        return (h("div", { key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3', class: this.articleClasses() }, h("div", { key: '4c9e224f1a6421398cfef1fd89d113513727b6dd', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'd4372713fc8984d14808171857d6efd40790dec2', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: 'dce969c76fcfbb77f315ab0203ef77136f8a449b', class: this.articleClasses() }, h("div", { key: '80ab4a9035e3008708a4f4bfe53d9679a9e687d1', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'f065ee637af801e5fbc8039211384002dd594d84', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'eae4f61cec9aab217116dbed39c54b39fc5b2040', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return this; }
     static get style() { return EdsFrameStyle0; }

package/dist/components/eds-fullscreen-menu.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { p as parseData } from './sharedUtils.js';
-import { d as defineCustomElement$9 } from './eds-block-break2.js';
-import { d as defineCustomElement$8 } from './eds-button2.js';
-import { d as defineCustomElement$7 } from './eds-footer2.js';
-import { d as defineCustomElement$6 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$5 } from './eds-img2.js';
+import { d as defineCustomElement$8 } from './eds-block-break2.js';
+import { d as defineCustomElement$7 } from './eds-button2.js';
+import { d as defineCustomElement$6 } from './eds-footer2.js';
+import { d as defineCustomElement$5 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$4 } from './eds-link2.js';
 import { d as defineCustomElement$3 } from './eds-logo2.js';
 import { d as defineCustomElement$2 } from './eds-social-networks2.js';
@@ -105,7 +104,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-fullscreen-menu", "eds-block-break", "eds-button", "eds-footer", "eds-icon-wrapper", "eds-img", "eds-link", "eds-logo", "eds-social-networks"];
+    const components = ["eds-fullscreen-menu", "eds-block-break", "eds-button", "eds-footer", "eds-icon-wrapper", "eds-link", "eds-logo", "eds-social-networks"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-fullscreen-menu":
             if (!customElements.get(tagName)) {
@@ -113,26 +112,21 @@ function defineCustomElement$1() {
             }
             break;
         case "eds-block-break":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "eds-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "eds-footer":
+        case "eds-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "eds-icon-wrapper":
+        case "eds-footer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "eds-img":
+        case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/components/eds-global-search.js

@@ -171,10 +171,10 @@ const EdsGlobalSearch$1 = /*@__PURE__*/ proxyCustomElement(class EdsGlobalSearch
         return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
     }
     render() {
-        return (h("div", { key: 'be8f46caa1d12a034401686c9860b87032652322', class: "search-wrapper" }, h("eds-input-field", { key: 'c31ac27a5e9f97729da8f7168e22ad09205ffce0', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (h("div", { key: '57b87393636913be24856bedc805e180171f084e', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '3ddb78e5a734d69b581e64ee825d12574f98574d', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: '178c99535ce61b320fd70ab1f3aeb8408c868fe3', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '87feb37ffec93fa12185cd1fffb5c4f8ac54cd55', class: "flex text-center justify-center p-16" }, h("span", { key: '07544fe95721c9e0898364f3bdcfc0b1ca79a48d', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '6595178cb14ce5e21cdb15f96e039975a8af0c67', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'f5b614218bb6ef642c3d1f4c7d41f56f28319a9d', icon: "search" }), h("div", { key: '857671d7783d8fe854e6b3203a3755d24f337e5d' }, h("p", { key: '89bae3bfb4efa63e777121088a59d873652de4e9', class: "f-body-02" }, "No results found"), h("p", { key: '1a951b1a6f0daf7506e6e7892a211f92d95b94d4', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: '1c1711dc4332d70cefe965dcfeeabc3c6745ce4d', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
+        return (h("div", { key: '03beb0a36e20ff5e0c1213584361c9b85ef52684', class: "search-wrapper" }, h("eds-input-field", { key: 'cefbfcc4c32067fc57f4425fde7e646b2ca36bc6', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (h("div", { key: '60a8f38d2eb06335f97f232a7e810f22ccf379b3', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '2e8dcab16d8fef0f0ec07bcb78fd568f91156095', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: 'f512b3508fe5ba35a762346f43fa780a9b0c5c11', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '549a6ec4f84c10d5bb4449cb7aa9a4dc61a4ff05', class: "flex text-center justify-center p-16" }, h("span", { key: '2de6645b976ed3d7958867447c090639b3b613a6', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '1006b88e3508a51898f305e1a221762f9cbc0204', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'bc635e10a72aaf715747f8c512ebc3d18d0657c5', icon: "search" }), h("div", { key: 'd267ee5c228ae85031088faf7b44b99bacbb77f4' }, h("p", { key: '526094eab25fcb55d5e5a1529c165a39e80db386', class: "f-body-02" }, "No results found"), h("p", { key: '770ff6f735b09068bcb26eec2552c6e7081348ba', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: '75597ab0dc1c11854e366294a12a9bd448f53877', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
                 'result-item': true,
                 'result-item--selected': index === this.selectedIndex
-            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "f-body-02" }, result.title)), h("div", { class: "inline" }, h("eds-tag", { intent: "accent", label: result.source }), result.section && h("span", { class: "result-badge" }, result.section), h("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: '26e172b579f71b7096481994c0a4af80d3e416d3', class: "dropdown-footer" }, h("span", { key: '57a6432125472aaed3b7b46c106aeec0d0a5ee50', class: "footer-hint" }, h("kbd", { key: 'c8ca5d4b1a2e8f59665290ab78499f8db431a2e9' }, "\u2191"), " ", h("kbd", { key: '89a6520e51bed33cfc37b892480af44e5b77a9c3' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: '4173b9ec77d52d4570e016c3366e27fef225ccb0' }, "\u21B5"), " select \u2022 ", h("kbd", { key: '7f118c184acf52edd545e1f97b4ca991eaa1aa1f' }, "esc"), " close")))))));
+            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "f-body-02" }, result.title)), h("div", { class: "inline" }, h("eds-tag", { intent: "accent", label: result.source }), result.section && h("span", { class: "result-badge" }, result.section), h("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: '4af4caf6e6856feaeb91218aa249950ac835e5d8', class: "dropdown-footer" }, h("span", { key: '4634ee9a9a15674cae0eee784b7ee408c7707874', class: "footer-hint" }, h("kbd", { key: 'ea0dd3cbb169f0db034fa3ee9019592d943398f6' }, "\u2191"), " ", h("kbd", { key: 'f1fc8937f965f695b402a78c82661e0ddee8126d' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: '1d7de6abe02b46362c0e7d1998aaa9b78d1c1378' }, "\u21B5"), " select \u2022 ", h("kbd", { key: '50d7d6ab8176e654529fa7e977dc67eadff84c3d' }, "esc"), " close")))))));
     }
     get el() { return this; }
     static get style() { return EdsGlobalSearchStyle0; }

package/dist/components/eds-header.js

@@ -51,7 +51,7 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: 'cf272ed6242b2effa3027081d72b58025c49d055', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '16f81e55c3aa28beabfead914488ce1fd70b408d', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '0961fb91dff26c457833b67ef963d60a9902a916', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'a034d1bfc21da2245b3c91a2f91f092476d67f97', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: '06ebd9012b829a30f7cdc27f417116a21d2bfc2f', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '68c34af928ee215329d354ca1a5ef7850d1112cf', name: "actions" }), this.menuEnabled && (h("div", { key: 'cb4cd94fbf5ebbd770631066f2f69f8ac50a3f5f', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '8f2aa4d59705e9410a0fa8b10c9f348fcfe73db3', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: 'ebfd125d1e27d224e5702f0c7a4b8f46e279f3b7', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '64be678f68c5d5590e0a976f46a1939320d5d9c2', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'a94192d8df3fb22d629d29d58d681e2a2eb0506d', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'd7f1055e683b90d91c977ae9fef52a00f90b63a0', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'a15b4d203bacbe7f58490b8d34dd57dc31d4f573', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '2d83f5093b34bdc40f574f8d5676e046029c6e5d', name: "actions" }), this.menuEnabled && (h("div", { key: 'd2ad33f5ea9e55a5efb1f4dd598be5d61f1d9ab6', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: 'da824afdcaa6ce68d837096bff6bdfadec4af17c', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     get hostEl() { return this; }
     static get style() { return EdsHeaderStyle0; }

package/dist/components/eds-icon-arrow-diagonal.js

@@ -8,7 +8,7 @@ const EdsIconArrowDiagonal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArr
         this.class = '';
     }
     render() {
-        return h("span", { key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '6acdb63c6b56cebeba425280366ab945cb425490', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-arrow-diagonal", {
         "class": [1]

package/dist/components/eds-icon-arrow-right.js

@@ -8,7 +8,7 @@ const EdsIconArrowRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArrowR
         this.class = '';
     }
     render() {
-        return h("span", { key: '652d9843e8855eeb7bd9c364fe8600116eb54897', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: 'a276fcdfda8a935cdd871d0a16a078b1948621c6', class: this.class, innerHTML: arrowRight });
     }
 }, [0, "eds-icon-arrow-right", {
         "class": [1]

package/dist/components/eds-icon-bin.js

@@ -8,7 +8,7 @@ const EdsIconBin$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBin extends H
         this.class = '';
     }
     render() {
-        return h("span", { key: '7ba82b3f303e9d0dc30afef19154637af1d20811', class: this.class, innerHTML: bin });
+        return h("span", { key: '9aa3fb586bd4cd702b237a7104ed4c8232097999', class: this.class, innerHTML: bin });
     }
 }, [0, "eds-icon-bin", {
         "class": [1]

package/dist/components/eds-icon-bluesky.js

@@ -8,7 +8,7 @@ const EdsIconBluesky$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBluesky e
         this.class = '';
     }
     render() {
-        return h("span", { key: '686dbb5f0c3c5f156940c83380c16c169f016219', class: this.class, innerHTML: bluesky });
+        return h("span", { key: '9adf87027690ce28aed73d736ce2d3be6a5245b5', class: this.class, innerHTML: bluesky });
     }
 }, [0, "eds-icon-bluesky", {
         "class": [1]

package/dist/components/eds-icon-bookmark.js

@@ -8,7 +8,7 @@ const EdsIconBookmark$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBookmark
         this.class = '';
     }
     render() {
-        return h("span", { key: '66bd28a12ce759d916099635f81aff9b8a66c774', class: this.class, innerHTML: bookmark });
+        return h("span", { key: '7ff03ad0ebef09a7e5beb63da0a75b6a8776ca8a', class: this.class, innerHTML: bookmark });
     }
 }, [0, "eds-icon-bookmark", {
         "class": [1]

package/dist/components/eds-icon-chevron-down.js

@@ -8,7 +8,7 @@ const EdsIconChevronDown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevr
         this.class = '';
     }
     render() {
-        return h("span", { key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: 'ae0a935c50ae34d6fd9a2f65eff2625617d0fe78', class: this.class, innerHTML: chevronDown });
     }
 }, [0, "eds-icon-chevron-down", {
         "class": [1]

package/dist/components/eds-icon-chevron-left.js

@@ -8,7 +8,7 @@ const EdsIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevr
         this.class = '';
     }
     render() {
-        return h("span", { key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '4fc3150f6c0e74f03ad2bd45b239b3fe20b799d7', class: this.class, innerHTML: chevronLeft });
     }
 }, [0, "eds-icon-chevron-left", {
         "class": [1]

package/dist/components/eds-icon-chevron-right.js

@@ -8,7 +8,7 @@ const EdsIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChev
         this.class = '';
     }
     render() {
-        return h("span", { key: '60ca9c3f312d711df76743901b5373ee573b99d7', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: '04ffe47e146e18b9c4cabe8694e0f99e789b4e51', class: this.class, innerHTML: chevronRight });
     }
 }, [0, "eds-icon-chevron-right", {
         "class": [1]

package/dist/components/eds-icon-chevron-up.js

@@ -8,7 +8,7 @@ const EdsIconChevronUp$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevron
         this.class = '';
     }
     render() {
-        return h("span", { key: '61506941edc3f2da20a848d8f435241027ee131a', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: 'f226a311428de578497d0bfb67d371a6974c220e', class: this.class, innerHTML: chevronUp });
     }
 }, [0, "eds-icon-chevron-up", {
         "class": [1]

package/dist/components/eds-icon-clone.js

@@ -8,7 +8,7 @@ const EdsIconClone$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconClone exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '25b5552f8f0952bde3058c85d2ef61bb69102c24', class: this.class, innerHTML: clone });
+        return h("span", { key: 'ab89369ec66f8bde06e65217ef324200dd0a7579', class: this.class, innerHTML: clone });
     }
 }, [0, "eds-icon-clone", {
         "class": [1]

package/dist/components/eds-icon-close.js

@@ -8,7 +8,7 @@ const EdsIconClose$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconClose exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '50792b8ec547fba6fd0416e80cdaf706079f42b2', class: this.class, innerHTML: close });
+        return h("span", { key: '046e7605384d1c2cb30132abdde5932024e85960', class: this.class, innerHTML: close });
     }
 }, [0, "eds-icon-close", {
         "class": [1]

package/dist/components/eds-icon-copy.js

@@ -8,7 +8,7 @@ const EdsIconCopy$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconCopy extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3', class: this.class, innerHTML: copy });
+        return h("span", { key: '932738088482900ec6d4b9187ace4fb428e2c0a4', class: this.class, innerHTML: copy });
     }
 }, [0, "eds-icon-copy", {
         "class": [1]

package/dist/components/eds-icon-download.js

@@ -8,7 +8,7 @@ const EdsIconDownload$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconDownload
         this.class = '';
     }
     render() {
-        return h("span", { key: '17b9c232930d8efec279f777ced4a7e95cc559bd', class: this.class, innerHTML: download });
+        return h("span", { key: 'dd478172d512fa80b8cab24e0c487c4c4710af50', class: this.class, innerHTML: download });
     }
 }, [0, "eds-icon-download", {
         "class": [1]

package/dist/components/eds-icon-draft.js

@@ -8,7 +8,7 @@ const EdsIconDraft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconDraft exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '9a0acb29472fee4627c23cd528a601d80fb065d9', class: this.class, innerHTML: draft });
+        return h("span", { key: 'f0331f4e0d7f4f5871d33dd355c8a88c286821d5', class: this.class, innerHTML: draft });
     }
 }, [0, "eds-icon-draft", {
         "class": [1]

package/dist/components/eds-icon-edit.js

@@ -8,7 +8,7 @@ const EdsIconEdit$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEdit extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '603d3cb68e01aadbcb05d232773490b93593a4e7', class: this.class, innerHTML: edit });
+        return h("span", { key: 'cb85e8d511a4dc5b8628df7663bc2b4854e8ee37', class: this.class, innerHTML: edit });
     }
 }, [0, "eds-icon-edit", {
         "class": [1]

package/dist/components/eds-icon-eu.js

@@ -8,7 +8,7 @@ const EdsIconEu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEu extends HTM
         this.class = '';
     }
     render() {
-        return h("span", { key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '18981f68145f644aed9c96c62c19e0357ebbb1ad', class: this.class, innerHTML: euSvg });
     }
 }, [0, "eds-icon-eu", {
         "class": [1]

package/dist/components/eds-icon-external.js

@@ -8,7 +8,7 @@ const EdsIconExternal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconExternal
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dc82ae5d96587a46362008670e4096d8f3ed8941', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-external", {
         "class": [1]

package/dist/components/eds-icon-facebook.js

@@ -8,7 +8,7 @@ const EdsIconFacebook$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconFacebook
         this.class = '';
     }
     render() {
-        return h("span", { key: '97ff8677a8252ec4cce47f9f857185945aca7cc8', class: this.class, innerHTML: facebook });
+        return h("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: facebook });
     }
 }, [0, "eds-icon-facebook", {
         "class": [1]

package/dist/components/eds-icon-gitlab.js

@@ -8,7 +8,7 @@ const EdsIconGitlab$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconGitlab ext
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'e3c7d4a509e36afd5e18e5aea94d07347304702e', class: this.class, innerHTML: gitlabBlack });
     }
 }, [0, "eds-icon-gitlab", {
         "class": [1]

package/dist/components/eds-icon-linkedin.js

@@ -8,7 +8,7 @@ const EdsIconLinkedin$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLinkedin
         this.class = '';
     }
     render() {
-        return h("span", { key: 'bfed785cb748dc93f95bb317750b5e82dc6c1dcc', class: this.class, innerHTML: linkedin });
+        return h("span", { key: 'bb6879dfc98416128ada13c11e4e480f8774945e', class: this.class, innerHTML: linkedin });
     }
 }, [0, "eds-icon-linkedin", {
         "class": [1]

package/dist/components/eds-icon-loader.js

@@ -8,7 +8,7 @@ const EdsIconLoader$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLoader ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a', class: this.class, innerHTML: loader });
+        return h("span", { key: '3fcc15aef9c204836bbf4dbbfa52215913549b20', class: this.class, innerHTML: loader });
     }
 }, [0, "eds-icon-loader", {
         "class": [1]

package/dist/components/eds-icon-mastodon.js

@@ -8,7 +8,7 @@ const EdsIconMastodon$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMastodon
         this.class = '';
     }
     render() {
-        return h("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: mastodon });
+        return h("span", { key: 'f02291022132866eced365b0f8d190fbb71542e3', class: this.class, innerHTML: mastodon });
     }
 }, [0, "eds-icon-mastodon", {
         "class": [1]

package/dist/components/eds-icon-menu.js

@@ -8,7 +8,7 @@ const EdsIconMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMenu extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202', class: this.class, innerHTML: menu });
+        return h("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: menu });
     }
 }, [0, "eds-icon-menu", {
         "class": [1]

package/dist/components/eds-icon-minus.js

@@ -8,7 +8,7 @@ const EdsIconMinus$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMinus exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '15a4b124b598595958bfbaf7be0b9a9795cfb105', class: this.class, innerHTML: minus });
+        return h("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: minus });
     }
 }, [0, "eds-icon-minus", {
         "class": [1]

package/dist/components/eds-icon-more.js

@@ -8,7 +8,7 @@ const EdsIconMore$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMore extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: more });
+        return h("span", { key: 'e42d76e608591ec3ea4d1696affdaa6b1a764c31', class: this.class, innerHTML: more });
     }
 }, [0, "eds-icon-more", {
         "class": [1]

package/dist/components/eds-icon-paper.js

@@ -8,7 +8,7 @@ const EdsIconPaper$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPaper exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: paper });
+        return h("span", { key: '3da4ed49bfac513943d7655f4c52f48084efcda7', class: this.class, innerHTML: paper });
     }
 }, [0, "eds-icon-paper", {
         "class": [1]

package/dist/components/eds-icon-plus.js

@@ -8,7 +8,7 @@ const EdsIconPlus$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPlus extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '66caca52d82371c81a2c751a4becbbe4a4b24df2', class: this.class, innerHTML: plus });
+        return h("span", { key: 'a0e18b454752151c3e2ca4e32814df065364bb34', class: this.class, innerHTML: plus });
     }
 }, [0, "eds-icon-plus", {
         "class": [1]

package/dist/components/eds-icon-portal.js

@@ -8,7 +8,7 @@ const EdsIconPortal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPortal ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '8c4137eb4257ed474f2f6b9f4330504c0b3dd5b3', class: this.class, innerHTML: portal });
+        return h("span", { key: 'f9bc952f9bb354dab1f4883c1909be98116b2416', class: this.class, innerHTML: portal });
     }
 }, [0, "eds-icon-portal", {
         "class": [1]

package/dist/components/eds-icon-private.js

@@ -8,7 +8,7 @@ const EdsIconPrivate$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPrivate e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cd1790e118743455f95c1dcef5fef5b7eea8d4b7', class: this.class, innerHTML: privat });
+        return h("span", { key: '6a7653b8ef8137f6257a2e0c546200bc5afb1d2f', class: this.class, innerHTML: privat });
     }
 }, [0, "eds-icon-private", {
         "class": [1]

package/dist/components/eds-icon-public.js

@@ -8,7 +8,7 @@ const EdsIconPublic$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPublic ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '992b0db1543110d0561199c44407129fcd1c0c2f', class: this.class, innerHTML: pub });
+        return h("span", { key: 'fc4ebd716a4e8e8f753c65febfa701e2dbb233a8', class: this.class, innerHTML: pub });
     }
 }, [0, "eds-icon-public", {
         "class": [1]

package/dist/components/eds-icon-search.js

@@ -8,7 +8,7 @@ const EdsIconSearch$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconSearch ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '14f24d633305efb74dba50aafd31f31b5f2d8e48', class: this.class, innerHTML: search });
+        return h("span", { key: '5be70ac50bac9b7b52a2d631dcb6b1449e7b3b0a', class: this.class, innerHTML: search });
     }
 }, [0, "eds-icon-search", {
         "class": [1]

package/dist/components/eds-icon-star.js

@@ -8,7 +8,7 @@ const EdsIconStar$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconStar extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '5546e3debfb9ecf0efe34c31b987dc6ca1f2ba6b', class: this.class, innerHTML: star });
+        return h("span", { key: 'fabdb04e16a6ba928a2cb2936f7433fa1aea18ce', class: this.class, innerHTML: star });
     }
 }, [0, "eds-icon-star", {
         "class": [1]

package/dist/components/eds-icon-start.js

@@ -8,7 +8,7 @@ const EdsIconStart$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconStart exten
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd17186a319ab9a5755330b641aa4620cb811c7ae', class: this.class, innerHTML: start });
+        return h("span", { key: '32b34d3e55370226bca150790f0791067b63ff23', class: this.class, innerHTML: start });
     }
 }, [0, "eds-icon-start", {
         "class": [1]

package/dist/components/eds-icon-success.js

@@ -8,7 +8,7 @@ const EdsIconSuccess$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconSuccess e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd70032613d160c820ec95934b17a43c654fe4d26', class: this.class, innerHTML: success });
+        return h("span", { key: '645920f5bbde45082ad1c093f3f6c546b73b707e', class: this.class, innerHTML: success });
     }
 }, [0, "eds-icon-success", {
         "class": [1]

package/dist/components/eds-icon-thumbs-down.js

@@ -8,7 +8,7 @@ const EdsIconThumbsDown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconThumbs
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dbc457ba89db7b7b142be6736a8640ffff2d2cb3', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '15822639188c8a54d48097e5efb4e6b885d439ef', class: this.class, innerHTML: thumbsDown });
     }
 }, [0, "eds-icon-thumbs-down", {
         "class": [1]