@ebrains/components 0.7.0-alpha.1 → 0.9.0-beta

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

@@ -8,7 +8,7 @@ export class EdsIconClose {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8e4dedef0fe684fdd6078db8005661e49207da55', class: this.class, innerHTML: close });
+        return h("span", { key: '95690e0a265a88172a33edfa456de45a9943578f', class: this.class, innerHTML: close });
     }
     static get is() { return "eds-icon-close"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ff014a9761d8380a9fd8c97d3dd483b8d6fc786c', class: this.class, innerHTML: copy });
+        return h("span", { key: '2f2e67b6792ca2c4aa711526a3d69e7a9779e159', class: this.class, innerHTML: copy });
     }
     static get is() { return "eds-icon-copy"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconEu {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3888f0338df2496c334d95dbcb52a0e39906362d', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '9758d733a6bdc751f059588ca8c3bc916f430968', class: this.class, innerHTML: euSvg });
     }
     static get is() { return "eds-icon-eu"; }
     static get properties() {

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

@@ -0,0 +1,36 @@
+import { arrowDiagonal } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconExternal {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '8b5169456f56b7294d86af4e75a9aeec20a20174', class: this.class, innerHTML: arrowDiagonal });
+    }
+    static get is() { return "eds-icon-external"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -8,7 +8,7 @@ export class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return h("span", { key: '54ba107f89476040a8efb43b9e1239316c81a43f', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: '804e76ad1a00913b2e5ac695e43eeb33f1fd9727', class: this.class, innerHTML: gitlabBlack });
     }
     static get is() { return "eds-icon-gitlab"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconLoader {
         this.class = '';
     }
     render() {
-        return h("span", { key: '484dd0712392f0ea05389a0fc0039580f69ca37c', class: this.class, innerHTML: loader });
+        return h("span", { key: 'c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d', class: this.class, innerHTML: loader });
     }
     static get is() { return "eds-icon-loader"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconMenu {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: menu });
+        return h("span", { key: '3fcbaa6aba76b06be9f4e72bf7c61a0c3fbae9fd', class: this.class, innerHTML: menu });
     }
     static get is() { return "eds-icon-menu"; }
     static get properties() {

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

@@ -0,0 +1,36 @@
+import { minus } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconMinus {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'e615c57f7195878310f596124ede34304fcce5e1', class: this.class, innerHTML: minus });
+    }
+    static get is() { return "eds-icon-minus"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -8,7 +8,7 @@ export class EdsIconMore {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0', class: this.class, innerHTML: more });
+        return h("span", { key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e', class: this.class, innerHTML: more });
     }
     static get is() { return "eds-icon-more"; }
     static get properties() {

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

@@ -0,0 +1,36 @@
+import { paper } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconPaper {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'cb9f7af8825527f86c200203611dae752cb3d647', class: this.class, innerHTML: paper });
+    }
+    static get is() { return "eds-icon-paper"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,36 @@
+import { plus } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconPlus {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '75a9d03500e01cc9d5f7b19a5afd2491ad2e6fee', class: this.class, innerHTML: plus });
+    }
+    static get is() { return "eds-icon-plus"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,36 @@
+import { portal } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconPortal {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '260c4eeb69ff79d943571c1461346b9019ea513a', class: this.class, innerHTML: portal });
+    }
+    static get is() { return "eds-icon-portal"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,36 @@
+import { privat } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconPrivate {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd57700e721a421e4c970a1e643d92548fcf2b18c', class: this.class, innerHTML: privat });
+    }
+    static get is() { return "eds-icon-private"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,36 @@
+import { pub } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconPublic {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'b3a338684e00d2d612a49734cbb3cfd8e44b4eee', class: this.class, innerHTML: pub });
+    }
+    static get is() { return "eds-icon-public"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -8,7 +8,7 @@ export class EdsIconSearch {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'fc5e231865da99977c418a32e0fe30e36075f295', class: this.class, innerHTML: search });
+        return h("span", { key: '6795d973d3a1fff27c2fd6181235d0284abaf3b7', class: this.class, innerHTML: search });
     }
     static get is() { return "eds-icon-search"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconStar {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cb31d12146ff577195650b502f51005092404a30', class: this.class, innerHTML: star });
+        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: star });
     }
     static get is() { return "eds-icon-star"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconSuccess {
         this.class = '';
     }
     render() {
-        return h("span", { key: '845a157678b9d059b2c9bd8a6265d3a62f33c31a', class: this.class, innerHTML: success });
+        return h("span", { key: 'e0e594e8a715e0cbaf87280f2b4c55b017dc07ba', class: this.class, innerHTML: success });
     }
     static get is() { return "eds-icon-success"; }
     static get properties() {

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

@@ -8,7 +8,7 @@ export class EdsIconThumbsDown {
         this.class = '';
     }
     render() {
-        return h("span", { key: '62cee210c76ea8c63367ad8ab9a9322707c933fd', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '94d79a5d32574820ab3459708e3d8c4a3f28f79f', class: this.class, innerHTML: thumbsDown });
     }
     static get is() { return "eds-icon-thumbs-down"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-thumbs-up/eds-icon-thumbs-up.js

@@ -8,7 +8,7 @@ export class EdsIconThumbsUp {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f72d46f6685d3251254eaa0a2c2ce8aaca177a2e', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: 'd7f5361ec8f863891c79de15966d546bae782c0a', class: this.class, innerHTML: thumbsUp });
     }
     static get is() { return "eds-icon-thumbs-up"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.js

@@ -0,0 +1,36 @@
+import { tutorial } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconTutorial {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9db1730236b54d01a4264e92465f9a953325f7ca', class: this.class, innerHTML: tutorial });
+    }
+    static get is() { return "eds-icon-tutorial"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/eds-icons/eds-icon-unknown/eds-icon-unknown.js

@@ -0,0 +1,36 @@
+import { unknown } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconUnknown {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '259a1fae59093dd4e1fd6d26e07aae0e8c3de2fd', class: this.class, innerHTML: unknown });
+    }
+    static get is() { return "eds-icon-unknown"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/eds-icons/eds-icon-updown/eds-icon-updown.js

@@ -0,0 +1,36 @@
+import { upDonw } from "../../../../../../../../packages/svgs/src/index";
+import { h } from "@stencil/core";
+/**
+ * @internal
+ */
+export class EdsIconUpdown {
+    constructor() {
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9383784da3e52d22395288f8eba5b6f4ee826aa5', class: this.class, innerHTML: upDonw });
+    }
+    static get is() { return "eds-icon-updown"; }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS classes to be applied to the icon for styling."
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/eds-input-elements/eds-input/eds-input.js

@@ -10,7 +10,6 @@ export class EdsInput {
             if (this.maxLength && this.type === 'textarea') {
                 this.maxLengthReached = target.value.length >= this.maxLength;
             }
-            this.changeEvent.emit(e);
         };
         this.name = undefined;
         this.inputId = undefined;
@@ -48,12 +47,12 @@ export class EdsInput {
     render() {
         const withIcon = !!this.icon;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (h("div", { key: '86b74d87c87c5abdc7eeb1bb720e218a57fc1fad', class: "relative flex items-center" }, this.type === 'textarea' ? (h("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${withIcon ? 'input-with-icon' : ''} ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })) : this.type === 'select' ? (h("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (h("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined, class: `
+        return (h("div", { key: 'c097f72ac45c1c15347a975fc72e07a6d6324c10', class: "relative flex items-center" }, this.type === 'textarea' ? (h("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${withIcon ? 'input-with-icon' : ''} ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })) : this.type === 'select' ? (h("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (h("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined, class: `
               ${this.extraClass || ''} 
               input ${this.type === 'radio' ? 'input-radio' : this.type === 'checkbox' ? 'input-checkbox' : ''}
               ${withIcon && this.type !== 'radio' && this.type !== 'checkbox' ? 'input-icon pl-36' : ''} 
               ${this.error ? 'input-error' : ''}
-              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === 'textarea' && (h("span", { key: 'a8905b63699167cb5ccbea4c47e7d2ac6301e357', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (h("eds-icon-wrapper", { key: 'dd19dbdda2f5114cf1ea0614169a54d8ae108833', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
+              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === 'textarea' && (h("span", { key: 'dce957c8bad999f72e896710d465075c063e5a42', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (h("eds-icon-wrapper", { key: 'b3037e2d393a2f0758049c2e9eec63879e0f71df', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
     }
     static get is() { return "eds-input"; }
     static get properties() {
@@ -308,24 +307,6 @@ export class EdsInput {
             "maxLengthReached": {}
         };
     }
-    static get events() {
-        return [{
-                "method": "changeEvent",
-                "name": "changeEvent",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{

package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js

@@ -11,7 +11,7 @@ export class EdsInputFooter {
         this.link = undefined;
     }
     render() {
-        return (h("div", { key: 'a1b8f8eec2a2d41559ae2d560a1311eaee7bd028', class: "space-y-4" }, this.error && this.errorMessage && (h("div", { key: 'ac41ed481f7718079476cb46ac7a10b58854ccce', id: `error_${this.name}`, class: "text-error flex items-center" }, h("eds-icon-wrapper", { key: '1c20946efeac10c5b8afa4c83d25b5eb505b8589', icon: "warning" }), h("p", { key: 'fc1c52f7cf5f619cef9951587dfe513772125cdf', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && h("p", { key: 'de5357f9a1365f93365bcea27cb45b4320386401', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (h("a", { key: '3639cd34dbfe3a5d2df3096a92399dd7d0deab27', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
+        return (h("div", { key: '595e4c2c12d9379764b777d7b1edaea47c1e52ae', class: "space-y-4 mt-4" }, this.error && this.errorMessage && (h("div", { key: '9597904f712fc30d183a8ac39b65cdd99fec737c', id: `error_${this.name}`, class: "text-error flex items-center" }, h("eds-icon-wrapper", { key: '39b20e643899e760691c1d752733c2acaf0fb4cc', icon: "warning" }), h("p", { key: 'cd5b357cdac58f93f03d688c8fab0a942785ff39', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && h("p", { key: '06c34d4567cdeaebdb167c9c44b7111b6cfd38d3', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (h("a", { key: 'c6eacf01f49da84f14ec95995fbeddabf83d23fc', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
     }
     static get is() { return "eds-input-footer"; }
     static get properties() {

package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js

@@ -10,7 +10,7 @@ export class EdsInputLabel {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '8dec4a891bafa61129673f2ce6eb6f738c938d1b', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (h("span", { key: '49f05c988b072c30d9f98f258e134e6f67424208' }, h("span", { key: '75b458aa32b7b6f8e1d386624911eb7fd519d3bb', "aria-hidden": "true" }, "*"), h("span", { key: 'e83b09c594b966022332fa44fb73548445ef9ed4', class: "sr-only" }, "required")))));
+        return (h("label", { key: '632b2634e219c2a1d8fdc5710c95c80601b0b2ee', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (h("span", { key: 'd1cb546dca2dcd44dedb7f00d7f432a47c9dc517' }, h("span", { key: '08346b3153d32b3fd4ea63f9e27278ec51b2e5b3', "aria-hidden": "true" }, "*"), h("span", { key: 'e364bfb64126e1f704c903528e9a3118d8828227', class: "sr-only" }, "required")))));
     }
     static get is() { return "eds-input-label"; }
     static get properties() {
@@ -27,7 +27,7 @@ export class EdsInputLabel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The text content of the label."
                 },
                 "attribute": "label",
                 "reflect": false
@@ -44,7 +44,7 @@ export class EdsInputLabel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The value that associates the label to a form control.\nThis value should match the `id` of the input element."
                 },
                 "attribute": "name",
                 "reflect": false
@@ -61,7 +61,7 @@ export class EdsInputLabel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Indicates whether the associated form control is required."
                 },
                 "attribute": "required",
                 "reflect": false,
@@ -79,7 +79,7 @@ export class EdsInputLabel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Indicates whether the associated form control is disabled."
                 },
                 "attribute": "disabled",
                 "reflect": false,