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

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

@@ -6,7 +6,7 @@ export class DsIconGroupAdd {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '08300a73ba24c33a7e3ade222b8c12aec2862d76', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '884cbbefb23cd3a24229c4c3ca41e60d1306468c', 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: '62747c0d3f6023816b299f4d08ef74587b276b4c', d: "M482-500q32-38 47-79t15-91q0-50-16.47-91.84Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm120-346v-102.33H726v-59.34h103V-732h60v102.5h102v59.5H888.5v102H829Zm-520.2-26q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-42.1 21.63-76.54Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.65V-122H-31Zm339.8-466q35.2 0 57.7-22.85 22.5-22.84 22.5-58.11 0-35.69-22.51-58.37Q343.97-750 309.17-750q-35.22 0-58.19 22.72Q228-704.56 228-669.46q0 35.51 22.8 58.49 22.79 22.97 58 22.97ZM63-216h491v-23q0-15.35-8-28.82T521-289q-65-29-110-39t-101.74-10q-56.74 0-103 10T95.29-289.16Q80-282.44 71.5-268.42 63-254.41 63-239v23Zm246-453Zm0 453Z" }))));
+        return (h(Host, { key: '7b1a308ae1f151ea1f84d4a774a8b0b0dd78116c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e13803e0620214715e407d7e63ab18de8bcef4d0', 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: '21c246d7b44e8a1fb849c6529aabeb4a1dd56edc', d: "M482-500q32-38 47-79t15-91q0-50-16.47-91.84Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm120-346v-102.33H726v-59.34h103V-732h60v102.5h102v59.5H888.5v102H829Zm-520.2-26q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-42.1 21.63-76.54Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.65V-122H-31Zm339.8-466q35.2 0 57.7-22.85 22.5-22.84 22.5-58.11 0-35.69-22.51-58.37Q343.97-750 309.17-750q-35.22 0-58.19 22.72Q228-704.56 228-669.46q0 35.51 22.8 58.49 22.79 22.97 58 22.97ZM63-216h491v-23q0-15.35-8-28.82T521-289q-65-29-110-39t-101.74-10q-56.74 0-103 10T95.29-289.16Q80-282.44 71.5-268.42 63-254.41 63-239v23Zm246-453Zm0 453Z" }))));
     }
     static get is() { return "ds-icon-group-add"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconGroupAdd {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconGroupAdd {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconGroupAddFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'b97e624f50eb13cb168613bce983b2c6db0420ff', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f51a0a3ee0deac126a9e9f8c4188844d1b018cb9', 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: '5c377b7ea27cba981b74d28b59332f499d33a0fb', d: "M482-500q32-38 47-79t15-90.5q0-50.5-16.47-92.34Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm120-346v-102.33H726v-59.34h103V-732h60v102.5h102v59.5H888.5v102H829Zm-520.2-26q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-41.75 21.63-76.37Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.71V-122H-31Z" }))));
+        return (h(Host, { key: 'df112d777a5bb78b863317d4f819cca523654fe0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '652d1de73fdd2eb2d67c5c0b70d9a5b1fd596875', 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: 'a51468646bc03ef62a21f7c0737fa08fd0190a7f', d: "M482-500q32-38 47-79t15-90.5q0-50.5-16.47-92.34Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm120-346v-102.33H726v-59.34h103V-732h60v102.5h102v59.5H888.5v102H829Zm-520.2-26q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-41.75 21.63-76.37Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.71V-122H-31Z" }))));
     }
     static get is() { return "ds-icon-group-add-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconGroupAddFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconGroupAddFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconGroupFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'bd33550ac501841c7c11d913d0999beef513a7c3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a43de0d97cd7d0bf9565d6c6b4dc47f1f8ae58b3', 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: 'f5ceb528e8825cfd57191b07a8364dda285add53', d: "M15-122v-121q0-42.3 21.7-76.1Q58.39-352.9 97-371q75-32 136.47-47 61.48-15 126.55-15 66.98 0 127.48 14.5T623-371q38.34 16.83 60.67 50.7Q706-286.43 706-243.05V-122H15Zm762 0v-119q0-65-31.5-109.5T660-431q61 9 115.5 23.5T866-375q36 19 57.5 54.81t21.5 82.24V-122H777ZM360.25-494Q288-494 243-539t-45-117.5q0-72.5 45.04-117.5 45.05-45 117-45 71.96 0 117.46 45.03T523-657q0 73-45.25 118t-117.5 45ZM757-657.01q0 72.01-45.45 117.51-45.44 45.5-117.8 45.5-12.06 0-24.4-2-12.35-2-26.35-7 26-27 38.5-65.85 12.5-38.85 12.5-87.5t-12.65-86.13q-12.66-37.49-38.35-67.65 12-3.87 25.24-6.37 13.24-2.5 25.51-2.5 71.99 0 117.62 45.52Q757-727.96 757-657.01Z" }))));
+        return (h(Host, { key: '67962afc80826a663b7d82d20ebfa3cabd07365d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '10060b68cde475cd6d7fd4ed880733088d033e7c', 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: '9afbc2e601064e982797afe9325ad4bf80335927', d: "M15-122v-121q0-42.3 21.7-76.1Q58.39-352.9 97-371q75-32 136.47-47 61.48-15 126.55-15 66.98 0 127.48 14.5T623-371q38.34 16.83 60.67 50.7Q706-286.43 706-243.05V-122H15Zm762 0v-119q0-65-31.5-109.5T660-431q61 9 115.5 23.5T866-375q36 19 57.5 54.81t21.5 82.24V-122H777ZM360.25-494Q288-494 243-539t-45-117.5q0-72.5 45.04-117.5 45.05-45 117-45 71.96 0 117.46 45.03T523-657q0 73-45.25 118t-117.5 45ZM757-657.01q0 72.01-45.45 117.51-45.44 45.5-117.8 45.5-12.06 0-24.4-2-12.35-2-26.35-7 26-27 38.5-65.85 12.5-38.85 12.5-87.5t-12.65-86.13q-12.66-37.49-38.35-67.65 12-3.87 25.24-6.37 13.24-2.5 25.51-2.5 71.99 0 117.62 45.52Q757-727.96 757-657.01Z" }))));
     }
     static get is() { return "ds-icon-group-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconGroupFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconGroupFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconGroupRemove {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c04c81e43d1003bbbfdd3831694a44cdc074a90d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1d4c2e7ae0859d08546223708e3add947735f67d', 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: '5a8ffdbccc275b7036cfa3e274742b9846bb7bb3', d: "M482-500q32-38 47-79t15-91q0-50-16.47-91.84Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm282-448H726v-60h265v60Zm-682.2 76q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-42.1 21.63-76.54Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.65V-122H-31Zm339.8-466q35.2 0 57.7-22.85 22.5-22.84 22.5-58.11 0-35.69-22.51-58.37Q343.97-750 309.17-750q-35.22 0-58.19 22.72Q228-704.56 228-669.46q0 35.51 22.8 58.49 22.79 22.97 58 22.97ZM63-216h491v-23q0-15.35-8-28.82T521-289q-65-29-110-39t-101.74-10q-56.74 0-103 10T95.29-289.16Q80-282.44 71.5-268.42 63-254.41 63-239v23Zm246-453Zm0 453Z" }))));
+        return (h(Host, { key: '17afbf5cccc7b884f62c0515dbf363cf4de310e0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a473da79da33d98ac9494fa8ac9ae1fd72a4991e', 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: '70115900d314f055ccf8216f0deb8e2395bb2060', d: "M482-500q32-38 47-79t15-91q0-50-16.47-91.84Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm282-448H726v-60h265v60Zm-682.2 76q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-42.1 21.63-76.54Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.65V-122H-31Zm339.8-466q35.2 0 57.7-22.85 22.5-22.84 22.5-58.11 0-35.69-22.51-58.37Q343.97-750 309.17-750q-35.22 0-58.19 22.72Q228-704.56 228-669.46q0 35.51 22.8 58.49 22.79 22.97 58 22.97ZM63-216h491v-23q0-15.35-8-28.82T521-289q-65-29-110-39t-101.74-10q-56.74 0-103 10T95.29-289.16Q80-282.44 71.5-268.42 63-254.41 63-239v23Zm246-453Zm0 453Z" }))));
     }
     static get is() { return "ds-icon-group-remove"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconGroupRemove {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconGroupRemove {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconGroupRemoveFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd3443a88c792efa31f859c91100c0ec2ccbc7314', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c4a9f5cfa276311f3d8a91a8f7911c46ce9ebe43', 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: 'c11162fe372322af159911e89b27fc1b3814c916', d: "M482-500q32-38 47-79t15-90.5q0-50.5-16.47-92.34Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm282-448H726v-60h265v60Zm-682.2 76q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-41.75 21.63-76.37Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.71V-122H-31Z" }))));
+        return (h(Host, { key: '4e64f9da85b9a4b2288d506a80761b102730d6fb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1e9136f9cbdeb3df29e3dc073dc3e398186396ce', 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: '9feed67d43032807ceca9172f454a051420cbe83', d: "M482-500q32-38 47-79t15-90.5q0-50.5-16.47-92.34Q511.07-803.68 480-838q88-11 146 36.5T684-669q0 86.6-59 134.3Q566-487 482-500Zm227 378v-116q0-61-25.5-109T590-430q187 18 251 69.5t64 122.22V-122H709Zm282-448H726v-60h265v60Zm-682.2 76q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.2 49t49 126.2q0 77.21-49 126Q386-494 308.8-494ZM-31-122v-121q0-41.75 21.63-76.37Q12.27-353.99 50-371q75-32 134.5-47T309-433q66 0 125 14.5T566-371q38 16 60.5 50.5t22.5 77.71V-122H-31Z" }))));
     }
     static get is() { return "ds-icon-group-remove-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconGroupRemoveFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconGroupRemoveFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHelp {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '4785c4453c5abdcde2e4671df281f7873255a6c4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '58bb782ef5a187b9cb550950c5b2f10ff69c4115', 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: '41f3b8b060d904b31552bf10bab23641e03f832b', d: "M482-247q18 0 32-14t14-32.64q0-18.64-14-32T481.5-339q-18.5 0-32 13.28T436-293.14Q436-275 449.63-261T482-247Zm-43-146h74q0-24 6.5-45.5T557-486q29-22 41.5-48.21t12.5-57.91q0-55.88-32.8-89.38Q545.41-715 488-715q-52 0-93 28.5t-60 75.65L404-585q12-29 32.49-44 20.48-15 44.51-15 24.5 0 41.75 14.65T540-590.32q0 18.32-11.5 36.82T497-519q-28 24-43 52.57T439-393Zm41.14 338Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+        return (h(Host, { key: '1013f5ab08dd6845e0af844fcb8680dca44100aa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd8e3e3660749f9e5dd371175497a1ce9bd05834a', 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: 'b6cd1edab5b8099651b805c131622e2b936a6c1d', d: "M482-247q18 0 32-14t14-32.64q0-18.64-14-32T481.5-339q-18.5 0-32 13.28T436-293.14Q436-275 449.63-261T482-247Zm-43-146h74q0-24 6.5-45.5T557-486q29-22 41.5-48.21t12.5-57.91q0-55.88-32.8-89.38Q545.41-715 488-715q-52 0-93 28.5t-60 75.65L404-585q12-29 32.49-44 20.48-15 44.51-15 24.5 0 41.75 14.65T540-590.32q0 18.32-11.5 36.82T497-519q-28 24-43 52.57T439-393Zm41.14 338Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
     }
     static get is() { return "ds-icon-help"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHelp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHelp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHelpFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'fe72a1dd5fa2b068dbfba8a45c435adcc1c35cd3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4ffa6ae619e73906f62684470741cac2a27db365', 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: '503b6ba5a848816a6f6015bada79c8bf507726cf', d: "M482-247q18 0 32-14t14-32.64q0-18.64-14-32T481.5-339q-18.5 0-32 13.28T436-293.14Q436-275 449.63-261T482-247Zm-43-146h74q0-24 6.5-45.5T557-486q29-22 41.5-48.21t12.5-57.91q0-55.88-32.8-89.38Q545.41-715 488-715q-52 0-93 28.5t-60 75.65L404-585q12-29 32.49-44 20.48-15 44.51-15 24.5 0 41.75 14.65T540-590.32q0 18.32-11.5 36.82T497-519q-28 24-43 52.57T439-393Zm41.14 338Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+        return (h(Host, { key: '7ce79b2e88d9857b8e797d679f4313595ad48e40', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7777d7add7b5f12cd4373c192a8d9700485db150', 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: 'f36f281cf57b6cfb53bc981176a4b843d58996b1', d: "M482-247q18 0 32-14t14-32.64q0-18.64-14-32T481.5-339q-18.5 0-32 13.28T436-293.14Q436-275 449.63-261T482-247Zm-43-146h74q0-24 6.5-45.5T557-486q29-22 41.5-48.21t12.5-57.91q0-55.88-32.8-89.38Q545.41-715 488-715q-52 0-93 28.5t-60 75.65L404-585q12-29 32.49-44 20.48-15 44.51-15 24.5 0 41.75 14.65T540-590.32q0 18.32-11.5 36.82T497-519q-28 24-43 52.57T439-393Zm41.14 338Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
     }
     static get is() { return "ds-icon-help-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHelpFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHelpFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHistory {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1c4c2d387792af7b26ad0726e5545c692ea5b83d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '89babc402eb59f23d55212a90005bfeff45b5a7a', 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: '3fc0a99ee31cdd913ff294081f5eed72694b9125', d: "M476.06-95Q315-95 203.8-207.43 92.59-319.85 94-481h94q1.15 121.3 84.01 206.65Q354.86-189 476-189q122 0 208-86.32t86-209.5Q770-605 683.63-688 597.25-771 476-771q-60 0-113.5 24.5T268-680h84v73H123v-227h71v95q55-59 127.5-93T476-866q80 0 150.5 30.5t123.74 82.51q53.24 52.01 83.5 121.5Q864-562 864-482q0 80-30.26 150.49-30.26 70.49-83.5 123Q697-156 626.5-125.5 556-95 476.06-95ZM600-311 446-463v-220h71v189l135 131-52 52Z" }))));
+        return (h(Host, { key: 'ed54dbfdc2b13e83e9b07cadc52ad16bf806c1e6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '066649ecea2ea88df7d719440910f1b10caa14ee', 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: '69c8d397052f16cc9a099e501a8bd99ea2e28897', d: "M476.06-95Q315-95 203.8-207.43 92.59-319.85 94-481h94q1.15 121.3 84.01 206.65Q354.86-189 476-189q122 0 208-86.32t86-209.5Q770-605 683.63-688 597.25-771 476-771q-60 0-113.5 24.5T268-680h84v73H123v-227h71v95q55-59 127.5-93T476-866q80 0 150.5 30.5t123.74 82.51q53.24 52.01 83.5 121.5Q864-562 864-482q0 80-30.26 150.49-30.26 70.49-83.5 123Q697-156 626.5-125.5 556-95 476.06-95ZM600-311 446-463v-220h71v189l135 131-52 52Z" }))));
     }
     static get is() { return "ds-icon-history"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHistory {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHistory {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHome {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '739695912c3152deaeaad4559a7ce8fc3c9a926f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '082bd4379c658a0350f885384ede17b89ed652f0', 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: '97a46a0791d43f5596b8771cf3cd46cfe83ec1f0', d: "M229-189h124v-258h254v258h124v-377L480-754 229-565.67V-189Zm-94 94v-518l345-259 346 259v518H524v-269h-88v269H135Zm345-377Z" }))));
+        return (h(Host, { key: 'c514e1d46e0f51908c4ca27c19a94b0c648740cf', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c546be04e6864ebb58a6bf0058510081ccd5a5b6', 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: '1c6a0061a7c94c885c262000ce50e0082f1d365e', d: "M229-189h124v-258h254v258h124v-377L480-754 229-565.67V-189Zm-94 94v-518l345-259 346 259v518H524v-269h-88v269H135Zm345-377Z" }))));
     }
     static get is() { return "ds-icon-home"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHome {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHome {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHomeFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'baf654e6667608368fd2ab5076e937a414dbf98c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'da0ffd6be705a6a8a1c1cc06074fd29f020424a2', 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: 'ec232ad233a45c38b0ed320361d504beec8662a2', d: "M135-95v-517.67L480-872l346 259v518H566v-311H394v311H135Z" }))));
+        return (h(Host, { key: '3002798e56c446fb56dea251d7ece0cf64f741ef', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c09886c86ea37d0e3d13d9303a1e2a2296773028', 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: '6dbd8b55eeb3e2feda9b6f5a9c6b3740eb9c26dc', d: "M135-95v-517.67L480-872l346 259v518H566v-311H394v311H135Z" }))));
     }
     static get is() { return "ds-icon-home-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHomeFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHomeFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHourglass {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ed525bef9b1108a083c770dbee0112af09ed33da', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '31f7bf90fc9955b0eff54c6d972dc59e10a4b33c', 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: 'ce3b0063089f734e64a2c9bb50804c271d9494d7', d: "M317-149h326v-118q0-68-47.5-115T480-429q-68 0-115.5 47T317-267v118Zm163-382q68 0 115.5-47.5T643-694v-117H317v117q0 68 47.5 115.5T480-531ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Zm345-94Zm0-662Z" }))));
+        return (h(Host, { key: '5ef181e75613fed5c3d2883bd82a5a1923069238', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd1503e7621f0e2ed1226ecf20c09407e6c9e3614', 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: 'b5ce1f37ebb93ab275f705309e1ff947c9ef1e93', d: "M317-149h326v-118q0-68-47.5-115T480-429q-68 0-115.5 47T317-267v118Zm163-382q68 0 115.5-47.5T643-694v-117H317v117q0 68 47.5 115.5T480-531ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Zm345-94Zm0-662Z" }))));
     }
     static get is() { return "ds-icon-hourglass"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHourglass {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHourglass {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHourglassBottom {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9405ca24fea627a8687c5f73d23366ddbfa8aafb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b772007e563305fbab6e8700ae7670c992bb753f', 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: '9a21bc4d59b673bd384114faea365b77eeaff9a9', d: "M480-531q68 0 115.5-47.5T643-694v-117H317v117q0 68 47.5 115.5T480-531ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Z" }))));
+        return (h(Host, { key: 'cbb89a7109678fbe24352704b1b26fe44dc19781', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c0281fca55c8cebcbf75b0c1abbe494635cd0ee4', 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: '9b2aff9648392b899255ea44a0291f6733fd4b78', d: "M480-531q68 0 115.5-47.5T643-694v-117H317v117q0 68 47.5 115.5T480-531ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Z" }))));
     }
     static get is() { return "ds-icon-hourglass-bottom"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHourglassBottom {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHourglassBottom {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconHourglassTop {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c9c5e7de379622a8a82420a140655744231aabc2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '88764ce62af543b24192b050b88cbd6badce1ad8', 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: '107e4d2478b14f107b1b98d4c0744cb66bc5862c', d: "M317-149h326v-118q0-68-47.5-115T480-429q-68 0-115.5 47T317-267v118ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Z" }))));
+        return (h(Host, { key: '82700cfe403dc5b270aa9933031d100ce9fd67b3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '40e06155bd6de6aa84d376bb6461035613de5a05', 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: 'f7fec3d6348c8986c0f412d0d0be635d7c5a0acb', d: "M317-149h326v-118q0-68-47.5-115T480-429q-68 0-115.5 47T317-267v118ZM135-55v-94h88v-117.65Q223-335 258.5-392t95.5-88q-60-32-95.5-89T223-694.35V-811h-88v-95h691v95h-88v116.65Q738-626 702.5-569T607-480q60 31 95.5 88T738-266.65V-149h88v94H135Z" }))));
     }
     static get is() { return "ds-icon-hourglass-top"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconHourglassTop {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconHourglassTop {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconImage {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0228d29fb532cb3d16a95b5bba8b7c726b03ae56', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'aecd59b7b4d5107f927465523321bc6d40db5754', 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: 'a20ca835652e0ad10ea48e670a45585d64217a53', d: "M223-268h515L578-488 446-317l-93-127-130 176ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
+        return (h(Host, { key: '931677e957af1a21b71e0324695c25a6073c1ff4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f6fe6603c79aa837f1c2269201b01d8f125d7cfb', 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: '3bcc3138a058ba88a977b1657b993e389d59b08d', d: "M223-268h515L578-488 446-317l-93-127-130 176ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
     }
     static get is() { return "ds-icon-image"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconImage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconImage {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconImageFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'da02fd0e5ce8c3680c0788bd534724074176ca9c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fbbe146038ab6bbabcaf81bcb87c169b44364952', 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: '1e83fdd2d752b159a07cb1ad247775c3faeae6eb', d: "M223-268h515L578-488 446-317l-93-127-130 176ZM95-95v-771h771v771H95Z" }))));
+        return (h(Host, { key: '46486bbef85fb07bd9185bf51bfd8683879f7461', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'efe3c0490f33b6beeb78af544014e7983d125cc3', 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: '842c8b01a9b966b4a84f5bf032bf3e9fee7c41ff', d: "M223-268h515L578-488 446-317l-93-127-130 176ZM95-95v-771h771v771H95Z" }))));
     }
     static get is() { return "ds-icon-image-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconImageFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconImageFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconInfo {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1f366c9e7b6df28a43a1c1e3654f0287d1941dff', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e99b96fa6564b0c539107e2745227de5fd193c26', 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: 'd2a8ab53dff88c498d21064745aa205f68dab630', 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-55Zm.1-94q137.5 0 234-96.37T811-480.5q0-137.5-96.31-234T479.5-811q-137.5 0-234 96.31T149-479.5q0 137.5 96.37 234T480.5-149Zm-.5-331Z" }))));
+        return (h(Host, { key: '76aa3c4da06e33ec73668ea90bad2e4cc7659f82', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4f373dd119a3f085fd8a5a928b7880ba24f4a2da', 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: 'd6c47f0e0e6c6eddf56c38f28adf5185e7054519', 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-55Zm.1-94q137.5 0 234-96.37T811-480.5q0-137.5-96.31-234T479.5-811q-137.5 0-234 96.31T149-479.5q0 137.5 96.37 234T480.5-149Zm-.5-331Z" }))));
     }
     static get is() { return "ds-icon-info"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconInfo {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconInfo {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconInfoFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '56a2ba4d162bc8f61a8d10e42fc213b1c4a8ba19', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a81a313501869cc7833c243ea9ac17f53f5f9e1a', 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: '7e98f336341eaec492e9a6b7a31876ff20bed4bc', 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" }))));
+        return (h(Host, { key: '4440613b3d3b6c0f1125df24f2aa52b0a2bd1a33', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4552a741a45af1dee090a7a953032d7a33360725', 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: 'fa1e209f1a67940887aed52a2ed1892200481882', 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() {
@@ -20,7 +20,7 @@ export class DsIconInfoFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconInfoFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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: '4d7520d4d23aad917a26504874e753cd3b3ae903', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8dee22ac229512f325a0d03cb2dc64a26ba3778a', 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: '979d921df2bf6bf4f6421952b728dedde37c3e14', "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: '4ea1e1921a91d142baa36a8a4adb0b192de04033', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97ee7b006bc48bbf07046857ba50473cfd6c92c1', 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: 'adb16a6b9c316d8c6b0228fd48875d54dedcd5b5', 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: '83aba52de1ea933902b4c1aca97f2ac334819488', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7c28f011f6b9da8a948433a48f2af7a923a056d8', 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: '3418fcd99ac1c51a1d7f73d3c886679891fd77c6', 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": ""