@uh-design-system/component-library 1.4.0 → 1.5.0-rc.0

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: '3adebcac87fe8884b8ddcd2979d8465adb088ba5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd53caa5a2fec7bfee1e603de1f648342036cee5b', 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: '142948512129638db7599c502bac289fd01cc977', 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: '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" }))));
     }
     static get is() { return "ds-icon-unfold-more"; }
     static get properties() {

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: '934455d99234af16beb45e5529d70d2c4de09725', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8c9931d16f4f250442fe220a10ec1cefc2a2088a', 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: '4313f42efe1c564cea36f9b7c219aa09800cee1c', d: "m348-281-67-67 165-165H313v-94h294v294h-94v-133L348-281Zm423-190v-300H471v-95h395v395h-95ZM95-95v-771h94v677h677v94H95Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-ungroup"; }
     static get properties() {

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: '5df34596c3a1064cc12a72c676c52f5599cad3b0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6251935252eb2153d5dd9ea0472ba30ced1db0e0', 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: 'c5b47cd91a43dfbab82e824b837d28c0807f37c3', d: "M433-322v-323L319-530l-68-67 229-229 229 229-68 67-114-115v323h-94ZM135-135v-237h94v143h502v-143h95v237H135Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-upload"; }
     static get properties() {

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: '849e8bcb29479669b561a70705a2ae6a48a0c7b2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2d7e26268663b69fbcc0624edf80f286c0d48101', 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: '469f0320be520c8412bec646caefd691f88a0694', d: "M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-view-list"; }
     static get properties() {

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: '6e20df87aca7606e8ecb73b5056dd8b21519dee1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a6c9c1566637374919187fc0438d5000201c266b', 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: 'd3e5b60d79cd66a008a40ac8b241ace26ef4b64a', d: "M365-135h541v-191H365v191ZM55-634h250v-192H55v192Zm0 249h250v-189H55v189Zm0 250h250v-191H55v191Zm310-250h541v-189H365v189Zm0-249h541v-192H365v192Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-view-list-fill"; }
     static get properties() {

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: '0d01ad689f0e4438aa89dc16bf3bb1cb4362e184', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7bc096e58e4de801cf6f21604ef9a61d4e3c2595', 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: '33da83c260acf6c9b333419e009745ce21dcadec', 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: '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" }))));
     }
     static get is() { return "ds-icon-visibility"; }
     static get properties() {

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: '1871c579d10b7e5d328d47f0e4f4628e17ebe4b3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e4e59ced48802988246c5545398188fadde4ffcd', 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: '8eb02550d56425e130dd2f13220300d655b38661', 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: '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" }))));
     }
     static get is() { return "ds-icon-visibility-fill"; }
     static get properties() {

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: '90c963c1c4f75af9ff1e6fc596f79ced24271ad2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3f0a40bf1efbe80f02803e73bc0ce4826be739df', 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: '12628db2f1a8b98450f4ca631971f931632eea17', 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: '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" }))));
     }
     static get is() { return "ds-icon-visibility-off"; }
     static get properties() {

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: 'cb3710d045cdb4530f8218fe5f3e367844dcecf3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1af5d7dbf573d5e24d9462c7e71bc33ea7bad59a', 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: '962ee0f072453ef8877ac614e43c810013ab773b', 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: '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" }))));
     }
     static get is() { return "ds-icon-visibility-off-fill"; }
     static get properties() {

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: 'a257e243c096343b8f09340cbadabb728a13a321', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e60beec9e50931f8f6a3ef570b4b438c71c97aa9', 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: '203775f41e8a4758cb53b0227904a0d70992e804', 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: '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" }))));
     }
     static get is() { return "ds-icon-vpn-lock"; }
     static get properties() {

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: '176eb0d4166b8f33ecb3e32c05290c2dcc08ac75', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '94935c4fb4edcbe4331099eeb98917c3b8dc9610', 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: '856c763e0393accae46211b7ad155044923b2bc8', 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: '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" }))));
     }
     static get is() { return "ds-icon-warning"; }
     static get properties() {

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: '47689f2069d74b4652f15781f1c23d6d470c4706', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3a7ea7ffe834fd108305eaa1d1ae940be6b27660', 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: '987e8e194cbf7105ee5bf2ed51ecab6932379f89', 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: '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" }))));
     }
     static get is() { return "ds-icon-warning-fill"; }
     static get properties() {

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: '76b7fcceb3c2e264064f4460658b35fc09347b3c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '042358f2dc9972d2f0920b2a4cbcfc2c64e59568', 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: 'd4d0950794d0faf1d45a7064c5951927e2516145', 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: '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" }))));
     }
     static get is() { return "ds-icon-widget-small"; }
     static get properties() {

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: 'f829c99855251dc8ba09be69a4602174a52ee2e5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '603f27da569d52717d212a9922a14f4a896cdbf9', 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: '4cc30b77cf43a37202849e4aed55287e4a7ee8b0', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-widget-small-fill"; }
     static get properties() {

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: 'ab018ae06a5d194a38c8f5a2eb5ae1efb5d0b4e3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7d53a41e10acd5fde7d81fe0a4098bccd4d385fb', 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: '0cc1570b18051decaf4b60f9c28cc315ef925737', "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: 'df9e0fc922d52ab3f746ce129e7c1183254e7dd4', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
+        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" }))));
     }
     static get is() { return "ds-icon-x"; }
     static get properties() {

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: '0163fc6a270fae613391f5a3010b513ce9c2e8ad', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '380f7fa2ae1e61943235c5d27f276159f67cfe9e', 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: 'ebc66b61d47b08cd6b0ecc9a5b3275aad7deccfa', "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: '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" }))));
     }
     static get is() { return "ds-icon-youtube"; }
     static get properties() {

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

@@ -6,7 +6,7 @@ export class DsIconZoomIn {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '7918737b4a7b1719f547c74370e1d23bcc9b90f7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '56ce724dded8291fd34cf5467d1a1da841766496', 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: '947a19414ddb13fcf353c1207a4f2c4dbd5d6cae', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Zm-31.85-73v-77H263v-60h77v-77h60v77h77v60.5h-77v76.5h-60.5Z" }))));
+        return (h(Host, { key: '2b39609c48f7cdf9077d009df14d7493d9f93c58', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2c37b0af7e59643440cdd812ba9b20171aa2e29d', 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: '2fada603dfa3c7a8fec594ce8c17c8392145f6b2', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Zm-31.85-73v-77H263v-60h77v-77h60v77h77v60.5h-77v76.5h-60.5Z" }))));
     }
     static get is() { return "ds-icon-zoom-in"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-zoom-in-map/ds-icon-zoom-in-map.js

@@ -6,7 +6,7 @@ export class DsIconZoomInMap {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '8bcbbe88004d06dd113e1c1fc080c972a194f085', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6de5519c3a9cff7a3ebe864365fba2d18a7b630d', 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: '50d19a0dfcd51b763b3f4c67bf67bb2b49ecec16', d: "m147-79-68-68 130-130H95v-94h276v276h-94v-114L147-79Zm666 0L684-209v114h-95v-276h277v94H751l130 130-68 68ZM95-589v-95h114L79-813l68-68 130 130v-115h94v277H95Zm494 0v-277h95v115l130-131 68 68-131 130h115v95H589Z" }))));
+        return (h(Host, { key: '81efc048d1a700e81a6b37f1c8ba5bd037a29e6d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a3c11fe2ba20f3aace888875233c29830c55bd4e', 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: 'e534a8437fa862ae03753914d06317d5feaabfcd', d: "m147-79-68-68 130-130H95v-94h276v276h-94v-114L147-79Zm666 0L684-209v114h-95v-276h277v94H751l130 130-68 68ZM95-589v-95h114L79-813l68-68 130 130v-115h94v277H95Zm494 0v-277h95v115l130-131 68 68-131 130h115v95H589Z" }))));
     }
     static get is() { return "ds-icon-zoom-in-map"; }
     static get properties() {

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

@@ -6,7 +6,7 @@ export class DsIconZoomOut {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'be869d37de0aefd125032089e7d63b66672c43a1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7ec30321f1c2f4aca04fbc3e78090268657d57f2', 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: 'bafb999dc533fd97f1365d7199cf2cdb80420443', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z" }))));
+        return (h(Host, { key: '4b360cbfb88248224443255aad967d080f5761e6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4cb97bf40d7c65a5bea540966e885af8bdfe44b1', 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: '2fd4a3357ee86fea249a8daa7c7a8cdbc06f84d2', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z" }))));
     }
     static get is() { return "ds-icon-zoom-out"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-zoom-out-map/ds-icon-zoom-out-map.js

@@ -6,7 +6,7 @@ export class DsIconZoomOutMap {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '276ac955f68c0c2288ccd617ca8020a463e99a93', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3d56f4fe708bd584066d13b10844f96a9e0138dc', 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: 'f1656123000c1e42addcdc401ba01e7b967c0d0f', d: "M95-95v-276h94v115l131-131 67 67-131 131h115v94H95Zm494 0v-94h115L574-319l67-67 130 130v-115h95v276H589ZM319-574 189-704v115H95v-277h276v95H256l130 130-67 67Zm322 0-67-67 130-130H589v-95h277v277h-95v-115L641-574Z" }))));
+        return (h(Host, { key: '02976d8fc8f8b246a0aeefec6b6d76c8289b0ac5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '06399fd3d8d3b6b46ad5d0d5fa62d63aae5e7d3e', 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: 'b2ae04d4e3621cfc3a99529f2376cb69589ff0d3', d: "M95-95v-276h94v115l131-131 67 67-131 131h115v94H95Zm494 0v-94h115L574-319l67-67 130 130v-115h95v276H589ZM319-574 189-704v115H95v-277h276v95H256l130 130-67 67Zm322 0-67-67 130-130H589v-95h277v277h-95v-115L641-574Z" }))));
     }
     static get is() { return "ds-icon-zoom-out-map"; }
     static get properties() {

package/dist/collection/patterns/stories/form.stories.js

@@ -109,6 +109,43 @@ const formDOM = (args, validation) => {
                 <div class="ds-sb-full-width ds-sb-gap">
                   <h3 class="ds-heading-md">Appointment</h3>
                   <ds-grid>
+                    <ds-datepicker
+                      ds-name="appointment-date-native"
+                      ds-label="Preferred appointment date (native)"
+                      ds-variant="native"
+                      ds-required="true"
+                      ds-min="2026-01-27"
+                      style="width: 100%; max-width: 300px"
+                    ></ds-datepicker>
+                  </ds-grid>
+                  <ds-grid>
+                    <ds-datepicker
+                      ds-name="appointment-date-custom"
+                      ds-label="Alternative appointment date (custom)"
+                      ds-variant="custom"
+                      ds-required="true"
+                      ds-min="2026-01-27"
+                      style="width: 100%; max-width: 300px"
+                    ></ds-datepicker>
+                  </ds-grid>
+                  <ds-grid>
+                    <ds-select
+                      ds-name="appointment-time"
+                      ds-label="Preferred appointment time"
+                      ds-required="true"
+                      ds-placeholder="Select appointment time..."
+                      style="width: 100%; max-width: 300px"
+                    >
+                      <ds-option ds-value="9:00">9:00 AM</ds-option>
+                      <ds-option ds-value="10:00">10:00 AM</ds-option>
+                      <ds-option ds-value="11:00">11:00 AM</ds-option>
+                      <ds-option ds-value="12:00">12:00 PM</ds-option>
+                      <ds-option ds-value="13:00">1:00 PM</ds-option>
+                      <ds-option ds-value="14:00">2:00 PM</ds-option>
+                      <ds-option ds-value="15:00">3:00 PM</ds-option>
+                      <ds-option ds-value="16:00">4:00 PM</ds-option>
+                      <ds-option ds-value="17:00">5:00 PM</ds-option>
+                    </ds-select>
                     <ds-grid>
                       <ds-text-input ds-name="cat-name" ds-label="Cat name" ds-assistive-text="Enter cat's calling name." ds-required="true"></ds-text-input>
                     </ds-grid>

package/dist/collection/store.js

@@ -1,4 +1,8 @@
 import { createStore } from "@stencil/store";
+const languages = ['fi', 'sv', 'en'];
+const isLanguage = (language) => {
+    return languages.includes(language);
+};
 export const defaultLanguage = 'en';
 const initialState = {
     language: defaultLanguage,
@@ -8,10 +12,14 @@ const { state, dispose, onChange } = createStore({
 });
 export const getLanguage = () => state.language;
 export const setLanguage = (language) => {
+    if (!isLanguage(language)) {
+        console.warn(`Unsupported language "${language}" provided to component library. Falling back to default language "${defaultLanguage}".`);
+        return;
+    }
     state.language = language;
 };
-export const initialize = ({ language }) => {
-    state.language = language || state.language;
+export const initialize = ({ language = defaultLanguage } = {}) => {
+    setLanguage(language);
 };
 export { dispose, onChange };
 export default state;

package/dist/collection/utils/controls/controlUtils.js

@@ -381,13 +381,3 @@ export const ellipsis = () => {
             return 'Ellipsis';
     }
 };
-export const openDatePicker = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Avaa päivämäärävalitsin';
-        case 'sv':
-            return 'Öppna datumväljare';
-        default:
-            return 'Open date picker';
-    }
-};