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

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPhone {
     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: '49da04768b115f271819435240d74f66dde5553f', class: "digi-icon-phone", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '7f747e7c3c43d07906d2b550010a130b46c7d487', class: "digi-icon-phone", 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", fill: "currentColor" }, this.afTitle && h("title", { key: '8d011a86559ef4c0444a48fdf2a5e2b6c22ca45b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8de5752d40e3cee6e08c3a925f184ccd98f36cf6' }, this.afDesc), h("g", { key: '469249ebe0558708045de978616eda0e4f4d36d4', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: '53c437a7f7a49d4cdcfb1ec5f638a72cba9b16f6', id: "Artboard", transform: "translate(-1185.000000, -887.000000)", "fill-rule": "nonzero" }, h("g", { key: '80796e4a26ebce78576ffbc870f1db2fa9566b6b', id: "phone-45-degree-copy-2", transform: "translate(1185.000000, 887.000000)" }, h("path", { key: '9af9c87b677bb613779fccd9091f7c19e72db6fc', d: "M29.3151176,29.2282295 C32.6450904,25.9852436 34.9040719,21.2212644 34.7090735,19.1122736 L29.02112,13.5592979 C28.9161209,13.4242985 27.9561287,13.0133003 30.5001079,8.12032164 C30.5001079,8.12032164 34.2050777,-0.648640079 36.7940565,0.0383569218 L45.0649889,2.93934426 C49.3309541,4.24733855 50.8759415,20.396268 35.9630633,35.1862035 C35.9270636,35.2222033 35.2250693,35.9242002 35.1890696,35.9602001 C20.3961905,50.876135 4.24732239,49.3311417 2.93933308,45.0651603 L0.038356776,36.7941964 C-0.648637612,34.2052078 8.12029075,30.5002239 8.12029075,30.5002239 C13.0132508,27.956235 13.4242474,28.9132309 13.5592463,29.0212304 L19.112201,34.7092056 C21.2181838,34.9072047 25.9851448,32.6482145 29.2281183,29.3152291", id: "Path" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'f3b929121651219dd6504e7c348e2a8204d3a457', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b9e0006fa9cb4951bd54e70341b1811c1406314b' }, this.afDesc), h("g", { key: '2ffa1345471ab3fbdbc01bee996f974be781dbae', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: '264c59a53f2e7a1bc3800fcfdd963750b07a522a', id: "Artboard", transform: "translate(-1185.000000, -887.000000)", "fill-rule": "nonzero" }, h("g", { key: 'd80caa7b324b29515414b29d9b5b1d76c1435f20', id: "phone-45-degree-copy-2", transform: "translate(1185.000000, 887.000000)" }, h("path", { key: '9d53ece14b957708c91aae90f81b80fb189e3805', d: "M29.3151176,29.2282295 C32.6450904,25.9852436 34.9040719,21.2212644 34.7090735,19.1122736 L29.02112,13.5592979 C28.9161209,13.4242985 27.9561287,13.0133003 30.5001079,8.12032164 C30.5001079,8.12032164 34.2050777,-0.648640079 36.7940565,0.0383569218 L45.0649889,2.93934426 C49.3309541,4.24733855 50.8759415,20.396268 35.9630633,35.1862035 C35.9270636,35.2222033 35.2250693,35.9242002 35.1890696,35.9602001 C20.3961905,50.876135 4.24732239,49.3311417 2.93933308,45.0651603 L0.038356776,36.7941964 C-0.648637612,34.2052078 8.12029075,30.5002239 8.12029075,30.5002239 C13.0132508,27.956235 13.4242474,28.9132309 13.5592463,29.0212304 L19.112201,34.7092056 C21.2181838,34.9072047 25.9851448,32.6482145 29.2281183,29.3152291", id: "Path" }))))));
     }
     static get is() { return "digi-icon-phone"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPhone {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPhone {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPhone {
                 },
                 "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 IconPhone {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-phone-hangup/icon-phone-hangup.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPhoneHangup {
     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: 'c89e2fb1e63c5a2f971711d33d901a3f9747a1b1', class: "digi-icon-phone-hangup", width: "48", height: "48", viewBox: "0 0 48.0003198 19.9993764", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '27d6435d99db7dfe326a202d505cd35a01f7a224', class: "digi-icon-phone-hangup", width: "48", height: "48", viewBox: "0 0 48.0003198 19.9993764", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, fill: "currentColor", id: "Icon" }, this.afTitle && h("title", { key: '4e396ad61c552d328d6cd76e981cf3b488981a12', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e75bea018b062ac3f123e720f151ac7f92c8bfe4' }, this.afDesc), h("g", { key: '64aa4ee9d067f07f583ed932f34674fafd8eca5d', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: 'dee57e06b8b47bcbff7bc613784ce2305e936009', id: "Artboard", transform: "translate(-1209.000000, -1002.000000)", "fill-rule": "nonzero" }, h("g", { key: '1a129116ca2a5e4ced89d3fa08218a2e0153ea47', id: "phone-hangup", transform: "translate(1209.000000, 1002.000000)" }, h("path", { key: '265d1e4b7015b8d3c9c03f8574c67a511e2d4bd3', d: "M23.9487661,7.11703244 C20.2367661,7.06703244 16.2697661,8.48203244 15.1917661,9.78403244 L15.2687661,16.1310324 C15.2517661,16.2680324 15.5617661,17.0400324 11.3617661,18.3660324 C11.3617661,18.3660324 4.31776613,21.2270324 3.24376613,19.3760324 L0.211766132,13.0690324 C-1.46223387,9.91303244 6.82776613,-0.11696756 23.6837661,0.0010324397 L24.3167661,0.0010324397 C41.1727661,-0.11596756 49.4617661,9.91403244 47.7887661,13.0690324 L44.7567661,19.3760324 C43.6817661,21.2270324 36.6387661,18.3660324 36.6387661,18.3660324 C32.4377661,17.0390324 32.7487661,16.2680324 32.7317661,16.1310324 L32.8087661,9.78403244 C31.7307661,8.48303244 27.7637661,7.06803244 24.0517661,7.11703244", id: "Path" }))))));
+                    : undefined, fill: "currentColor", id: "Icon" }, this.afTitle && h("title", { key: '848c795ec6aa457de015f10b0877a35da8b88df3', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9c50433aa289ffb73cb8c53fd4529c7d84216eab' }, this.afDesc), h("g", { key: '084cf014b3cc8d100f66f483d784d3551336ba1c', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: '374f4ba8651a3ff3adc5166b0ac2868a7a576efc', id: "Artboard", transform: "translate(-1209.000000, -1002.000000)", "fill-rule": "nonzero" }, h("g", { key: '0ae2fa3d0cb2d72e9fcdf3f4d2563c10cac831c4', id: "phone-hangup", transform: "translate(1209.000000, 1002.000000)" }, h("path", { key: '99fc75ce5986f4b2cb776fb12f2053bab7557fdb', d: "M23.9487661,7.11703244 C20.2367661,7.06703244 16.2697661,8.48203244 15.1917661,9.78403244 L15.2687661,16.1310324 C15.2517661,16.2680324 15.5617661,17.0400324 11.3617661,18.3660324 C11.3617661,18.3660324 4.31776613,21.2270324 3.24376613,19.3760324 L0.211766132,13.0690324 C-1.46223387,9.91303244 6.82776613,-0.11696756 23.6837661,0.0010324397 L24.3167661,0.0010324397 C41.1727661,-0.11596756 49.4617661,9.91403244 47.7887661,13.0690324 L44.7567661,19.3760324 C43.6817661,21.2270324 36.6387661,18.3660324 36.6387661,18.3660324 C32.4377661,17.0390324 32.7487661,16.2680324 32.7317661,16.1310324 L32.8087661,9.78403244 C31.7307661,8.48303244 27.7637661,7.06803244 24.0517661,7.11703244", id: "Path" }))))));
     }
     static get is() { return "digi-icon-phone-hangup"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPhoneHangup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPhoneHangup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPhoneHangup {
                 },
                 "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 IconPhoneHangup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPlus {
     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: '65603ac1bbbbea7c151465b4b06426dd0aa38b72', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1ed5eadab60ec69d6058345b63e86a69adbaceaf', class: "digi-icon-plus", 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: 'b87d41076a691353bfa3c2af0f35e11fe99bd26a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1eec4be3799c78b04a9db5f873f511b96de2af6e' }, this.afDesc), h("path", { key: '05e94127089630252d96a12231484a3a03735a8d', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5fd0dbbfc25a0014e35bd1b174cf04f977741cfa', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b31ba8400a7264db252d79722b47fa0c99d94b4a' }, this.afDesc), h("path", { key: 'f3fcc2005a4d5f1843d233349190f86579460bab', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-plus"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPlus {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPlus {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPlus {
                 },
                 "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 IconPlus {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPod {
     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: '8c1b5757dd1e43dea12b38c034deeb5c76ffd342', class: "digi-icon-pod", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '5f4c851c151ac93366a3b2abe57a6ca900507ca4', class: "digi-icon-pod", width: "62px", height: "63px", viewBox: "0 0 62 63", "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: 'c237340ee5a7f51d5ae307304efda34b88f725c1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f8f80106ef4336f02ea8336e0c30df1ec63d8734' }, this.afDesc), h("g", { key: '9955ec93e66d6df7990102558b4c3335b532e446', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'ab65a9c2cb249b601f08951130974b8fedb5da10', transform: "translate(-124, -890)", fill: "currentColor" }, h("g", { key: '568a76feefa1cd51d36a8d24eab3aca65b8808e2', transform: "translate(140.7917, 890)" }, h("path", { key: '9822647284ead31bbd4df1923068831167411480', d: "M14.2851687,44.5890982 L14.2851687,44.5890982 C10.4642762,44.5890982 7.337991,41.462813 7.337991,37.6419205 L7.337991,26.1935988 C7.337991,22.3727062 10.4642762,19.246421 14.2851687,19.246421 L14.2851687,19.246421 C18.1060613,19.246421 21.2323465,22.3727062 21.2323465,26.1935988 L21.2323465,37.6419205 C21.2323465,41.462813 18.1060613,44.5890982 14.2851687,44.5890982" }), h("path", { key: '7e98413be25cdab25260e6dd2d7c1ad252a74b44', d: "M14.2852792,53.354292 C6.40827729,53.354292 0,46.9460147 0,39.0690128 L0,34.9720442 C0,33.7528923 0.988352262,32.7634358 2.20860841,32.7634358 C3.42776025,32.7634358 4.41721681,33.7528923 4.41721681,34.9720442 L4.41721681,39.0690128 C4.41721681,44.5099196 8.84437237,48.9370751 14.2852792,48.9370751 C19.726186,48.9370751 24.1533415,44.5099196 24.1533415,39.0690128 L24.1533415,34.9720442 C24.1533415,33.7528923 25.1427981,32.7634358 26.36195,32.7634358 C27.5822061,32.7634358 28.5705584,33.7528923 28.5705584,34.9720442 L28.5705584,39.0690128 C28.5705584,46.9460147 22.1622811,53.354292 14.2852792,53.354292" }), h("path", { key: 'db69c3c62417bf80917ce5b66cba9454b870bb06', d: "M14.2852792,61.0154024 C13.0661273,61.0154024 12.0766708,60.0259458 12.0766708,58.806794 L12.0766708,51.1451314 C12.0766708,49.9259796 13.0661273,48.936523 14.2852792,48.936523 C15.504431,48.936523 16.4938876,49.9259796 16.4938876,51.1451314 L16.4938876,58.806794 C16.4938876,60.0259458 15.504431,61.0154024 14.2852792,61.0154024" }), h("path", { key: '2f2b67cb7022815fbbed1446b19acc16d5c1b73d', d: "M21.4881033,16.9698979 C20.9226996,16.9698979 20.3584001,16.7545586 19.9266172,16.32388 C16.8157923,13.2119507 11.7547661,13.213055 8.64394115,16.3227757 C7.78258388,17.1852372 6.38232615,17.1852372 5.52096887,16.3227757 C4.65850728,15.4603141 4.65850728,14.0622649 5.52096887,13.1998034 C10.3534041,8.36736817 18.2171543,8.36736817 23.0495895,13.1986991 C23.9120511,14.0622649 23.9120511,15.4603141 23.0506938,16.3227757 C22.6189109,16.7545586 22.0535071,16.9698979 21.4881033,16.9698979" }), h("path", { key: '5211f785d30b3d713ed17c3e098804294b2b37bc', d: "M25.9835049,9.25379315 C25.4181011,9.25379315 24.8526974,9.03845383 24.4220188,8.60667089 C18.8320309,3.01778731 9.73808576,3.01778731 4.14920218,8.60667089 C3.2867406,9.46913247 1.88758718,9.46913247 1.02512559,8.60667089 C0.162664009,7.7442093 0.162664009,6.34616018 1.02512559,5.4836986 C8.33782803,-1.82789953 20.2333929,-1.82789953 27.544991,5.4836986 C28.4074526,6.34616018 28.4074526,7.7442093 27.544991,8.60667089 C27.1143124,9.03845383 26.5489087,9.25379315 25.9835049,9.25379315" }), h("path", { key: '453ff9f903dde772493c21b4d8143ab347167e0b', d: "M22.8108389,62 L5.76038202,62 C4.54012587,62 3.55177361,61.0105434 3.55177361,59.7913916 C3.55177361,58.5722398 4.54012587,57.5827832 5.76038202,57.5827832 L22.8108389,57.5827832 C24.0299908,57.5827832 25.0194473,58.5722398 25.0194473,59.7913916 C25.0194473,61.0105434 24.0299908,62 22.8108389,62" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '2e0764ec8d7fe6c2b9a58bf76bfc75dbbcc8e09b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '975a50ace0ac6d9f2154ca084a39dab65370745e' }, this.afDesc), h("g", { key: 'fa2a40d2368a8c1567649cb30cee65b89a29e640', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '37e1cfff13c12dd8873ca17513de59c059d3435a', transform: "translate(-124, -890)", fill: "currentColor" }, h("g", { key: 'd259aa1a58722bf74498952a0ca95b123fa8c11d', transform: "translate(140.7917, 890)" }, h("path", { key: 'cb5d0d09c770988940faad13cfe81737c2c687c4', d: "M14.2851687,44.5890982 L14.2851687,44.5890982 C10.4642762,44.5890982 7.337991,41.462813 7.337991,37.6419205 L7.337991,26.1935988 C7.337991,22.3727062 10.4642762,19.246421 14.2851687,19.246421 L14.2851687,19.246421 C18.1060613,19.246421 21.2323465,22.3727062 21.2323465,26.1935988 L21.2323465,37.6419205 C21.2323465,41.462813 18.1060613,44.5890982 14.2851687,44.5890982" }), h("path", { key: '327d4f34daac725941ee560cef16be15e11a12e3', d: "M14.2852792,53.354292 C6.40827729,53.354292 0,46.9460147 0,39.0690128 L0,34.9720442 C0,33.7528923 0.988352262,32.7634358 2.20860841,32.7634358 C3.42776025,32.7634358 4.41721681,33.7528923 4.41721681,34.9720442 L4.41721681,39.0690128 C4.41721681,44.5099196 8.84437237,48.9370751 14.2852792,48.9370751 C19.726186,48.9370751 24.1533415,44.5099196 24.1533415,39.0690128 L24.1533415,34.9720442 C24.1533415,33.7528923 25.1427981,32.7634358 26.36195,32.7634358 C27.5822061,32.7634358 28.5705584,33.7528923 28.5705584,34.9720442 L28.5705584,39.0690128 C28.5705584,46.9460147 22.1622811,53.354292 14.2852792,53.354292" }), h("path", { key: '1d46ea39ce76a2fcb7a75d5f1228263fd746d5cf', d: "M14.2852792,61.0154024 C13.0661273,61.0154024 12.0766708,60.0259458 12.0766708,58.806794 L12.0766708,51.1451314 C12.0766708,49.9259796 13.0661273,48.936523 14.2852792,48.936523 C15.504431,48.936523 16.4938876,49.9259796 16.4938876,51.1451314 L16.4938876,58.806794 C16.4938876,60.0259458 15.504431,61.0154024 14.2852792,61.0154024" }), h("path", { key: '5164c9f8a684f627c9825d4381ccfc73bc00e9cd', d: "M21.4881033,16.9698979 C20.9226996,16.9698979 20.3584001,16.7545586 19.9266172,16.32388 C16.8157923,13.2119507 11.7547661,13.213055 8.64394115,16.3227757 C7.78258388,17.1852372 6.38232615,17.1852372 5.52096887,16.3227757 C4.65850728,15.4603141 4.65850728,14.0622649 5.52096887,13.1998034 C10.3534041,8.36736817 18.2171543,8.36736817 23.0495895,13.1986991 C23.9120511,14.0622649 23.9120511,15.4603141 23.0506938,16.3227757 C22.6189109,16.7545586 22.0535071,16.9698979 21.4881033,16.9698979" }), h("path", { key: '237b33c806d86681423feb7d6ff71cf9b14d54ee', d: "M25.9835049,9.25379315 C25.4181011,9.25379315 24.8526974,9.03845383 24.4220188,8.60667089 C18.8320309,3.01778731 9.73808576,3.01778731 4.14920218,8.60667089 C3.2867406,9.46913247 1.88758718,9.46913247 1.02512559,8.60667089 C0.162664009,7.7442093 0.162664009,6.34616018 1.02512559,5.4836986 C8.33782803,-1.82789953 20.2333929,-1.82789953 27.544991,5.4836986 C28.4074526,6.34616018 28.4074526,7.7442093 27.544991,8.60667089 C27.1143124,9.03845383 26.5489087,9.25379315 25.9835049,9.25379315" }), h("path", { key: '811bfb80466573bc82140a747d8b3986efd4e9aa', d: "M22.8108389,62 L5.76038202,62 C4.54012587,62 3.55177361,61.0105434 3.55177361,59.7913916 C3.55177361,58.5722398 4.54012587,57.5827832 5.76038202,57.5827832 L22.8108389,57.5827832 C24.0299908,57.5827832 25.0194473,58.5722398 25.0194473,59.7913916 C25.0194473,61.0105434 24.0299908,62 22.8108389,62" }))))));
     }
     static get is() { return "digi-icon-pod"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPod {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPod {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPod {
                 },
                 "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 IconPod {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPrint {
     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: '3daed6438f551acf00bb54daf4031d66af9db92a', class: "digi-icon-print", width: "26", height: "26", viewBox: "0 0 26 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1d774f9f083e57fd74cb5874b8080327b97de4b7', class: "digi-icon-print", width: "26", height: "26", viewBox: "0 0 26 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: 'd8ae5caf96521b6a128f473828d9ba582f198a78', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f1bd7b1ca953dad84ebe7f2f18ad6abaa58e3444' }, this.afDesc), h("path", { key: 'b8c799ec675792001690b8a45ba4e1c1dccdb939', class: "digi-icon-print__shape", d: "M23.563 9.75h-.813V4.161c0-.323-.128-.633-.357-.862L19.451.357A1.219 1.219 0 0018.589 0H4.469C3.796 0 3.25.546 3.25 1.219V9.75h-.813A2.437 2.437 0 000 12.188v6.703c0 .336.273.609.61.609h2.64v5.281c0 .673.546 1.219 1.219 1.219H21.53c.673 0 1.219-.546 1.219-1.219V19.5h2.64a.61.61 0 00.61-.61v-6.703a2.437 2.437 0 00-2.438-2.437zm-4.063 13h-13v-4.875h13v4.875zm-13-11.375V3.25h9.75v2.031c0 .67.548 1.219 1.219 1.219H19.5v4.875h-13zm15.438 3.656a1.219 1.219 0 110-2.437 1.219 1.219 0 010 2.437z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '717b1ef2f86f9df1eb0d5c7ed1546e445aed27bb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a78e347076e9b39cd4d303ca5d56ffdfdbf573eb' }, this.afDesc), h("path", { key: 'de016ab97cdfdc9c1d6d8f9c472b01beaf4e2f9b', class: "digi-icon-print__shape", d: "M23.563 9.75h-.813V4.161c0-.323-.128-.633-.357-.862L19.451.357A1.219 1.219 0 0018.589 0H4.469C3.796 0 3.25.546 3.25 1.219V9.75h-.813A2.437 2.437 0 000 12.188v6.703c0 .336.273.609.61.609h2.64v5.281c0 .673.546 1.219 1.219 1.219H21.53c.673 0 1.219-.546 1.219-1.219V19.5h2.64a.61.61 0 00.61-.61v-6.703a2.437 2.437 0 00-2.438-2.437zm-4.063 13h-13v-4.875h13v4.875zm-13-11.375V3.25h9.75v2.031c0 .67.548 1.219 1.219 1.219H19.5v4.875h-13zm15.438 3.656a1.219 1.219 0 110-2.437 1.219 1.219 0 010 2.437z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-print"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPrint {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPrint {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPrint {
                 },
                 "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 IconPrint {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconRead {
     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: 'bd383794e156c2e9fb89f9d844237a49ace27384', class: "digi-icon-read", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'ea63c1e86960d6fad0bc89d4f3ebc7947fbc6421', class: "digi-icon-read", width: "62px", height: "63px", viewBox: "0 0 62 63", "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: 'fe0b0b288156c52b9e1de430f2ed2391e43042a7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd06e072ff673beb8b6eb560cd5c8fbd664985391' }, this.afDesc), h("defs", { key: '87ac89083482c9d38ee35addc70da864974bce4e' }, h("polygon", { key: '574dbc1252212f868b2fdb43e0345688ca5709d0', id: "path-1", points: "0 0 6.45833333 0 6.45833333 12.9166667 0 12.9166667" }), h("polygon", { key: 'c8a9f27dbd47f05343e212b90a13d3b9bf5bc864', id: "path-3", points: "0 0 6.45833333 0 6.45833333 12.9166667 0 12.9166667" }), h("polygon", { key: '21caa49f437533b43f8d5f5ce544a8b0b5d12d5f', id: "path-5", points: "0 0 21.9583333 0 21.9583333 20.6666667 0 20.6666667" })), h("g", { key: 'd25e01468b1785e683656df735fffe12bb10af76', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e829da6663f644c11adc0e5ce5ff7843ca340acf', transform: "translate(-293, -890)", id: "Read" }, h("g", { key: '53783dcd6ba44b94611bcf284b43a3f19bfe58ed', transform: "translate(293, 893.875)", id: "Group" }, h("path", { key: 'df72095fe04c9fb8e8f50c3f762d69b20d029167', d: "M28.31239,24.8305377 L9.14594332,19.4030327 C8.47212293,19.2144231 7.75,20.0122066 7.75,20.7572731 L7.75,26.2878691 C7.84298238,26.2773257 7.93596477,26.2632678 8.03136228,26.2632678 C10.5346413,26.2632678 10.1494285,29.7554743 10.1494285,34.0653795 C10.1494285,38.3741132 10.5346413,41.8674911 8.03136228,41.8674911 C7.93596477,41.8674911 7.84298238,41.8522618 7.75,41.8428899 L7.75,47.4238598 C7.75,48.1689263 8.31393212,48.5110009 9.14594332,48.7781002 L28.31239,54.2056052 C29.2023643,54.4563037 29.7083333,53.5964313 29.7083333,52.8513648 L29.7083333,26.1847781 C29.7083333,25.4397116 29.1069667,25.0730358 28.31239,24.8305377", id: "Fill-1", fill: "currentColor" }), h("g", { key: '82a07570a9f6aea63c11c66972316cf853c2f6eb', transform: "translate(0, 27.125)" }, h("mask", { key: '56697bc9cfed2e047c37e623a35c344abb134e41', id: "mask-2", fill: "white" }, h("use", { key: '5f9c6044cb6612bedba42014980972b068d85754', href: "#path-1" })), h("g", { key: '1b5e5c12f8aefc36f31b628e49250ad26b0e9daa' }), h("path", { key: '48adb60036e9e099e11d0652f32733a960b94bfd', d: "M6.45833333,6.45833333 C6.45833333,10.0251462 5.93688554,12.9166667 3.82490292,12.9166667 C1.71172977,12.9166667 -0.000238104016,10.0251462 -0.000238104016,6.45833333 C-0.000238104016,2.89152047 1.71172977,0 3.82490292,0 C5.93688554,0 6.45833333,2.89152047 6.45833333,6.45833333", fill: "currentColor" })), h("g", { key: '04a36103641ac5a6bd5489b8a3e020df610cd4a2', transform: "translate(55.5417, 27.125)" }, h("mask", { key: 'b723e571ac90ebf564e23347d6de446a7579e2a5', id: "mask-4", fill: "white" }, h("use", { key: 'd9ffe7fbaee0f4c5c8aa51a910f390ee5d466083', href: "#path-3" })), h("g", { key: 'f554e53d50b54da6b9a54c6d7476add7656a346c' }), h("path", { key: 'a2a9135fc0bbb2e72290ffdf004529710f7a483e', d: "M6.45880956,6.45833333 C6.45880956,10.0251462 4.74677856,12.9166667 2.63471807,12.9166667 C0.521467021,12.9166667 0,10.0251462 0,6.45833333 C0,2.89152047 0.521467021,0 2.63471807,0 C4.74677856,0 6.45880956,2.89152047 6.45880956,6.45833333", id: "Fill-6", fill: "currentColor" })), h("path", { key: '80d97b078f3efc8596f8681a4701c1852084a772', d: "M33.6819522,24.8305377 L51.5680478,19.4030327 C52.2391372,19.2144231 52.9583333,20.0122066 52.9583333,20.7572731 L52.9583333,26.2878691 C52.8657278,26.2773257 52.7731223,26.2632678 52.6781114,26.2632678 C50.1849783,26.2632678 50.5686297,29.7554743 50.5686297,34.0653795 C50.5686297,38.3741132 50.1849783,41.8674911 52.6781114,41.8674911 C52.7731223,41.8674911 52.8657278,41.8522618 52.9583333,41.8428899 L52.9583333,47.4238598 C52.9583333,48.1689263 52.3966868,48.5110009 51.5680478,48.7781002 L33.6819522,54.2056052 C32.795585,54.4563037 32.2916667,53.5964313 32.2916667,52.8513648 L32.2916667,26.1847781 C32.2916667,25.4397116 32.8905959,25.0730358 33.6819522,24.8305377", fill: "currentColor" }), h("g", { key: '40c32a13a5433d6cae560843f92e12f8b3842d03', transform: "translate(19.375, 0)" }, h("mask", { key: 'f96150d5c968a7a58f0e87e2f396bac4271fcf55', id: "mask-6", fill: "white" }, h("use", { key: '8345243e7e49844aecb7b3a6897eb7b9488cb451', href: "#path-5" })), h("g", { key: '3d49a634635fef614195ff38396aca263b887fa8' }), h("path", { key: 'ca86fde5d23ddb800dec50945b465d24d66cb9b9', d: "M10.9791667,20.6666667 C17.0425217,20.6666667 21.9583333,16.0397408 21.9583333,10.3332757 C21.9583333,4.62681064 17.0425217,-0.000115212297 10.9791667,-0.000115212297 C4.91581163,-0.000115212297 0,4.62681064 0,10.3332757 C0,16.0397408 4.91581163,20.6666667 10.9791667,20.6666667", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'b48915115e8fb53a5081c14293ce57d357f52e3c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0d30e213b0b92b18378e272bc3fb4941bcd38e1f' }, this.afDesc), h("defs", { key: 'e84d432e599a3c315bdb1cee8da6189407cf09ea' }, h("polygon", { key: '14e979348a8c7c8e92467e45b584454e164c5f8f', id: "path-1", points: "0 0 6.45833333 0 6.45833333 12.9166667 0 12.9166667" }), h("polygon", { key: 'fd14f40213c5fc8fc8b8c0a969c64f26727140ba', id: "path-3", points: "0 0 6.45833333 0 6.45833333 12.9166667 0 12.9166667" }), h("polygon", { key: '1e81e4c3d15c3d908e3d4ab6b703b7bee8fc089b', id: "path-5", points: "0 0 21.9583333 0 21.9583333 20.6666667 0 20.6666667" })), h("g", { key: '6af6221d4000e09ae393d5f331d981485fd30cbc', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '2fd33b82308cdf2e19f41b94e1261debf5e3b436', transform: "translate(-293, -890)", id: "Read" }, h("g", { key: '3e333f7f2bf992ccbefc07089c8e5ffe64337ee0', transform: "translate(293, 893.875)", id: "Group" }, h("path", { key: 'b44f8f4220c2f15632ac5b78ffbcd54bbcc0230d', d: "M28.31239,24.8305377 L9.14594332,19.4030327 C8.47212293,19.2144231 7.75,20.0122066 7.75,20.7572731 L7.75,26.2878691 C7.84298238,26.2773257 7.93596477,26.2632678 8.03136228,26.2632678 C10.5346413,26.2632678 10.1494285,29.7554743 10.1494285,34.0653795 C10.1494285,38.3741132 10.5346413,41.8674911 8.03136228,41.8674911 C7.93596477,41.8674911 7.84298238,41.8522618 7.75,41.8428899 L7.75,47.4238598 C7.75,48.1689263 8.31393212,48.5110009 9.14594332,48.7781002 L28.31239,54.2056052 C29.2023643,54.4563037 29.7083333,53.5964313 29.7083333,52.8513648 L29.7083333,26.1847781 C29.7083333,25.4397116 29.1069667,25.0730358 28.31239,24.8305377", id: "Fill-1", fill: "currentColor" }), h("g", { key: '62f4da7cef6b4480f281c2bfc14f5e31bb20533f', transform: "translate(0, 27.125)" }, h("mask", { key: '8706b165a7c795871d5cd49d477020540e283957', id: "mask-2", fill: "white" }, h("use", { key: 'fd464b7824cefb40d2dd6cf8fb87c043e6a47919', href: "#path-1" })), h("g", { key: '6177afede2aa417a7bc6449eeab3e39463f88e31' }), h("path", { key: 'd96c7576b6948642f5e19ec796c6f10e3f6a4ec7', d: "M6.45833333,6.45833333 C6.45833333,10.0251462 5.93688554,12.9166667 3.82490292,12.9166667 C1.71172977,12.9166667 -0.000238104016,10.0251462 -0.000238104016,6.45833333 C-0.000238104016,2.89152047 1.71172977,0 3.82490292,0 C5.93688554,0 6.45833333,2.89152047 6.45833333,6.45833333", fill: "currentColor" })), h("g", { key: 'c8f257d91f9b0f32d1550f59d113a5777cd37e48', transform: "translate(55.5417, 27.125)" }, h("mask", { key: 'd6e854b07847f71345dfd67450db6ace89d35486', id: "mask-4", fill: "white" }, h("use", { key: 'ef1e2fa3f01ff92d50744432d0366d83853448a4', href: "#path-3" })), h("g", { key: '7f83c021cdcf7f4921a0922ea50e6db603c874e3' }), h("path", { key: '50f657050d73b1c1c41de6fd5914b7f5413bb89f', d: "M6.45880956,6.45833333 C6.45880956,10.0251462 4.74677856,12.9166667 2.63471807,12.9166667 C0.521467021,12.9166667 0,10.0251462 0,6.45833333 C0,2.89152047 0.521467021,0 2.63471807,0 C4.74677856,0 6.45880956,2.89152047 6.45880956,6.45833333", id: "Fill-6", fill: "currentColor" })), h("path", { key: '43f53a0b26720f4320f296ed868b8c53ea69e404', d: "M33.6819522,24.8305377 L51.5680478,19.4030327 C52.2391372,19.2144231 52.9583333,20.0122066 52.9583333,20.7572731 L52.9583333,26.2878691 C52.8657278,26.2773257 52.7731223,26.2632678 52.6781114,26.2632678 C50.1849783,26.2632678 50.5686297,29.7554743 50.5686297,34.0653795 C50.5686297,38.3741132 50.1849783,41.8674911 52.6781114,41.8674911 C52.7731223,41.8674911 52.8657278,41.8522618 52.9583333,41.8428899 L52.9583333,47.4238598 C52.9583333,48.1689263 52.3966868,48.5110009 51.5680478,48.7781002 L33.6819522,54.2056052 C32.795585,54.4563037 32.2916667,53.5964313 32.2916667,52.8513648 L32.2916667,26.1847781 C32.2916667,25.4397116 32.8905959,25.0730358 33.6819522,24.8305377", fill: "currentColor" }), h("g", { key: 'a8f8ba22997d8dafcbcb1d6b594ab5ca0294f754', transform: "translate(19.375, 0)" }, h("mask", { key: 'b163ce6479d51bfc2c43189078b837513c308566', id: "mask-6", fill: "white" }, h("use", { key: '04a74b047ea19326a095c8200a7f2f1f736462ba', href: "#path-5" })), h("g", { key: '550a59356e9dd0d1431d2ab96f77c82bfd988490' }), h("path", { key: 'e0d21e15455998e3ba597c54ea7188e9a4fcda3a', d: "M10.9791667,20.6666667 C17.0425217,20.6666667 21.9583333,16.0397408 21.9583333,10.3332757 C21.9583333,4.62681064 17.0425217,-0.000115212297 10.9791667,-0.000115212297 C4.91581163,-0.000115212297 0,4.62681064 0,10.3332757 C0,16.0397408 4.91581163,20.6666667 10.9791667,20.6666667", fill: "currentColor" })))))));
     }
     static get is() { return "digi-icon-read"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconRead {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconRead {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconRead {
                 },
                 "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 IconRead {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconRedo {
     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: '84913b997292ab5aefe714076fcb9f40172b9d2c', class: "digi-icon-redo", 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: 'f069adccfc2f6426cb4910e41539b27cbac07a6d', class: "digi-icon-redo", 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: '657629f61403f599f6067a4d4cb0c183f956fdd8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b7085a5d2e6813a9356291cacc6e75bf6d722fb2' }, this.afDesc), h("path", { key: '64e889b585e4195833b8e326d38da764ffcb5af4', class: "digi-icon-redo__shape", d: "M46.0175809,1.98241935 L40.9693558,7.03064516 C36.6266144,2.68712903 30.627583,0 24.0001,0 C10.7748438,0 -0.00967091015,10.7927419 0,24.0179032 C0.00968392594,37.2645484 10.7511341,48 24,48 C30.1863895,48 35.8260017,45.6593226 40.081743,41.8153548 C40.5765494,41.3684516 40.5997752,40.5997742 40.1283882,40.1282903 L38.2182594,38.2181613 C37.7829691,37.782871 37.0808724,37.7550968 36.6213886,38.1647419 C33.2697117,41.1528387 28.8488736,42.9677419 24,42.9677419 C13.5173273,42.9677419 5.03226389,34.4843226 5.03226389,24 C5.03226389,13.5173226 13.5156821,5.03225806 24,5.03225806 C29.2415832,5.03225806 33.9829374,7.15383871 37.4142595,10.5857419 L32.1760667,15.8240323 C31.4444539,16.5556452 31.9625828,17.8064516 32.9971956,17.8064516 L46.8387098,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490969,1.25090323 46.0175809,1.98241935 Z", fill: "currentColor", "fill-rule": "nonzero", id: "Icon", transform: "translate(24.000000, 24.000000) scale(-1, 1) translate(-24.000000, -24.000000) " })));
+                    : undefined }, this.afTitle && h("title", { key: '65c0c72510ff86d5b6b42b3c54e1a773e1b25d6e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9c7f3a8c8fb27b739ab0ce5d23b2794563df762d' }, this.afDesc), h("path", { key: '5d44c314f862b0f8e93653631708d36f6be1e58a', class: "digi-icon-redo__shape", d: "M46.0175809,1.98241935 L40.9693558,7.03064516 C36.6266144,2.68712903 30.627583,0 24.0001,0 C10.7748438,0 -0.00967091015,10.7927419 0,24.0179032 C0.00968392594,37.2645484 10.7511341,48 24,48 C30.1863895,48 35.8260017,45.6593226 40.081743,41.8153548 C40.5765494,41.3684516 40.5997752,40.5997742 40.1283882,40.1282903 L38.2182594,38.2181613 C37.7829691,37.782871 37.0808724,37.7550968 36.6213886,38.1647419 C33.2697117,41.1528387 28.8488736,42.9677419 24,42.9677419 C13.5173273,42.9677419 5.03226389,34.4843226 5.03226389,24 C5.03226389,13.5173226 13.5156821,5.03225806 24,5.03225806 C29.2415832,5.03225806 33.9829374,7.15383871 37.4142595,10.5857419 L32.1760667,15.8240323 C31.4444539,16.5556452 31.9625828,17.8064516 32.9971956,17.8064516 L46.8387098,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490969,1.25090323 46.0175809,1.98241935 Z", fill: "currentColor", "fill-rule": "nonzero", id: "Icon", transform: "translate(24.000000, 24.000000) scale(-1, 1) translate(-24.000000, -24.000000) " })));
     }
     static get is() { return "digi-icon-redo"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconRedo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconRedo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconRedo {
                 },
                 "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 IconRedo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,10 +2,11 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class Scale {
     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 Scale {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: '6044ffb90523cc6fcdc2dfca13b42d16023635c6', class: "digi-icon-scale", 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: '001d624ad1ebef087748045ed492f85b531314d6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c457f783e2beb7976066c5099bcb203a3e47acb' }, this.afDesc), h("g", { key: 'd26c2e0e8d219969e2b5374c5eb2ae1e321fca4a', "clip-path": "url(#clip0_2337_759)" }, h("path", { key: 'c7e0a670b1d3110691589d6517c570d33f3898eb', d: "M18.5633 29.4577V26.7576C18.5681 26.6943 18.5681 26.6308 18.5633 26.5675V26.4371H18.5466C18.5207 26.2946 18.4725 26.1553 18.3971 26.0265L11.8238 14.7826C11.5977 14.3961 11.1838 14.1588 10.7362 14.1588H10.734C10.2859 14.1594 9.87152 14.3984 9.64665 14.7862L3.19071 25.9124C3.09586 26.0755 3.04321 26.255 3.02753 26.4371H3V29.4577C3 31.6214 5.53025 33.3916 8.62277 33.3916H12.9403C16.0329 33.3916 18.5633 31.6214 18.5633 29.4577ZM6.45646 25.3045L10.7403 17.9217L15.102 25.3826L6.45646 25.3045Z", fill: "currentColor" }), h("path", { key: 'c16717c7a800897c604ef5bfe47cc262ea3f4335', d: "M44.9794 26.4371C44.9535 26.2946 44.9053 26.1554 44.8299 26.0266L38.2564 14.7828C38.0303 14.3964 37.6164 14.1591 37.1688 14.1591H37.1666C36.7185 14.1597 36.3041 14.3986 36.0793 14.7864L29.6233 25.9126C29.5285 26.0758 29.4758 26.2552 29.4601 26.4373H29.4326V29.4579C29.4326 31.6216 31.9629 33.3918 35.0554 33.3918H39.3729C42.4655 33.3918 44.9957 31.6216 44.9957 29.4579V26.7578C45.0005 26.6945 45.0005 26.631 44.9957 26.5677V26.4373H44.979L44.9794 26.4371ZM32.8893 25.3045L37.1731 17.9218L41.5348 25.3827L32.8893 25.3045Z", fill: "currentColor" }), h("path", { key: 'ac6857d42f0cd726e2a077ab1248668cf2542227', d: "M25.9529 33.2291V14.4892C26.2412 14.2817 26.4938 14.0291 26.7014 13.7407H37.4066C38.4566 13.7407 39.3155 12.8816 39.3155 11.8316C39.3155 10.7816 38.4566 9.9225 37.4066 9.9225H26.7014C26.107 9.09637 25.1396 8.5564 24.044 8.5564C22.9484 8.5564 21.9809 9.09637 21.3865 9.9225H10.6813C9.63135 9.9225 8.77246 10.7816 8.77246 11.8316C8.77246 12.8816 9.63135 13.7407 10.6813 13.7407H21.3865C21.5941 14.0291 21.8467 14.2817 22.1351 14.4892V33.2289C18.8422 33.7803 16.3602 35.7255 16.1265 38.0882H16.1062V39.9259C16.1062 40.4137 16.5017 40.8092 16.9894 40.8092H31.0988C31.5865 40.8092 31.982 40.4137 31.982 39.9259V38.0882H31.9617C31.728 35.7255 29.2459 33.7801 25.9531 33.2289L25.9529 33.2291Z", fill: "currentColor" })), h("defs", { key: '0c4800f9fc3c22abd4bb309ade8ec3b7880cfc10' }, h("clipPath", { key: 'af0af216e294262bb027f0c9f8cebbcbd084c0fd' }, h("rect", { key: '94e7560de174f3639bf590dc76a7cc79bb59efaf', width: "42", height: "32.2523", fill: "currentColor", transform: "translate(3 8.55676)" })))));
+        return (h("svg", { key: '7a488475f3edfb0094fd6d901ae86b0e1fc9b96d', class: "digi-icon-scale", 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: '469266f1aac27ee7d581aa68aafa3784a087ae93', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0bfa7157cdf95ed139c4403ad903373be4349e53' }, this.afDesc), h("g", { key: 'dc3fe90fe02dc230cbb5d0e17a3e1c518e37d241', "clip-path": "url(#clip0_2337_759)" }, h("path", { key: 'ac53642a26cbcf63c37b84dd65d2156d5fb9bb0c', d: "M18.5633 29.4577V26.7576C18.5681 26.6943 18.5681 26.6308 18.5633 26.5675V26.4371H18.5466C18.5207 26.2946 18.4725 26.1553 18.3971 26.0265L11.8238 14.7826C11.5977 14.3961 11.1838 14.1588 10.7362 14.1588H10.734C10.2859 14.1594 9.87152 14.3984 9.64665 14.7862L3.19071 25.9124C3.09586 26.0755 3.04321 26.255 3.02753 26.4371H3V29.4577C3 31.6214 5.53025 33.3916 8.62277 33.3916H12.9403C16.0329 33.3916 18.5633 31.6214 18.5633 29.4577ZM6.45646 25.3045L10.7403 17.9217L15.102 25.3826L6.45646 25.3045Z", fill: "currentColor" }), h("path", { key: '105d5ead075b44c22c0febe2a6f511772cc031b4', d: "M44.9794 26.4371C44.9535 26.2946 44.9053 26.1554 44.8299 26.0266L38.2564 14.7828C38.0303 14.3964 37.6164 14.1591 37.1688 14.1591H37.1666C36.7185 14.1597 36.3041 14.3986 36.0793 14.7864L29.6233 25.9126C29.5285 26.0758 29.4758 26.2552 29.4601 26.4373H29.4326V29.4579C29.4326 31.6216 31.9629 33.3918 35.0554 33.3918H39.3729C42.4655 33.3918 44.9957 31.6216 44.9957 29.4579V26.7578C45.0005 26.6945 45.0005 26.631 44.9957 26.5677V26.4373H44.979L44.9794 26.4371ZM32.8893 25.3045L37.1731 17.9218L41.5348 25.3827L32.8893 25.3045Z", fill: "currentColor" }), h("path", { key: '98bf075f4981ce08f69cdd062982db4174d0c12f', d: "M25.9529 33.2291V14.4892C26.2412 14.2817 26.4938 14.0291 26.7014 13.7407H37.4066C38.4566 13.7407 39.3155 12.8816 39.3155 11.8316C39.3155 10.7816 38.4566 9.9225 37.4066 9.9225H26.7014C26.107 9.09637 25.1396 8.5564 24.044 8.5564C22.9484 8.5564 21.9809 9.09637 21.3865 9.9225H10.6813C9.63135 9.9225 8.77246 10.7816 8.77246 11.8316C8.77246 12.8816 9.63135 13.7407 10.6813 13.7407H21.3865C21.5941 14.0291 21.8467 14.2817 22.1351 14.4892V33.2289C18.8422 33.7803 16.3602 35.7255 16.1265 38.0882H16.1062V39.9259C16.1062 40.4137 16.5017 40.8092 16.9894 40.8092H31.0988C31.5865 40.8092 31.982 40.4137 31.982 39.9259V38.0882H31.9617C31.728 35.7255 29.2459 33.7801 25.9531 33.2289L25.9529 33.2291Z", fill: "currentColor" })), h("defs", { key: '8202441bbf9d21fd9f61650779e01bc2788dfd81' }, h("clipPath", { key: '8be316ab8b20cf38a02711a59adde3b47f27a3a4' }, h("rect", { key: 'e8e53cb3b8c5be4de5df7c08b98cad07bc82e0b9', width: "42", height: "32.2523", fill: "currentColor", transform: "translate(3 8.55676)" })))));
     }
     static get is() { return "digi-icon-scale"; }
     static get encapsulation() { return "scoped"; }
@@ -54,8 +55,8 @@ export class Scale {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -76,8 +77,8 @@ export class Scale {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -98,8 +99,8 @@ export class Scale {
                 },
                 "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 Scale {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }