@designsystem-se/af 32.0.2 → 32.1.1-beta.0

package/dist/collection/components/_icon/icon-file-word/icon-file-word.js

@@ -9,11 +9,11 @@ export class IconFileWord {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '7409b73911a62d2fc49d3e4cd844d67486ff6278', class: "digi-icon-file-word", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '16fabd010daf0541dc914c9fe0e26518f0345b79', class: "digi-icon-file-word", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'eb417ce8220f4a3ab6b1042a82164667b9700b7f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '26e9d88b669873ca09d0121fa0f4ffb206b91c0c' }, this.afDesc), h("path", { key: 'b8945f2f88a49d76d3ede7e88d44502ae69e35e1', class: "digi-icon-file-word__shape", d: "M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.7045,24 L34.975,24 C35.7065,24 36.248,24.665625 36.0865,25.378125 L32.4765,41.128125 C32.3625,41.64375 31.897,42 31.365,42 L27.755,42 C27.2325,42 26.7765,41.64375 26.653,41.146875 C24.202,31.44375 24.677,33.534375 24.221,30.7875 L24.1735,30.7875 C24.069,32.128125 23.9455,32.41875 21.7415,41.146875 C21.618,41.64375 21.162,42 20.6395,42 L17.115,42 C16.583,42 16.1175,41.634375 16.0035,41.11875 L12.4125,25.36875 C12.251,24.665625 12.7925,24 13.524,24 L15.8515,24 C16.393,24 16.868,24.375 16.9725,24.909375 C18.4545,32.221875 18.882,35.175 18.9675,36.365625 C19.1195,35.409375 19.661,33.3 21.7605,24.8625 C21.884,24.35625 22.34,24.009375 22.872,24.009375 L25.6365,24.009375 C26.1685,24.009375 26.6245,24.365625 26.748,24.871875 C29.028,34.284375 29.484,36.496875 29.56,37.003125 C29.541,35.953125 29.313,35.334375 31.612,24.890625 C31.707,24.365625 32.1725,24 32.7045,24 L32.7045,24 Z M42.48,11.428125 L42.48,12 L30.32,12 L30.32,0 L30.8995,0 C31.5075,0 32.087,0.234375 32.5145,0.65625 L41.815,9.84375 C42.2425,10.265625 42.48,10.8375 42.48,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ee51759cc991d4881a19530644e2d1159686e1de', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '630c42a002d81ae7467a154a4d725b70bcd6707e' }, this.afDesc), h("path", { key: 'ef28ee4dbddcf0c7a1f0a271060e9a736672c0e0', class: "digi-icon-file-word__shape", d: "M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.7045,24 L34.975,24 C35.7065,24 36.248,24.665625 36.0865,25.378125 L32.4765,41.128125 C32.3625,41.64375 31.897,42 31.365,42 L27.755,42 C27.2325,42 26.7765,41.64375 26.653,41.146875 C24.202,31.44375 24.677,33.534375 24.221,30.7875 L24.1735,30.7875 C24.069,32.128125 23.9455,32.41875 21.7415,41.146875 C21.618,41.64375 21.162,42 20.6395,42 L17.115,42 C16.583,42 16.1175,41.634375 16.0035,41.11875 L12.4125,25.36875 C12.251,24.665625 12.7925,24 13.524,24 L15.8515,24 C16.393,24 16.868,24.375 16.9725,24.909375 C18.4545,32.221875 18.882,35.175 18.9675,36.365625 C19.1195,35.409375 19.661,33.3 21.7605,24.8625 C21.884,24.35625 22.34,24.009375 22.872,24.009375 L25.6365,24.009375 C26.1685,24.009375 26.6245,24.365625 26.748,24.871875 C29.028,34.284375 29.484,36.496875 29.56,37.003125 C29.541,35.953125 29.313,35.334375 31.612,24.890625 C31.707,24.365625 32.1725,24 32.7045,24 L32.7045,24 Z M42.48,11.428125 L42.48,12 L30.32,12 L30.32,0 L30.8995,0 C31.5075,0 32.087,0.234375 32.5145,0.65625 L41.815,9.84375 C42.2425,10.265625 42.48,10.8375 42.48,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-file-word"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,11 +9,11 @@ export class IconFilm {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '9013ca6a44581b3b021b305cf819438fb013e078', class: "digi-icon-film", 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: 'a7b00fcd515f544ea24fa70d78831541f18197b3', class: "digi-icon-film", 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: 'de6c04fa10aee33dd2bb4cd4b45980fadd938b03', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '2ac7a3bbba0d7e57a07df7750bc487a27cbba40b' }, this.afDesc), h("path", { key: 'b9478698cb09f6d4b00ad38056ac14571ccadb09', class: "digi-icon-film__shape", d: "M8.36363636,7.70190745 L36.8118717,23.7050367 L3.63659067,42.3672949 L6.72704569,48 L44.9088639,26.5213893 C47.0909848,25.2938698 47.0909848,22.1162036 44.9088639,20.8886842 L6.72704569,-0.58992654 C4.60626464,-1.7829402 2,-0.230139443 2,2.22642603 L2,25.8864581 L8.36363636,25.8864581 L8.36363636,7.70190745 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '102a75ce89e62d16b989a84818b4249e98535cb0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '838ee29604d28f6316318d5c1fa09b413c66b5e9' }, this.afDesc), h("path", { key: '7d25e90340acb7c2d88dda51d183787b3837c101', class: "digi-icon-film__shape", d: "M8.36363636,7.70190745 L36.8118717,23.7050367 L3.63659067,42.3672949 L6.72704569,48 L44.9088639,26.5213893 C47.0909848,25.2938698 47.0909848,22.1162036 44.9088639,20.8886842 L6.72704569,-0.58992654 C4.60626464,-1.7829402 2,-0.230139443 2,2.22642603 L2,25.8864581 L8.36363636,25.8864581 L8.36363636,7.70190745 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-film"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,11 +9,11 @@ export class IconFilter {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '13372478070589861dc1ac71389c72df05c4865f', class: "digi-icon-filter", 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: '54bb82fc4bc5cc50f8f0512f2141fcf1c4874581', class: "digi-icon-filter", 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: 'fb20d31b51c5139bcda99634a74aae4c951a9b96', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '73fa6e9a36cd3b5816694a4b2b08d4e63f3ac7bc' }, this.afDesc), h("path", { key: 'edd5f232ba62150296aa920f2ab4cfe218d5f4fe', class: "digi-icon-filter__shape", d: "M45.7477312,0 L2.25261458,0 C0.254052465,0 -0.754416092,2.4249367 0.661677387,3.84102998 L17.9999866,21.1819618 L17.9999866,40.4999866 C17.9999866,41.2341426 18.3582052,41.9221737 18.9597051,42.3432985 L26.4597037,47.5914218 C27.9393597,48.6271714 29.9999843,47.577453 29.9999843,45.7481099 L29.9999843,21.1819618 L47.3387622,3.84102998 C48.7519494,2.4277492 47.7504184,0 45.7477312,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'c4a99c8032291a5550899c0ded85bc0bc128547f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '60cc290cd6556a37911ff619fc6e96692b65993d' }, this.afDesc), h("path", { key: 'afca00d44bf27117d786c6594c04c8a93d673f1c', class: "digi-icon-filter__shape", d: "M45.7477312,0 L2.25261458,0 C0.254052465,0 -0.754416092,2.4249367 0.661677387,3.84102998 L17.9999866,21.1819618 L17.9999866,40.4999866 C17.9999866,41.2341426 18.3582052,41.9221737 18.9597051,42.3432985 L26.4597037,47.5914218 C27.9393597,48.6271714 29.9999843,47.577453 29.9999843,45.7481099 L29.9999843,21.1819618 L47.3387622,3.84102998 C48.7519494,2.4277492 47.7504184,0 45.7477312,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-folder/icon-folder.css

@@ -0,0 +1,20 @@
+/** Do not touch! Autogenerated 
+* @prop --digi--icon--color: var(--digi--color--icons--primary);
+* @prop --digi--icon--width: initial;
+* @prop --digi--icon--height: auto;
+*/
+:host {
+  --digi--icon--color: var(--digi--color--icons--primary);
+  --digi--icon--width: initial;
+  --digi--icon--height: auto;
+  display: flex;
+  min-height: 1.4em;
+  align-items: center;
+}
+:host svg {
+  color: var(--digi--icon--color);
+  max-width: var(--digi--icon--width);
+  max-height: var(--digi--icon--height);
+  width: var(--digi--icon--width, auto);
+  height: var(--digi--icon--height, auto);
+}

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

@@ -0,0 +1,134 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class Folder {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    prefix(id) {
+        return this.titleId + '-' + id;
+    }
+    get labelledBy() {
+        return this.afSvgAriaLabelledby
+            ? this.afSvgAriaLabelledby
+            : this.afTitle
+                ? this.titleId
+                : undefined;
+    }
+    render() {
+        return (h("svg", { key: '7c208767e598472d513c9b0ca461367cd68e4638', class: "digi-icon-folder", 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" }, h("path", { key: '7c63e3eeb914de3161bf820e7fd56720421b90ff', d: "M41.6443 12.5985H31.5581C30.2266 12.5985 29.003 11.8583 28.3735 10.6721L27.2288 8.57501C26.3919 7.08121 25.4563 6.68298 22.5507 6.68298H6.35567C4.5023 6.68298 3 8.20186 3 10.0757V39.2903C3 41.1641 4.5023 42.683 6.35567 42.683H41.6443C43.4977 42.683 45 41.1641 45 39.2903V15.9912C45 14.1174 43.4977 12.5985 41.6443 12.5985Z", fill: "currentColor" })));
+    }
+    static get is() { return "digi-icon-folder"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-folder.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-folder.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "afTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Title used by accessibility tools"
+                        }],
+                    "text": "Titel som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-title",
+                "reflect": false
+            },
+            "afDesc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Description used by accessibility tools"
+                        }],
+                    "text": "Beskrivning som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-desc",
+                "reflect": false
+            },
+            "afSvgAriaHidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Hide element for accesibility tools. Default is set to true."
+                        }],
+                    "text": "D\u00F6lj elementet f\u00F6r hj\u00E4lpmedel Default \u00E4r satt till true."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-hidden",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "afSvgAriaLabelledby": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Refer element via id to define an accessible name."
+                        }],
+                    "text": "Referera till ett element via id f\u00F6r att definiera ett tillg\u00E4ngligt namn."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "titleId": {}
+        };
+    }
+}

package/dist/collection/components/_icon/icon-folder-add/icon-folder-add.css

@@ -0,0 +1,20 @@
+/** Do not touch! Autogenerated 
+* @prop --digi--icon--color: var(--digi--color--icons--primary);
+* @prop --digi--icon--width: initial;
+* @prop --digi--icon--height: auto;
+*/
+:host {
+  --digi--icon--color: var(--digi--color--icons--primary);
+  --digi--icon--width: initial;
+  --digi--icon--height: auto;
+  display: flex;
+  min-height: 1.4em;
+  align-items: center;
+}
+:host svg {
+  color: var(--digi--icon--color);
+  max-width: var(--digi--icon--width);
+  max-height: var(--digi--icon--height);
+  width: var(--digi--icon--width, auto);
+  height: var(--digi--icon--height, auto);
+}

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

@@ -0,0 +1,134 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class FolderAdd {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    prefix(id) {
+        return this.titleId + '-' + id;
+    }
+    get labelledBy() {
+        return this.afSvgAriaLabelledby
+            ? this.afSvgAriaLabelledby
+            : this.afTitle
+                ? this.titleId
+                : undefined;
+    }
+    render() {
+        return (h("svg", { key: 'e6350012c59684c148c9abde81cf7fe88e9af081', class: "digi-icon-folder-add", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '085e84bb362fc051e395dcc166ef8085726bdc2f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7eb0718a6c2bf1855444f6d943e5299bdc7cbbf2' }, this.afDesc), h("g", { key: '7840f0575077afac63cd55b15416e30503fa64e8', "clip-path": "url(#clip0_2337_75)" }, h("path", { key: '27c292edf5076881d96c9a1d7300acd59c26d826', d: "M23.9624 31.1246C23.9624 24.6073 29.2645 19.3052 35.7816 19.3052C37.2663 19.3052 38.6868 19.5831 39.9971 20.085V17.1099C39.9971 15.4775 38.6736 14.154 37.0412 14.154H28.1565C26.9837 14.154 25.9058 13.5091 25.3513 12.4756L24.343 10.6484C23.6054 9.34698 22.7812 9 20.2219 9H5.95589C4.32347 9 3 10.3235 3 11.9559V37.4098C3 39.0424 4.32347 40.3657 5.95589 40.3657H28.4259C25.7085 38.1982 23.9624 34.8627 23.9624 31.1246Z", fill: "currentColor" }), h("path", { key: '53a6382e8c1dc8090a307c9ca7c6ee888709cbc2', d: "M39.9978 22.9312C38.7334 22.2781 37.3007 21.9065 35.7823 21.9065C30.6995 21.9065 26.5645 26.0418 26.5645 31.1246C26.5645 36.2073 30.6995 40.3424 35.7823 40.3424C36.7898 40.3424 37.7589 40.1777 38.6672 39.8776C42.341 38.6638 45.0006 35.1998 45.0006 31.1244C45.0006 27.5602 42.9657 24.464 39.998 22.9308L39.9978 22.9312ZM42.2814 31.5584C42.2814 32.0088 41.915 32.3752 41.4648 32.3752H37.1156V36.7242C37.1156 37.1746 36.7492 37.541 36.299 37.541H35.2659C34.8154 37.541 34.449 37.1746 34.449 36.7242V32.3752H30.1C29.6496 32.3752 29.2832 32.0088 29.2832 31.5584V30.5253C29.2832 30.0748 29.6496 29.7084 30.1 29.7084H34.449V25.3594C34.449 24.909 34.8154 24.5426 35.2659 24.5426H36.299C36.7492 24.5426 37.1156 24.909 37.1156 25.3594V29.7084H41.4648C41.915 29.7084 42.2814 30.0748 42.2814 30.5253V31.5584Z", fill: "currentColor" })), h("defs", { key: 'f0ffa43ccc0eb1ad7c69d12504b396e93274bf4c' }, h("clipPath", { key: '0c172d4b156407454796aaa14c3580d66ef06fca' }, h("rect", { key: 'a58891c75522f96284bee374126a7183efa42d23', width: "42", height: "31.3659", fill: "currentColor", transform: "translate(3 9)" })))));
+    }
+    static get is() { return "digi-icon-folder-add"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-folder-add.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-folder-add.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "afTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Title used by accessibility tools"
+                        }],
+                    "text": "Titel som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-title",
+                "reflect": false
+            },
+            "afDesc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Description used by accessibility tools"
+                        }],
+                    "text": "Beskrivning som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-desc",
+                "reflect": false
+            },
+            "afSvgAriaHidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Hide element for accesibility tools. Default is set to true."
+                        }],
+                    "text": "D\u00F6lj elementet f\u00F6r hj\u00E4lpmedel Default \u00E4r satt till true."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-hidden",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "afSvgAriaLabelledby": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Refer element via id to define an accessible name."
+                        }],
+                    "text": "Referera till ett element via id f\u00F6r att definiera ett tillg\u00E4ngligt namn."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "titleId": {}
+        };
+    }
+}

