@uh-design-system/component-library 0.6.0 → 0.7.0

package/dist/collection/components/01-base-components/generated-icons/ds-icon-info-fill/ds-icon-info-fill.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconInfoFill {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '674531151ed35913b7356043f1e7bd377d0e7e02', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4e9976b253bec40531418012beb511d61238dcbc', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '9992be62c3650b9e22704058f87978671b3fd213', d: "M442-269h82v-251h-82v251Zm38.07-310q20.43 0 34.18-13.51Q528-606.03 528-626q0-21.95-13.79-35.47Q500.41-675 480.02-675q-21.52 0-34.77 13.53Q432-647.95 432-626.5q0 20.6 13.82 34.05Q459.64-579 480.07-579Zm.33 524q-88.87 0-166.12-33.08-77.25-33.09-135.18-91.02-57.93-57.93-91.02-135.12Q55-391.41 55-480.36q0-88.96 33.08-166.29 33.09-77.32 90.86-134.81 57.77-57.48 135.03-91.01Q391.24-906 480.28-906t166.49 33.45q77.44 33.46 134.85 90.81t90.89 134.87Q906-569.34 906-480.27q0 89.01-33.53 166.25t-91.01 134.86q-57.49 57.62-134.83 90.89Q569.28-55 480.4-55Z" }))));
+    }
+    static get is() { return "ds-icon-info-fill"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-instagram/ds-icon-instagram.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconInstagram {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'ca2d2821c4cb66ae5ceec7058700c014827ebf2a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd101e25dd3b46cd8b2d8fb43fce3bd1552ac7a9e', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '2be8984510e73095d5134ac0f4a568b094fadd1a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3C21 9 21 15 21 21C15.0002 21 8.99971 21.029 3 20.9942C3 14.9962 2.99997 8.99809 2.99997 3.00003C8.99998 3.00003 15 3 21 3ZM9.11255 5.04922C7.99442 5.10232 7.00123 5.35842 6.17981 6.17672C5.35839 6.99501 5.10541 7.9882 5.04919 9.10945L5.03066 9.54572C4.98433 10.9687 4.99051 13.8504 5.04919 14.8844C5.10228 16.0056 5.35839 16.9988 6.17981 17.8171C7.00123 18.6354 7.9913 18.8915 9.11255 18.9477L9.54881 18.9662C10.9718 19.0126 13.8535 19.0064 14.8874 18.9477C16.0087 18.8946 17.0019 18.6385 17.8202 17.8171C18.6385 16.9988 18.8946 16.0056 18.9508 14.8844L18.9693 14.4482C19.0157 13.0258 19.0095 10.1465 18.9508 9.11258C18.8977 7.99133 18.6416 6.99813 17.8202 6.17984C17.0019 5.36155 16.0087 5.10544 14.8874 5.04922L14.4512 5.03069C13.0282 4.98436 10.1465 4.99054 9.11255 5.04922ZM12.0016 6.26104L13.0197 6.25367C14.097 6.24927 15.454 6.27645 16.1274 6.54214C16.7395 6.78575 17.2112 7.25736 17.4579 7.87264C17.8233 8.794 17.739 10.9803 17.739 11.9985L17.7474 13.3166C17.7452 14.335 17.7015 15.5121 17.4579 16.1243C17.2143 16.7364 16.7427 17.2081 16.1274 17.4548C15.206 17.8202 13.0197 17.7359 12.0016 17.7359L10.9835 17.7433C9.90609 17.7477 8.54911 17.7205 7.87574 17.4548C7.26358 17.2112 6.79197 16.7396 6.54523 16.1243C6.17981 15.2029 6.26414 13.0166 6.26414 11.9985L6.25676 10.9804C6.25236 9.903 6.27954 8.54602 6.54523 7.87264C6.78884 7.26049 7.26046 6.78887 7.87574 6.54214C8.7971 6.17672 10.9834 6.26104 12.0016 6.26104ZM12.0016 8.40984C10.0152 8.40984 8.41294 10.0121 8.41294 11.9985C8.41294 13.9849 10.0152 15.5871 12.0016 15.5871C13.988 15.5871 15.5902 13.9849 15.5902 11.9985C15.5902 10.0121 13.988 8.40984 12.0016 8.40984ZM12.0016 9.66539C13.2883 9.66539 14.3346 10.7117 14.3346 11.9985C14.3346 13.2852 13.2852 14.3315 12.0016 14.3315C10.7179 14.3315 9.66849 13.2852 9.66849 11.9985C9.66849 10.7117 10.7148 9.66539 12.0016 9.66539ZM15.737 7.42602C15.2747 7.42602 14.8999 7.80081 14.8999 8.26305C14.8999 8.72529 15.2716 9.10008 15.737 9.10008C16.1992 9.10008 16.574 8.72842 16.574 8.26305C16.574 7.80081 16.1992 7.42602 15.737 7.42602Z" }))));
+    }
+    static get is() { return "ds-icon-instagram"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-keyboard-arrow-down/ds-icon-keyboard-arrow-down.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconKeyboardArrowDown {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'bd3bb7329c8bcf47e6ca70b02cde90a1370ad4da', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5ad5e6b43c6a77230af15ceca43e2e7b480edaab', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '88e1fda421025604711eeca3573dfbeef75b1aa1', d: "M480-320 216-584l67-67 197 197 197-197 67 67-264 264Z" }))));
+    }
+    static get is() { return "ds-icon-keyboard-arrow-down"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-keyboard-arrow-up/ds-icon-keyboard-arrow-up.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconKeyboardArrowUp {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'b8f8f1fc53cc2549f5f011f646d127353b4566de', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '45e6459087e816fb2da18ae26a078fd184213cb0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '707a85b4e9b23860c06edd3feb51fd0fc3693037', d: "M480-530 283-333l-67-67 264-264 264 264-67 67-197-197Z" }))));
+    }
+    static get is() { return "ds-icon-keyboard-arrow-up"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-language/ds-icon-language.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconLanguage {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'ead91d88d0c8d2f027f7bbfdd9a8483f387f8cdb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '70f34579e3284a2d18b5196938b492570f3f8859', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '3033c9404b0ad481e7a641740656ee42162efeee', d: "M480-55q-89 0-166.5-33t-135-91Q121-237 88-315T55-482q0-89 33-166.5T178.5-783q57.5-57 135-90T480-906q89 0 166.5 33t135 90q57.5 57 91 134.5T906-482q0 89-33.5 167t-91 136q-57.5 58-135 91T480-55Zm-1-91q32-35 55-80.5T573-336H388q13 60 36 107t55 83Zm-82-12q-26-36-42.5-80T326-336H180q36 70 85 109.5T397-158Zm165-1q70-22 126.5-67.5T779-336H635q-13 53-30 97t-43 80ZM161-393h154q-3-27-3.5-48t-.5-41q0-25 1-43.5t4-42.5H161q-7 24-9.5 42t-2.5 44q0 25 2.5 45t9.5 44Zm216 0h207q3-31 3.5-50t.5-39q0-20-.5-37.5T584-568H377q-4 31-5 48.5t-1 37.5q0 20 1 39t5 50Zm267 0h154q6-24 9-44t3-45q0-26-3-44t-9-42H645q1 36 2 53t1 33q0 21-1.5 40t-2.5 49Zm-10-233h145q-32-67-88.5-112.5T561-802q26 36 43 78.5t30 97.5Zm-246 0h186q-10-51-36-100.5T479-812q-29 26-50.5 69T388-626Zm-208 0h147q11-52 26.5-94t42.5-81q-74 18-128.5 62T180-626Z" }))));
+    }
+    static get is() { return "ds-icon-language"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-link/ds-icon-link.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconLink {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '82cd6c276561677ed218bfee31bc76770a807cee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3ebdbc7f82848139fc852afe9dd44b89f0f0ef2a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '3963ead142b0af5d8e67282197a86aeacd1b95b6', d: "M439-255H280q-94.11 0-159.56-65.42Q55-385.84 55-479.7q0-93.85 65.44-160.07Q185.89-706 280-706h159v95H280.43q-55.51 0-93.47 37.76-37.96 37.77-37.96 93Q149-425 186.96-387q37.96 38 93.47 38H439v94ZM308-444v-72h344v72H308Zm213 189v-94h158.57q55.51 0 93.47-37.76 37.96-37.77 37.96-93Q811-535 773.04-573q-37.96-38-93.47-38H521v-95h159q93.79 0 159.9 66.15 66.1 66.15 66.1 160T839.9-320.5Q773.79-255 680-255H521Z" }))));
+    }
+    static get is() { return "ds-icon-link"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/01-base-components/generated-icons/ds-icon-linkedin/ds-icon-linkedin.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class DsIconLinkedin {
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '4572f3d37a4bbf3c726efbe43a582d7b06982f9a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4e217bef3803c9542339fe4bf284a324444a8a5d', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '617a1eed98e6809a3327b13f91d01ee645931f50', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3C15 3 9 2.99982 3 3.00006V21C9 21 15 21 21 21C21 15 21 9 21 3ZM5.77232 18.4286V9.83839H8.4442V18.4286H5.77232ZM5.55937 7.1183C5.55937 6.26652 6.25045 5.57143 7.10625 5.57143C7.95804 5.57143 8.65312 6.26652 8.65312 7.1183C8.65312 7.97411 7.96205 8.66518 7.10625 8.66518C6.25045 8.66518 5.55937 7.97009 5.55937 7.1183ZM15.7728 18.4286V14.25C15.7728 13.2536 15.7527 11.9719 14.3866 11.9719C12.9964 11.9719 12.7835 13.0567 12.7835 14.1777V18.4286H10.1156V9.83839H12.675V11.0116H12.7112C13.0688 10.3366 13.9406 9.62545 15.2384 9.62545C17.9384 9.62545 18.4406 11.4054 18.4406 13.7196V18.4286H15.7728Z" }))));
+    }
+    static get is() { return "ds-icon-linkedin"; }
+    static get properties() {
+        return {
+            "dsSize": {
+                "type": "string",
+                "attribute": "ds-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "dsTitle": {
+                "type": "string",
+                "attribute": "ds-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Icon'"
+            },
+            "dsRole": {
+                "type": "string",
+                "attribute": "ds-role",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'img'"
+            },
+            "dsColour": {
+                "type": "string",
+                "attribute": "ds-colour",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}