@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.2

package/dist/collection/components/_icon/icon-upload/icon-upload.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconUpload {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'd75cedb11922dd9c5d822950243cde546dee81fb', class: "digi-icon-upload", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '804b60c1bd8cfd3dc4c05637d9db0d38c3c6e396', class: "digi-icon-upload", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '76df29eceda470fa5dc1bdb985eb4c5e789902bd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '781ae0456a5e3cd225ddbb006bb4e289c59cc97d' }, this.afDesc), h("path", { key: '8e26613ab3aba7bc9b17fe40dbef0201d14f0845', class: "digi-icon-upload__shape", d: "M15.66675,33 L15.66675,34.0725 C15.66675,37.25025 17.8515,38.208 19.01925,38.208 L28.971,38.208 C30.8475,38.14575 32.25,37.2645 32.25,34.0725 L32.25,33 L45.75,33 C46.9965,33 48,34.00275 48,35.25 L48,45.75 C48,46.9965 46.9965,48 45.75,48 L2.25,48 C1.00275,48 0,46.9965 0,45.75 L0,35.25 C0,34.00275 1.00275,33 2.25,33 L15.66675,33 Z M41,41 C39.9,41 39,41.9 39,43 C39,44.1 39.9,45 41,45 C42.1,45 43,44.1 43,43 C43,41.9 42.1,41 41,41 Z M35,41 C33.9,41 33,41.9 33,43 C33,44.1 33.9,45 35,45 C36.1,45 37,44.1 37,43 C37,41.9 36.1,41 35,41 Z M22.7062855,0.527625824 C23.4090366,-0.175875275 24.5625384,-0.175875275 25.2652895,0.527625824 L39.5438118,14.7956481 C40.7250636,15.9769 39.8903123,17.9929031 38.2223097,17.9929031 L29.9902969,17.9929031 L29.9902969,33.7429277 C29.9902969,34.9901797 28.9875453,35.9929312 27.7402933,35.9929312 L20.2402816,35.9929312 C18.9937797,35.9929312 17.9902781,34.9901797 17.9902781,33.7429277 L17.9902781,17.9929031 L9.76876526,17.9929031 C8.10001266,17.9929031 7.26526135,15.9769 8.4465132,14.7956481 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'eab2214071527d4e99173b9d8c3a4468479dcbf8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '07a932dbb54ebbd2bec9183b46b2875286353003' }, this.afDesc), h("path", { key: '0d9bc378a01c996cb396ce316adf775a51d7a677', class: "digi-icon-upload__shape", d: "M15.66675,33 L15.66675,34.0725 C15.66675,37.25025 17.8515,38.208 19.01925,38.208 L28.971,38.208 C30.8475,38.14575 32.25,37.2645 32.25,34.0725 L32.25,33 L45.75,33 C46.9965,33 48,34.00275 48,35.25 L48,45.75 C48,46.9965 46.9965,48 45.75,48 L2.25,48 C1.00275,48 0,46.9965 0,45.75 L0,35.25 C0,34.00275 1.00275,33 2.25,33 L15.66675,33 Z M41,41 C39.9,41 39,41.9 39,43 C39,44.1 39.9,45 41,45 C42.1,45 43,44.1 43,43 C43,41.9 42.1,41 41,41 Z M35,41 C33.9,41 33,41.9 33,43 C33,44.1 33.9,45 35,45 C36.1,45 37,44.1 37,43 C37,41.9 36.1,41 35,41 Z M22.7062855,0.527625824 C23.4090366,-0.175875275 24.5625384,-0.175875275 25.2652895,0.527625824 L39.5438118,14.7956481 C40.7250636,15.9769 39.8903123,17.9929031 38.2223097,17.9929031 L29.9902969,17.9929031 L29.9902969,33.7429277 C29.9902969,34.9901797 28.9875453,35.9929312 27.7402933,35.9929312 L20.2402816,35.9929312 C18.9937797,35.9929312 17.9902781,34.9901797 17.9902781,33.7429277 L17.9902781,17.9929031 L9.76876526,17.9929031 C8.10001266,17.9929031 7.26526135,15.9769 8.4465132,14.7956481 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-upload"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-user-add/icon-user-add.js

@@ -2,10 +2,11 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class UserAdd {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * Dölj elementet för hjälpmedel Default är satt till true.
+         * @en Hide element for accesibility tools. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     prefix(id) {
@@ -19,7 +20,7 @@ export class UserAdd {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: '4da11c3dd8beca4972d6c60fa579738d8e4d3c4d', class: "digi-icon-user-add", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b3abb8aad8ebe2eec8bde65c6c8444c1d02c5d9d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c660770494b348b5391528150cb90f07dd5e48e' }, this.afDesc), h("g", { key: '0afd7ba91bdbd7b6b0270c2647607e85c7417fff', "clip-path": "url(#clip0_2345_196)" }, h("path", { key: 'b6e7b452a87f5f4a97cd17c7485761a3ff9eb119', d: "M23.9732 36.5464C23.9732 32.8092 25.7194 29.4742 28.4366 27.308H26.2324C22.6646 29.0262 18.4722 29.092 14.7674 27.308H10.5C6.358 27.308 3 30.8338 3 35.183V43.7142C3 44.8016 3.8394 45.683 4.875 45.683H28.3072C25.6634 43.5148 23.9732 40.2246 23.9732 36.5464Z", fill: "currentColor" }), h("path", { key: '61058adb7944448d87081ba109a32bc5d646cbc7', d: "M20.5 24.683C26.0228 24.683 30.5 19.982 30.5 14.183C30.5 8.38399 26.0228 3.68298 20.5 3.68298C14.9772 3.68298 10.5 8.38399 10.5 14.183C10.5 19.982 14.9772 24.683 20.5 24.683Z", fill: "currentColor" }), h("path", { key: '80264cec1ffe7664a505000ad8152fecfbaf1ce3', d: "M35.7866 27.233C34.8192 27.233 33.8866 27.3836 33.01 27.6614C29.2826 28.8422 26.5732 32.3334 26.5732 36.4464C26.5732 41.1304 30.0876 45.0064 34.6174 45.583C35.0006 45.6318 35.3902 45.6598 35.7864 45.6598C40.8666 45.6598 44.9998 41.5268 44.9998 36.4466C44.9998 31.3664 40.8666 27.2332 35.7864 27.2332L35.7866 27.233ZM42.2824 36.88C42.2824 37.3302 41.9162 37.6964 41.4662 37.6964H37.1192V42.0432C37.1192 42.4934 36.753 42.8596 36.303 42.8596H35.2704C34.8202 42.8596 34.454 42.4934 34.454 42.0432V37.6964H30.1072C29.657 37.6964 29.2908 37.3302 29.2908 36.88V35.8474C29.2908 35.3972 29.657 35.031 30.1072 35.031H34.454V30.6842C34.454 30.234 34.8202 29.8678 35.2704 29.8678H36.303C36.753 29.8678 37.1192 30.234 37.1192 30.6842V35.031H41.4662C41.9162 35.031 42.2824 35.3972 42.2824 35.8474V36.88Z", fill: "currentColor" })), h("defs", { key: 'abedc9e3b9893d043b8a3a0c4635db9fb63c1c2a' }, h("clipPath", { key: 'a142e67c8f2565e2d59d7a25be1e144e98ccbde3' }, h("rect", { key: 'fc150acdf77b39be8a720bc51a59ab445a90caab', width: "42", height: "42", fill: "currentColor", transform: "translate(3 3.68298)" })))));
+        return (h("svg", { key: '8dec5c72d4de79aecf31af124faf3de0bfcfc748', class: "digi-icon-user-add", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ed9581b25a2d340beb533bb76af638d2ab71a58a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7fc3aee27ea2597baead1dcfec02809a3cc256f3' }, this.afDesc), h("g", { key: '1295b7e8a8bbccdbb10a8c4b03643a6e0b913c0b', "clip-path": "url(#clip0_2345_196)" }, h("path", { key: '57b0615c55ac7b8b7a74cb25e3dd676179922b87', d: "M23.9732 36.5464C23.9732 32.8092 25.7194 29.4742 28.4366 27.308H26.2324C22.6646 29.0262 18.4722 29.092 14.7674 27.308H10.5C6.358 27.308 3 30.8338 3 35.183V43.7142C3 44.8016 3.8394 45.683 4.875 45.683H28.3072C25.6634 43.5148 23.9732 40.2246 23.9732 36.5464Z", fill: "currentColor" }), h("path", { key: 'fef7e280d78f593e4a446be5173e215c4b0ac8a4', d: "M20.5 24.683C26.0228 24.683 30.5 19.982 30.5 14.183C30.5 8.38399 26.0228 3.68298 20.5 3.68298C14.9772 3.68298 10.5 8.38399 10.5 14.183C10.5 19.982 14.9772 24.683 20.5 24.683Z", fill: "currentColor" }), h("path", { key: 'd62d292b46a8fe9f0dca3a26a7796c96d03a5552', d: "M35.7866 27.233C34.8192 27.233 33.8866 27.3836 33.01 27.6614C29.2826 28.8422 26.5732 32.3334 26.5732 36.4464C26.5732 41.1304 30.0876 45.0064 34.6174 45.583C35.0006 45.6318 35.3902 45.6598 35.7864 45.6598C40.8666 45.6598 44.9998 41.5268 44.9998 36.4466C44.9998 31.3664 40.8666 27.2332 35.7864 27.2332L35.7866 27.233ZM42.2824 36.88C42.2824 37.3302 41.9162 37.6964 41.4662 37.6964H37.1192V42.0432C37.1192 42.4934 36.753 42.8596 36.303 42.8596H35.2704C34.8202 42.8596 34.454 42.4934 34.454 42.0432V37.6964H30.1072C29.657 37.6964 29.2908 37.3302 29.2908 36.88V35.8474C29.2908 35.3972 29.657 35.031 30.1072 35.031H34.454V30.6842C34.454 30.234 34.8202 29.8678 35.2704 29.8678H36.303C36.753 29.8678 37.1192 30.234 37.1192 30.6842V35.031H41.4662C41.9162 35.031 42.2824 35.3972 42.2824 35.8474V36.88Z", fill: "currentColor" })), h("defs", { key: '485bd61627d0ccb4b985b1bbd03a0dedf8228bfb' }, h("clipPath", { key: 'ca6489347eecbfa9f65aa7624d1fdff7f0a67a22' }, h("rect", { key: '7d9b29e9e4679f15ab37c4a249918835b3b832d3', width: "42", height: "42", fill: "currentColor", transform: "translate(3 3.68298)" })))));
     }
     static get is() { return "digi-icon-user-add"; }
     static get encapsulation() { return "scoped"; }
@@ -54,8 +55,8 @@ export class UserAdd {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -76,8 +77,8 @@ export class UserAdd {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -98,8 +99,8 @@ export class UserAdd {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -121,8 +122,8 @@ export class UserAdd {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-user-alt/icon-user-alt.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconUserAlt {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '6f330abc9bd79e413378896974ccb02c2972f8ef', class: "digi-icon-user-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f3860bab2827d48f08b8f9df498023569dfd2f4e', class: "digi-icon-user-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '84805a556c255fe97879473fa2ce6a1069e196bc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ed54ef831397d1751e54859911407f008f1d785d' }, this.afDesc), h("path", { key: '753d782c8de8c754938083bbe05a99590af65042', class: "digi-icon-user-alt__shape", d: "M4.714 6.5C4.714 2.91 7.53 0 11 0c3.471 0 6.286 2.91 6.286 6.5S14.47 13 11 13c-3.471 0-6.286-2.91-6.286-6.5zm12.572 8.125h-2.683a8.39 8.39 0 01-7.206 0H4.714C2.111 14.625 0 16.808 0 19.5v5.281C0 25.454.528 26 1.179 26H20.82c.651 0 1.179-.546 1.179-1.219V19.5c0-2.692-2.11-4.875-4.714-4.875z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'bda02993cdf99992de025b11dda2024da4acd8d9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'daeb0f4b3c54dd9c2cba5550cb0e1fecf669083e' }, this.afDesc), h("path", { key: 'a9733df37d73dd7b2831c50907f6e35095e43482', class: "digi-icon-user-alt__shape", d: "M4.714 6.5C4.714 2.91 7.53 0 11 0c3.471 0 6.286 2.91 6.286 6.5S14.47 13 11 13c-3.471 0-6.286-2.91-6.286-6.5zm12.572 8.125h-2.683a8.39 8.39 0 01-7.206 0H4.714C2.111 14.625 0 16.808 0 19.5v5.281C0 25.454.528 26 1.179 26H20.82c.651 0 1.179-.546 1.179-1.219V19.5c0-2.692-2.11-4.875-4.714-4.875z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-user-alt"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconUserAlt {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconUserAlt {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconUserAlt {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconUserAlt {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-user-edit/icon-user-edit.js

@@ -2,10 +2,11 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class UserEdit {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * Dölj elementet för hjälpmedel Default är satt till true.
+         * @en Hide element for accesibility tools. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     prefix(id) {
@@ -19,7 +20,7 @@ export class UserEdit {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: '8f025ba431f0cb31c9e638cad8af930dd486a653', class: "digi-icon-user-edit", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '08fa2a4d8f9372500952f3c3e250ff1c8cfd46af', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '527d3d9038665576d62ab0340b2749e3b9c32fb6' }, this.afDesc), h("g", { key: 'ee73b6619fcbf210bfa8b030d98d1f9e8663fec4', "clip-path": "url(#clip0_2345_338)" }, h("path", { key: '6de7e96c3fe988577f2ee7a3890cc7e285e487f0', d: "M22.61 45.1817C22.5478 45.0845 22.5012 44.9765 22.4736 44.8611C22.5012 44.9763 22.5478 45.0843 22.61 45.1817Z", fill: "currentColor" }), h("path", { key: 'b1de7d2a417ead7cb0c6ab82c8f6be0d23980007', d: "M22.6777 45.2751C22.7257 45.3349 22.7801 45.3893 22.8399 45.4375C22.7801 45.3895 22.7257 45.3349 22.6777 45.2751Z", fill: "currentColor" }), h("path", { key: 'ff508145bb97f9d205dc25a5ec7dd4434edd6696', d: "M39.9918 32.8999C40.1986 33.1067 40.1986 33.4413 39.9918 33.6479C40.1986 33.4411 40.1986 33.1067 39.9918 32.8999Z", fill: "currentColor" }), h("path", { key: '7f8d7c88b26e2c8695ffaf8ea106e8ed81da0d7a', d: "M30.5322 27.3079H26.2646C22.6968 29.0261 18.5044 29.0919 14.7996 27.3079H10.5322C6.39022 27.3079 3.03223 30.8337 3.03223 35.1829V43.7141C3.03223 44.8015 3.87162 45.6829 4.90722 45.6829H20.2018C20.0518 45.2195 19.9984 44.7245 20.0534 44.2303L20.6338 39.0119C20.68 38.5965 20.8652 38.2089 21.1596 37.9119L21.2966 37.7737L31.5864 27.3867C31.2418 27.3359 30.8904 27.3077 30.5324 27.3077L30.5322 27.3079Z", fill: "currentColor" }), h("path", { key: 'eb32240491e87b7376cb692f67214beb48772127', d: "M20.5322 24.6829C26.055 24.6829 30.5322 19.9819 30.5322 14.183C30.5322 8.38398 26.055 3.68298 20.5322 3.68298C15.0094 3.68298 10.5322 8.38398 10.5322 14.183C10.5322 19.9819 15.0094 24.6829 20.5322 24.6829Z", fill: "currentColor" }), h("path", { key: '198e26b275a0febac9c7be9955d70dfbe3d85cfb', d: "M36.1574 45.6829C37.193 45.6829 38.0324 44.8015 38.0324 43.7141V39.0547L31.4658 45.6829H36.1574Z", fill: "currentColor" }), h("path", { key: '5bf9552086df93bc448e129974fe1edc7257532c', d: "M35.1081 28.016C35.0047 27.9126 34.8695 27.861 34.7341 27.861C34.5987 27.861 34.4635 27.9126 34.3601 28.016L34.1151 28.2634L23.3043 39.1759C23.1141 39.3679 22.9945 39.6183 22.9645 39.8869L22.4519 44.4973C22.4473 44.5393 22.4451 44.5809 22.4453 44.6221C22.4457 44.7043 22.4557 44.7845 22.4741 44.8613C22.5017 44.9765 22.5483 45.0845 22.6105 45.1819C22.6313 45.2143 22.6537 45.2455 22.6777 45.2753C22.7257 45.3351 22.7801 45.3895 22.8399 45.4377C22.8697 45.4617 22.9009 45.4841 22.9333 45.5049C23.0629 45.5879 23.2117 45.6431 23.3713 45.6625C23.4511 45.6721 23.5337 45.6729 23.6177 45.6635L28.2891 45.1477C28.5147 45.1227 28.7247 45.0213 28.8845 44.8601L38.0323 35.6263L39.9915 33.6485C40.1983 33.4417 40.1983 33.1073 39.9915 32.9005L35.1081 28.0164V28.016Z", fill: "currentColor" }), h("path", { key: '29fecea789c388a96c29a0bc4fafa04bce7ab84e', d: "M44.8817 27.2991C44.8429 27.1685 44.7913 27.0409 44.7265 26.9185C44.6619 26.7961 44.5843 26.6785 44.4939 26.5683C44.4487 26.5131 44.4001 26.4597 44.3485 26.4083L41.7045 23.7637C41.6531 23.7123 41.5997 23.6641 41.5445 23.6191C41.4341 23.5291 41.3167 23.4519 41.1943 23.3877C40.8881 23.2269 40.5505 23.1467 40.2127 23.1467C40.1451 23.1467 40.0775 23.1499 40.0103 23.1563C39.9431 23.1627 39.8759 23.1725 39.8093 23.1853C39.6761 23.2111 39.5447 23.2497 39.4175 23.3011C39.2265 23.3783 39.0447 23.4845 38.8783 23.6193C38.8229 23.6643 38.7691 23.7125 38.7175 23.7639L36.6893 25.7923C36.6635 25.8181 36.6409 25.8461 36.6215 25.8753C36.5827 25.9339 36.5569 25.9987 36.5439 26.0653C36.5309 26.1319 36.5309 26.2007 36.5439 26.2673C36.5569 26.3339 36.5827 26.3987 36.6215 26.4573C36.6409 26.4865 36.6635 26.5145 36.6893 26.5403L41.5727 31.4245C41.6503 31.5021 41.7457 31.5505 41.8457 31.5699C41.8791 31.5765 41.9129 31.5797 41.9467 31.5797C42.0143 31.5797 42.0821 31.5667 42.1457 31.5409C42.2093 31.5151 42.2691 31.4763 42.3207 31.4245L44.3489 29.3959C44.4007 29.3443 44.4491 29.2905 44.4943 29.2351C44.5847 29.1241 44.6623 29.0063 44.7269 28.8835C44.7915 28.7607 44.8433 28.6329 44.8821 28.5021C44.9985 28.1099 44.9985 27.6907 44.8821 27.2991H44.8817Z", fill: "currentColor" }), h("path", { key: '57dda34428261032755679bdcb61014fe1ed7840', d: "M40.2119 23.1466C40.5497 23.1466 40.8875 23.2268 41.1935 23.3876C40.8873 23.2268 40.5497 23.1464 40.2119 23.1466Z", fill: "currentColor" }), h("path", { key: '27aaec8dfac6dddd8c36901fa4106d146ff7c045', d: "M44.8818 27.2992C44.9982 27.6908 44.9982 28.1098 44.8818 28.5022C44.9982 28.11 44.9982 27.6908 44.8818 27.2992Z", fill: "currentColor" })), h("defs", { key: 'f0717c835094966812f21e2cb6b10ad9ede14b28' }, h("clipPath", { key: '6d0001771695a3623753fb03b2856015142dc2ca' }, h("rect", { key: 'c11c964cf65f556a66beb0be94ba33e2dc60aebd', width: "41.9365", height: "42", fill: "currentColor", transform: "translate(3.03223 3.68298)" })))));
+        return (h("svg", { key: 'ade9f801946659b783b538a0e800579a641fa2f1', class: "digi-icon-user-edit", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '668ade2b35094e85a818eb95a26e062df7f7bf8c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4de98637c1047fedbac564e201059d9a1dad7a20' }, this.afDesc), h("g", { key: 'e7114e127a8471a6b6f08573096a1b6460ed7098', "clip-path": "url(#clip0_2345_338)" }, h("path", { key: 'ca2b03b1b70d6a43141827722b44a12861641545', d: "M22.61 45.1817C22.5478 45.0845 22.5012 44.9765 22.4736 44.8611C22.5012 44.9763 22.5478 45.0843 22.61 45.1817Z", fill: "currentColor" }), h("path", { key: 'a026f587913e5140025d52bdbcd9a233a39a5299', d: "M22.6777 45.2751C22.7257 45.3349 22.7801 45.3893 22.8399 45.4375C22.7801 45.3895 22.7257 45.3349 22.6777 45.2751Z", fill: "currentColor" }), h("path", { key: '255d363bc7c9c74b580031994e121125d2088d18', d: "M39.9918 32.8999C40.1986 33.1067 40.1986 33.4413 39.9918 33.6479C40.1986 33.4411 40.1986 33.1067 39.9918 32.8999Z", fill: "currentColor" }), h("path", { key: 'f18e36c59642535ab9ca164d2c175955e82ccbb1', d: "M30.5322 27.3079H26.2646C22.6968 29.0261 18.5044 29.0919 14.7996 27.3079H10.5322C6.39022 27.3079 3.03223 30.8337 3.03223 35.1829V43.7141C3.03223 44.8015 3.87162 45.6829 4.90722 45.6829H20.2018C20.0518 45.2195 19.9984 44.7245 20.0534 44.2303L20.6338 39.0119C20.68 38.5965 20.8652 38.2089 21.1596 37.9119L21.2966 37.7737L31.5864 27.3867C31.2418 27.3359 30.8904 27.3077 30.5324 27.3077L30.5322 27.3079Z", fill: "currentColor" }), h("path", { key: 'c08b124c98be8601f3e02fae5f9487672fe3a87c', d: "M20.5322 24.6829C26.055 24.6829 30.5322 19.9819 30.5322 14.183C30.5322 8.38398 26.055 3.68298 20.5322 3.68298C15.0094 3.68298 10.5322 8.38398 10.5322 14.183C10.5322 19.9819 15.0094 24.6829 20.5322 24.6829Z", fill: "currentColor" }), h("path", { key: 'c0fdc7e3f936833591027ddd8027c11eb338d467', d: "M36.1574 45.6829C37.193 45.6829 38.0324 44.8015 38.0324 43.7141V39.0547L31.4658 45.6829H36.1574Z", fill: "currentColor" }), h("path", { key: '0239e369c73b71172e28e504cf2717b8b60e4024', d: "M35.1081 28.016C35.0047 27.9126 34.8695 27.861 34.7341 27.861C34.5987 27.861 34.4635 27.9126 34.3601 28.016L34.1151 28.2634L23.3043 39.1759C23.1141 39.3679 22.9945 39.6183 22.9645 39.8869L22.4519 44.4973C22.4473 44.5393 22.4451 44.5809 22.4453 44.6221C22.4457 44.7043 22.4557 44.7845 22.4741 44.8613C22.5017 44.9765 22.5483 45.0845 22.6105 45.1819C22.6313 45.2143 22.6537 45.2455 22.6777 45.2753C22.7257 45.3351 22.7801 45.3895 22.8399 45.4377C22.8697 45.4617 22.9009 45.4841 22.9333 45.5049C23.0629 45.5879 23.2117 45.6431 23.3713 45.6625C23.4511 45.6721 23.5337 45.6729 23.6177 45.6635L28.2891 45.1477C28.5147 45.1227 28.7247 45.0213 28.8845 44.8601L38.0323 35.6263L39.9915 33.6485C40.1983 33.4417 40.1983 33.1073 39.9915 32.9005L35.1081 28.0164V28.016Z", fill: "currentColor" }), h("path", { key: '83c1d55b1a7d89ada2689048339ca577b4d5804d', d: "M44.8817 27.2991C44.8429 27.1685 44.7913 27.0409 44.7265 26.9185C44.6619 26.7961 44.5843 26.6785 44.4939 26.5683C44.4487 26.5131 44.4001 26.4597 44.3485 26.4083L41.7045 23.7637C41.6531 23.7123 41.5997 23.6641 41.5445 23.6191C41.4341 23.5291 41.3167 23.4519 41.1943 23.3877C40.8881 23.2269 40.5505 23.1467 40.2127 23.1467C40.1451 23.1467 40.0775 23.1499 40.0103 23.1563C39.9431 23.1627 39.8759 23.1725 39.8093 23.1853C39.6761 23.2111 39.5447 23.2497 39.4175 23.3011C39.2265 23.3783 39.0447 23.4845 38.8783 23.6193C38.8229 23.6643 38.7691 23.7125 38.7175 23.7639L36.6893 25.7923C36.6635 25.8181 36.6409 25.8461 36.6215 25.8753C36.5827 25.9339 36.5569 25.9987 36.5439 26.0653C36.5309 26.1319 36.5309 26.2007 36.5439 26.2673C36.5569 26.3339 36.5827 26.3987 36.6215 26.4573C36.6409 26.4865 36.6635 26.5145 36.6893 26.5403L41.5727 31.4245C41.6503 31.5021 41.7457 31.5505 41.8457 31.5699C41.8791 31.5765 41.9129 31.5797 41.9467 31.5797C42.0143 31.5797 42.0821 31.5667 42.1457 31.5409C42.2093 31.5151 42.2691 31.4763 42.3207 31.4245L44.3489 29.3959C44.4007 29.3443 44.4491 29.2905 44.4943 29.2351C44.5847 29.1241 44.6623 29.0063 44.7269 28.8835C44.7915 28.7607 44.8433 28.6329 44.8821 28.5021C44.9985 28.1099 44.9985 27.6907 44.8821 27.2991H44.8817Z", fill: "currentColor" }), h("path", { key: '033f906adc6b5f2cdb8527329c5424aad3745324', d: "M40.2119 23.1466C40.5497 23.1466 40.8875 23.2268 41.1935 23.3876C40.8873 23.2268 40.5497 23.1464 40.2119 23.1466Z", fill: "currentColor" }), h("path", { key: 'a3da46f78189a3ad0d38411b527cbd0cda42edb5', d: "M44.8818 27.2992C44.9982 27.6908 44.9982 28.1098 44.8818 28.5022C44.9982 28.11 44.9982 27.6908 44.8818 27.2992Z", fill: "currentColor" })), h("defs", { key: 'b3b3235740313f0a4d90d6ef3eb1a0692506a235' }, h("clipPath", { key: '7daf724f7775c09e35845cd1d4b7034e7d0a3c8e' }, h("rect", { key: '9091fc500a3fc5a2ec738255cbc670afa01d85ad', width: "41.9365", height: "42", fill: "currentColor", transform: "translate(3.03223 3.68298)" })))));
     }
     static get is() { return "digi-icon-user-edit"; }
     static get encapsulation() { return "scoped"; }
@@ -54,8 +55,8 @@ export class UserEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -76,8 +77,8 @@ export class UserEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -98,8 +99,8 @@ export class UserEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -121,8 +122,8 @@ export class UserEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-users-solid/icon-users-solid.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconUsersSolid {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '5e240017b6c5b4abaf813550215fa029ccdb411e', class: "digi-icon-users-solid", width: "32", height: "19", viewBox: "0 0 32 19", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'c205e2190fc30cee750af6261adc52d3568fbf62', class: "digi-icon-users-solid", width: "32", height: "19", viewBox: "0 0 32 19", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd570a6964802ffdc8a8a54ba62271f81e2ce3d8a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c1453bd3c2bcd3a86c439f944920e8fcff2e9573' }, this.afDesc), h("path", { key: 'd9a7e8c9d8c44380fef37c11603f0c371cac6233', class: "digi-icon-users-solid__shape", d: "M11 4.948C11 2.215 13.239 0 16 0s5 2.215 5 4.948c0 2.733-2.239 4.948-5 4.948s-5-2.215-5-4.948zM2.4 7.125c0-2.186 1.79-3.958 4-3.958s4 1.772 4 3.958-1.79 3.958-4 3.958-4-1.772-4-3.958zm19.2 0c0-2.186 1.79-3.958 4-3.958s4 1.772 4 3.958-1.79 3.958-4 3.958-4-1.772-4-3.958zm-1.1 3.76c1.933 0 3.5 1.551 3.5 3.464v3.463c0 .656-.537 1.188-1.2 1.188H9.2c-.663 0-1.2-.532-1.2-1.188V14.35c0-1.913 1.567-3.464 3.5-3.464h.892a7.065 7.065 0 007.216 0h.892zM6.4 14.35c0-.593.104-1.161.294-1.69a5.643 5.643 0 01-3.18-.784H2.8c-1.546 0-2.8 1.24-2.8 2.77v1.584c0 .656.537 1.188 1.2 1.188h5.2v-3.068zm22.8-2.474h-.714c-.975.58-2.084.84-3.18.784.195.542.294 1.114.294 1.69v3.068h5.2c.663 0 1.2-.532 1.2-1.188v-1.583c0-1.53-1.254-2.771-2.8-2.771z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '008019fc73c3db9192f3b09f2b2affed3ca5618c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5d572c1c52136286e25209122acc1925ff6c0ebd' }, this.afDesc), h("path", { key: '146a58cfe43f8702cf861ede089452bb5ae6c7b2', class: "digi-icon-users-solid__shape", d: "M11 4.948C11 2.215 13.239 0 16 0s5 2.215 5 4.948c0 2.733-2.239 4.948-5 4.948s-5-2.215-5-4.948zM2.4 7.125c0-2.186 1.79-3.958 4-3.958s4 1.772 4 3.958-1.79 3.958-4 3.958-4-1.772-4-3.958zm19.2 0c0-2.186 1.79-3.958 4-3.958s4 1.772 4 3.958-1.79 3.958-4 3.958-4-1.772-4-3.958zm-1.1 3.76c1.933 0 3.5 1.551 3.5 3.464v3.463c0 .656-.537 1.188-1.2 1.188H9.2c-.663 0-1.2-.532-1.2-1.188V14.35c0-1.913 1.567-3.464 3.5-3.464h.892a7.065 7.065 0 007.216 0h.892zM6.4 14.35c0-.593.104-1.161.294-1.69a5.643 5.643 0 01-3.18-.784H2.8c-1.546 0-2.8 1.24-2.8 2.77v1.584c0 .656.537 1.188 1.2 1.188h5.2v-3.068zm22.8-2.474h-.714c-.975.58-2.084.84-3.18.784.195.542.294 1.114.294 1.69v3.068h5.2c.663 0 1.2-.532 1.2-1.188v-1.583c0-1.53-1.254-2.771-2.8-2.771z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-users-solid"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconUsersSolid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconUsersSolid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconUsersSolid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconUsersSolid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-validation-error/icon-validation-error.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconValidationError {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '215ed4d45fc7125b502405f45be9b8525980c0a1', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'b20fb61395f90adad2b9e5be72d3e2ea3c5a3feb', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '50e41b34e0eac377caa84b0fcd931963843949c5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6884921d2dfbb0ce9af9cd2959e929aa8a351a6f' }, this.afDesc), h("path", { key: '18c6dbfd917e05e1d08c4aff64e2a8b7c39bfe95', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '5e08a1b947d534b913fff06e02109b53c607a0be', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f016b92eb4957943a5308d12db1ce2f1b73fae3f' }, this.afDesc), h("path", { key: 'f5ba662eeb6689959a6990ae2e880edc42670490', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-validation-error"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconValidationError {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconValidationError {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconValidationError {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconValidationError {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-validation-success/icon-validation-success.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconCheckCircle {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '5a97bff65735eb5dfb967a91ac6d57e724bba899', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1c9dcaf014e400504cbce24f69c67bdbb1dc0361', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '3595f915b3f4a2cdbdef9216c7e5f468d631444d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '83552998214817f66d1dc8381fa8c6d8a04a4b8e' }, this.afDesc), h("path", { key: 'e1a139cccf2b81927aed305f137c0fb5ba523a97', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ed5b4d39b987b025d99ef2ce2153a8de749f587e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7c5175b745577dd9076170ba83fa00f8cc03c4a2' }, this.afDesc), h("path", { key: 'f9cb601de2dfbf7959b2b43023692e111f1fbf91', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-validation-success"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconCheckCircle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconCheckCircle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconCheckCircle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconCheckCircle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-validation-warning/icon-validation-warning.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconValidationWarning {
     constructor() {
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("div", { key: '0e72404fd84b522858a70020f72399924d37ec18' }, h("svg", { key: 'cd993cacfd3c1b6409b448f28e493dfc2bbfac60', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("div", { key: '7017a09730cca2dafe42548b11d18e34a693f81b' }, h("svg", { key: 'd56b196f88aaf6dd87bb416e422d399667e80202', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'ecb012faa417a12dd8364cdb668d05871cbd9e2d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '79645e3d7c66df619e6395fc230ceb168e126b55' }, this.afDesc), h("g", { key: 'f45dfa63c0474d9ec4d4b5761aa4d89eeec96885', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '51f6f20faff8a50086a66a1865ed56711e96d01c', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '45179f87b52df55eba0a3ca50113df0cd14eba9b', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+                    : undefined }, this.afTitle && h("title", { key: '25751b0fd552d8dcabc3402345ba8528126dd973', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '41476cbdf1b92dd9b7c44d8791481a5cf00186ca' }, this.afDesc), h("g", { key: '6607df5c4713e5680fcaa2e9ea29b7cab5064e3d', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: 'c87e6472093671bc2f1f6b3d7eb0b34f512468c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '17b79d3e780ecbb2394b38586388ea457c65a2f7', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
     }
     static get is() { return "digi-icon-validation-warning"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconValidationWarning {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconValidationWarning {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconValidationWarning {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-hidden",
                 "reflect": false,
+                "attribute": "af-svg-aria-hidden",
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -115,8 +116,8 @@ export class IconValidationWarning {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }