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

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

@@ -6,7 +6,7 @@ export class DsIconTourFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1cc5f96c6e3715fcfbf8519e6096083904631dba', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9621593c933d6d08a193b4c1137ae129bd1a41da', 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: '319f992322642ddf2c14f7506c858f85c27bfbfe', d: "M187-55v-851h94v78h611l-96 225 96 225H281v323h-94Zm322.21-476Q539-531 560-552.21t21-51Q581-633 559.79-654t-51-21Q479-675 458-653.79t-21 51Q437-573 458.21-552t51 21Z" }))));
+        return (h(Host, { key: '7f9014245fe741ca7d76741cd9d832da7d91f779', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0434605cf5762f2f86cad6e8de61b0d145e4e64f', 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: 'fc8ed9cc568c1b954e9d2ec3dac85a696b2512fc', d: "M187-55v-851h94v78h611l-96 225 96 225H281v323h-94Zm322.21-476Q539-531 560-552.21t21-51Q581-633 559.79-654t-51-21Q479-675 458-653.79t-21 51Q437-573 458.21-552t51 21Z" }))));
     }
     static get is() { return "ds-icon-tour-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconTourFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconTourFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconTranslate {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '143028f7103c646b423b08e6cf226de8ab882785', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1ced67fa7a7234609f2cf4bead11b847fd092da4', 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: '052cca382f232eebc04b169c7c7e1a90dd4ce259', d: "m447-55 187-514h131L951-55H848l-33-85H581l-33 85H447ZM150-169l-67-67 197-196q-58-61-94.5-116.5T134-651h108q10 31 37 69t69 82q44-48 80-112t50-119H10v-95h290v-80h95v80h290v95H582q-18 74-64 155T413-432l66 67-37 102-97-101-195 195Zm463-61h170l-85-228-85 228Z" }))));
+        return (h(Host, { key: 'f9349ce559c3cb1ede40f59aa405215b0965efae', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd3d95b511c360ff1ae01ee14380021b3cc1a653c', 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: '4e7fc5ebcc11a49b40b5f4483325d9ae952f2951', d: "m447-55 187-514h131L951-55H848l-33-85H581l-33 85H447ZM150-169l-67-67 197-196q-58-61-94.5-116.5T134-651h108q10 31 37 69t69 82q44-48 80-112t50-119H10v-95h290v-80h95v80h290v95H582q-18 74-64 155T413-432l66 67-37 102-97-101-195 195Zm463-61h170l-85-228-85 228Z" }))));
     }
     static get is() { return "ds-icon-translate"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconTranslate {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconTranslate {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconTrendingDown {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'dfe86f772d4064942edb329a5417d3ec5b4d4422', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '726c40e4caf7636133e1c89285481f1fd3564583', 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: '4d8b099ccd3bb0398e23af4a775581a13764c0d7', d: "M628-218v-94h118L543-517 376-350 55-670l67-67 253 253 167-167 270 271v-115h94v277H628Z" }))));
+        return (h(Host, { key: '92e66c0742920c82c5a417dcfe382fe7aef7c42f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f2d22827bf58464737a3ed51b2de34d2f663769a', 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: 'b0a366f2a9a2706ba5547c4981d9d7c234b97d23', d: "M628-218v-94h118L543-517 376-350 55-670l67-67 253 253 167-167 270 271v-115h94v277H628Z" }))));
     }
     static get is() { return "ds-icon-trending-down"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconTrendingDown {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconTrendingDown {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconTrendingUp {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ba929dc1112dfc0f1233506b51b79043bff94c8c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b15895f9277303695482b3759fcb21dedbbb8ad8', 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: '466562052cfcf59baec12c8d572eb3f7ac5458da', d: "m122-218-67-67 321-319 167 167 203-205H628v-95h278v278h-94v-115L542-303 375-470 122-218Z" }))));
+        return (h(Host, { key: 'cd184aa6220960ae433c5d4feb08d766d7553932', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2bccba6ee5065230eb53cda0b5e2b169d64fd53a', 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: '4b70ab40db1986361a71fae5c69649e88098b83d', d: "m122-218-67-67 321-319 167 167 203-205H628v-95h278v278h-94v-115L542-303 375-470 122-218Z" }))));
     }
     static get is() { return "ds-icon-trending-up"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconTrendingUp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconTrendingUp {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconUnfoldLess {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '40a4e06a6485bdb890720320ef0a3be372eb7946', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1e5bd123ba7338623d70322d6a9d851aa9442d38', 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: 'c331715c327e37678650d243af9e05f0740ac55e', d: "m343-136-67-67 204-204 204 204-67 67-137-137-137 137Zm137-417L276-757l67-67 137 137 137-137 67 67-204 204Z" }))));
+        return (h(Host, { key: '307c2c1b68df199c5f5ece137ae7130d6184af17', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6425e4d7ad66ccec79bf0a4522046dc4f7535746', 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: '542579ef8578e2f3896b2c9c1a0ecfa597ddc99e', d: "m343-136-67-67 204-204 204 204-67 67-137-137-137 137Zm137-417L276-757l67-67 137 137 137-137 67 67-204 204Z" }))));
     }
     static get is() { return "ds-icon-unfold-less"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconUnfoldLess {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconUnfoldLess {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconUnfoldMore {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a451535803a1e807611af33a5d1ef46f3c8e06dc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ab5ee2f2d853d5b3dc4140b9634e6ab6a0880a9f', 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: 'a956330d3d844cda6b51afc30ad01e3d195bf3f5', d: "M480-96 274-302l68-68 138 139 138-139 68 68L480-96ZM342-589l-68-67 206-206 206 206-68 67-138-138-138 138Z" }))));
+        return (h(Host, { key: '467224a223bab1459a1e5f6e819e58a5a469b57c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ba807e5084e00539b856601aaf0003930c9c2287', 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: '83aa8bba4d8a9fe94ddfc58ae36f09803a37f0af', d: "M480-96 274-302l68-68 138 139 138-139 68 68L480-96ZM342-589l-68-67 206-206 206 206-68 67-138-138-138 138Z" }))));
     }
     static get is() { return "ds-icon-unfold-more"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconUnfoldMore {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconUnfoldMore {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconUngroup {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0d44cb6b9234ce80834bf46ab96460b44fc0b56f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '84d81b1ff6bcf962c41d84242521e9e12a3a7606', 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: '59b6906b09d30a1c4840cd4cf6ef8ef1390aee55', d: "m348-281-67-67 165-165H313v-94h294v294h-94v-133L348-281Zm423-190v-300H471v-95h395v395h-95ZM95-95v-771h94v677h677v94H95Z" }))));
+        return (h(Host, { key: '105f3b588d49b32cd9ec76e155211d6a767aab13', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c1743d2b511c7ac5f97b60d3f050c7e0318f0519', 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: 'e41f69148f41906aa518312dc930729cb12c0430', d: "m348-281-67-67 165-165H313v-94h294v294h-94v-133L348-281Zm423-190v-300H471v-95h395v395h-95ZM95-95v-771h94v677h677v94H95Z" }))));
     }
     static get is() { return "ds-icon-ungroup"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconUngroup {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconUngroup {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconUpload {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0a99dabb5da6eacf0b684da4438c7babf7ecb288', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4351afe84db60f9735569636429648708c3df450', 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: 'b356f20f4526fafb9046cb68572abbd02922302b', d: "M433-322v-323L319-530l-68-67 229-229 229 229-68 67-114-115v323h-94ZM135-135v-237h94v143h502v-143h95v237H135Z" }))));
+        return (h(Host, { key: '250ae67d65dc72bc82ee5e011066d518e7b20f77', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '84e4752214c502e9cfae895bfcf64f2b69c7fa99', 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: '7479302ff05fc9d4a09ccfc2eaa4c0b86f694469', d: "M433-322v-323L319-530l-68-67 229-229 229 229-68 67-114-115v323h-94ZM135-135v-237h94v143h502v-143h95v237H135Z" }))));
     }
     static get is() { return "ds-icon-upload"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconUpload {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconUpload {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconViewList {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '86bf2c601345ed0df2413c73985d4da93f239127', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '00d92ace8db874f1b67f00fea2da772ee950779e', 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: '055dfdde5d38357ca5647dbfd50b5a8c18740a96', d: "M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z" }))));
+        return (h(Host, { key: '69a347c416149c05e029f741bf2c03c5cd4b27b2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9921ce84cc4eea3461ed7a105fd775a95db745bd', 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: 'd35657fd14aa96d93192e28988c8b67162657a30', d: "M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z" }))));
     }
     static get is() { return "ds-icon-view-list"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconViewList {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconViewList {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconViewListFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '05cc32d1dff3bd45934183aaf10f2b8d1fae77f4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '852861b7c878988589b26a4803a695ae9528e491', 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: 'fed24f1282c180358e8efd2b31f727c2991ac664', d: "M365-135h541v-191H365v191ZM55-634h250v-192H55v192Zm0 249h250v-189H55v189Zm0 250h250v-191H55v191Zm310-250h541v-189H365v189Zm0-249h541v-192H365v192Z" }))));
+        return (h(Host, { key: '90dfa198ec7774f30cf12625eebe9922fb6642ef', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4b555bec520c64027899b23a853cd4ffb59d4df0', 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: '5b71f328b17a7e1223c18e7bd1ec4a9dac8c8dcc', d: "M365-135h541v-191H365v191ZM55-634h250v-192H55v192Zm0 249h250v-189H55v189Zm0 250h250v-191H55v191Zm310-250h541v-189H365v189Zm0-249h541v-192H365v192Z" }))));
     }
     static get is() { return "ds-icon-view-list-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconViewListFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconViewListFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconVisibility {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9a3abe5ceb3db319da5fcc317c6c347661daf01f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '670eddca9d05cdbebc68c1e33f00ecac829b6006', 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: 'e22a1ac02da456ef96c8cf4200a694591f8d91c0', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Zm0-323Zm-.08 240q120.45 0 221.27-65.5Q802-391 855-500q-53-109-153.73-174.5Q600.53-740 480.08-740t-221.27 65.5Q158-609 104-500q54 109 154.73 174.5Q359.47-260 479.92-260Z" }))));
+        return (h(Host, { key: '4f205002b3b6822f644303c6793a85581082017c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '682e15ffffcba42a1397a25a27e0788874529715', 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: '2a3567d02c245c53bd20649e1f9505470b1e840d', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Zm0-323Zm-.08 240q120.45 0 221.27-65.5Q802-391 855-500q-53-109-153.73-174.5Q600.53-740 480.08-740t-221.27 65.5Q158-609 104-500q54 109 154.73 174.5Q359.47-260 479.92-260Z" }))));
     }
     static get is() { return "ds-icon-visibility"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconVisibility {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconVisibility {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconVisibilityFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'e36c54a2bb4ec62678d85fad4dc89893e2f23ed3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7033fb9de8bfe153eb428643e690783a1296fc9e', 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: '18bc77bbdb849eff349c659ceb570861a89fe932', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Z" }))));
+        return (h(Host, { key: 'dac78dc504c176d79c5a622a5a9c50f552d09981', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ca709da418007fe8bfa7dfb3861f7868174dca6c', 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: '33d33f71815d33838b8eb838d85acb602deec395', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Z" }))));
     }
     static get is() { return "ds-icon-visibility-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconVisibilityFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconVisibilityFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconVisibilityOff {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '6b0dc66debf82424db49f76a1e8c8f5a08f888e3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '78bef36016346221ac7286c00454f063629e5cd9', 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: 'fe0e6f9b35f1cd7f4789f420ae1d245e4ed2241e', d: "m634-432-77-76q21-44-12.5-69t-62.5-6l-70-71q15-8 33-12t35-4q71 0 120.5 49.5T650-500q0 16-4 36t-12 32Zm148 150-55-56q44-35 76.5-77t52.5-85q-52-110-150.5-175T490-740q-42 0-82 7t-59 16l-66-66q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282Zm25 227L653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM216-646q-36 29-66 68.5T104-500q52 111 153 175.5T488-260q27 0 55.5-3t44.5-11l-64-64q-8 4-20.5 6t-23.5 2q-70 0-120-49t-50-121q0-11 1.5-23t4.5-21L216-646Zm323 128Zm-137 69Z" }))));
+        return (h(Host, { key: 'd7092ee22d20a78bee7dc2c6c87f74f68fdf0972', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5ba68e4d274b84233312896a51b9692762a219d7', 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: 'ca00a4f8bf5e74f4566470b9f21ea7f4fe6e3ec6', d: "m634-432-77-76q21-44-12.5-69t-62.5-6l-70-71q15-8 33-12t35-4q71 0 120.5 49.5T650-500q0 16-4 36t-12 32Zm148 150-55-56q44-35 76.5-77t52.5-85q-52-110-150.5-175T490-740q-42 0-82 7t-59 16l-66-66q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282Zm25 227L653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM216-646q-36 29-66 68.5T104-500q52 111 153 175.5T488-260q27 0 55.5-3t44.5-11l-64-64q-8 4-20.5 6t-23.5 2q-70 0-120-49t-50-121q0-11 1.5-23t4.5-21L216-646Zm323 128Zm-137 69Z" }))));
     }
     static get is() { return "ds-icon-visibility-off"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconVisibilityOff {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconVisibilityOff {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconVisibilityOffFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '945cd90070f849287572bf24be260aeec9bec842', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '65312268a3b6431d6df6463d8967e1698cf6e09b', 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: '4cfe2baecefd458c7ee4b2c5a78360b641787457', d: "M807-55 653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM480-330q11 0 23.5-2.5T524-339L317-544q-3 9-5 21t-2 23q0 72 50 121t120 49Zm302 48L633-432q8-12 12.5-32t4.5-36q0-71-49.5-120.5T480-670q-17 0-35 4t-33 12L283-783q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282ZM556-509l-73-73q13-8 30-7t31 12q13 13 17.5 28.5T556-509Z" }))));
+        return (h(Host, { key: '7d6fb5ea8bb4bc4fb64fa003d1d734e587602cf8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7a6b80736ad6d2e0517aacebe42900f82a825882', 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: 'c7e935e84a193e4016cd8825ce5a636ee7536654', d: "M807-55 653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM480-330q11 0 23.5-2.5T524-339L317-544q-3 9-5 21t-2 23q0 72 50 121t120 49Zm302 48L633-432q8-12 12.5-32t4.5-36q0-71-49.5-120.5T480-670q-17 0-35 4t-33 12L283-783q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282ZM556-509l-73-73q13-8 30-7t31 12q13 13 17.5 28.5T556-509Z" }))));
     }
     static get is() { return "ds-icon-visibility-off-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconVisibilityOffFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconVisibilityOffFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconVpnLock {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '6f317cea3f4ff218bdd5efce2df53404edf1d084', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cf9563545fc6506ce4ed3a72fc15c5852b029a69', 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: '69200b890f90202f5ec8b2b3fbb011f68ebd396e', d: "M480.67-55Q390.8-55 312.9-87.5t-135.4-90Q120-235 87.5-312.65T55-479.53Q55-570 87.5-647.5t89.5-135Q234-840 310.3-873q76.31-33 162.7-33 44.65 0 90.32 8Q609-890 632-880v191H435v123.2H312v83.8h293v170h38l80 58q43-49 66-107.1 23-58.09 23-116.78 0-13.12-.5-35.12t-2.5-34h93q2 9 3 28.69t1 37.31q0 89.39-32.5 167.7-32.5 78.3-90 135.8-57.5 57.5-134.78 90T480.67-55ZM435-144v-90l-77.94-77.69v-38.85L156-551q-4 24-5.5 37.17Q149-500.67 149-485q0 130.55 80.86 227.27Q310.73-161 435-144Zm246-452v-219h46v-40q0-37.95 25.7-65.47Q778.4-948 815.5-948q37.51 0 63.51 27.53Q905-892.95 905-855v40h47v219H681Zm97-219h76v-47q0-17.3-10.28-30.15Q833.45-905 815.5-905q-17.53 0-27.51 12.85Q778-879.3 778-862v47Z" }))));
+        return (h(Host, { key: '7c978773e8d7597961bdbfa300e160d57797e7b9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b65c77b26e7f03da3b8a82b123b53ab734f40f19', 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: '2fb78e891d4247c95dae58695bb0b8a08acbe531', d: "M480.67-55Q390.8-55 312.9-87.5t-135.4-90Q120-235 87.5-312.65T55-479.53Q55-570 87.5-647.5t89.5-135Q234-840 310.3-873q76.31-33 162.7-33 44.65 0 90.32 8Q609-890 632-880v191H435v123.2H312v83.8h293v170h38l80 58q43-49 66-107.1 23-58.09 23-116.78 0-13.12-.5-35.12t-2.5-34h93q2 9 3 28.69t1 37.31q0 89.39-32.5 167.7-32.5 78.3-90 135.8-57.5 57.5-134.78 90T480.67-55ZM435-144v-90l-77.94-77.69v-38.85L156-551q-4 24-5.5 37.17Q149-500.67 149-485q0 130.55 80.86 227.27Q310.73-161 435-144Zm246-452v-219h46v-40q0-37.95 25.7-65.47Q778.4-948 815.5-948q37.51 0 63.51 27.53Q905-892.95 905-855v40h47v219H681Zm97-219h76v-47q0-17.3-10.28-30.15Q833.45-905 815.5-905q-17.53 0-27.51 12.85Q778-879.3 778-862v47Z" }))));
     }
     static get is() { return "ds-icon-vpn-lock"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconVpnLock {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconVpnLock {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconWarning {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1582ce4261bb93f8e4b8b8c7fc54c12f0094548f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c859b0bf80f110fe3cb9ac0b897b4f625fa7ed00', 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: '9a10d2a1b2af1599e83d87e9c4f2f6c6be42a8cc', d: "m18-107 462-799 462 799H18Zm145-84h634L480-739 163-191Zm321.18-48q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Zm26-117Z" }))));
+        return (h(Host, { key: 'e1bbe97385e81d160606e959b5be9d904f9a4ef1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '301783b2990aefedcc7c6bd41c1eab742298c36f', 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: '462aab2f4b87793d777bd5046cdbd1882d97b004', d: "m18-107 462-799 462 799H18Zm145-84h634L480-739 163-191Zm321.18-48q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Zm26-117Z" }))));
     }
     static get is() { return "ds-icon-warning"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconWarning {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconWarning {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconWarningFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'dfff6c2a5a7f2993217c7553845d3d910372714e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4eb9e76919fa71c261e8936510c02d0845a718d7', 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: 'bccf33a0d4563a611ba53da88ea21d9d0ec1c2d4', d: "m18-107 462-799 462 799H18Zm466.18-132q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Z" }))));
+        return (h(Host, { key: '7ea4544c724472d89f5b1b624ad105c777704ec2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '61a7e188c52d0912d0f5eb4e187e6c8d8f944d08', 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: '45e83e02d146197fec765751981e3825af323920', d: "m18-107 462-799 462 799H18Zm466.18-132q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Z" }))));
     }
     static get is() { return "ds-icon-warning-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconWarningFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconWarningFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconWidgetSmall {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ac1a592a81a6ec3cda22bd11ee1f9666a9d88956', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3f81240d0d8abcf57c7a22f992e72e6379efdf2c', 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: '548d3c8fc0b351ba217f7cfd6eac458859668e43', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665ZM213-212Zm229 0h76-76Zm306 0ZM213-443v-74 74Zm267-37Zm268 37v-74 74ZM442-748h76-76Zm306 0ZM137-138h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM137-443h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM442-748h76v-74h-76v74Zm306 0h75v-74h-75v74Z" }))));
+        return (h(Host, { key: '206c7f900b6c795042787885e780ef40cd186c46', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '828390462c1eacef2c11f8691fc2415a58ca4f01', 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: '685d17b905a7791a4fab32eeeb471eb86ba699ee', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665ZM213-212Zm229 0h76-76Zm306 0ZM213-443v-74 74Zm267-37Zm268 37v-74 74ZM442-748h76-76Zm306 0ZM137-138h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM137-443h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM442-748h76v-74h-76v74Zm306 0h75v-74h-75v74Z" }))));
     }
     static get is() { return "ds-icon-widget-small"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconWidgetSmall {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconWidgetSmall {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconWidgetSmallFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'b9e906220e7fe2182cfd2508439135dbab31a06a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '290abc8329469fe44225d49c5a8c450508ca91e3', 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: '4abb6f3f5573dc7c26cd647deaaab197a76ceef2', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
+        return (h(Host, { key: 'b8ccab4f0bceb49017287a104ec49071a404c7d1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '24ebcc2b9d5184b6ec7a083babc55f954a394963', 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: '96f6ae2b377d3278256f5f86b1f96fb7f43eb361', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
     }
     static get is() { return "ds-icon-widget-small-fill"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconWidgetSmallFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconWidgetSmallFill {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconX {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ffee089f559bd86d28bf175da4f44179c7159e85', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '22ffba7ed9daf94150421418d3966d6cdcb6ce55', 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: 'd7baa02d56b772b0955051be33bebd173db505a8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.00003 3.00002C3.00001 4.00002 3.00002 4.00002 3.00002 5.00002L3.00002 21C4.5 21 4.00002 21 5.00002 21L21 21C21 20 21 20 21 19L21 3.00003C20 2.99999 20 3.00002 19 3.00002H3.00003ZM16.9092 7.00001H15.2128L12.4175 10.1954L10.0005 7.00001H6.50002L10.6826 12.4692L6.71848 17H8.41591L11.4754 13.5041L14.1492 17H17.5631L13.2031 11.2359L16.9092 7.00001Z" }), h("path", { key: '2fca10af36de2994ae9f1c79eee9ed5453e52dbc', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
+        return (h(Host, { key: 'bc9c65dc58479f2127d3239b586e9078bb06865f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4bc6e42e2568fd2ec857cd826a917dee6082ff77', 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: '32ccd3fec5bf2489bc034f46d33b34902f509096', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.00003 3.00002C3.00001 4.00002 3.00002 4.00002 3.00002 5.00002L3.00002 21C4.5 21 4.00002 21 5.00002 21L21 21C21 20 21 20 21 19L21 3.00003C20 2.99999 20 3.00002 19 3.00002H3.00003ZM16.9092 7.00001H15.2128L12.4175 10.1954L10.0005 7.00001H6.50002L10.6826 12.4692L6.71848 17H8.41591L11.4754 13.5041L14.1492 17H17.5631L13.2031 11.2359L16.9092 7.00001Z" }), h("path", { key: '785c48bb61fa754ce78917b6547146149932a304', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
     }
     static get is() { return "ds-icon-x"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconX {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconX {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -6,7 +6,7 @@ export class DsIconYoutube {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a7598752b178cab68bc85400ff756e18dd5eb9e8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '06b91f2a522b3fa7111ece269fa34f53c483228b', 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: '9cf81799f385a74b515a7ce6ea16d16bef8365a2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3.00002C21 8.3569 21 15.643 21 21.0001C15 20.9806 8.99999 21 3 21V3.00019C8.35684 2.99992 15.6429 3.00002 21 3.00002ZM12.4663 7.00165L11.7079 7.0004C10.7113 7.00644 7.45039 7.04509 6.52908 7.29244C5.92669 7.4538 5.45224 7.92917 5.29122 8.5328C5.06455 9.38044 5.01349 10.9415 5.00199 11.6018V12.2175C5.01349 12.8778 5.06455 14.4389 5.29122 15.2865C5.45224 15.8901 5.92669 16.3457 6.52908 16.5071C7.36319 16.731 10.115 16.7839 11.368 16.7964H12.6307C13.8837 16.7839 16.6355 16.731 17.4696 16.5071C18.072 16.3457 18.5464 15.8901 18.7074 15.2865C18.8713 14.6738 18.9434 13.6884 18.9751 12.9398L18.9995 11.817C18.9958 11.3789 18.9649 9.49561 18.7074 8.5328C18.5464 7.92917 18.072 7.45378 17.4696 7.29244C16.5968 7.05811 13.6241 7.01109 12.4663 7.00165ZM10.5992 9.79955L14.0995 11.8998L10.5992 14V9.79955Z" }))));
+        return (h(Host, { key: '47ec451f888a111259d533f43ec198d7fcd14c16', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6c3a45f1bcfa0bf5765bc97dd3f632e690609b7c', 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: 'ad71d37f4061ec99d1be6d8bea5fce6ac71f2d1b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3.00002C21 8.3569 21 15.643 21 21.0001C15 20.9806 8.99999 21 3 21V3.00019C8.35684 2.99992 15.6429 3.00002 21 3.00002ZM12.4663 7.00165L11.7079 7.0004C10.7113 7.00644 7.45039 7.04509 6.52908 7.29244C5.92669 7.4538 5.45224 7.92917 5.29122 8.5328C5.06455 9.38044 5.01349 10.9415 5.00199 11.6018V12.2175C5.01349 12.8778 5.06455 14.4389 5.29122 15.2865C5.45224 15.8901 5.92669 16.3457 6.52908 16.5071C7.36319 16.731 10.115 16.7839 11.368 16.7964H12.6307C13.8837 16.7839 16.6355 16.731 17.4696 16.5071C18.072 16.3457 18.5464 15.8901 18.7074 15.2865C18.8713 14.6738 18.9434 13.6884 18.9751 12.9398L18.9995 11.817C18.9958 11.3789 18.9649 9.49561 18.7074 8.5328C18.5464 7.92917 18.072 7.45378 17.4696 7.29244C16.5968 7.05811 13.6241 7.01109 12.4663 7.00165ZM10.5992 9.79955L14.0995 11.8998L10.5992 14V9.79955Z" }))));
     }
     static get is() { return "ds-icon-youtube"; }
     static get properties() {
@@ -20,7 +20,7 @@ export class DsIconYoutube {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -78,7 +78,7 @@ export class DsIconYoutube {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""