@ebrains/components 0.8.0-alpha.0 → 0.9.1-beta

package/dist/components/eds-form.js

@@ -141,7 +141,10 @@ function validateInputField(field, value, formEl) {
 /**
  * Updates state values based on draft data and, after a delay, updates the corresponding DOM inputs.
  */
-function getFormInitData({ initData, parsedFields, currentValues, formEl, isFieldVisible }) {
+function getFormInitData({ initData, parsedFields, currentValues
+//formEl,
+//isFieldVisible
+ }) {
     // Pass 1: Update state for all fields.
     const updatedValues = Object.assign({}, currentValues);
     parsedFields.forEach((field) => {
@@ -150,39 +153,6 @@ function getFormInitData({ initData, parsedFields, currentValues, formEl, isFiel
             updatedValues[field.name] = value;
         }
     });
-    // Pass 2: Delay DOM updates to ensure nested fields are rendered.
-    setTimeout(() => {
-        parsedFields.forEach((field) => {
-            // Only update if the field is visible.
-            if (isFieldVisible(field, updatedValues)) {
-                const value = initData[field.name];
-                if (value !== undefined) {
-                    if (field.type === 'checkbox' || field.type === 'radio') {
-                        // Query all eds-input-field components and update matching inputs.
-                        const elements = Array.from(formEl.querySelectorAll('eds-input-field'));
-                        elements.forEach((element) => {
-                            if (element.shadowRoot) {
-                                const inputs = Array.from(element.shadowRoot.querySelectorAll(`[name="${field.name}"]`));
-                                // Convert stored comma-separated value into a trimmed array.
-                                const valuesArray = value.split(',').map((v) => v.trim());
-                                inputs.forEach((inputEl) => {
-                                    // eslint-disable-next-line
-                                    inputEl.checked = valuesArray.includes(inputEl.value);
-                                });
-                            }
-                        });
-                    }
-                    else {
-                        // For non-checkbox/radio inputs, update the first matching element using findFieldElement.
-                        const inputEl = findFieldElement(formEl, field.name);
-                        if (inputEl) {
-                            inputEl.value = value;
-                        }
-                    }
-                }
-            }
-        });
-    }, 50); // A 50ms delay to allow re-render
     return { updatedValues };
 }
 
@@ -222,8 +192,7 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         }
     }
     get shouldFormProcessInitData() {
-        var _a;
-        return !!((_a = this.initData) === null || _a === void 0 ? void 0 : _a._id);
+        return !!this.initData;
     }
     parseFields(newValue) {
         this.parsedFields = parseData(newValue);
@@ -313,22 +282,57 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         });
         return formData;
     }
+    makeFormData() {
+        const formData = new FormData();
+        // Add the form name
+        formData.append('form_name', this.name);
+        // Add the form URL
+        if (this.setFormUrl && typeof window !== 'undefined') {
+            formData.set('form_url', window.location.href);
+        }
+        Object.keys(this.values).forEach((key) => {
+            // Append each key-value pair to the FormData object.
+            formData.append(key, this.values[key]);
+        });
+        return formData;
+    }
     handleChange(e, field) {
         const target = e.target;
-        this.values = Object.assign(Object.assign({}, this.values), { [field.name]: target.value });
-        // Emit an input event with message and current form values
+        if (target.type === 'checkbox') {
+            // Get the current comma separated string or default to an empty string.
+            const currentStr = this.values[field.name] || '';
+            // Convert the string into an array. If the string is empty, we get an empty array.
+            let valuesArray = currentStr ? currentStr.split(',') : [];
+            if (target.checked) {
+                // Only add if it's not already in the array.
+                if (!valuesArray.includes(target.value)) {
+                    valuesArray.push(target.value);
+                }
+            }
+            else {
+                // Remove the value from the array if the checkbox is unchecked.
+                valuesArray = valuesArray.filter((item) => item !== target.value);
+            }
+            // Reassemble the comma separated string and update your form values.
+            this.values = Object.assign(Object.assign({}, this.values), { [field.name]: valuesArray.join(',') });
+        }
+        else {
+            // Handle non-checkbox input normally.
+            this.values = Object.assign(Object.assign({}, this.values), { [field.name]: target.value });
+        }
+        // Emit the updated form state.
         this.form.emit({
             event: 'change',
             field: field.name,
-            value: target.value,
+            value: target.type === 'checkbox' ? this.values[field.name] : target.value,
             message: `${field.name} updated`,
-            data: this.getFormData()
+            data: this.makeFormData()
         });
     }
     handleInput(e, field) {
         const target = e.target;
         // Update the field's value in state.
-        this.values = Object.assign(Object.assign({}, this.values), { [field.name]: target.value });
+        //this.values = { ...this.values, [field.name]: target.value };
         // Create a copy of the current errors.
         const newErrors = Object.assign({}, this.errors);
         // Use the utility to validate the field.
@@ -351,12 +355,13 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         this.isSubmitting = true;
         this.validateForm();
         if (this.hasError) {
+            this.isSubmitting = false;
             this.form.emit({
                 event: 'submit',
                 validated: false,
                 success: false,
                 message: this.errorMessage,
-                data: this.getFormData()
+                data: this.makeFormData()
             }); // Emit form status submit false validation error
             sendAnalytics({
                 category: 'ui-component',
@@ -398,13 +403,13 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (h("form", { key: '695438941134ef6a3c43b70008b1904b03700743', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '870ff661aded11c890e4f144a970c5ab5120a61f' }, h("slot", { key: 'b1070ccc8984afe457d28a6bbf52255dcbbc9b33' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
+        return (h("form", { key: '2f5651942cd01c0574b5a5f08483480c285472cb', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '0dab281f049f6afb8cfbad146076d7f3015b8c17' }, h("slot", { key: '661b26b05023480447f87aa03e2f21b814355d00' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
-            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, type: field.type, icon: field.icon || null, required: field.required, maxLength: field.maxlength, hint: field.hint, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (h("div", { key: '80e0af076f3c57124f8a1f6718a0d45cfd45c0cd', class: "mt-20" }, h("eds-button", { key: '51dd28fb2a6610983e50ddb60409b3acf18dba1b', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
+        })), this.formBtn && (h("div", { key: '3f250271116962a060359cf462b053234f059bd1', class: "mt-20" }, h("eds-button", { key: 'b234af290bcae3205c874edb4796e484320a5475', intent: "primary", 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

@@ -11,10 +11,10 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
         this.__registerHost();
         this.__attachShadow();
         this.frameLabel = undefined;
-        this.urlLabel = 'Open in Storybook';
-        this.errorMessage = 'Could not load the requested Storybook content. Please check the URL or try again later.';
-        this.storybookUrl = undefined;
-        this.storyPath = undefined;
+        this.frameSrc = undefined;
+        this.urlLabel = 'Open';
+        this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
+        this.url = undefined;
         this.intent = 'strong';
         this.size = 'auto';
         this.iframeError = false;
@@ -75,23 +75,17 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
             this.iframeError = true;
         }
     }
-    get storyLink() {
-        return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
-    }
-    get frameSrc() {
-        return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
-    }
     render() {
-        return (h("div", { key: '387b8a4cb8f300a5a6b82287369f123b33613616', class: this.articleClasses() }, h("div", { key: '8db6b1b5aecdaf2722786db85b2d3cf5b4bccac4', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '696cb266ffbaeb8325c274c646668ba0d8beb751', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '9841812873efe999746eb008dd5e606e89efdb71', 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: 'b26229611868992daf5f4ca5037e1e10b2540ee5', class: this.articleClasses() }, h("div", { key: '4cf9ff78b27ce7f88db50feccc9d267c2e727a2c', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'bf2c1607d3fcbbf152691ec4e6134e737f6d1082', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (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: 'd9f059766c509d7325ea734c63e29d7995cc8065', 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; }
 }, [1, "eds-frame", {
         "frameLabel": [1, "frame-label"],
+        "frameSrc": [1, "frame-src"],
         "urlLabel": [1, "url-label"],
         "errorMessage": [1, "error-message"],
-        "storybookUrl": [1, "storybook-url"],
-        "storyPath": [1, "story-path"],
+        "url": [1],
         "intent": [1],
         "size": [1],
         "iframeError": [32]

package/dist/components/eds-header.js

@@ -73,8 +73,8 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         return parseData(this.links);
     }
     render() {
-        return (h("header", { key: '7b98b945005f538f43432cbd5ad405fd90985506', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: '2a7f0026a12abd316bf3511746706b16368a5c20', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '9f4d19c9cb68c11baf1fb76c1bb702722648233f', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '47ed93a21fec15c4d8bc93658d49749f9aba915d', 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: 'da6f7ef405e0ac3779ea631a098e090a442e8266', 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: '7b6fe4135500c87b0eba724f7ff9df7c10d54f5b' }), this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
+        return (h("header", { key: 'eabb97331efd8b4aee5e1f249ebc60d38926eb5e', class: `flex items-center justify-between relative z-10
+       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: 'b561941a2e10252a45526e565e9711be6a0d2f41', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'fa1350f9b9584f7b5d128facd8077efcf117abe7', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '6cc3c1b32250b671b394f0ac65b52e9b4491c57f', 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: 'ce1277ca3a9082e1b639ae42b96bbc1d3d665edc', 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: '7a1d67916c63dcab3d46d1223805a3c20af65d97' }), this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
     }
     get hostEl() { return this; }
     static get style() { return EdsHeaderStyle0; }

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: '79800c239aca2980caac99b21bc5ed025801f11b', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c', class: this.class, innerHTML: bluesky });
     }
 }, [0, "eds-icon-bluesky", {
         "class": [1]

package/dist/components/{eds-docs-palettes.d.ts → eds-icon-bookmark.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface EdsDocsPalettes extends Components.EdsDocsPalettes, HTMLElement {}
-export const EdsDocsPalettes: {
-    prototype: EdsDocsPalettes;
-    new (): EdsDocsPalettes;
+interface EdsIconBookmark extends Components.EdsIconBookmark, HTMLElement {}
+export const EdsIconBookmark: {
+    prototype: EdsIconBookmark;
+    new (): EdsIconBookmark;
 };
 /**
  * Used to define this component and all nested components recursively.

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { b as bookmark } from './bookmark.js';
+
+const EdsIconBookmark$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBookmark extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9cc4aa1805e43ca6275305e26d2fff79e2818862', class: this.class, innerHTML: bookmark });
+    }
+}, [0, "eds-icon-bookmark", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-bookmark"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-bookmark":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconBookmark$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconBookmark = EdsIconBookmark$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconBookmark, 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: 'cdc9ce68b682f85cd180461ec58ec0a402833941', class: this.class, innerHTML: close });
+        return h("span", { key: '95690e0a265a88172a33edfa456de45a9943578f', 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: 'cf0aeae1e95d6bf9fab75d9153b28395821bc41a', class: this.class, innerHTML: copy });
+        return h("span", { key: '2f2e67b6792ca2c4aa711526a3d69e7a9779e159', class: this.class, innerHTML: copy });
     }
 }, [0, "eds-icon-copy", {
         "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: 'b05d83668879b6f05e20bb569f98b5614b134594', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '9758d733a6bdc751f059588ca8c3bc916f430968', class: this.class, innerHTML: euSvg });
     }
 }, [0, "eds-icon-eu", {
         "class": [1]

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

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

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

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

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: '1c2cc23670adff6ad51800e71c43e91381a0b15e', class: this.class, innerHTML: facebook });
+        return h("span", { key: '62aec1f1d6b8e4844be83c94471b64a30c1212b9', 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: '844a286865abb7d1cb0037126dda71edf53e05a3', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: '804e76ad1a00913b2e5ac695e43eeb33f1fd9727', 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: '39c4f238655f348f385886861ce5f0c5098f39ec', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '72eb0709ccbfc7830ab146f936a2587407feb0bb', 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: '00c35977290c38061fd73a30d4187d43efae102e', class: this.class, innerHTML: loader });
+        return h("span", { key: 'c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d', 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: '3a5ecd9141abeac3ee4e51e31eb10b3e14e4c0ab', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '5388b5cef5d643984157e0bed9263e83934dc7e3', 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: 'd4c98e638eaa5cb15ff671d989fd40ae84f59b1a', class: this.class, innerHTML: menu });
+        return h("span", { key: '3fcbaa6aba76b06be9f4e72bf7c61a0c3fbae9fd', class: this.class, innerHTML: menu });
     }
 }, [0, "eds-icon-menu", {
         "class": [1]

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

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

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

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

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: 'e9500869c3e6bcff5cfc460596cc5632d93885a1', class: this.class, innerHTML: more });
+        return h("span", { key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e', class: this.class, innerHTML: more });
     }
 }, [0, "eds-icon-more", {
         "class": [1]

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

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

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

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

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

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

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

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

package/dist/components/{eds-docs-tokens.d.ts → eds-icon-portal.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface EdsDocsTokens extends Components.EdsDocsTokens, HTMLElement {}
-export const EdsDocsTokens: {
-    prototype: EdsDocsTokens;
-    new (): EdsDocsTokens;
+interface EdsIconPortal extends Components.EdsIconPortal, HTMLElement {}
+export const EdsIconPortal: {
+    prototype: EdsIconPortal;
+    new (): EdsIconPortal;
 };
 /**
  * Used to define this component and all nested components recursively.

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

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

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

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