@designsystem-se/af 39.2.0 → 39.2.1-beta.1

package/dist/collection/components/_icon/icon-toggle-on/icon-toggle-on.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconToggleOn {
     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: 'd39962f18d6c018020f7c3835d38d3e4c7cfd0b8', class: "digi-icon-toggle-on", width: "29", height: "19", viewBox: "0 0 29 19", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'acc15aa586165b996cbe892bc842da8a8b921011', class: "digi-icon-toggle-on", width: "29", height: "19", viewBox: "0 0 29 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: 'c139562d67d0fcebc7c20b405ec37029c9595b1a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd77fd9e2509cc63f4ef309b022615afba334eabc' }, this.afDesc), h("path", { key: 'c48fe5b4534c3495758787132a67a60252899255', class: "digi-icon-toggle-on__shape", d: "M29 9.5c0 5.247-4.328 9.5-9.667 9.5H9.667C4.327 19 0 14.747 0 9.5S4.328 0 9.667 0h9.666C24.673 0 29 4.253 29 9.5zm-9.667-6.333c-3.561 0-6.444 2.832-6.444 6.333 0 3.5 2.882 6.333 6.444 6.333s6.445-2.832 6.445-6.333c0-3.5-2.883-6.333-6.445-6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '24754d638f642d58d1d03c532e6508febf81651f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f5a327cfb8deefc2b8bcfd81480abc68b1f4f81e' }, this.afDesc), h("path", { key: '668547aade93d3a978ff4dc87c35855bfb1450e0', class: "digi-icon-toggle-on__shape", d: "M29 9.5c0 5.247-4.328 9.5-9.667 9.5H9.667C4.327 19 0 14.747 0 9.5S4.328 0 9.667 0h9.666C24.673 0 29 4.253 29 9.5zm-9.667-6.333c-3.561 0-6.444 2.832-6.444 6.333 0 3.5 2.882 6.333 6.444 6.333s6.445-2.832 6.445-6.333c0-3.5-2.883-6.333-6.445-6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-toggle-on"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconToggleOn {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconToggleOn {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconToggleOn {
                 },
                 "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 IconToggleOn {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class Icontrash {
     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: '061025065f77c4cf882f6e1b403d23919fd68aa8', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '5a8d57f9af0f365203e5215c3a351f9c3d6f85e1', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "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: '3b1532517a3ca5fcf9a30dd571925e7aaca41dc6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fac68056569f51e244f8976af13070188d59db51' }, this.afDesc), h("path", { key: '76a700f66cfe93ac6a30075fc12455bbf24020dc', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5be27938e3ba2604b881593a761a34c6b1bc2a0f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1ff573914dbe2bfeebac83d071aaf3015caa804b' }, this.afDesc), h("path", { key: 'fd08e01d97f78bbee69b93ce751a37b5038f3d92', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-trash"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class Icontrash {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class Icontrash {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class Icontrash {
                 },
                 "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 Icontrash {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconTwitter {
     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: '1609489c9a430f9a29d9668224f5bb0f2c1a45dd', class: "digi-icon-twitter", width: "26", height: "21", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '2cfb4bc246d3083e17e901f49a4f6fafa99e3368', class: "digi-icon-twitter", width: "26", height: "21", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '3f8059a2f0a97bf61a8af090bf70a567d455f9ae', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5e9222d8b0d4b8b991c22ab0efb442e991b84e18' }, this.afDesc), h("g", { key: 'ef06dc3a183d8d649292f98408e373a7ac9eef1c', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e1da5c97de6dc29f6a52b6f66fe826f578115a19', transform: "translate(-1386, -722)", fill: "currentColor" }, h("g", { key: 'f90e63d0c579508e0a9a300c9a738aed35a54adb', transform: "translate(1386, 722)" }, h("path", { key: '4d53d20a2384a089c3fca42f36117fe06067b405', d: "M41.3220428,0 L26.1295151,17.6476724 L13.9953192,0 L0,0 L18.3492853,26.6864062 L0,48 L4.14642179,48 L20.190081,29.363458 L33.0046417,48 L47,48 L27.9703891,20.3247242 L27.9713683,20.3247242 L45.4682296,0 L41.3220428,0 Z M21.7995653,26.8581887 L21.7995653,26.8571687 L19.9238763,24.1936791 L5,3 L11.4251309,3 L23.4689124,20.1039785 L25.3445619,22.7674681 L41,45 L34.5748691,45 L21.7995653,26.8581887 Z", id: "Icon" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '16bb4682de4668f7db591072d4123a62fe981e9d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fde0805d587d29460ac1ab745609b90669658789' }, this.afDesc), h("g", { key: 'e328ba6f2aa589c96046104f52d471d987855213', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '3124731d426031456b88707cbf1c2b2356e05536', transform: "translate(-1386, -722)", fill: "currentColor" }, h("g", { key: 'd48a78966251b3cc1f06b9601d866e63f6a9efea', transform: "translate(1386, 722)" }, h("path", { key: 'd2e46a9d2355aa9659c98ca70651a26542e48db9', d: "M41.3220428,0 L26.1295151,17.6476724 L13.9953192,0 L0,0 L18.3492853,26.6864062 L0,48 L4.14642179,48 L20.190081,29.363458 L33.0046417,48 L47,48 L27.9703891,20.3247242 L27.9713683,20.3247242 L45.4682296,0 L41.3220428,0 Z M21.7995653,26.8581887 L21.7995653,26.8571687 L19.9238763,24.1936791 L5,3 L11.4251309,3 L23.4689124,20.1039785 L25.3445619,22.7674681 L41,45 L34.5748691,45 L21.7995653,26.8581887 Z", id: "Icon" }))))));
     }
     static get is() { return "digi-icon-twitter"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconTwitter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconTwitter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconTwitter {
                 },
                 "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 IconTwitter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-tyck-till/icon-tyck-till.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconTyckTill {
     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: 'd58f78d78255487421c793ce46330e17a4c9de8e', class: "digi-icon-tyck-till", width: "32", height: "27", viewBox: "0 0 32 27", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '8af139e52f7ed1d386518f40dda863605ef19436', class: "digi-icon-tyck-till", width: "32", height: "27", viewBox: "0 0 32 27", "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: '7b56b7df49be30e8a9ec5935a6aebec89589e6ab', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6f335c2bc37ac1fbca86e8823121b1a8f221ad3a' }, this.afDesc), h("g", { key: '413a78230cb3f4b4ce7c609e3c1331354e384048', class: "digi-icon-tyck-till__shape", fill: "currentColor", "fill-rule": "evenodd" }, h("path", { key: 'eea0f2ab365cda6f5ab8ea472d265f042aa3fc80', d: "M9.053 3.455c2.074-.814 4.306-1.222 6.697-1.222 2.39 0 4.626.405 6.706 1.213 2.08.809 3.732 1.9 4.957 3.272 1.225 1.372 1.837 2.856 1.837 4.45 0 1.302-.419 2.544-1.257 3.725-.838 1.18-2.018 2.201-3.542 3.062l-1.53.872.475 1.675a12.46 12.46 0 001.231 3.002 17.357 17.357 0 01-4.834-2.984l-.756-.663-1.002.105c-.808.093-1.57.14-2.285.14-2.39 0-4.626-.405-6.706-1.214-2.08-.808-3.732-1.899-4.957-3.271-1.225-1.373-1.837-2.856-1.837-4.45 0-1.593.612-3.077 1.837-4.45 1.225-1.372 2.88-2.46 4.966-3.262zM0 11.167c0 2.024.703 3.894 2.11 5.61 1.406 1.716 3.316 3.071 5.73 4.066 2.414.994 5.05 1.492 7.91 1.492.82 0 1.67-.047 2.549-.14 2.32 2.036 5.015 3.443 8.086 4.223.574.162 1.242.29 2.004.383.263 0 .422-.06.562-.183a.888.888 0 00.281-.48c.036-.064.039-.133.01-.226a.464.464 0 01-.036-.175c.006-.023-.02-.078-.079-.166l-.106-.157a2.586 2.586 0 00-.123-.148 9.152 9.152 0 01-1.837-2.111 7.086 7.086 0 01-.57-.89c-.141-.268-.3-.61-.475-1.03-.176-.418-.328-.86-.457-1.326 1.84-1.035 3.29-2.315 4.35-3.839 1.06-1.523 1.591-3.158 1.591-4.903 0-1.512-.416-2.957-1.248-4.336-.832-1.378-1.951-2.568-3.357-3.568-1.407-1-3.082-1.794-5.028-2.382A21.046 21.046 0 0015.75 0c-2.133 0-4.172.294-6.117.881-1.946.588-3.621 1.382-5.028 2.382-1.406 1-2.525 2.19-3.357 3.568C.416 8.21 0 9.655 0 11.167z" }), h("path", { key: '3fc718824a5e2de7c06029ea17d7fc318b99bfc5', d: "M17.398 12.475h-2.707l-.418-7.703h3.543l-.418 7.703zm-3.093 2.85c0-.494.148-.878.443-1.152.296-.275.725-.412 1.288-.412.558 0 .98.137 1.268.412.287.274.43.658.43 1.152 0 .488-.149.87-.447 1.144-.298.274-.715.411-1.25.411-.542 0-.966-.137-1.272-.411-.306-.274-.46-.656-.46-1.144z" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f04fa970de61100096db9bfda1de71f3d4a16698', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09f276ff560c49e48d53183e29c909e288de57e0' }, this.afDesc), h("g", { key: 'ae06048355bff1c3d56208ef41d963c424f2b1c1', class: "digi-icon-tyck-till__shape", fill: "currentColor", "fill-rule": "evenodd" }, h("path", { key: 'a6fb61dc881283790ea5b2df95d6b56175d08a70', d: "M9.053 3.455c2.074-.814 4.306-1.222 6.697-1.222 2.39 0 4.626.405 6.706 1.213 2.08.809 3.732 1.9 4.957 3.272 1.225 1.372 1.837 2.856 1.837 4.45 0 1.302-.419 2.544-1.257 3.725-.838 1.18-2.018 2.201-3.542 3.062l-1.53.872.475 1.675a12.46 12.46 0 001.231 3.002 17.357 17.357 0 01-4.834-2.984l-.756-.663-1.002.105c-.808.093-1.57.14-2.285.14-2.39 0-4.626-.405-6.706-1.214-2.08-.808-3.732-1.899-4.957-3.271-1.225-1.373-1.837-2.856-1.837-4.45 0-1.593.612-3.077 1.837-4.45 1.225-1.372 2.88-2.46 4.966-3.262zM0 11.167c0 2.024.703 3.894 2.11 5.61 1.406 1.716 3.316 3.071 5.73 4.066 2.414.994 5.05 1.492 7.91 1.492.82 0 1.67-.047 2.549-.14 2.32 2.036 5.015 3.443 8.086 4.223.574.162 1.242.29 2.004.383.263 0 .422-.06.562-.183a.888.888 0 00.281-.48c.036-.064.039-.133.01-.226a.464.464 0 01-.036-.175c.006-.023-.02-.078-.079-.166l-.106-.157a2.586 2.586 0 00-.123-.148 9.152 9.152 0 01-1.837-2.111 7.086 7.086 0 01-.57-.89c-.141-.268-.3-.61-.475-1.03-.176-.418-.328-.86-.457-1.326 1.84-1.035 3.29-2.315 4.35-3.839 1.06-1.523 1.591-3.158 1.591-4.903 0-1.512-.416-2.957-1.248-4.336-.832-1.378-1.951-2.568-3.357-3.568-1.407-1-3.082-1.794-5.028-2.382A21.046 21.046 0 0015.75 0c-2.133 0-4.172.294-6.117.881-1.946.588-3.621 1.382-5.028 2.382-1.406 1-2.525 2.19-3.357 3.568C.416 8.21 0 9.655 0 11.167z" }), h("path", { key: 'f2abbdd381652ced5840b343ce3e9a6b2dd6410a', d: "M17.398 12.475h-2.707l-.418-7.703h3.543l-.418 7.703zm-3.093 2.85c0-.494.148-.878.443-1.152.296-.275.725-.412 1.288-.412.558 0 .98.137 1.268.412.287.274.43.658.43 1.152 0 .488-.149.87-.447 1.144-.298.274-.715.411-1.25.411-.542 0-.966-.137-1.272-.411-.306-.274-.46-.656-.46-1.144z" }))));
     }
     static get is() { return "digi-icon-tyck-till"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconTyckTill {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconTyckTill {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconTyckTill {
                 },
                 "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 IconTyckTill {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconUnlock {
     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: '805282c5b3f4abf3f9d8513dc4dec308cde37fa8', class: "digi-icon-unlock", width: "29", height: "26", viewBox: "0 0 29 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f5181ccef1e58517539ed250e47ce36e9d81642c', class: "digi-icon-unlock", width: "29", height: "26", viewBox: "0 0 29 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: '3f8c39b46928fc7e7e21e9662d38aa38a87b862d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7497738a3c282628cab91bf33c35c7b446ed4109' }, this.afDesc), h("path", { key: 'c58f70dbc5d4562b2690334975690ad61a39ef8e', class: "digi-icon-unlock__shape", d: "M21.322.05c-4.23.016-7.628 3.523-7.628 7.78v3.574H2.417A2.425 2.425 0 000 13.836v9.731A2.425 2.425 0 002.417 26h17.722a2.425 2.425 0 002.417-2.433v-9.73a2.425 2.425 0 00-2.417-2.433h-2.417V7.8c0-2.007 1.596-3.674 3.59-3.695 2.014-.02 3.66 1.627 3.66 3.65v4.054a1.21 1.21 0 001.209 1.216h1.61A1.21 1.21 0 0029 11.81V7.754C29 3.497 25.551.035 21.322.051z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '425b69539a1fbf5406547a6d89abdc6311283d2a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8cc4488ecb7cbe060b47cf16ec88227f81cdc95a' }, this.afDesc), h("path", { key: 'de327a40747a1cf745d14653f0c7ea797a67ac8a', class: "digi-icon-unlock__shape", d: "M21.322.05c-4.23.016-7.628 3.523-7.628 7.78v3.574H2.417A2.425 2.425 0 000 13.836v9.731A2.425 2.425 0 002.417 26h17.722a2.425 2.425 0 002.417-2.433v-9.73a2.425 2.425 0 00-2.417-2.433h-2.417V7.8c0-2.007 1.596-3.674 3.59-3.695 2.014-.02 3.66 1.627 3.66 3.65v4.054a1.21 1.21 0 001.209 1.216h1.61A1.21 1.21 0 0029 11.81V7.754C29 3.497 25.551.035 21.322.051z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-unlock"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconUnlock {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconUnlock {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconUnlock {
                 },
                 "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 IconUnlock {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconUpdate {
     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: 'a1c91838cb31c0233acd191da4a1de04b5137f18', class: "digi-icon-update", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '8ed897e42d8e312964cff11d40489be8398e4500', class: "digi-icon-update", width: "48", height: "48", viewBox: "0 0 48 48", "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: 'd6d56872d18d76b7d4b9b34334ca2eae9f351567', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c80e202a8967f9e13a597f77ad0473bb1908ad0' }, this.afDesc), h("path", { key: 'bd2a7e1dbd694d216254ee3bbe422184ae0aca02', class: "digi-icon-update__shape", d: "M46.0175806,1.98241935 L40.9693548,7.03064516 C36.6266129,2.68712903 30.6275806,0 24,0 C11.1510968,0 0.660387097,10.0972258 0.03,22.7896452 C-0.00280645161,23.4494516 0.52983871,24 1.19041935,24 L3.90445161,24 C4.51925806,24 5.02829032,23.5207742 5.06312903,22.9070323 C5.62848387,12.9337742 13.8825484,5.03225806 24,5.03225806 C29.2415806,5.03225806 33.9829355,7.15383871 37.4142581,10.5857419 L32.1760645,15.8240323 C31.4444516,16.5556452 31.9625806,17.8064516 32.9971935,17.8064516 L46.8387097,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490968,1.25090323 46.0175806,1.98241935 Z M46.8095806,24 L44.0955484,24 C43.4807419,24 42.9717097,24.4792258 42.936871,25.0929677 C42.3715161,35.0662258 34.1174516,42.9677419 24,42.9677419 C18.7584194,42.9677419 14.0170645,40.8461613 10.5857419,37.4142581 L15.8239355,32.1759677 C16.5555484,31.4443548 16.0374194,30.1935484 15.0028065,30.1935484 L1.16129032,30.1935484 C0.519967742,30.1935484 0,30.7135161 0,31.3548387 L0,45.1963548 C0,46.2309677 1.25090323,46.7490968 1.98241935,46.0174839 L7.03064516,40.9693548 C11.3733871,45.312871 17.3725161,48 24,48 C36.849,48 47.3396129,37.9027742 47.97,25.2103548 C48.0028065,24.5505484 47.4701613,24 46.8095806,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'cf3fb91b243dddf75b34eaed70539f0c802a4b21', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b7153ff89070e6c5633f648d8c44d5f54bc081be' }, this.afDesc), h("path", { key: 'fcc0b705083291ff15f980c7c74da4d0e0448cc2', class: "digi-icon-update__shape", d: "M46.0175806,1.98241935 L40.9693548,7.03064516 C36.6266129,2.68712903 30.6275806,0 24,0 C11.1510968,0 0.660387097,10.0972258 0.03,22.7896452 C-0.00280645161,23.4494516 0.52983871,24 1.19041935,24 L3.90445161,24 C4.51925806,24 5.02829032,23.5207742 5.06312903,22.9070323 C5.62848387,12.9337742 13.8825484,5.03225806 24,5.03225806 C29.2415806,5.03225806 33.9829355,7.15383871 37.4142581,10.5857419 L32.1760645,15.8240323 C31.4444516,16.5556452 31.9625806,17.8064516 32.9971935,17.8064516 L46.8387097,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490968,1.25090323 46.0175806,1.98241935 Z M46.8095806,24 L44.0955484,24 C43.4807419,24 42.9717097,24.4792258 42.936871,25.0929677 C42.3715161,35.0662258 34.1174516,42.9677419 24,42.9677419 C18.7584194,42.9677419 14.0170645,40.8461613 10.5857419,37.4142581 L15.8239355,32.1759677 C16.5555484,31.4443548 16.0374194,30.1935484 15.0028065,30.1935484 L1.16129032,30.1935484 C0.519967742,30.1935484 0,30.7135161 0,31.3548387 L0,45.1963548 C0,46.2309677 1.25090323,46.7490968 1.98241935,46.0174839 L7.03064516,40.9693548 C11.3733871,45.312871 17.3725161,48 24,48 C36.849,48 47.3396129,37.9027742 47.97,25.2103548 C48.0028065,24.5505484 47.4701613,24 46.8095806,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-update"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconUpdate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconUpdate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconUpdate {
                 },
                 "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 IconUpdate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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"
             }
         };
     }