package/dist/collection/components/_icon/icon-folder-directory/icon-folder-directory.css

@@ -0,0 +1,20 @@
+/** Do not touch! Autogenerated 
+* @prop --digi--icon--color: var(--digi--color--icons--primary);
+* @prop --digi--icon--width: initial;
+* @prop --digi--icon--height: auto;
+*/
+:host {
+  --digi--icon--color: var(--digi--color--icons--primary);
+  --digi--icon--width: initial;
+  --digi--icon--height: auto;
+  display: flex;
+  min-height: 1.4em;
+  align-items: center;
+}
+:host svg {
+  color: var(--digi--icon--color);
+  max-width: var(--digi--icon--width);
+  max-height: var(--digi--icon--height);
+  width: var(--digi--icon--width, auto);
+  height: var(--digi--icon--height, auto);
+}

package/dist/collection/components/_icon/icon-folder-directory/icon-folder-directory.js

@@ -0,0 +1,134 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class FolderDirectory {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    prefix(id) {
+        return this.titleId + '-' + id;
+    }
+    get labelledBy() {
+        return this.afSvgAriaLabelledby
+            ? this.afSvgAriaLabelledby
+            : this.afTitle
+                ? this.titleId
+                : undefined;
+    }
+    render() {
+        return (h("svg", { key: '0375282c6bbf3f4c4c7ad9afcc7949021716bf1b', class: "digi-icon-folder-directory", 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: 'e8120a1e62de27428943e93841768a1c3fbc177a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '947d59b2ec3ee6e3befae8ed9aa989b45ee5b146' }, this.afDesc), h("g", { key: 'a68989ec022c95cce88a3a5cfd62846f2a54a56f', "clip-path": "url(#clip0_2337_535)" }, h("path", { key: 'ae859a0426da72607ac8fb43c8164ee6be08a267', d: "M9.66674 12.4226V3.68311H5.07227V36.0442C5.07227 38.5264 7.08465 40.5388 9.56686 40.5388H20.8533V35.9443H10.8653C10.2035 35.9443 9.66674 35.4076 9.66674 34.7458V18.2156H20.8533V13.6212H10.8653C10.2035 13.6212 9.66674 13.0844 9.66674 12.4226Z", fill: "currentColor" }), h("path", { key: '03096ee47bff45450527cc1a6ec9e0a2a1a453c3', d: "M41.3744 10.2865H36.7078C36.092 10.2865 35.5259 9.94774 35.2346 9.40499L34.705 8.44535C34.3177 7.76177 33.8848 7.57959 32.5404 7.57959H25.0477C24.1903 7.57959 23.4951 8.27475 23.4951 9.13212V21.5574C23.4951 22.4147 24.1901 23.1099 25.0477 23.1099H41.3744C42.2318 23.1099 42.927 22.4149 42.927 21.5574V11.8391C42.927 10.9817 42.232 10.2865 41.3744 10.2865Z", fill: "currentColor" }), h("path", { key: '8f0a1c02ab12af84c29e45b4fead7d18593dadcd', d: "M41.3744 32.8594H36.7078C36.092 32.8594 35.5259 32.5206 35.2346 31.9779L34.705 31.0182C34.3177 30.3346 33.8848 30.1525 32.5404 30.1525H25.0477C24.1903 30.1525 23.4951 30.8476 23.4951 31.705V44.1303C23.4951 44.9876 24.1901 45.6828 25.0477 45.6828H41.3744C42.2318 45.6828 42.927 44.9878 42.927 44.1303V34.4119C42.927 33.5546 42.232 32.8594 41.3744 32.8594Z", fill: "currentColor" })), h("defs", { key: 'efa8e524165c59f1de8e9adb419cd131ecf7f808' }, h("clipPath", { key: '913efb57ab6f7f0d7e33363b32271c2f54991abc' }, h("rect", { key: 'bd45483a2be199a178a77325eab4b168b97a2e61', width: "37.8545", height: "42", fill: "currentColor", transform: "translate(5.07227 3.68298)" })))));
+    }
+    static get is() { return "digi-icon-folder-directory"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-folder-directory.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-folder-directory.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "afTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Title used by accessibility tools"
+                        }],
+                    "text": "Titel som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-title",
+                "reflect": false
+            },
+            "afDesc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Description used by accessibility tools"
+                        }],
+                    "text": "Beskrivning som anv\u00E4nds av hj\u00E4lpmedel"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-desc",
+                "reflect": false
+            },
+            "afSvgAriaHidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Hide element for accesibility tools. Default is set to true."
+                        }],
+                    "text": "D\u00F6lj elementet f\u00F6r hj\u00E4lpmedel Default \u00E4r satt till true."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-hidden",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "afSvgAriaLabelledby": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Refer element via id to define an accessible name."
+                        }],
+                    "text": "Referera till ett element via id f\u00F6r att definiera ett tillg\u00E4ngligt namn."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "titleId": {}
+        };
+    }
+}

package/dist/collection/components/_icon/icon-folder-open/icon-folder-open.css

@@ -0,0 +1,20 @@
+/** Do not touch! Autogenerated 
+* @prop --digi--icon--color: var(--digi--color--icons--primary);
+* @prop --digi--icon--width: initial;
+* @prop --digi--icon--height: auto;
+*/
+:host {
+  --digi--icon--color: var(--digi--color--icons--primary);
+  --digi--icon--width: initial;
+  --digi--icon--height: auto;
+  display: flex;
+  min-height: 1.4em;
+  align-items: center;
+}
+:host svg {
+  color: var(--digi--icon--color);
+  max-width: var(--digi--icon--width);
+  max-height: var(--digi--icon--height);
+  width: var(--digi--icon--width, auto);
+  height: var(--digi--icon--height, auto);
+}