@uh-design-system/component-library 1.6.0-rc.0 → 1.6.0-rc.1

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

@@ -6,7 +6,7 @@ export class DsIconInstagram {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '749ed9d229ba3c6887b2e48ea0f2e2b2ffefbc34', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f3f2034451a5d102362caf3b4d0ff2e2da71aadf', 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.dsAriaLabel }, h("path", { key: 'bc2ce1f98a8dbdabf4f5863ce5abedf1a2ce6537', "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" }))));
+        return (h(Host, { key: '4570ef4f9f2f2d3d03c47fa25956cd052ea9a99f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e0092e6ceceb7d43d82ac11d76594faf5e34721d', 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.dsAriaLabel }, h("path", { key: 'e51b712dabad152c18c273aab02b178da67b4b98', "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() {
@@ -20,7 +20,7 @@ export class DsIconInstagram {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconInstagram {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconKeyboardArrowDown {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2f6defbfcdc24bdddf86157bba6e0138f2749e4e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a2cf99aac03336d2b6ce1b884dad794627fdc512', 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.dsAriaLabel }, h("path", { key: '9a53695816ef05b4a5d3390d86194dca36c8aad4', d: "M480-320 216-584l67-67 197 197 197-197 67 67-264 264Z" }))));
+        return (h(Host, { key: '37e1ad0f0ade430b15c2f5ae32d66fdffefca4fd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e5c7356489e830c0658b10611c5549280f4392a7', 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.dsAriaLabel }, h("path", { key: '42625426812f5fc44dd860c31279ae991bc480bd', 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() {
@@ -20,7 +20,7 @@ export class DsIconKeyboardArrowDown {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconKeyboardArrowDown {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconKeyboardArrowUp {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9c207644ae7994c9c1e6ab6cdd2014ae26c9cebb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5a2c6404fe9a3563ef4517e04c5ecec3016f76ec', 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.dsAriaLabel }, h("path", { key: 'af5322c2f570ebd3a2426716f6df436587bec58d', d: "M480-530 283-333l-67-67 264-264 264 264-67 67-197-197Z" }))));
+        return (h(Host, { key: '47facd7df7647169c7430d09a6aa70e922c4ca3d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dd1ef326fed07abf3d414e9062553cb0fe1308ae', 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.dsAriaLabel }, h("path", { key: 'b1391a1b10a817a01c412f5aabfea06139ac3d5e', 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() {
@@ -20,7 +20,7 @@ export class DsIconKeyboardArrowUp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconKeyboardArrowUp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLanguage {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ab2de33f043e8f7569aa81a4f80adf9b2ab61185', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd6290c24b02bc09ed68189d788bac6c07e9bfbdb', 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.dsAriaLabel }, h("path", { key: 'f474a4b6aea4693e14baae84f030d6e27ef33cdf', 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" }))));
+        return (h(Host, { key: 'ce97e68cffb32cedbc954c7f2881892d5768417b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5e0134c8b60461445b24408d7326ebe0f62406e5', 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.dsAriaLabel }, h("path", { key: 'c0ee0b5175740b6c70e380ef744a3c8b293b64ea', 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() {
@@ -20,7 +20,7 @@ export class DsIconLanguage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLanguage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLastPage {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c48fec598dc1611369f9e5123403fef8c376c18b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '03972988389c5aa59110acdfac58194a2dd96fee', 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.dsAriaLabel }, h("path", { key: '4b0315ca272f7c5facb5849760de4162823dc49a', d: "m272-221-67-67 192-192-192-192 67-67 259 259-259 259Zm371 5v-528h94v528h-94Z" }))));
+        return (h(Host, { key: '00de2de1636a01e821a4addcc39763abd72c000f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e56c9a4e88f4ec20c9295d30705575a310073984', 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.dsAriaLabel }, h("path", { key: '636bbf7d2aa017241846f5375677746c9ba6113f', d: "m272-221-67-67 192-192-192-192 67-67 259 259-259 259Zm371 5v-528h94v528h-94Z" }))));
     }
     static get is() { return "ds-icon-last-page"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLastPage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLastPage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLink {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3c8537a8c2cef6c85d373555e934b2ae37ba0cb5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e32d82791e45b1d5f6646a5f599a5fdd61b926a3', 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.dsAriaLabel }, h("path", { key: 'f25fedc1982d42a9bb5a520c9bd13217db8ebc56', 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" }))));
+        return (h(Host, { key: 'c2a90a5bed038d921a82fb16a139a3f66bdabe02', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a4f718f529c6a2601a302561e22e499ec0559e9e', 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.dsAriaLabel }, h("path", { key: 'af27feac9326b01bd5207eed14cdd7e51ff9b244', 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() {
@@ -20,7 +20,7 @@ export class DsIconLink {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLink {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLinkedin {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '88281ff23e8a6cc0a4e77ba75cdb42f121aa7187', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ceff95f2c808f7e50955961180c8585461012b1c', 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.dsAriaLabel }, h("path", { key: '8aad401879777c5a5aa50ae48aef03835fb8d865', "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" }))));
+        return (h(Host, { key: '06d355b5d2b8a6f68c5d4f8ca0849e5a14a50543', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b9d9c41bf2385d48e80ff3bb6d090e2509ddee78', 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.dsAriaLabel }, h("path", { key: '0ac750d98963fe6e10591881e6c2d65c46af1884', "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() {
@@ -20,7 +20,7 @@ export class DsIconLinkedin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLinkedin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconListAlt {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3f441ccb845e00d0f7b5306f5d9382e120c75906', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a73cb2c0a28d48e2bc6791291c4853a07bd235cc', 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.dsAriaLabel }, h("path", { key: '6bb4ab0c3603536896c8b64d9b5d3770de63f3d0', d: "M270-291h60v-60h-60v60Zm0-159h60v-60h-60v60Zm0-160h60v-60h-60v60Zm162 319h244v-60H432v60Zm0-159h244v-60H432v60Zm0-160h244v-60H432v60ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
+        return (h(Host, { key: '0fd032cdcafb01c8d19e3b87db1e73b58d1c8248', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5dcd3f6dacdee1f1fa915a4002968091d62d82cc', 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.dsAriaLabel }, h("path", { key: 'ca7764b300f280196c033e315a2c9d6027a8d022', d: "M270-291h60v-60h-60v60Zm0-159h60v-60h-60v60Zm0-160h60v-60h-60v60Zm162 319h244v-60H432v60Zm0-159h244v-60H432v60Zm0-160h244v-60H432v60ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
     }
     static get is() { return "ds-icon-list-alt"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconListAlt {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconListAlt {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

package/dist/collection/components/01-base-components/generated-icons/ds-icon-list-alt-add/ds-icon-list-alt-add.js

@@ -6,7 +6,7 @@ export class DsIconListAltAdd {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '28efc0a58dec5315d0cb29132840665169548c89', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4c1c94db122ffb95e3966d8287761eac2bbe0274', 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.dsAriaLabel }, h("path", { key: '2e478a3280549e1e0c166c0774779507c4b9b759', d: "M722-120H602v-79h120v-120h79v120h120v79H801V0h-79v-120Zm-533-69v-582 582ZM95-95v-771h771v490q-22.66-9.92-46.83-14.46Q795-395 771-395v-376H189v582h337q-4 24-3.42 47.42.57 23.41 7.42 46.58H95Zm205-196q12 0 21-8.5t9-21.5q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 13 9 21.5t21 8.5Zm0-159q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0-160q12 0 21-8.5t9-21.5q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 13 9 21.5t21 8.5Zm132 160h244v-60H432v60Zm0-160h244v-60H432v60Zm0 319h126.81q12.19-17 27.69-31.85Q602-337.7 619-351H432v60Z" }))));
+        return (h(Host, { key: '49b4c15e7784082630a1f79a90892380adca6a5c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '90ea1b35949e5aba0acaabaa81d2dd7a4585960b', 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.dsAriaLabel }, h("path", { key: '0da78e596a4358a4a9b557a12abfc412955cfe7f', d: "M722-120H602v-79h120v-120h79v120h120v79H801V0h-79v-120Zm-533-69v-582 582ZM95-95v-771h771v490q-22.66-9.92-46.83-14.46Q795-395 771-395v-376H189v582h337q-4 24-3.42 47.42.57 23.41 7.42 46.58H95Zm205-196q12 0 21-8.5t9-21.5q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 13 9 21.5t21 8.5Zm0-159q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0-160q12 0 21-8.5t9-21.5q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 13 9 21.5t21 8.5Zm132 160h244v-60H432v60Zm0-160h244v-60H432v60Zm0 319h126.81q12.19-17 27.69-31.85Q602-337.7 619-351H432v60Z" }))));
     }
     static get is() { return "ds-icon-list-alt-add"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconListAltAdd {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconListAltAdd {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

package/dist/collection/components/01-base-components/generated-icons/ds-icon-list-alt-check/ds-icon-list-alt-check.js

@@ -6,7 +6,7 @@ export class DsIconListAltCheck {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '87219816825d32750e719a4e97f79699e9cc5ca1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2de1e7a6f9218a30bdeac38cd86776b6faab1666', 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.dsAriaLabel }, h("path", { key: 'd70c56f850d2380f96d22d4bdb9040ec295bef85', d: "M189-189v-582 498-89 173ZM95-95v-771h771v431h-95v-336H189v582h298v94H95Zm606 40L547-210l65-67 89 89 178-177 67 65L701-55ZM432-450h244v-60H432v60Zm0-160h244v-60H432v60ZM270-450h60v-60h-60v60Zm0-160h60v-60h-60v60Z" }))));
+        return (h(Host, { key: 'd01acf0493caa6ba0b82b0e26c33ab316ec5d7b8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '347f7da817162485d97cb650ebc0aafd7248c4db', 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.dsAriaLabel }, h("path", { key: 'c393a69cdf605c2df6c5977e752751e01e20d271', d: "M189-189v-582 498-89 173ZM95-95v-771h771v431h-95v-336H189v582h298v94H95Zm606 40L547-210l65-67 89 89 178-177 67 65L701-55ZM432-450h244v-60H432v60Zm0-160h244v-60H432v60ZM270-450h60v-60h-60v60Zm0-160h60v-60h-60v60Z" }))));
     }
     static get is() { return "ds-icon-list-alt-check"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconListAltCheck {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconListAltCheck {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLocationOn {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '269eb87626c089f862e55e08500c784adb14ebcb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c041574de6b28f23d1d8a61ab065660356112fcb', 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.dsAriaLabel }, h("path", { key: 'be21fe5624a8f01a843f937bca13d626f97819e0', d: "M480.26-483q32.74 0 55.24-22.26 22.5-22.25 22.5-55 0-32.74-22.46-55.24-22.47-22.5-55.5-22.5Q447-638 425-615.54q-22 22.47-22 55.5Q403-527 425.26-505q22.25 22 55 22ZM480-179q128-115 189.5-204T731-555q0-112.52-72.64-184.26T480.15-811q-105.57 0-178.36 71.74Q229-667.52 229-555q0 83 63 171.5T480-179Zm0 124Q307-199 221-318.5T135-555q0-159.72 104.04-255.36Q343.08-906 480-906q136.49 0 241.25 95.64Q826-714.72 826-555q0 117-86.5 236.5T480-55Zm0-505Z" }))));
+        return (h(Host, { key: '6229fffcf171032a54daad4fee5008b31b02d2bd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bf7282b067aa1f164d81337d3a3df42ede3c335f', 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.dsAriaLabel }, h("path", { key: 'd133fa26eb8845c67546d2f19460a5c9cb9b558a', d: "M480.26-483q32.74 0 55.24-22.26 22.5-22.25 22.5-55 0-32.74-22.46-55.24-22.47-22.5-55.5-22.5Q447-638 425-615.54q-22 22.47-22 55.5Q403-527 425.26-505q22.25 22 55 22ZM480-179q128-115 189.5-204T731-555q0-112.52-72.64-184.26T480.15-811q-105.57 0-178.36 71.74Q229-667.52 229-555q0 83 63 171.5T480-179Zm0 124Q307-199 221-318.5T135-555q0-159.72 104.04-255.36Q343.08-906 480-906q136.49 0 241.25 95.64Q826-714.72 826-555q0 117-86.5 236.5T480-55Zm0-505Z" }))));
     }
     static get is() { return "ds-icon-location-on"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLocationOn {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLocationOn {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLocationOnFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd0520d4bad1a8e0da99a3d0be79942524b86f59d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c96090c2c0046877558f803f1a890ab64dbce5b6', 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.dsAriaLabel }, h("path", { key: 'd151f6016a8ed6c197a21a91c00a4ecc1d04de8e', d: "M480.26-483q32.74 0 55.24-22.26 22.5-22.25 22.5-55 0-32.74-22.46-55.24-22.47-22.5-55.5-22.5Q447-638 425-615.54q-22 22.47-22 55.5Q403-527 425.26-505q22.25 22 55 22ZM480-55Q307-199 221-318.5T135-555q0-159.72 104.04-255.36Q343.08-906 480-906q136.49 0 241.25 95.64Q826-714.72 826-555q0 117-86.5 236.5T480-55Z" }))));
+        return (h(Host, { key: 'ee2c1f34abd81294d77840f08bf7d0628efdde50', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c6feb0df9bf914c018e8c6dcad64ee15ea368b3d', 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.dsAriaLabel }, h("path", { key: '853aee6863a4ed66ddb2e50a44c4a25b14153b90', d: "M480.26-483q32.74 0 55.24-22.26 22.5-22.25 22.5-55 0-32.74-22.46-55.24-22.47-22.5-55.5-22.5Q447-638 425-615.54q-22 22.47-22 55.5Q403-527 425.26-505q22.25 22 55 22ZM480-55Q307-199 221-318.5T135-555q0-159.72 104.04-255.36Q343.08-906 480-906q136.49 0 241.25 95.64Q826-714.72 826-555q0 117-86.5 236.5T480-55Z" }))));
     }
     static get is() { return "ds-icon-location-on-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLocationOnFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLocationOnFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLocationSearching {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9ab0428070ba45185ecc7fd909714f2ac99d9c70', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fbc584cf12dc77abeaf286981d6507a218fad05f', 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.dsAriaLabel }, h("path", { key: '18e2c11cc114334ccb231e75b0236eaeae387667', d: "M439-16v-75q-139-15-235.5-111.5T93-437H18v-82h75q15-139 111.5-235.5T439-865v-75h82v75q138 14 234.5 110.5T867-519h75v82h-75q-14 138-110.5 234.5T521-91v75h-82Zm40.83-167Q602-183 688.5-269.33q86.5-86.33 86.5-208.5T688.67-686.5Q602.34-773 480.17-773T271.5-686.67Q185-600.34 185-478.17t86.33 208.67q86.33 86.5 208.5 86.5Z" }))));
+        return (h(Host, { key: '794e923ad02a28e498c28824d256d79a534508ed', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd590cb2cc47322ee9f58e32756a246438f2416f0', 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.dsAriaLabel }, h("path", { key: '25a57928473f39571a588bb2f4c536dd9930f757', d: "M439-16v-75q-139-15-235.5-111.5T93-437H18v-82h75q15-139 111.5-235.5T439-865v-75h82v75q138 14 234.5 110.5T867-519h75v82h-75q-14 138-110.5 234.5T521-91v75h-82Zm40.83-167Q602-183 688.5-269.33q86.5-86.33 86.5-208.5T688.67-686.5Q602.34-773 480.17-773T271.5-686.67Q185-600.34 185-478.17t86.33 208.67q86.33 86.5 208.5 86.5Z" }))));
     }
     static get is() { return "ds-icon-location-searching"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLocationSearching {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLocationSearching {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLock {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a31d6fe8d8b258ca5692ffda42583adeba801e6c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e9a82a9a2aa76386b97f16ffd03cd511b7f7180f', 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.dsAriaLabel }, h("path", { key: 'ac08b0a10b710f8843f0ca24b5df80b050c2e03e', d: "M135-57v-605h144v-74q0-85.19 58.37-144.59Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm94-94h502v-416H229v416Zm251.17-131q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM373-662h214v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75q-31 31.25-31 77.98V-662ZM229-151v-416 416Z" }))));
+        return (h(Host, { key: 'e90e138f9032de978f486f811f0b535922a2af20', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '537a1b1ffa65fe959c7bc8da63a6501cbd6e66e0', 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.dsAriaLabel }, h("path", { key: '82f04706fd6404db03fc01f453359b9191d4d9f1', d: "M135-57v-605h144v-74q0-85.19 58.37-144.59Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm94-94h502v-416H229v416Zm251.17-131q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM373-662h214v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75q-31 31.25-31 77.98V-662ZM229-151v-416 416Z" }))));
     }
     static get is() { return "ds-icon-lock"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLock {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLock {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLockFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'f6cef84e12b5e75309eadb51f38129e46a176980', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2b94ea81a67c576d17beced02078febec5c71e03', 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.dsAriaLabel }, h("path", { key: 'be18e2a7526aebbcd8c18118ee03283b82943de4', d: "M135-57v-605h144v-74q0-85.19 58.37-144.59Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm345.17-225q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM373-662h214v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75q-31 31.25-31 77.98V-662Z" }))));
+        return (h(Host, { key: 'ace9a4d44b50da4758cd8beacdd4b29e3e287a88', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c0a399c1cd4c473ae6d47b156f38f2c3e36e6532', 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.dsAriaLabel }, h("path", { key: 'e3ce25a9d6ec5d4c06586c1e74d2554587a0e2fc', d: "M135-57v-605h144v-74q0-85.19 58.37-144.59Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm345.17-225q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM373-662h214v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75q-31 31.25-31 77.98V-662Z" }))));
     }
     static get is() { return "ds-icon-lock-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLockFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLockFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLockOpen {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ab374e19840badac903f853d4ddacba57a6c6ea6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '74175f1abd0ff368d51b4ed7e35bc0d0ada621bd', 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.dsAriaLabel }, h("path", { key: '9a500192d7e48c2beff7529e4b0d83a80738f29a', d: "M135-57v-605h452v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75 373-782.5 373-736h-94q0-85.34 58.37-144.67Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm94-94h502v-416H229v416Zm251.17-131q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM229-151v-416 416Z" }))));
+        return (h(Host, { key: 'e286577ceedf99cd66ad843cd78581c9abaec49f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'af158ce9438420e9a292a433cb02190f0129fcdc', 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.dsAriaLabel }, h("path", { key: '3bd07cc5039d218f9c2596803654bbc235bf1c38', d: "M135-57v-605h452v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75 373-782.5 373-736h-94q0-85.34 58.37-144.67Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm94-94h502v-416H229v416Zm251.17-131q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM229-151v-416 416Z" }))));
     }
     static get is() { return "ds-icon-lock-open"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLockOpen {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLockOpen {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLockOpenFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'b870fd4bd90baa4565a83ce45badfa4cdb13c30b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '42c559c45ee49a3de017076775ea67c8cbb88014', 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.dsAriaLabel }, h("path", { key: 'e774224044b355aa2cfebfc1d219a7dc23b73772', d: "M135-57v-605h452v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75 373-782.5 373-736h-94q0-85.34 58.37-144.67Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm345.17-225q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22Z" }))));
+        return (h(Host, { key: 'cd967cbfc16d363b006ecf94cda2595cca766978', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0827f4b9038806229ff77d1d87a5469def820a10', 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.dsAriaLabel }, h("path", { key: '3c6d55ea2eaa36ccc9495c95cee6451af0077321', d: "M135-57v-605h452v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75 373-782.5 373-736h-94q0-85.34 58.37-144.67Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm345.17-225q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22Z" }))));
     }
     static get is() { return "ds-icon-lock-open-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLockOpenFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLockOpenFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLogin {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '8a958b6f7bdc2eef9e4b0fbc59d23638d1e4cc5f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f43b920fcd8cb9b3a538eea495171bed3e6b0bb', 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.dsAriaLabel }, h("path", { key: '72e562235f90b456c300495577fd6a5db05277df', d: "M475-95v-94h296v-582H475v-95h391v771H475Zm-78-174-68-66 98-98H95v-94h330l-98-98 68-66 211 212-209 210Z" }))));
+        return (h(Host, { key: '73bc073090b7e59baf7c06ef5a26278e3692dc8a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '811e9eab4b7eb0ae6bca7caaf9f7a55a090c99b1', 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.dsAriaLabel }, h("path", { key: '0cc813be6148719809b106836254987765e82836', d: "M475-95v-94h296v-582H475v-95h391v771H475Zm-78-174-68-66 98-98H95v-94h330l-98-98 68-66 211 212-209 210Z" }))));
     }
     static get is() { return "ds-icon-login"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLogin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLogin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconLogout {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c2995fcbbce4e632e83f25ef2f11b5f86bb54e56', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '27305ffb8d4ec944cff40a843f55894c7ec13c9b', 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.dsAriaLabel }, h("path", { key: '096ecae840d47d3c0df6d6b1bac8c110d76fa693', d: "M95-95v-771h390v95H189v582h296v94H95Zm561-174-67-66 97-98H354v-94h330l-97-98 67-66 212 212-210 210Z" }))));
+        return (h(Host, { key: '3a875d029772c37c8e784b5cfb188379265d76d9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '938e20075e50e15eb55bda3afedb8e6cd3e95c41', 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.dsAriaLabel }, h("path", { key: 'd1979a6d5dd7194a0c6fae724513b238914465ac', d: "M95-95v-771h390v95H189v582h296v94H95Zm561-174-67-66 97-98H354v-94h330l-97-98 67-66 212 212-210 210Z" }))));
     }
     static get is() { return "ds-icon-logout"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconLogout {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconLogout {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconMail {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'aae6c795e8bc19852f3b22a27516b658a9de3c83', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0e155330dfb8ff000105a096ee0b9a6380d68598', 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.dsAriaLabel }, h("path", { key: '8c822edca8772ede0ea356418a497ad98f83f063', d: "M55-135v-691h851v691H55Zm425-295L149-653v424h662v-424L480-430Zm0-83 327-218H154l326 218ZM149-653v-78 502-424Z" }))));
+        return (h(Host, { key: '3cedbcc65c0f529d0546103d3f1e63aed9a69983', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3740ce4f744a461a43b8de4e2eb77947cbca71d0', 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.dsAriaLabel }, h("path", { key: '948d6df27438495c25cc28f304d32dd333a8afa8', d: "M55-135v-691h851v691H55Zm425-295L149-653v424h662v-424L480-430Zm0-83 327-218H154l326 218ZM149-653v-78 502-424Z" }))));
     }
     static get is() { return "ds-icon-mail"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconMail {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconMail {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""