@designsystem-se/af 31.3.0

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

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class IconChecklist {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '7c6b5b48037df2eefaf6355034190142392814bc', class: "digi-icon-checklist", 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: 'ec29fc9a88038030055a85716b67c1badc4913bf', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8e0d72862c66d55404dde28649e1b92f8b385798' }, this.afDesc), h("defs", { key: '38d2ba9bf8fa69999df8a20f45c0c29058e46ece' }, h("polygon", { key: 'ef8a963e328d530de3f7de243e0660cc076110ae', points: "-4.58892184e-15 0 39.9471167 0 39.9471167 7.43225 -4.58892184e-15 7.43225" }), h("polygon", { key: '5bfbcca28a901f3950390dd58de7dc04616a60f0', points: "-4.58892184e-15 0 39.9471167 0 39.9471167 7.43225 -4.58892184e-15 7.43225" }), h("polygon", { key: 'b891545f84d0f24ff70dbc1c6da845d37076c69a', points: "-4.58892184e-15 0 39.9471167 0 39.9471167 7.43225 -4.58892184e-15 7.43225" })), h("g", { key: '4ec0823130fda9c9b3aaa98e9c57840676fb2bf1', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '28843308cefe8a69af1ac969960f8e5705f40404', transform: "translate(-207, -890)" }, h("g", { key: '86ea8c133c3ce02183ac9ebd8d6dda1ebd2d684b', transform: "translate(207, 897.75)" }, h("g", { key: '14f0e316d6763083db1c07d3db0a0b5758046239', transform: "translate(22.5281, 3.716)" }, h("mask", { key: 'd5056e0556cc985baed01905fd04e2f118dfd3c2', fill: "white" }, h("use", { key: 'fcee569963ffc36db610b12d8a684195a62f77c0', href: "#path-1" })), h("g", { key: 'fe263dabb08ff4d8599f74a48ab85899ac778de1' }), h("path", { key: '146c28dad5bf02d13988df95e717d60de41e004f', d: "M36.23125,7.43225 L3.716125,7.43225 C1.66366667,7.43225 -4.58892184e-15,5.76858333 -4.58892184e-15,3.716125 C-4.58892184e-15,1.66366667 1.66366667,0 3.716125,0 L36.23125,0 C38.2837083,0 39.947375,1.66366667 39.947375,3.716125 C39.947375,5.76858333 38.2837083,7.43225 36.23125,7.43225", fill: "currentColor" })), h("g", { key: 'ee6fc196c8de2d99ced8a35a245b0b7f34a49bbc', transform: "translate(22.5281, 20.4379)" }, h("mask", { key: 'aad4ed53b77c9d22cbab466b405da7b105bf67b0', fill: "white" }, h("use", { key: '8c49a0890b238ccbb4c2013d252bf2e35bde2dbd', href: "#path-3" })), h("g", { key: '954d045b5badeab5b266677c390aeb42eac75f42' }), h("path", { key: '96d06dabe334a5c6911caa3d1d5f1a13581ed5b4', d: "M36.23125,7.43225 L3.716125,7.43225 C1.66366667,7.43225 -4.58892184e-15,5.76858333 -4.58892184e-15,3.716125 C-4.58892184e-15,1.66366667 1.66366667,0 3.716125,0 L36.23125,0 C38.2837083,0 39.947375,1.66366667 39.947375,3.716125 C39.947375,5.76858333 38.2837083,7.43225 36.23125,7.43225", fill: "currentColor" })), h("g", { key: 'aef3eae856838c4453d17b502b03545798687953', transform: "translate(22.5281, 37.16)" }, h("mask", { key: 'bff0b3c53750e85a94bad0ecbefacb377d9a9689', fill: "white" }, h("use", { key: 'd88eb75940e781e6ba2b1e0b437911d1c18552a1', href: "#path-5" })), h("g", { key: '214f8425941d29b0a9c69fc4046904ce9125f322' }), h("path", { key: 'a3db5b0f95ea1192aa6f79b5805287296726fff4', d: "M36.23125,7.43225 L3.716125,7.43225 C1.66366667,7.43225 -4.58892184e-15,5.76858333 -4.58892184e-15,3.716125 C-4.58892184e-15,1.66366667 1.66366667,0 3.716125,0 L36.23125,0 C38.2837083,0 39.947375,1.66366667 39.947375,3.716125 C39.947375,5.76858333 38.2837083,7.43225 36.23125,7.43225", fill: "currentColor" })), h("path", { key: 'f6f16029acecf05c63582c50931d3ffd1fac5b7d', d: "M6.96737917,12.7739375 C6.3732125,12.7739375 5.77904583,12.5466042 5.32567083,12.0932292 C4.41762917,11.1864792 4.41762917,9.7165625 5.32567083,8.8098125 L13.4541292,0.6800625 C14.3608792,-0.2266875 15.8320875,-0.2266875 16.7388375,0.6800625 C17.6455875,1.5868125 17.6455875,3.05802083 16.7388375,3.96477083 L8.6090875,12.0932292 C8.1557125,12.5466042 7.56154583,12.7739375 6.96737917,12.7739375", fill: "currentColor" }), h("path", { key: '16c8a99619c7e0f5509128ea6809ac7daeb980b3', d: "M6.50289583,12.7739375 C5.90872917,12.7739375 5.3145625,12.5466042 4.8611875,12.0932292 L0.6800625,7.91339583 C-0.2266875,7.00664583 -0.2266875,5.5354375 0.6800625,4.6286875 C1.5868125,3.7219375 3.05802083,3.7219375 3.96477083,4.6286875 L8.14460417,8.8098125 C9.05264583,9.7165625 9.05264583,11.1864792 8.14460417,12.0932292 C7.69122917,12.5466042 7.0970625,12.7739375 6.50289583,12.7739375", fill: "currentColor" }), h("path", { key: '6e40d355ad965166c441a0bb7974eda0008531ee', d: "M6.96737917,29.4959833 C6.3732125,29.4959833 5.77904583,29.26865 5.32567083,28.815275 C4.41762917,27.908525 4.41762917,26.4386083 5.32567083,25.5318583 L13.4541292,17.4021083 C14.3608792,16.4953583 15.8320875,16.4953583 16.7388375,17.4021083 C17.6455875,18.3088583 17.6455875,19.7800667 16.7388375,20.6868167 L8.6090875,28.815275 C8.1557125,29.26865 7.56154583,29.4959833 6.96737917,29.4959833", fill: "currentColor" }), h("path", { key: '304d83782fd0608d9b8935314e518a758a883038', d: "M6.50289583,29.4959833 C5.90872917,29.4959833 5.3145625,29.26865 4.8611875,28.815275 L0.6800625,24.6354417 C-0.2266875,23.7286917 -0.2266875,22.2574833 0.6800625,21.3507333 C1.5868125,20.4439833 3.05802083,20.4439833 3.96477083,21.3507333 L8.14460417,25.5318583 C9.05264583,26.4386083 9.05264583,27.908525 8.14460417,28.815275 C7.69122917,29.26865 7.0970625,29.4959833 6.50289583,29.4959833", fill: "currentColor" }), h("path", { key: 'bd5c264f1cf2d785e71bcb3cdeaf26b853da686c', d: "M6.96737917,46.2180292 C6.3732125,46.2180292 5.77904583,45.9906958 5.32567083,45.5373208 C4.41762917,44.6305708 4.41762917,43.1606542 5.32567083,42.2539042 L13.4541292,34.1241542 C14.3608792,33.2174042 15.8320875,33.2174042 16.7388375,34.1241542 C17.6455875,35.0309042 17.6455875,36.5021125 16.7388375,37.4088625 L8.6090875,45.5373208 C8.1557125,45.9906958 7.56154583,46.2180292 6.96737917,46.2180292", fill: "currentColor" }), h("path", { key: '19f4dafd0c8581c116929e05e2a2fd05534960e9', d: "M6.50289583,46.2180292 C5.90872917,46.2180292 5.3145625,45.9906958 4.8611875,45.5373208 L0.6800625,41.3574875 C-0.2266875,40.4507375 -0.2266875,38.9795292 0.6800625,38.0727792 C1.5868125,37.1660292 3.05802083,37.1660292 3.96477083,38.0727792 L8.14460417,42.2539042 C9.05264583,43.1606542 9.05264583,44.6305708 8.14460417,45.5373208 C7.69122917,45.9906958 7.0970625,46.2180292 6.50289583,46.2180292", fill: "currentColor" }))))));
+    }
+    static get is() { return "digi-icon-checklist"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-checklist.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-checklist.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": "Adds a title element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett titleelement i svg:n"
+                },
+                "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": "Adds a desc element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett descelement i svg:n"
+                },
+                "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": "Hides the icon for screen readers. Default is set to true."
+                        }],
+                    "text": "F\u00F6r att d\u00F6lja ikonen f\u00F6r sk\u00E4rml\u00E4sare. 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": "Reference other elements on the page to define an accessible name."
+                        }],
+                    "text": "Referera till andra element p\u00E5 sidan 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-chevron-down/icon-chevron-down.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-chevron-down/icon-chevron-down.js

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class IconChevronDown {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '5ac426b453a30750f70586d7ba38119c3ac36a73', class: "digi-icon-chevron-down", width: "14", height: "8", viewBox: "0 0 14 8", 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: '7f9ebb68d4f0a68f17df66c02e290e46b24a3004', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5267ccd4d49aaf68cc85bb84dbcca21b1540d8c5' }, this.afDesc), h("path", { key: '4c0d7b31ff1e20fc32941d442ca3b04ca8349081', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+    static get is() { return "digi-icon-chevron-down"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-chevron-down.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-chevron-down.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": "Adds a title element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett titleelement i svg:n"
+                },
+                "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": "Adds a desc element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett descelement i svg:n"
+                },
+                "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": "Hides the icon for screen readers. Default is set to true."
+                        }],
+                    "text": "F\u00F6r att d\u00F6lja ikonen f\u00F6r sk\u00E4rml\u00E4sare. 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": "Reference other elements on the page to define an accessible name."
+                        }],
+                    "text": "Referera till andra element p\u00E5 sidan 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-chevron-left/icon-chevron-left.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-chevron-left/icon-chevron-left.js

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class IconChevronLeft {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '7cd49ff84abb0040ac82e972388455ee1c9fcbab', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", 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: '6df145f77c527d71e0d220999678d31da0d6442a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '728f65b2175ae1ff817f7b4a9bb88e0b6f70be0f' }, this.afDesc), h("path", { key: 'bdaafacf02dc6e6aa7453aea4e71a40f3d80d262', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+    static get is() { return "digi-icon-chevron-left"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-chevron-left.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-chevron-left.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": "Adds a title element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett titleelement i svg:n"
+                },
+                "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": "Adds a desc element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett descelement i svg:n"
+                },
+                "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": "Hides the icon for screen readers. Default is set to true."
+                        }],
+                    "text": "F\u00F6r att d\u00F6lja ikonen f\u00F6r sk\u00E4rml\u00E4sare. 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": "Reference other elements on the page to define an accessible name."
+                        }],
+                    "text": "Referera till andra element p\u00E5 sidan 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-chevron-right/icon-chevron-right.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-chevron-right/icon-chevron-right.js

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
+export class IconChevronRight {
+    constructor() {
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '1d4f73a0f5b8db4a05207f68a5afee9c04514ab1', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", 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: 'ec51ea6e9ce4629079d7ab1c2a0b6df8ce306689', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6c81803b119b9dea42929b8da4b450788fbd435b' }, this.afDesc), h("path", { key: '16a6f348d230e2284eb3648093f8b2df0f46bec4', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+    static get is() { return "digi-icon-chevron-right"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["icon-chevron-right.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon-chevron-right.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": "Adds a title element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett titleelement i svg:n"
+                },
+                "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": "Adds a desc element inside the svg"
+                        }],
+                    "text": "L\u00E4gger till ett descelement i svg:n"
+                },
+                "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": "Hides the icon for screen readers. Default is set to true."
+                        }],
+                    "text": "F\u00F6r att d\u00F6lja ikonen f\u00F6r sk\u00E4rml\u00E4sare. 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": "Reference other elements on the page to define an accessible name."
+                        }],
+                    "text": "Referera till andra element p\u00E5 sidan 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-chevron-up/icon-chevron-up.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);
+}