@designsystem-se/af 39.0.1-beta.dark-mode → 39.1.0-beta.2

package/dist/collection/components/_icon/icon-online-meeting/icon-online-meeting.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconOnlineMeeting {
     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: '9ea8d0fbd824260943a41d3d620da943c0893ec6', class: "digi-icon-online-meeting", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '2a7a116389dbc40cbb21127c8961cdbeb349d795', class: "digi-icon-online-meeting", 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: '1e72b3430c83b9062c77dabf5c81d005c0e77372', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f70a4ef647902b01903a78e164df08bde0b472a7' }, this.afDesc), h("defs", { key: 'b4f5df2e0f19e9995fc03989bd9b52bf4f4906a2' }, h("polygon", { key: '81d70d141c76877ce7bb327e2de3421bc8791f12', points: "0 0 62 0 62 9.21298912 0 9.21298912" })), h("g", { key: '7beb69e7bf12f3377334cf31dde714e739bc3ed1', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'cf723da75e5b748508b945c764615d8b7a5e11ab', transform: "translate(-543, -890)" }, h("g", { key: 'a8b3386e3b650c035307d75a16601b1adb71230e', transform: "translate(543, 896.4583)" }, h("g", { key: 'a6f27077e905ad062bd20b1dc93863f2d236fd2f', transform: "translate(0, 0)" }, h("path", { key: '24d0c790ea2aaef842265a9a308c8d27ba1c2c83', d: "M8.78313943,7.5511486 C8.78313943,6.84208031 9.3379027,6.26282418 10.0151303,6.26282418 L51.9848697,6.26282418 C52.6620973,6.26282418 53.2168606,6.84208031 53.2168606,7.5511486 L53.2168606,34.4369605 L58.8881822,34.4369605 L58.8881822,2.89872993 C58.8881822,1.30424477 57.6414956,0 56.1168151,0 L5.88318486,0 C4.35850436,0 3.1118178,1.30424477 3.1118178,2.89872993 L3.1118178,34.4369605 L8.78313943,34.4369605 L8.78313943,7.5511486 Z", fill: "currentColor" }), h("g", { key: 'b9cf1ced17087aa73ed87b52df327f4dd4480c6e', transform: "translate(0, 39.3695)" }, h("mask", { key: 'd2c12c8f4744c3affda192f0d5cc2d02dd44efd1', fill: "white" }, h("use", { key: 'a367132961fea5f2cc00b31d8b3de893e94eace2', href: "#path-1" })), h("g", { key: 'c0fb1e54bd1e7b84454116e390fc2993d38297a2' }), h("path", { key: 'e0af01f26f357680be991705c24f5e418887823f', d: "M43.6913426,0 C39.7639125,1.36670156 37.9232741,3.2171371 31.0003674,3.2171371 C24.0774606,3.2171371 22.2368222,1.36670156 18.3093922,0 L-0.000244928595,0 L-0.000244928595,4.37809864 C-0.000244928595,7.03802319 1.44115986,9.21298912 4.70850732,9.21298912 L57.2922275,9.21298912 C60.5595749,9.21298912 62.0009797,7.03802319 62.0009797,4.37809864 L62.0009797,0 L43.6913426,0 Z", fill: "currentColor" })), h("path", { key: '5651800ea68108d2543faf8185ad5a664796747c', d: "M31.0002449,23.0051633 C33.9993956,23.0051633 36.4303119,20.5742469 36.4303119,17.5750963 C36.4303119,14.574721 33.9993956,12.1438047 31.0002449,12.1438047 C28.0010943,12.1438047 25.570178,14.574721 25.570178,17.5750963 C25.570178,20.5742469 28.0010943,23.0051633 31.0002449,23.0051633", fill: "currentColor" }), h("path", { key: 'a2e889c1ee820a4ff1363ea7667e2364870f131d', d: "M18.6328204,24.3085508 C21.031896,24.3085508 22.9778537,22.3638177 22.9778537,19.9635175 C22.9778537,17.5644419 21.031896,15.6197089 18.6328204,15.6197089 C16.2337448,15.6197089 14.2877871,17.5644419 14.2877871,19.9635175 C14.2877871,22.3638177 16.2337448,24.3085508 18.6328204,24.3085508", fill: "currentColor" }), h("path", { key: '4e6d3ffb0fd0ef52fa25bd5201ad3c082dd316b4', d: "M43.367547,24.3085508 C45.7666226,24.3085508 47.7125802,22.3638177 47.7125802,19.9635175 C47.7125802,17.5644419 45.7666226,15.6197089 43.367547,15.6197089 C40.9684714,15.6197089 39.0225137,17.5644419 39.0225137,19.9635175 C39.0225137,22.3638177 40.9684714,24.3085508 43.367547,24.3085508", fill: "currentColor" }), h("path", { key: '4c6ace8ec3ea26941a9e3ce9bc69c6c080fcbdcd', d: "M35.8877951,24.0912991 L34.9191025,24.0912991 C32.5090051,25.5412764 29.4914848,25.5400518 27.0813874,24.0912991 L26.1126948,24.0912991 C24.0136567,24.0912991 22.311403,25.7935528 22.311403,27.8925909 L22.311403,31.6938827 C22.311403,32.4139728 22.8943331,32.9981275 23.6144231,32.9981275 L38.3860667,32.9981275 C39.1061568,32.9981275 39.6890869,32.4139728 39.6890869,31.6938827 L39.6890869,27.8925909 C39.6890869,25.7935528 37.9868331,24.0912991 35.8877951,24.0912991", fill: "currentColor" }), h("path", { key: 'b02fb9f8db2de93a1ea9f50a2880b7381c30ddae', d: "M14.7227803,25.177435 C13.0425702,25.177435 11.6819918,26.539238 11.6819918,28.2182235 L11.6819918,29.9559919 C11.6819918,30.6760819 12.2649219,31.2602366 12.985012,31.2602366 L18.6330654,31.2602366 L18.6330654,27.8924684 C18.6330654,27.242183 18.7457325,26.6176151 18.9526972,26.038359 C17.7623442,26.1008158 16.5560709,25.8142493 15.4979793,25.177435 L14.7227803,25.177435 Z", fill: "currentColor" }), h("path", { key: 'c4a881e5f5a1b2446cb4b9a0f1513bbf70ff23cf', d: "M47.2777095,25.177435 L46.5025105,25.177435 C45.4431943,25.8142493 44.2381457,26.1008158 43.0477927,26.038359 C43.2596559,26.6335355 43.3686491,27.2605527 43.3674245,27.8924684 L43.3674245,31.2602366 L49.0154779,31.2602366 C49.735568,31.2602366 50.318498,30.6760819 50.318498,29.9559919 L50.318498,28.2182235 C50.318498,26.539238 48.956695,25.177435 47.2777095,25.177435", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '5e30cb7982e85d0c321858043044ac8b8b795dd0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd18c2acf24257fe1d47f8d1126f77d7466d41a1d' }, this.afDesc), h("defs", { key: '7bbbcab2c8d099ac45517a44e3c67742dfd9c730' }, h("polygon", { key: '19755534bceb0739eeffba957a1caa6108f75fd3', points: "0 0 62 0 62 9.21298912 0 9.21298912" })), h("g", { key: '35daf436ec1d81e4f7ff5e491dbfa2848cf0a6f1', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e5c0b871d9fa296c35fe2a981ed176ddd167175d', transform: "translate(-543, -890)" }, h("g", { key: 'dff41fe67827b8d8dac7c4321e1d1e380705c381', transform: "translate(543, 896.4583)" }, h("g", { key: 'bceef8190198cff5f5fd1ff9108603bec026fb8d', transform: "translate(0, 0)" }, h("path", { key: '86558ae57a77efbfc482e5b090532b9e6a55d034', d: "M8.78313943,7.5511486 C8.78313943,6.84208031 9.3379027,6.26282418 10.0151303,6.26282418 L51.9848697,6.26282418 C52.6620973,6.26282418 53.2168606,6.84208031 53.2168606,7.5511486 L53.2168606,34.4369605 L58.8881822,34.4369605 L58.8881822,2.89872993 C58.8881822,1.30424477 57.6414956,0 56.1168151,0 L5.88318486,0 C4.35850436,0 3.1118178,1.30424477 3.1118178,2.89872993 L3.1118178,34.4369605 L8.78313943,34.4369605 L8.78313943,7.5511486 Z", fill: "currentColor" }), h("g", { key: '9b630b2b064f543d4425a033faceadbc06ffcd67', transform: "translate(0, 39.3695)" }, h("mask", { key: '964591444b4ebf42803899f9aaae02d8bc15da10', fill: "white" }, h("use", { key: '08d7964deb7ad0e0ee34b48d673dee135d6e4450', href: "#path-1" })), h("g", { key: '3851e387361ff5aca80a5706b02088c4a1d0416a' }), h("path", { key: '76a62e80f403ddb2cf17f6b8cef8376802aa988b', d: "M43.6913426,0 C39.7639125,1.36670156 37.9232741,3.2171371 31.0003674,3.2171371 C24.0774606,3.2171371 22.2368222,1.36670156 18.3093922,0 L-0.000244928595,0 L-0.000244928595,4.37809864 C-0.000244928595,7.03802319 1.44115986,9.21298912 4.70850732,9.21298912 L57.2922275,9.21298912 C60.5595749,9.21298912 62.0009797,7.03802319 62.0009797,4.37809864 L62.0009797,0 L43.6913426,0 Z", fill: "currentColor" })), h("path", { key: 'ca42ac1066e85ed75c5117e56cc8f9c2a64c3dc5', d: "M31.0002449,23.0051633 C33.9993956,23.0051633 36.4303119,20.5742469 36.4303119,17.5750963 C36.4303119,14.574721 33.9993956,12.1438047 31.0002449,12.1438047 C28.0010943,12.1438047 25.570178,14.574721 25.570178,17.5750963 C25.570178,20.5742469 28.0010943,23.0051633 31.0002449,23.0051633", fill: "currentColor" }), h("path", { key: '5403d0a97eac95112758734aab02a3713ab48bab', d: "M18.6328204,24.3085508 C21.031896,24.3085508 22.9778537,22.3638177 22.9778537,19.9635175 C22.9778537,17.5644419 21.031896,15.6197089 18.6328204,15.6197089 C16.2337448,15.6197089 14.2877871,17.5644419 14.2877871,19.9635175 C14.2877871,22.3638177 16.2337448,24.3085508 18.6328204,24.3085508", fill: "currentColor" }), h("path", { key: 'b910b47de8a873fe47a1978d4731ce7d2cf47767', d: "M43.367547,24.3085508 C45.7666226,24.3085508 47.7125802,22.3638177 47.7125802,19.9635175 C47.7125802,17.5644419 45.7666226,15.6197089 43.367547,15.6197089 C40.9684714,15.6197089 39.0225137,17.5644419 39.0225137,19.9635175 C39.0225137,22.3638177 40.9684714,24.3085508 43.367547,24.3085508", fill: "currentColor" }), h("path", { key: 'f9d2c0d05d30a4802ab47855a1e7300fa66f344f', d: "M35.8877951,24.0912991 L34.9191025,24.0912991 C32.5090051,25.5412764 29.4914848,25.5400518 27.0813874,24.0912991 L26.1126948,24.0912991 C24.0136567,24.0912991 22.311403,25.7935528 22.311403,27.8925909 L22.311403,31.6938827 C22.311403,32.4139728 22.8943331,32.9981275 23.6144231,32.9981275 L38.3860667,32.9981275 C39.1061568,32.9981275 39.6890869,32.4139728 39.6890869,31.6938827 L39.6890869,27.8925909 C39.6890869,25.7935528 37.9868331,24.0912991 35.8877951,24.0912991", fill: "currentColor" }), h("path", { key: '1ebcab23f5d2ef00a2af8a9e2a87dfe6b281a9be', d: "M14.7227803,25.177435 C13.0425702,25.177435 11.6819918,26.539238 11.6819918,28.2182235 L11.6819918,29.9559919 C11.6819918,30.6760819 12.2649219,31.2602366 12.985012,31.2602366 L18.6330654,31.2602366 L18.6330654,27.8924684 C18.6330654,27.242183 18.7457325,26.6176151 18.9526972,26.038359 C17.7623442,26.1008158 16.5560709,25.8142493 15.4979793,25.177435 L14.7227803,25.177435 Z", fill: "currentColor" }), h("path", { key: '531aaec942a3581c1ab4cb77030a392faea4fa5d', d: "M47.2777095,25.177435 L46.5025105,25.177435 C45.4431943,25.8142493 44.2381457,26.1008158 43.0477927,26.038359 C43.2596559,26.6335355 43.3686491,27.2605527 43.3674245,27.8924684 L43.3674245,31.2602366 L49.0154779,31.2602366 C49.735568,31.2602366 50.318498,30.6760819 50.318498,29.9559919 L50.318498,28.2182235 C50.318498,26.539238 48.956695,25.177435 47.2777095,25.177435", fill: "currentColor" })))))));
     }
     static get is() { return "digi-icon-online-meeting"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconOnlineMeeting {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconOnlineMeeting {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconOnlineMeeting {
                 },
                 "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 IconOnlineMeeting {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-online-task/icon-online-task.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconOnlineTask {
     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: 'fb9d4254b1719e75c4e6a43d11783bf74695777a', class: "digi-icon-online-task", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '31011e5a73e22cb5c63b0a7e471962a2390ad6aa', class: "digi-icon-online-task", width: "62px", height: "62px", viewBox: "0 0 62 62", "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: 'b5e0bac834a58e63fe8b3f45272644002e54f1f7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7c1d631c6963f3679877e54f7c05419245b0ed35' }, this.afDesc), h("defs", { key: 'b7c3d307aafe3f375ec30dbaad62ce8ef15f62b4' }, h("path", { key: '0d30b6ccb9f40ad0e29fa4101585d3b889729862', d: "M40.322.348 14.356 26.405 4.814 16.83a1.18 1.18 0 0 0-1.675 0L.347 19.632a1.192 1.192 0 0 0 0 1.682l13.17 13.215a1.179 1.179 0 0 0 1.675 0L44.79 4.831a1.193 1.193 0 0 0 0-1.681L41.996.348a1.178 1.178 0 0 0-1.675 0Z", id: "a" })), h("g", { key: '3b75390513fd71a7401041eb8388162768369ed8', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '56dad31568cd64a0fcea89d477aeb46a6326785a', transform: "translate(0 47.327)" }), h("path", { key: 'f1bdb508e0f24b3e3e7c01d2417a8d82887f46bc', d: "M43.14 47.327c-3.878 1.35-5.696 3.177-12.531 3.177-6.836 0-8.653-1.828-12.53-3.177H-.002v4.323c0 2.626 1.424 4.774 4.65 4.774h51.92c3.226 0 4.649-2.148 4.649-4.774v-4.323H43.14Z", fill: "currentColor" }), h("g", { key: '28b6741381855ca97846bb0b3e5ae28e01475165', transform: "translate(16.864 6.458)" }, h("mask", { key: 'bbb71a07928b402ef2845f15b47c62d50704c62b', id: "b", fill: "#fff" }, h("use", { key: '0351fa0915b2be23d0bb1883647959887e39ca75', href: "#a" })), h("g", { key: '7749dfe17c688590e0bbcabb3733e2bc53214972' }), h("path", { key: 'ede5f22827b347d6061c8841d61cf80604279277', fill: "currentColor", mask: "url(#b)", d: "M-.705 35.699h46.546V-.705H-.705z" })), h("path", { key: '5ced445107807b520bcf5256457d5126c3c447c3', d: "M5.808 8.434c-1.505 0-2.736 1.288-2.736 2.86v31.142h5.6V15.89c0-.7.547-1.273 1.217-1.273h31.417l6.706-6.183H5.808Zm46.737 34.002h5.6V24.328l-5.6 5.748z", fill: "currentColor" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'ab7fc2c0957dc8a40885174afab8f1ba135f2775', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '843f266c8e8fa6da4981252a0949e5f5fdd47950' }, this.afDesc), h("defs", { key: '70e43c522142c2d553d5dd534181db6e2b35b667' }, h("path", { key: 'a62b35c45b66fbabd6c30f27c34ff9448d7cfdb7', d: "M40.322.348 14.356 26.405 4.814 16.83a1.18 1.18 0 0 0-1.675 0L.347 19.632a1.192 1.192 0 0 0 0 1.682l13.17 13.215a1.179 1.179 0 0 0 1.675 0L44.79 4.831a1.193 1.193 0 0 0 0-1.681L41.996.348a1.178 1.178 0 0 0-1.675 0Z", id: "a" })), h("g", { key: 'e0770cb4ab69684823944c2da9bd67953bf733d4', fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'b93beb93ba30c21adb5e1f216903e165c9e2432d', transform: "translate(0 47.327)" }), h("path", { key: '33444c8f95c650b2f5a8d6cbb1adb6880889b208', d: "M43.14 47.327c-3.878 1.35-5.696 3.177-12.531 3.177-6.836 0-8.653-1.828-12.53-3.177H-.002v4.323c0 2.626 1.424 4.774 4.65 4.774h51.92c3.226 0 4.649-2.148 4.649-4.774v-4.323H43.14Z", fill: "currentColor" }), h("g", { key: 'd4a785d98798d6c6439f6623dc2a2333380a3060', transform: "translate(16.864 6.458)" }, h("mask", { key: '12a1db7c457b54595e229e6b5ad500ba5ce7405a', id: "b", fill: "#fff" }, h("use", { key: 'e78406c0d96309d1db2521b7c0fd41030bfa5acb', href: "#a" })), h("g", { key: '2538c3e975f072c5d3dd68318d40610b76adfa75' }), h("path", { key: 'f0d44b73c3844d4c97aa6eafeab6edbed49a8add', fill: "currentColor", mask: "url(#b)", d: "M-.705 35.699h46.546V-.705H-.705z" })), h("path", { key: 'dcc5ec937e124e7c1550eab403415775de75a996', d: "M5.808 8.434c-1.505 0-2.736 1.288-2.736 2.86v31.142h5.6V15.89c0-.7.547-1.273 1.217-1.273h31.417l6.706-6.183H5.808Zm46.737 34.002h5.6V24.328l-5.6 5.748z", fill: "currentColor" }))));
     }
     static get is() { return "digi-icon-online-task"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconOnlineTask {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconOnlineTask {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconOnlineTask {
                 },
                 "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 IconOnlineTask {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-online-video/icon-online-video.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconOnlineVideo {
     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: 'b61f494a6e04695f8ba9e14055a8467c166ddd88', class: "digi-icon-online-video", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'fff132a59ea95b5afa350b9d8c1b6088bf06519d', class: "digi-icon-online-video", 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: '857f2e2595e8f265f807751df289d02f4a2edd81', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bbdda3d9ceac0811f90e8109903aee9dce1e169f' }, this.afDesc), h("defs", { key: '55a75f25f43a623f41eaf479699b0d436a35a5b3' }, h("polygon", { key: '7fcbf65c7676f97a1c26f7b2b72c50424babe41f', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '3de60cebe9f852c7384e2daa70dd7281094baa4b', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: '4ee65b59a4e5177b6ece78897fcb7226fd225825', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: '74ab8dd125b4eb3f892538a960eb79ff1107dad1', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: 'b53c633622a00e61124cc4410b1eca8a84451eb0', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'cee936b23c63e1e12dd63af86fd2676c7bf88efe', transform: "translate(-41, -890)" }, h("g", { key: 'c0276aae7be75f8e4ddc92976778221fe95b364e', transform: "translate(43.5833, 897.75)" }, h("g", { key: '8b29b227a331d1109a68aa041b7f4920668598ab', transform: "translate(0, 0)" }, h("g", { key: 'c303ec72424857c35d634baa5a77dce1ca4176df' }, h("mask", { key: 'eadf877595cbe18ffbdf4a1073f6d906d68e8160', fill: "white" }, h("use", { key: 'e4d70460725fda5dfe5e2e3b86a26f17cf80e9d9', href: "#path-1" })), h("g", { key: 'd6bd397a65ffc561b5fe9f9670ededaed9781fc8' }), h("path", { key: '7f009152c5b38bd84abd69451c2ed4a144e0f6fe', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: '918d8ccb2d60877c5bd01dcda0119c7a4486eb3d', transform: "translate(0, 40.7418)" }, h("mask", { key: 'e9fc4a1d934c2baa858ae3ba8d9cf98308e2ea31', fill: "white" }, h("use", { key: '171931aa120765a3d2e0e3980631ecb57e5ba9b8', href: "#path-3" })), h("g", { key: 'e4a3c5aaaf1ac0d7f68fd8dacbcd9d0ee6b9686b' }), h("path", { key: '5aa1919654702461cf253a367cbf2c58f52bd9ea', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: '231c14fdacddf6b27f9e67224e63c5db9b7ef37e', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'f64107cced1a19c6b3d28003357bf1aaf6c6d7df', fill: "white" }, h("use", { key: '23127c5009989a00f917e19eca772efd703bc86a', href: "#path-5" })), h("g", { key: '3c8b57dd0cc8be969edc7d3862962fafdd4fba65' }), h("path", { key: '99879e562e8968b2c183f2dc3f37580b5a9c3a0d', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: '2ee02c15158ebcde3537f97c367b0baf01d440fd', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: 'd1a064bbdada713c10e3715798b219ad917b846d', fill: "white" }, h("use", { key: '2fc7e850b1ddaa5e7b611524441a156350b53f18', href: "#path-7" })), h("g", { key: '2fd3f27dd621da0fef906cf0f15e07cf0d437754' }), h("path", { key: '594d3d89699286bc1381ed2ca735f3765ecfbd11', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '430d4ad42924fd9eca609c5bee129f3dd1f21be6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '605e16eee1162b10ed96d17c0ac6a3c5a0b60bae' }, this.afDesc), h("defs", { key: '909e9ef370525d60339de0510b04fc5c7d3f5419' }, h("polygon", { key: '4ac548f94a3f96ce56908db5df6b0f34f03d325f', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '6d8014f0517e038896388a83dfc5a65a5bd5092e', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: 'f6b894585d58a1ee752f30e6bd4f1cec61a2c9f1', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: 'fcf178a2f74ca76b78bbf190ccf2ed6108a2fcee', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: '1542f722ff989f3f3d8d9e6d0492587ed76d3a82', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'a93f54fb3d1739c18e55ebd3424c5f4cc3822cb0', transform: "translate(-41, -890)" }, h("g", { key: '347dd262851d4326b945653890fdb3f62c1b4188', transform: "translate(43.5833, 897.75)" }, h("g", { key: 'b6538ae1583327df6bdd9e39058521457f387007', transform: "translate(0, 0)" }, h("g", { key: '63976a45e7451f9bf9e214a7927af90256db101e' }, h("mask", { key: '29041f1c1100bf981468437b7352db47b55614de', fill: "white" }, h("use", { key: 'b09b6bceb6f5bf4692b1e4c9565afff4bb166d3d', href: "#path-1" })), h("g", { key: 'bf0006d13e078b6516f180d1c59516d7d76ce561' }), h("path", { key: 'e32db2e0f2ee267c5c7c962d56b1c98197c3863e', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: 'a4991639dbc9c43e66aa2443151a6b63c6f255eb', transform: "translate(0, 40.7418)" }, h("mask", { key: '8e95545a45301c2dcf4f444fd618c964e85b6644', fill: "white" }, h("use", { key: '3cf1609ba00c6db7ea37ea80bf32d57947c8c97e', href: "#path-3" })), h("g", { key: '0529eb62fde518e108b7b79e490a432ce178b546' }), h("path", { key: '0a519abe2d8acb5083d54f47d08bd850f678c7aa', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: 'c03106bc9865b2adcee38e232dcb9dab1d5b67d6', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'adad758ca9962ca7f858caa52996d84ef3b7d447', fill: "white" }, h("use", { key: '09b66cdb61a5cdb0b2cee4a9ab4fbb0e08d8c949', href: "#path-5" })), h("g", { key: 'd2b4b018d4abb728178d49baac035dbde0bad0c6' }), h("path", { key: '9b789a93d8f8b149e280bdfbfbd2505b76baff7d', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: '472bd8fcf51d7baf1287d8606186d0cdc84bfed0', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: 'eadbfd10f1b00c73946232ecf74cf4b6612f973f', fill: "white" }, h("use", { key: '6485dd41de02242401f92e9f88209474a756fb1c', href: "#path-7" })), h("g", { key: '2b36edcb440fedfdbb711fa098048d69f2ffbd26' }), h("path", { key: '68edeb8bf9e6a8ce44e7c11cf55d3e84ebf2c9b7', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
     }
     static get is() { return "digi-icon-online-video"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconOnlineVideo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconOnlineVideo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconOnlineVideo {
                 },
                 "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 IconOnlineVideo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

package/dist/collection/components/_icon/icon-open-source/icon-open-source.js

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconOpenSource {
     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: '111452f3df5a9277ee7751d7189c6bee88ac28e1', class: "digi-icon-open-source", width: "70", height: "70", viewBox: "0 0 158 158", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '45062d226ddb1019c6c78c4d66f5842cc6bc0151', class: "digi-icon-open-source", width: "70", height: "70", viewBox: "0 0 158 158", "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: 'b6c294dd7ed3f6dc1081d716b46994de6fd29e45', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b468261a5fe05c85309a8aa370e7d6d0aabdc1dd' }, this.afDesc), h("path", { key: 'b5822631be7d51ec65a540a175c34038ab982ddd', class: "digi-icon-open-source__shape", d: "M156,79.5 C156,37.25 121.75,3 79.5,3 C37.25,3 3,37.25 3,79.5 C3,112.195 23.518,140.085 52.375,151.034 L69.106,103.882 C59.638,99.84 53,90.446 53,79.5 C53,64.864 64.864,53 79.5,53 C94.136,53 106,64.864 106,79.5 C106,90.78 98.95,100.407 89.018,104.232 L105.747,151.377 C135.068,140.667 156,112.529 156,79.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '882c7fe51d552dcd116c5ae1fd0abecac68d1fca', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b3848c57aafd1b90ce0fc1aae68a9e458ab4ebed' }, this.afDesc), h("path", { key: 'aa24f7883c4ce5b95d4e0b9e0f3e63bbffc12bbf', class: "digi-icon-open-source__shape", d: "M156,79.5 C156,37.25 121.75,3 79.5,3 C37.25,3 3,37.25 3,79.5 C3,112.195 23.518,140.085 52.375,151.034 L69.106,103.882 C59.638,99.84 53,90.446 53,79.5 C53,64.864 64.864,53 79.5,53 C94.136,53 106,64.864 106,79.5 C106,90.78 98.95,100.407 89.018,104.232 L105.747,151.377 C135.068,140.667 156,112.529 156,79.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-open-source"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconOpenSource {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconOpenSource {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconOpenSource {
                 },
                 "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 IconOpenSource {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPalette {
     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: '6febdf651841109ebe231413ef6d928ed75ea87b', class: "digi-icon-palette", width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '84bd70077d279a7769ac2c4bb888406d5fc2d722', class: "digi-icon-palette", width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", "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: '75d65afd6fb5de99d7732981f047b5bdb66adcd8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3479ac05c75c9da711520638a76462088d31f888' }, this.afDesc), h("path", { key: '52c6508685756d7282531067ae4875b8e16318ae', d: "M50.5759 39.1509C54.3693 39.2601 59.4665 38.6612 59.8531 34.8859C59.9502 33.9372 60 32.9744 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C32.9744 60 33.9372 59.9502 34.8859 59.8531C38.6612 59.4665 39.1684 54.4467 38.9695 50.6569C38.6574 44.7081 44.5944 38.9788 50.5759 39.1509Z", stroke: "currentColor", "stroke-width": "8" }), h("circle", { key: '56ef01bb860b35bbd49f859a5856086e58819a36', cx: "40.5", cy: "22.5", r: "5.5", fill: "currentColor" }), h("circle", { key: 'fc963fe2d3ed8ea5f8a14468e2e3a99a18d84d89', cx: "25.5", cy: "21.5", r: "5.5", fill: "currentColor" }), h("circle", { key: '3c1e8b50df90ee0c636775d3bb4f9bcb40282397', cx: "19.5", cy: "35.5", r: "5.5", fill: "currentColor" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '56572936e683809e2cd379fc86dcd7be8b49226a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'be4aa3713d5d548f54c51a10f18d66185242e9ef' }, this.afDesc), h("path", { key: 'd6fbb94b08b3f225d23e7495fb51e065dea6459d', d: "M50.5759 39.1509C54.3693 39.2601 59.4665 38.6612 59.8531 34.8859C59.9502 33.9372 60 32.9744 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C32.9744 60 33.9372 59.9502 34.8859 59.8531C38.6612 59.4665 39.1684 54.4467 38.9695 50.6569C38.6574 44.7081 44.5944 38.9788 50.5759 39.1509Z", stroke: "currentColor", "stroke-width": "8" }), h("circle", { key: '0f30af8209771e1e1c688360638bfaf14466849e', cx: "40.5", cy: "22.5", r: "5.5", fill: "currentColor" }), h("circle", { key: 'f9b645e013308ece8838639d449aec89b0264446', cx: "25.5", cy: "21.5", r: "5.5", fill: "currentColor" }), h("circle", { key: 'b6a051f3796f4873053b018fc7bceaed4f21c1f2', cx: "19.5", cy: "35.5", r: "5.5", fill: "currentColor" })));
     }
     static get is() { return "digi-icon-palette"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPalette {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPalette {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPalette {
                 },
                 "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 IconPalette {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPaperclip {
     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: 'b7d7720a18a001b3522a1ea82af4c88138ed5bd1', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'b7329a40b3dfa7ed7f2ce81bcec8eaac3c7352d3', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 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: 'b6450dfb230f6a4e6e24681b4da2f30ac18b94f8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e4ab86d7002f09a6cc490729e70ebde9e290fd21' }, this.afDesc), h("path", { key: '0a5645e444cf48a71ba49de5b557f7c49e96d180', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '22ef0189d64c8514a96f54193281c949ed87e8f7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1300f76676d12bead38571369595222d52c753f8' }, this.afDesc), h("path", { key: '576615c5a7ffd6653e0753fe47e51547620d8603', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-paperclip"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPaperclip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPaperclip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPaperclip {
                 },
                 "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 IconPaperclip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,10 +2,11 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class Paste {
     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 Paste {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: '1befeae362542c8ac850059c6f3c3b0b64569b87', class: "digi-icon-paste", 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: '80719cb365ec7887172efe6e1e3bed3d55f60574', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '444e8d7dbeaa5e46df6f55bde225b8bec668d71d' }, this.afDesc), h("g", { key: 'f325600ab3a6cc6094c5661e83ab0c38e5b736f9', "clip-path": "url(#clip0_2337_612)" }, h("path", { key: '74371d53e1b678c67592d434f2df5c6c0780046b', d: "M43.3156 3.70789H21.126C20.2477 3.70789 19.541 4.47765 19.541 5.43457V11.318H19.9989C21.1238 11.318 22.2194 11.7874 23.0052 12.6059L27.8652 17.6686C28.6368 18.4721 29.0615 19.5334 29.0615 20.6569V21.1456V35.6508H43.3152C44.1386 35.6508 44.8112 34.9742 44.8921 34.1011C44.8972 34.0429 44.9002 33.9838 44.9002 33.9241V5.43457C44.9002 4.47765 44.1935 3.70789 43.3152 3.70789H43.3156ZM39.8108 8.34544C39.8108 9.2034 39.1088 9.90533 38.2509 9.90533H26.1906C25.3326 9.90533 24.6307 9.2032 24.6307 8.34544V8.27282C24.6307 7.41486 25.3326 6.71293 26.1906 6.71293H38.2509C39.1088 6.71293 39.8108 7.41486 39.8108 8.27282V8.34544Z", fill: "currentColor" }), h("path", { key: '0cf6982784415a35dcf221ccfe1f048faca563df', d: "M18.9203 23.3968C18.8594 23.3968 18.7994 23.3936 18.7401 23.3872C18.6216 23.3747 18.5065 23.3497 18.3957 23.3136C17.6769 23.0794 17.1513 22.3777 17.1513 21.5542V11.4397H4.76899C4.64688 11.4397 4.52776 11.4525 4.41244 11.4772C3.60636 11.649 3 12.392 3 13.2823V43.666C3 44.6837 3.79191 45.5086 4.76899 45.5086H24.8169C25.7939 45.5086 26.5858 44.6837 26.5858 43.666V23.397H18.9205L18.9203 23.3968Z", fill: "currentColor" }), h("path", { key: '5c8848b5c41a6e643ec32d23ec8c0e75ac735058', d: "M26.5853 20.4748C26.5853 20.2916 26.5592 20.111 26.5089 19.9388C26.4251 19.6519 26.2745 19.3878 26.0672 19.1719L21.2069 14.1089C20.8751 13.7634 20.4254 13.5692 19.9561 13.5692H19.5098V20.9397H26.5855V20.4744L26.5853 20.4748Z", fill: "currentColor" })), h("defs", { key: '0fa3be2ed2fe0a9046b4e70b58785b52cc292758' }, h("clipPath", { key: '0fa19cec5f4c9e21a064544c8accfd4d18f05250' }, h("rect", { key: 'fc9153fa182fb3d9277fe064e06b565d6c6d5655', width: "42", height: "41.9502", fill: "currentColor", transform: "translate(3 3.70789)" })))));
+        return (h("svg", { key: 'fbd538e9b96b6555d4f622dc7e3cc7bd5d3bce76', class: "digi-icon-paste", 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: 'd3fd98c99ee6cc099c0a2b7addcd4875c652b0ce', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '257076fe35d0ef8ec892aa7116afb4ce4c8a1fc5' }, this.afDesc), h("g", { key: '75b8b015648b96dc1b502dbfbf146db7b9b184e9', "clip-path": "url(#clip0_2337_612)" }, h("path", { key: '9e2380879d7200176b7d296c565978e984393ed1', d: "M43.3156 3.70789H21.126C20.2477 3.70789 19.541 4.47765 19.541 5.43457V11.318H19.9989C21.1238 11.318 22.2194 11.7874 23.0052 12.6059L27.8652 17.6686C28.6368 18.4721 29.0615 19.5334 29.0615 20.6569V21.1456V35.6508H43.3152C44.1386 35.6508 44.8112 34.9742 44.8921 34.1011C44.8972 34.0429 44.9002 33.9838 44.9002 33.9241V5.43457C44.9002 4.47765 44.1935 3.70789 43.3152 3.70789H43.3156ZM39.8108 8.34544C39.8108 9.2034 39.1088 9.90533 38.2509 9.90533H26.1906C25.3326 9.90533 24.6307 9.2032 24.6307 8.34544V8.27282C24.6307 7.41486 25.3326 6.71293 26.1906 6.71293H38.2509C39.1088 6.71293 39.8108 7.41486 39.8108 8.27282V8.34544Z", fill: "currentColor" }), h("path", { key: '3b6c3d116a99043e0a517e9f222bd201e2947a08', d: "M18.9203 23.3968C18.8594 23.3968 18.7994 23.3936 18.7401 23.3872C18.6216 23.3747 18.5065 23.3497 18.3957 23.3136C17.6769 23.0794 17.1513 22.3777 17.1513 21.5542V11.4397H4.76899C4.64688 11.4397 4.52776 11.4525 4.41244 11.4772C3.60636 11.649 3 12.392 3 13.2823V43.666C3 44.6837 3.79191 45.5086 4.76899 45.5086H24.8169C25.7939 45.5086 26.5858 44.6837 26.5858 43.666V23.397H18.9205L18.9203 23.3968Z", fill: "currentColor" }), h("path", { key: '9b635e66afdc96b62ddaa4b2872f0a073f930fde', d: "M26.5853 20.4748C26.5853 20.2916 26.5592 20.111 26.5089 19.9388C26.4251 19.6519 26.2745 19.3878 26.0672 19.1719L21.2069 14.1089C20.8751 13.7634 20.4254 13.5692 19.9561 13.5692H19.5098V20.9397H26.5855V20.4744L26.5853 20.4748Z", fill: "currentColor" })), h("defs", { key: '82972cd54bef497f2709f62eb0a4407755310bb3' }, h("clipPath", { key: 'a591934ff56f5b6591d9a64c2d385a370c1cb478' }, h("rect", { key: '41d5b0c442fe41ea213b0d4484f226767b88591f', width: "42", height: "41.9502", fill: "currentColor", transform: "translate(3 3.70789)" })))));
     }
     static get is() { return "digi-icon-paste"; }
     static get encapsulation() { return "scoped"; }
@@ -54,8 +55,8 @@ export class Paste {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -76,8 +77,8 @@ export class Paste {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -98,8 +99,8 @@ export class Paste {
                 },
                 "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 Paste {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }

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

@@ -2,18 +2,19 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconPen {
     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: '8d79bad4cb52618f54db3d7dc304752743757bb6', class: "digi-icon-pen", width: "26", height: "26", viewBox: "0 0 26 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '6418c1239d4fa42faab098412d056edd1032dc56', class: "digi-icon-pen", width: "26", height: "26", viewBox: "0 0 26 26", 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: '7969ab72b8a6b48803ca8380eada4ec9363acda4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c4315702a1e99cafea399bab415d23ae3bb8127c' }, this.afDesc), h("path", { key: '29deebc8791465380b28cfdecd22fdf71d5b5e28', class: "digi-icon-pen__shape", d: "M15.295 5.068l5.637 5.637a.61.61 0 010 .863L7.15 25.35l-5.794.64A1.218 1.218 0 01.01 24.644l.645-5.8L14.432 5.069a.61.61 0 01.863 0zm9.989-1.3L22.232.716a2.443 2.443 0 00-3.448 0l-2.341 2.341a.61.61 0 000 .863l5.637 5.637a.61.61 0 00.863 0l2.341-2.341a2.434 2.434 0 000-3.448z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '1cf0c7e4cf829a2b4422fd611e02abc38829d3ef', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c6441a1393d00054fd93105f8f4099d7f7ba7f17' }, this.afDesc), h("path", { key: '9d33bdff7b02aaba0afc48772c17bdee7a431100', class: "digi-icon-pen__shape", d: "M15.295 5.068l5.637 5.637a.61.61 0 010 .863L7.15 25.35l-5.794.64A1.218 1.218 0 01.01 24.644l.645-5.8L14.432 5.069a.61.61 0 01.863 0zm9.989-1.3L22.232.716a2.443 2.443 0 00-3.448 0l-2.341 2.341a.61.61 0 000 .863l5.637 5.637a.61.61 0 00.863 0l2.341-2.341a2.434 2.434 0 000-3.448z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-pen"; }
     static get encapsulation() { return "scoped"; }
@@ -48,8 +49,8 @@ export class IconPen {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-title"
             },
             "afDesc": {
                 "type": "string",
@@ -70,8 +71,8 @@ export class IconPen {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-desc",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-desc"
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -92,8 +93,8 @@ export class IconPen {
                 },
                 "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 IconPen {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-svg-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-svg-aria-labelledby"
             }
         };
     }