@ebrains/components 2.0.0 → 2.1.0

package/dist/components/eds-card-tags.js

@@ -13,7 +13,7 @@ const EdsCardTags$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTags extends
         this.tags = [];
     }
     render() {
-        return (h("div", { key: '5da9fcbc472476a7b438451e563586643a818bc0', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
+        return (h("div", { key: '2acec4bb37d05bb40910cdd198e2ffac9f16610d', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
     static get style() { return EdsCardTagsStyle0; }
 }, [1, "eds-card-tags", {

package/dist/components/eds-card-title2.js

@@ -47,7 +47,7 @@ const EdsCardTitle = /*@__PURE__*/ proxyCustomElement(class EdsCardTitle extends
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (h(Heading, { key: '494d8b7ea90ccb93cf0395374951e90c89a59d3a', class: this.getTitleClass() }, h("a", { key: 'ab739472fd796767cd6e7ab4f4c09bcf24ec200a', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
+        return (h(Heading, { key: 'f3a72db6143e59ef04e589397126dcbf5b4d2d47', class: this.getTitleClass() }, h("a", { key: '4fe1c9af922959b26824f01a0e5b52137c3854f2', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
     }
     static get style() { return EdsCardTitleStyle0; }
 }, [1, "eds-card-title", {

package/dist/components/eds-card-tool.js

@@ -73,7 +73,7 @@ const EdsCardTool$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTool extends
         });
     }
     render() {
-        return (h("article", { key: '465a4593a4d28c5bfcef7325be7674b6301bc275', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '5d6c13f582bd89f03d95aa9027b83d8d4c4184ca', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4872956b7d97e222abd8e429c73a7e97fe1f7a06', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '10c20ab24e836c06ba2da070cbcf21cf11537e17', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
+        return (h("article", { key: '2ae8e814b1509d167912424bb5093dba780f70e7', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '1d0e4312589a917bc96b2c2dd3455ad0edc54b25', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '70b074fa7755e20627c50383e1a04a684dd1bab6', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'eb5b236057ef9044701d9662cdc2fa359d5c8053', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
     }
     get el() { return this; }
     static get style() { return EdsCardToolStyle0; }

package/dist/components/eds-code-block2.js

@@ -2479,7 +2479,7 @@ const EdsCodeBlock = /*@__PURE__*/ proxyCustomElement(class EdsCodeBlock extends
         return this.code; // Fallback if language is not provided or unsupported
     }
     render() {
-        return (h("div", { key: '7550f1c5e29a9be39614404d51dfec9a7aa194a9', class: "relative bg-stronger rounded-sm" }, h("div", { key: '8e654051ec6105e051af723e056b4151afc4305c', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: '1f558301727adb451524850b352844d7658f33a8', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '7def1f38f949c32d6138d88a0a7edf9655852491', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '9eabcd54f3bcdc1c4627a7ca7e22fd38e9755ca6', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: 'd15dce4b1692bf1956e1b3cb3586dde4d9561f1b', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: 'ad7eb7b40aaab69b6bc929c632ce4736fe3c39a5', innerHTML: this.getHighlightedCode() })))));
+        return (h("div", { key: '3cfaec27c58d05868313150f1a358ff64c8eafbd', class: "relative bg-stronger rounded-sm" }, h("div", { key: 'ed91821385f30305348750dbfffec5fdd7b4dbb8', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: '3e419585214883c878a8e84c440dbd29d590002d', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '051fa9c714d5c077d5d96ec9b92f8a744ec123bc', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '707950ce89cb0c24b1afac42a8801d13659b6bab', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '59923dd4c16cfecafffa2edaaac5ef7579c3f128', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '8c708992c04029d71685ad8922383ecdda05ac3c', innerHTML: this.getHighlightedCode() })))));
     }
     get el() { return this; }
     static get style() { return EdsCodeBlockStyle0; }

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

@@ -33,7 +33,7 @@ const EdsCookiesPreference$1 = /*@__PURE__*/ proxyCustomElement(class EdsCookies
         }
     }
     render() {
-        return (h("div", { key: 'b16a1d29fe09e09fdcfc24b06430e6f99a69a81a' }, h("eds-link", { key: 'ee2192e1368a50fe3c80da277e97e614dd7e457f', 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: '76c90b0245f703ffd80e9aa8ccc587c74b813df2' }, h("eds-link", { key: '5df4bcf1261c5afb610576e72720e0689cb2eb21', 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-dropdown2.js

@@ -110,14 +110,14 @@ const EdsDropdown = /*@__PURE__*/ proxyCustomElement(class EdsDropdown extends H
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (h("div", { key: '14f31163cc0fb25c3d531632ae36e01d8759567d', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '748413032b87b13290743f5bb9822cb84c1d0cf9', 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: '1a8f28c02b0782569228f75e030483439374baed', role: "menu", class: {
+        return (h("div", { key: '31e8b1fd4e146cbcad4d74bd78dff1cd1e1950bd', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '7021a0b0ff66780a324d7d9d1f6cff250ab64178', 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: '904fd2a7f727a8b3966eab6cf9ebdb0efa474ae0', 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: '31189866f6e1779a5fd5e1b8f3c33d8a0074410b' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: 'b416621930c7117775fef2ee91bdca0f660302f5' }))));
     }
     get host() { return this; }
     static get style() { return EdsDropdownStyle0; }

package/dist/components/eds-feedback.js

@@ -63,7 +63,7 @@ const EdsFeedback$1 = /*@__PURE__*/ proxyCustomElement(class EdsFeedback extends
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (h("div", { key: '997deecc8a62be9bc1dda142c26df1aeb8b4ac41', class: "grid inline" }, h(HeadingTag, { key: '3ae9bd1c1cb1e1d6f452f7f101ee8032db90328d', class: headingClass }, this.label), h("p", { key: '1788790da082ec33d4c4d637be0c872ddf7303e3', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '763f72d5376075c765c4309c607f3591467bb377', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '4c0e09faa967965e6cca47775d076e1e317b7948', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: '5e1c1694270cd7504ca8ba942b6f108af5f0572e', class: "grid inline" }, h(HeadingTag, { key: 'da068fd8d6fb9e9789472c418896688e40ab9d32', class: headingClass }, this.label), h("p", { key: '5f896de20bc86c5f3b6596f1d73a3ef8419d8c56', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '4909638b6f5cec693075285f99f6881541c09d29', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'cdafafb8e206ecc4bbb74edc16de94a5c26defc9', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return this; }
     static get style() { return EdsFeedbackStyle0; }

package/dist/components/eds-footer2.js

@@ -41,6 +41,12 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
         }
         const shouldShow = window.scrollY > 100 && document.body.scrollHeight > window.innerHeight;
         this.backBtn.style.opacity = shouldShow ? '1' : '0';
+        this.backBtn.style.pointerEvents = shouldShow ? 'auto' : 'none';
+        const btn = this.backBtn.querySelector('eds-button');
+        if (btn) {
+            btn.removeAttribute('aria-hidden');
+            btn.setAttribute('tabindex', shouldShow ? '0' : '-1');
+        }
     }
     toggleCookiesConsent() {
         this.cookies.emit('toggle');
@@ -53,9 +59,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '7b9fd367d8ab6581854f2b2fd3ffea0fee47d871' }, 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: 'd01c96c60e4fc43175d7e2e1c238284e6a9540a1', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '76e2468ca9fed5d1438d71a147d1861f537e77b4', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'd944e079008523980a5adadc7e7fbd308ad9c7b8', class: "flex items-center gap-x-12" }, h("a", { key: '0841e38c0b4ad9adacd59f6a43ddf3931903af07', 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: '6cfe4051c471215e2919efde9436c7827f7cde5a', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'dbb3471bc25444418423c5f2148af22ef7beb77f' }, h("div", { key: 'c70bd75c802b6c2b61b627db52566f639362f90d', class: "f-ui-04 text-light" }, h("p", { key: 'dc0dfaf8d16b53b0dbac78e693adf9dc26620d7a' }, this.fundedBy), h("div", { key: '121fe9d4d74392a02e13c6f54ba94ef8cb008e8e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: 'ab733d143a6113080e28e2af36034c0d41b4a297', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: '4912d7994a636d5159d863339f0119e7b6bb1bc3' }, 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: 'fb1db2c19f29a0fd1474565759992be78c404251', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'c7c6c6eb43f2ccb00df8b05247120763b3f665d3', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '45a29c7988edbf99ef5573dc77c9cc9a22faa666', class: "flex items-center gap-x-12" }, h("a", { key: '0fbc8e7d275a07af6da8b520bddf62f4c13aecac', 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: 'ec9e972f19d34cb13ea2022ab09ab6373d54be27', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '0281a7e09166bbd2e02913467fe3235585d0bf0a' }, h("div", { key: '97b96a7f6718cbc79ff98874e5dc90d6e1ed614e', class: "f-ui-04 text-light" }, h("p", { key: '810b11a720bdcb92ce587a125ac8d026f31e9872' }, this.fundedBy), h("div", { key: '2973f13cc831fa3d1131b182958fa425b94897fd', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: 'b4cb01b0601c8117ae427fc5ab9c43c20edc6536', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: 'ccdcbd5967e74cb305f18b961ad747b8e4da004f', 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-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop }))) : null)))));
+            } })) : null))), h("div", { key: 'd0b26e1911f55b44fb8a5253bab62b8db9141411', 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; }

package/dist/components/eds-form.js

@@ -1,15 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { s as sendAnalytics } from './analytics.js';
 import { p as parseData } from './sharedUtils.js';
-import { d as defineCustomElement$b } from './eds-button2.js';
-import { d as defineCustomElement$a } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$9 } from './eds-input2.js';
-import { d as defineCustomElement$8 } from './eds-input-field2.js';
-import { d as defineCustomElement$7 } from './eds-input-footer2.js';
-import { d as defineCustomElement$6 } from './eds-input-label2.js';
-import { d as defineCustomElement$5 } from './eds-input-range2.js';
-import { d as defineCustomElement$4 } from './eds-input-search2.js';
-import { d as defineCustomElement$3 } from './eds-input-select2.js';
+import { d as defineCustomElement$c } from './eds-button2.js';
+import { d as defineCustomElement$b } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$a } from './eds-input2.js';
+import { d as defineCustomElement$9 } from './eds-input-field2.js';
+import { d as defineCustomElement$8 } from './eds-input-footer2.js';
+import { d as defineCustomElement$7 } from './eds-input-label2.js';
+import { d as defineCustomElement$6 } from './eds-input-range2.js';
+import { d as defineCustomElement$5 } from './eds-input-search2.js';
+import { d as defineCustomElement$4 } from './eds-input-select2.js';
+import { d as defineCustomElement$3 } from './eds-nps2.js';
 import { d as defineCustomElement$2 } from './eds-rating2.js';
 
 // utils/validators.ts
@@ -97,6 +98,13 @@ function findRatingElement(formEl) {
     }
     return null;
 }
+function findNpsElement(formEl) {
+    const elements = Array.from(formEl.querySelectorAll('eds-nps'));
+    for (const element of elements) {
+        return element;
+    }
+    return null;
+}
 /**
  * Validates all fields and returns an object containing the errors and a flag indicating any errors.
  */
@@ -106,6 +114,7 @@ isFieldVisible) {
     const errors = {};
     let hasError = false;
     parsedFields.forEach((field) => {
+        var _a;
         // Only validate fields that are visible.
         if (!isFieldVisible(field, values)) {
             // If a field is hidden, clear its error.
@@ -141,6 +150,28 @@ isFieldVisible) {
                     }
                 }
             }
+            // NPS type
+            else if (field.type === 'nps') {
+                const npsEl = findNpsElement(formEl);
+                if (npsEl && npsEl.shadowRoot) {
+                    const raw = (_a = npsEl.shadowRoot
+                        .querySelector('div[role="radio"][aria-checked="true"] eds-button')) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-label');
+                    const value = raw !== null ? parseInt(raw, 10) : null;
+                    if (value === null) {
+                        // eslint-disable-next-line
+                        if (field.required) {
+                            errors[field.name] = ['This field is required.'];
+                            hasError = true;
+                        }
+                    }
+                }
+                else if (field.required) {
+                    // No NPS component found but required
+                    errors[field.name] = ['This field is required.'];
+                    hasError = true;
+                }
+                return;
+            }
             else {
                 // For all other types, find the first matching element.
                 const inputEl = findFieldElement(formEl, field.name);
@@ -432,6 +463,25 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
             message: `${field.name} updated`
         });
     }
+    handleNPS(e, field) {
+        const score = e.detail;
+        this.values = Object.assign(Object.assign({}, this.values), { [field.name]: score });
+        const newErrors = Object.assign({}, this.errors);
+        if (field.required && score === null) {
+            newErrors[field.name] = ['This field is required'];
+        }
+        else {
+            delete newErrors[field.name];
+        }
+        this.errors = newErrors;
+        this.hasError = Object.keys(newErrors).length > 0;
+        this.form.emit({
+            event: 'change',
+            field: field.name,
+            value: score,
+            message: `${field.name} updated`
+        });
+    }
     handleSubmit() {
         var _a, _b;
         if (this.isSubmitting) {
@@ -500,7 +550,7 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         return map;
     }
     renderField(field) {
-        var _a, _b;
+        var _a, _b, _c;
         if (!this.isFieldVisible(field)) {
             return null;
         }
@@ -510,7 +560,10 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
             const val = this.values[field.name] || 0;
             return (h("div", { class: "form-group rating-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `rating-${field.name}`, label: field.label, disabled: field.disabled, required: field.required }))), h("eds-rating", { id: `rating-${field.name}`, "rating-type": field.ratingType, "rating-count": field.ratingCount, "selected-rating": val, onRating: (e) => this.handleRating(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, message: field.message, "error-message": (_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.join('<br/>'), error: !!this.errors[field.name], link: field.link }))));
         }
-        return (h("eds-input-field", { key: field.name, name: field.name, label: field.label, placeholder: field.placeholder, type: field.type, value: this.values[field.name], required: field.required, hint: field.hint, message: field.message, error: !!this.errors[field.name], errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br/>'), options: field.options, onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field) }));
+        else if (field.type === 'nps') {
+            return (h("div", { class: "form-group nps-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `nps-${field.name}`, label: field.question, disabled: field.disabled, required: field.required }))), h("eds-nps", { id: `nps-${field.name}`, "right-label": field.rightLabel, "left-label": field.leftLabel, onNps: (e) => this.handleNPS(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, message: field.message, "error-message": (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br/>'), error: !!this.errors[field.name], link: field.link }))));
+        }
+        return (h("eds-input-field", { key: field.name, name: field.name, label: field.label, placeholder: field.placeholder, type: field.type, value: this.values[field.name], required: field.required, hint: field.hint, message: field.message, error: !!this.errors[field.name], errorMessage: (_c = this.errors[field.name]) === null || _c === void 0 ? void 0 : _c.join('<br/>'), options: field.options, onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field) }));
     }
     async getData() {
         return this.makeFormData();
@@ -519,9 +572,9 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         //const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
         const buckets = this.groupedFields;
-        return (h("form", { key: '65b3611bfc26512d594c3f4657bcba93f4e54ec9', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '24c77c04b83d458528fbb4423f2d1a0f0e7e65e3' }, h("slot", { key: '13cdf29e9da20c91d3fa38ced5f0843046cfeefb' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (h("form", { key: 'a66997f39b5be347a4d502f77bcd1da9d1a274ac', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: 'f8800d2ebe64b3279234ab8ebe20e535dc822872' }, h("slot", { key: 'b4194073b281dec35a79a6cc974fdf7476a67807' }), 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: "container mt-20", 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: '99706c326e6e18a1099fef82e78a4ea383338fb4', class: "flex flex-col mt-20 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f)))), this.formBtn && (h("div", { key: '6e66e2f87c18022d729fcea33e4db6bc2a173392', class: "mt-32" }, h("eds-button", { key: 'a94a3e027f58c5276bec7e612987e738d74e7d1c', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (h("div", { class: "container mt-20", 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: '2fc83ebb6b0a472f6853618602c37ee83adae9ff', class: "flex flex-col mt-20 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f)))), this.formBtn && (h("div", { key: '91b569b1a4513945f3228c374ae45b52ea17f91d', class: "mt-32" }, h("eds-button", { key: '1a8feaecd5a7f292f8aeae3db900700b4f7fb8d4', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -554,7 +607,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-form", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-rating"];
+    const components = ["eds-form", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-nps", "eds-rating"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-form":
             if (!customElements.get(tagName)) {
@@ -563,45 +616,50 @@ function defineCustomElement$1() {
             break;
         case "eds-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "eds-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "eds-input-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "eds-input-footer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "eds-input-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "eds-input-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "eds-input-search":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "eds-input-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-nps":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/eds-frame.js

@@ -76,7 +76,7 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
         }
     }
     render() {
-        return (h("div", { key: '7544fb993c0e18ca62fd0bb2bcc75088645163d9', class: this.articleClasses() }, h("div", { key: '3c8c254255056515de9496bd35dd9f0f43cab505', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'fc9bdb15d9d4ac15c8b3e572b4e755cdcfa436b0', 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: '65c233f9ec7c616cf23350a2b91b2095de0db0b2', 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: '9f5b6280292996b66fb3380678fae7748aba8cb3', class: this.articleClasses() }, h("div", { key: '6e4f6e0ce9b44fe94ff4622285258747503d9034', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '36bb5a7b005b4c23a7042e5cf06769efe29b07db', 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: '9d64e26eaa9e79d68e13d6a0faf67c8ca68d2097', 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-gauge.js

@@ -50,7 +50,7 @@ const EdsGauge$1 = /*@__PURE__*/ proxyCustomElement(class EdsGauge extends HTMLE
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (h("div", { key: '2918e034b24749fd1fcad84f4a8614043c6a9ea2', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'a24d393bfcdbd45019f7a560c4af0330c720af0c', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '712fc9211b6e90afdf7063a4e6a6af74ec88dfdd', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '88d3ffc3fea9ff77247b4ecbb4af3a6ac39c1cb4', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (h("div", { key: '798a7345ee5c3eeb59b5fe29a39827ce347dc756', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'f255f7036a5b11de88fbb32648388905932eb56e', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '2a6dd1d88b32cb2c534f253703a8caa0099f2a43', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'ccbf1852d2f43b925f565c7117aca4a878e7f636', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
     static get style() { return EdsGaugeStyle0; }
 }, [1, "eds-gauge", {

package/dist/components/eds-header.js

@@ -55,7 +55,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: 'aac532eed29a3d4b310ea2550521c95d562d0ece', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '8794699aa3401c267aacb95959acd57f9ceea3f5', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '490fae1495ecd2b801b24d068c7a2b446ed8741a', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '3e109d13e8ae8b911511f7cd067ffc193735121a', 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: '87d2e7e9e1d8cafeac2a38b709f77c6bfe83a96d', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", 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: 'c61e952aeb210ec0f1df85dcd165a4af9bee2d35' }), this.menuEnabled && (h("div", { key: '6838e9ee79eca023c58236d817524f1f0a0b60a5', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '1b5e7090df7021a145914a77c8bc7388a3218465', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: '812ad4427cbb3f4b0ca9e305870c35d63487dc59', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '531acdceb12ca45fea125091dee4d8a0ff39a10b', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'bb2708b3c8eacc575117bfed404b7c9db4fd05e2', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'a80192d7666416c29025a1ac5812946f14feec3f', 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: 'fae258c468367837a9738bcbe2442709fdc601a0', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", 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: '9588ef20e19fda76115074c39d902eebead3c845' }), this.menuEnabled && (h("div", { key: 'ce2e43645a1c33ca7d6495acd820ad0a93cefdf9', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: 'ed73c7e7a6544f60eea9dbf43379ffe4967c0dbd', "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: 'd178d36fd0888a40da0873bfd8abe862770e06e9', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'ef60986a4391dffcbb2a66109f217f3cec95a5fc', 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: '4a2b33b86753acab8270a45c7b250603b128bc88', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '02288b13fa941076a5cc73fd3821bd78e206b2b3', 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: '03c42ca4aa5cb15952f58adb016924fdb5f006ef', class: this.class, innerHTML: bin });
+        return h("span", { key: '5f314df297274d153638c96027c23632f47f6a3a', 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: 'c2ee643b5da517a53bd97ec6263161927ad229a7', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'db8fea43b7888da43821083ecc706a16c949932e', 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: '789b6624c429ae6bffdec4b264a94a2a97cd1962', class: this.class, innerHTML: bookmark });
+        return h("span", { key: 'b7c85131bafc5d7d3fcf8fde09cf646b4dd3fdab', 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: 'fa8022d27b91e909d4cd5522c6d0406be698a412', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: '5547e9d98f781dc03e88a014f726b3a402e6425d', 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: 'c723d7f1bbd596063ae7e66123b8038af5320a54', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '49925425ac1fd676eb96b973b1419f1f2aec1c81', 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: 'f770cd9151077e8708c76d2082613c65a20c420f', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: 'e9abd378d28d9e2251e530f97a11973ea558fbe2', 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: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: 'f81db967bf78d75a4a8e572cda6427046603f0a6', class: this.class, innerHTML: chevronUp });
     }
 }, [0, "eds-icon-chevron-up", {
         "class": [1]

package/dist/components/eds-icon-clone.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconClone extends Components.EdsIconClone, HTMLElement {}
+export const EdsIconClone: {
+    prototype: EdsIconClone;
+    new (): EdsIconClone;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clone } from './clone.js';
+
+const EdsIconClone$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconClone extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db', class: this.class, innerHTML: clone });
+    }
+}, [0, "eds-icon-clone", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-clone"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-clone":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconClone$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconClone = EdsIconClone$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconClone, defineCustomElement };

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: '3343580d13358aa90c00dae55b6821c461ba5183', class: this.class, innerHTML: close });
+        return h("span", { key: '91f33941205260a787d69146e390fa970a1c0d72', 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: '9d15be28017eb074a69846a2a639861de997130b', class: this.class, innerHTML: copy });
+        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: copy });
     }
 }, [0, "eds-icon-copy", {
         "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: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db', class: this.class, innerHTML: draft });
+        return h("span", { key: '13898eb065f5a243104bc79293a5e6afcd276230', 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: 'c1ff641313e9c0d7160464d7497a2d27de5cbef4', class: this.class, innerHTML: edit });
+        return h("span", { key: '1758d925314772dc29c4349f71f186ba775d2b41', 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: 'f285a58f6160d72d82781e80c710ac262af20b89', class: this.class, innerHTML: euSvg });
+        return h("span", { key: 'ac8c58eacb11b11be7928d7799a3eb6c8063597f', 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: 'd1cee641d0c95e84d9dc805b46aa8d83874b87ee', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4', 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: 'b8c843449dec1ab159280e66e009311735ec8895', class: this.class, innerHTML: facebook });
+        return h("span", { key: '6a6cbdd8f9e6b982af701b97681a98944c5c1797', 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: '5366b40ab629556c1c68128a216aec5a0bdf6974', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'e6ce69e460242b20779766f62a3c7d23dad345d1', 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: 'e9f71cb0a1a20d87a617df568bdc37d248a1cdc8', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: linkedin });
     }
 }, [0, "eds-icon-linkedin", {
         "class": [1]