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

package/dist/components/ds-icon-table.js

@@ -10,7 +10,7 @@ const DsIconTable$1 = proxyCustomElement(class DsIconTable extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '7fa3777c3528978fc39d94d7dbbae24faa4098e1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e7e9fd84120696bafe6c8c5ca7fed53cbe589c05', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'fba0d4140035dde1f110ae7c2504456ea49ca3ed', d: "M95-95v-771h771v771H95Zm338-254H189v160h244v-160Zm94 0v160h244v-160H527Zm-94-95v-160H189v160h244Zm94 0h244v-160H527v160ZM189-698h582v-73H189v73Z" }))));
+        return (h(Host, { key: '967b159cc411a2b9f72bcfecc3ad36566224285a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3cc5893fc1a4da875a01443f8d5be4f79d37da11', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'b7fe949361845033e4b5db2c335b95ce261cdfb8', d: "M95-95v-771h771v771H95Zm338-254H189v160h244v-160Zm94 0v160h244v-160H527Zm-94-95v-160H189v160h244Zm94 0h244v-160H527v160ZM189-698h582v-73H189v73Z" }))));
     }
 }, [0, "ds-icon-table", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-tiktok.js

@@ -10,7 +10,7 @@ const DsIconTiktok$1 = proxyCustomElement(class DsIconTiktok extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'b991350b644b69b871fa8fa46ed63c732377b2f2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3bc1140dbf70d14ab7db4f06f2437451416f617b', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'b0977fb504c9c60797900f5623763561ea3c6adc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3C15 3 8.99998 2.99982 2.99998 3.00006C2.99999 9.00004 3.00007 15 2.99998 21C8.99999 21 15 21 21 21C21 15 21 9 21 3ZM17.1454 10.8527C17.0471 10.8623 16.9485 10.8673 16.8497 10.8677C15.7666 10.8679 14.7563 10.3219 14.163 9.41571V14.3601C14.163 16.3784 12.5269 18.0146 10.5086 18.0146C8.49029 18.0146 6.85414 16.3784 6.85414 14.3601C6.85414 12.3419 8.49029 10.7057 10.5086 10.7057C10.5849 10.7057 10.6594 10.7126 10.7344 10.7173V12.5181C10.6594 12.5091 10.5857 12.4954 10.5086 12.4954C9.47848 12.4954 8.64343 13.3305 8.64343 14.3606C8.64343 15.3907 9.47848 16.2257 10.5086 16.2257C11.5389 16.2257 12.4487 15.414 12.4487 14.3837L12.4667 5.98629H14.1896C14.352 7.53126 15.5978 8.73802 17.1471 8.85129V10.8527" }))));
+        return (h(Host, { key: '0c5255206233008d315eadf543cfc85d6a8a2432', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1231532b6ad8a6b6b17c860a5859762d6b69732e', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '4f00579abd186a31a9fde89a93d1cd99c2e68bf5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3C15 3 8.99998 2.99982 2.99998 3.00006C2.99999 9.00004 3.00007 15 2.99998 21C8.99999 21 15 21 21 21C21 15 21 9 21 3ZM17.1454 10.8527C17.0471 10.8623 16.9485 10.8673 16.8497 10.8677C15.7666 10.8679 14.7563 10.3219 14.163 9.41571V14.3601C14.163 16.3784 12.5269 18.0146 10.5086 18.0146C8.49029 18.0146 6.85414 16.3784 6.85414 14.3601C6.85414 12.3419 8.49029 10.7057 10.5086 10.7057C10.5849 10.7057 10.6594 10.7126 10.7344 10.7173V12.5181C10.6594 12.5091 10.5857 12.4954 10.5086 12.4954C9.47848 12.4954 8.64343 13.3305 8.64343 14.3606C8.64343 15.3907 9.47848 16.2257 10.5086 16.2257C11.5389 16.2257 12.4487 15.414 12.4487 14.3837L12.4667 5.98629H14.1896C14.352 7.53126 15.5978 8.73802 17.1471 8.85129V10.8527" }))));
     }
 }, [0, "ds-icon-tiktok", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-timer-fill.js

@@ -10,7 +10,7 @@ const DsIconTimerFill$1 = proxyCustomElement(class DsIconTimerFill extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '10db48e91825718729f4e691738be4d861d03447', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5c7beca8a9b6483731c015940b5d8c893d23178e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'acd3089a9fd81a59d9325a12c62c7ebbac0d6750', d: "M337-860v-83h286v83H337Zm102 468h82v-232h-82v232Zm40.77 357q-80.24 0-150.17-30.45-69.94-30.45-122.27-82.5T125-269.86q-30-69.85-30-150Q95-500 125-570q30-70 82.37-122.55 52.37-52.55 122.35-83Q399.71-806 480-806q69 0 130 22t108 63l60-60 61 60-60 60q37 42 62 101t25 140q0 80.36-30.4 150.4t-82.88 121.96q-52.47 51.91-122.59 82.27Q560-35 479.77-35Z" }))));
+        return (h(Host, { key: 'd8fe143309240d41b656ac24712868d4b94d4593', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dc1eb1472028489c0a7937dd03fc7607c7988430', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '87edbaabb965cec2ff78c9622e366abe3fa32679', d: "M337-860v-83h286v83H337Zm102 468h82v-232h-82v232Zm40.77 357q-80.24 0-150.17-30.45-69.94-30.45-122.27-82.5T125-269.86q-30-69.85-30-150Q95-500 125-570q30-70 82.37-122.55 52.37-52.55 122.35-83Q399.71-806 480-806q69 0 130 22t108 63l60-60 61 60-60 60q37 42 62 101t25 140q0 80.36-30.4 150.4t-82.88 121.96q-52.47 51.91-122.59 82.27Q560-35 479.77-35Z" }))));
     }
 }, [0, "ds-icon-timer-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-timer.js

@@ -10,7 +10,7 @@ const DsIconTimer$1 = proxyCustomElement(class DsIconTimer extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '02f20d15e864a10ac87af2b2e2104474da936d23', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b73f18ada03088f2fd17df30a81de0847f693d1e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'aaf2abd777d4fe4466c9d6fa6871c160a9b2bea1', d: "M337-860v-83h286v83H337Zm102 468h82v-232h-82v232Zm40.77 357q-80.24 0-150.18-30.34-69.94-30.34-122.27-82.5Q155-200 125-269.86q-30-69.85-30-150 0-80.14 30.09-150.09 30.09-69.96 82.41-122.47 52.33-52.5 122.27-83.04Q399.71-806 480-806q69 0 130.5 22.5T719-720l60-60 60 59-60 60q37 42 62 101t25 140q0 80.36-30.4 150.4t-82.87 122.07q-52.47 52.02-122.6 82.27Q560-35 479.77-35Zm.06-95Q602-130 686.5-213.83q84.5-83.83 84.5-206T686.67-626.5Q602.34-711 480.17-711T273.5-626.67Q189-542.34 189-420.17T273.33-214q84.33 84 206.5 84Zm.17-289Z" }))));
+        return (h(Host, { key: '20e1bc491b6ae095285f9cc71486baafe14f4e24', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '557733282701586f59b5e53f22947b43be5687ed', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '259b30d5437cc10fd803f5554492ecf18f65c426', d: "M337-860v-83h286v83H337Zm102 468h82v-232h-82v232Zm40.77 357q-80.24 0-150.18-30.34-69.94-30.34-122.27-82.5Q155-200 125-269.86q-30-69.85-30-150 0-80.14 30.09-150.09 30.09-69.96 82.41-122.47 52.33-52.5 122.27-83.04Q399.71-806 480-806q69 0 130.5 22.5T719-720l60-60 60 59-60 60q37 42 62 101t25 140q0 80.36-30.4 150.4t-82.87 122.07q-52.47 52.02-122.6 82.27Q560-35 479.77-35Zm.06-95Q602-130 686.5-213.83q84.5-83.83 84.5-206T686.67-626.5Q602.34-711 480.17-711T273.5-626.67Q189-542.34 189-420.17T273.33-214q84.33 84 206.5 84Zm.17-289Z" }))));
     }
 }, [0, "ds-icon-timer", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-tour-fill.js

@@ -10,7 +10,7 @@ const DsIconTourFill$1 = proxyCustomElement(class DsIconTourFill extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'faf767ccca61d7414299b07c8656e2ded8fb3081', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c38f8a2c6616405f4048d52cd790231b93d375a9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '31b882b81d692d2384982c5ffbdbf48aeec99804', 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: 'bb05872ab1de65502c62cd9d97771222c61e5640', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f93fdb7a8bd760981d920cbb6c7edce57fafd415', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '687e7867a2761262450c9b641ee56e12be995d01', 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" }))));
     }
 }, [0, "ds-icon-tour-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-tour.js

@@ -10,7 +10,7 @@ const DsIconTour$1 = proxyCustomElement(class DsIconTour extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '57a27cb4c8fc07d9100e8e8419a41097afe41efd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd59c41fdcb7a814a33899b2f766d9a9f74d95389', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '3b131131add7cf101372925a52ccdb0d6a1a7457', d: "M187-55v-851h94v78h611l-96 225 96 225H281v323h-94Zm94-679v262-262Zm228.21 203Q539-531 560-552.21t21-51Q581-633 559.79-654t-51-21Q479-675 458-653.79t-21 51Q437-573 458.21-552t51 21ZM281-472h469l-55-131 55-131H281v262Z" }))));
+        return (h(Host, { key: '4c836abbf435e4d48bea1268fa132d8683e44ca5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fb7210e779523fda1919c8795a6055ce7fbb40cb', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '57b09457d4bc71d3b3e97cd0ef1e338ba33cdddf', d: "M187-55v-851h94v78h611l-96 225 96 225H281v323h-94Zm94-679v262-262Zm228.21 203Q539-531 560-552.21t21-51Q581-633 559.79-654t-51-21Q479-675 458-653.79t-21 51Q437-573 458.21-552t51 21ZM281-472h469l-55-131 55-131H281v262Z" }))));
     }
 }, [0, "ds-icon-tour", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-translate.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsIconTranslate extends Components.DsIconTranslate, HTMLElement {}
+export const DsIconTranslate: {
+    prototype: DsIconTranslate;
+    new (): DsIconTranslate;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-icon-translate.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconTranslate$1 = proxyCustomElement(class DsIconTranslate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'f0e1814c227bc8136f916af2b52f6fe4ef9ac7d3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bcb2ab751ddd74361c1bae1f262e3169a0455a9a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'a87cb7d50d22d93cdd23727f900c4ae039080a45', 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" }))));
+    }
+}, [0, "ds-icon-translate", {
+        "dsSize": [1, "ds-size"],
+        "dsTitle": [1, "ds-title"],
+        "dsRole": [1, "ds-role"],
+        "dsColour": [1, "ds-colour"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ds-icon-translate"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-translate":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconTranslate$1);
+            }
+            break;
+    } });
+}
+
+const DsIconTranslate = DsIconTranslate$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconTranslate, defineCustomElement };

package/dist/components/ds-icon-trending-down.js

@@ -10,7 +10,7 @@ const DsIconTrendingDown$1 = proxyCustomElement(class DsIconTrendingDown extends
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '6da185b0345acdbeb0d2276577169a094818b4e3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '19468d1adaf8a775ce8c22c36768adb1edafacb6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '2101348ac7a65933ee4362ce43960049b7e692ea', d: "M628-218v-94h118L543-517 376-350 55-670l67-67 253 253 167-167 270 271v-115h94v277H628Z" }))));
+        return (h(Host, { key: '15fd8d646b7dfbb7e9e5722666e94abe1863a13e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bb1f3dd9d45a7dce896016d66332e84d33e4f814', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'e037c274aba541a94f8cf1fe3a3bde0f7523bd09', d: "M628-218v-94h118L543-517 376-350 55-670l67-67 253 253 167-167 270 271v-115h94v277H628Z" }))));
     }
 }, [0, "ds-icon-trending-down", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-trending-up.js

@@ -10,7 +10,7 @@ const DsIconTrendingUp$1 = proxyCustomElement(class DsIconTrendingUp extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'ef94ace3a6d653a3f5deb1a94b47fec61449b8ef', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '877e99387455cd10318bc4f8855234438e503c75', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '1129ba7ff5406129f1cf4cdbd0ce37f6a56018d7', d: "m122-218-67-67 321-319 167 167 203-205H628v-95h278v278h-94v-115L542-303 375-470 122-218Z" }))));
+        return (h(Host, { key: '1fca0a4aa2a8f869160043e73bac2085b7d61bb9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3547a11cb6c5ed1a1f98ddccce8bcc7c3fa38743', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '1852ea0ad29421c00a84e4d1e7793b55fe067951', d: "m122-218-67-67 321-319 167 167 203-205H628v-95h278v278h-94v-115L542-303 375-470 122-218Z" }))));
     }
 }, [0, "ds-icon-trending-up", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-unfold-less.js

@@ -10,7 +10,7 @@ const DsIconUnfoldLess$1 = proxyCustomElement(class DsIconUnfoldLess extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '030298775cec220f2d2e1150d97eb6d78ff577af', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '710d2248f6b71af8a588123139550373b797ee95', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'b5b1cff4b1fc9f2123312434b44778cbfaa6b4f7', 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: 'f59bd637cdae6ae66746be62a3874e120cf2cec8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4b4f7b909dbbc6f63cc78e3997ada48bd97dd195', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'a0c71f7c4defe75d71a131f7ae0bb5823e162ca7', 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" }))));
     }
 }, [0, "ds-icon-unfold-less", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-unfold-more.js

@@ -10,7 +10,7 @@ const DsIconUnfoldMore$1 = proxyCustomElement(class DsIconUnfoldMore extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '242c9382045d5679c69f224d8668c8ea4b62ae29', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a957c446ae8dff4c610b069188bb2e5484dc2547', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '69ef15d9b73a06cecb572f433ededefce2107e2e', 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: '8b5261ecee6c8272ef8397b5557bfcdb278e8dfb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1df567ff9669d48b6fa63cc5c63a017c4077b78d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '6d693e03f585861412f23a7a609c1c33360da904', 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" }))));
     }
 }, [0, "ds-icon-unfold-more", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-ungroup.js

@@ -10,7 +10,7 @@ const DsIconUngroup$1 = proxyCustomElement(class DsIconUngroup extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '9e0644f33038174084369ced5941044f77782824', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ee933072d28db8f95d8105793688542f07a03b29', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '68cabcc7e95f72766c234953061c437d2b799fa6', d: "m348-281-67-67 165-165H313v-94h294v294h-94v-133L348-281Zm423-190v-300H471v-95h395v395h-95ZM95-95v-771h94v677h677v94H95Z" }))));
+        return (h(Host, { key: 'df00fe1b70ec88bb65545b2b3c1b9dcf55a14df2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '660b4ac10d08bb483adefdc67460b120bfc9f911', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '95c679bafce786457119123be796bfd24c6aaeac', d: "m348-281-67-67 165-165H313v-94h294v294h-94v-133L348-281Zm423-190v-300H471v-95h395v395h-95ZM95-95v-771h94v677h677v94H95Z" }))));
     }
 }, [0, "ds-icon-ungroup", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-upload.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsIconUpload extends Components.DsIconUpload, HTMLElement {}
+export const DsIconUpload: {
+    prototype: DsIconUpload;
+    new (): DsIconUpload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-icon-upload.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconUpload$1 = proxyCustomElement(class DsIconUpload extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'b392695e3e9f66289d44f940a1cb7d5f28ee172b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd5775bfb9a78ed8cdf953774cf835dcfdfc341c7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '5aa2ef960c317b03fce39760a8b30c3654c68baa', d: "M433-322v-323L319-530l-68-67 229-229 229 229-68 67-114-115v323h-94ZM135-135v-237h94v143h502v-143h95v237H135Z" }))));
+    }
+}, [0, "ds-icon-upload", {
+        "dsSize": [1, "ds-size"],
+        "dsTitle": [1, "ds-title"],
+        "dsRole": [1, "ds-role"],
+        "dsColour": [1, "ds-colour"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ds-icon-upload"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-upload":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconUpload$1);
+            }
+            break;
+    } });
+}
+
+const DsIconUpload = DsIconUpload$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconUpload, defineCustomElement };

package/dist/components/ds-icon-view-list-fill.js

@@ -10,7 +10,7 @@ const DsIconViewListFill$1 = proxyCustomElement(class DsIconViewListFill extends
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'd1a305e8638b6a0cec5a8becd118bdc11684f256', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '979f16d785e34ff00fdb65e17a30cab28e3ec261', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '68aa8ad810083a4ca4de36d09b73b5cfb3947894', d: "M365-135h541v-191H365v191ZM55-634h250v-192H55v192Zm0 249h250v-189H55v189Zm0 250h250v-191H55v191Zm310-250h541v-189H365v189Zm0-249h541v-192H365v192Z" }))));
+        return (h(Host, { key: 'a616c41a5bbbaa2eb7c8035685b1d5959a3bc5fe', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9e3eb169721212c93a6b8d3741bf163e2dfc94f7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '9648197ddfcdc6ab3f7fd65d93a6c69e838620ad', d: "M365-135h541v-191H365v191ZM55-634h250v-192H55v192Zm0 249h250v-189H55v189Zm0 250h250v-191H55v191Zm310-250h541v-189H365v189Zm0-249h541v-192H365v192Z" }))));
     }
 }, [0, "ds-icon-view-list-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-view-list.js

@@ -10,7 +10,7 @@ const DsIconViewList$1 = proxyCustomElement(class DsIconViewList extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'e1728289e71d59b593c9c72ca008788596fc0554', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd05eada79026e8098ef7f78f762538da7165a6b9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'd5cec6843cb978d325272bd341698860b6e4a656', d: "M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z" }))));
+        return (h(Host, { key: '4cbf32602618abfd90c6ed82a662db41991650ea', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '884e36677508225712c92bb596f502a5b9562eb5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '0333b1b2df111fb6a931b05de5776700aa859fb4', d: "M375-229h436v-118H375v118ZM149-613h146v-118H149v118Zm0 187h146v-107H149v107Zm0 197h146v-118H149v118Zm226-197h436v-107H375v107Zm0-187h436v-118H375v118ZM55-135v-691h851v691H55Z" }))));
     }
 }, [0, "ds-icon-view-list", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility-fill.js

@@ -10,7 +10,7 @@ const DsIconVisibilityFill$1 = proxyCustomElement(class DsIconVisibilityFill ext
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '47bcb9cc7eeb29fc2f329b875193b65b3f7d77c2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b53191d2f58d91baf03bd7dcda3c7cf995d6143d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '1c326e63838109f2c3fc8616f82a4fadded4a731', 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: '5f198d3bbd27fd035c0eb1008463bc06fb286f32', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9213a4741fb1d370ef774e15c4a60ab61d691c5f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'c27f2327863a0fea57542191cb784a3454bf1cdf', 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" }))));
     }
 }, [0, "ds-icon-visibility-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility-off-fill.js

@@ -10,7 +10,7 @@ const DsIconVisibilityOffFill$1 = proxyCustomElement(class DsIconVisibilityOffFi
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '9d663d1cb65bd1acbc5c89110a335b2710b3362d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8127704756705e735c4f279d078a566a64488186', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '143e098474f29234a586f49053d6afbf2416000c', 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: '58f39efc5e1996f900ea58eb150c0622958bc449', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd4700fcd0ef3074420a1ba9c4a409e8235866e80', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'c267497ccf643ecaebd0cfde8e6e8148624c75b5', 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" }))));
     }
 }, [0, "ds-icon-visibility-off-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility-off.js

@@ -10,7 +10,7 @@ const DsIconVisibilityOff$1 = proxyCustomElement(class DsIconVisibilityOff exten
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '69d22ac5e957df140a8a618cdfa4a215fa2c2d97', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9b5ad174ce54755e9964d4163a881eb7eba3ccd9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '0c26a0c798437fb75d802573bc75f7704680294e', 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: 'c89c77ed1e23a8a68fb8a8aea3aaa31d502e440b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '95dd9d6a67f86589a742433730e2364e36460493', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '0ec60cadb12d27061e0c678e263654528909a513', 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" }))));
     }
 }, [0, "ds-icon-visibility-off", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility.js

@@ -10,7 +10,7 @@ const DsIconVisibility$1 = proxyCustomElement(class DsIconVisibility extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '811b25ae604fa8eabae4647d14bc0c0d8a46ca08', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '89e2fbc8e889adbd4573b6a164a5658fb0943f95', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'cea04593ea89dcebae34bcc74c45c731937e4a4b', 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: '3ed0754310e9acbffc0921370db5d18722c5ed91', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cec3dfcb3adec2dbf95f882070286b67caa5586d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'f03ffc04739b483c779420b425e4a3ecba60a893', 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" }))));
     }
 }, [0, "ds-icon-visibility", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-vpn-lock.js

@@ -10,7 +10,7 @@ const DsIconVpnLock$1 = proxyCustomElement(class DsIconVpnLock extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '19f8b5d11cd4f5cb2265ea63d4cffc8c18b86992', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8ebcabad5ce1ebe91d24db0167b98dfc45aa2701', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'a0ddc437d35355062f03128257ed908a23c67334', 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: '2a1759f242ca6af76bb158f9173593c275fd2fff', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '74dee4493202cde2ea0cef0dc84a5f452b631c1c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'eea77cdb8afd2ee208b958d31ccbb57bb7090f26', 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" }))));
     }
 }, [0, "ds-icon-vpn-lock", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-warning-fill.js

@@ -10,7 +10,7 @@ const DsIconWarningFill$1 = proxyCustomElement(class DsIconWarningFill extends H
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '85a9522d5dce4a203273255d9dd684e1361f749f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ee3e392768df5ba1b2e69715466de51fdd8ecc00', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '5877796ab5bec22cb642e54d51730c92d5dab568', 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: '0b55a576cac6e77a55072c1a4a89365d5d5406cb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '218965a9a48f8e7823acca495ffc22a6a475f952', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'af4e95359a9568a914850417d5c1ee25dc686962', 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" }))));
     }
 }, [0, "ds-icon-warning-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-warning.js

@@ -10,7 +10,7 @@ const DsIconWarning$1 = proxyCustomElement(class DsIconWarning extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '6b4414a572025e48920fd89322d9009af98836f9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8ab74750905416d016fc749a8766c5896d297eb7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'd29d727adbd20be2cfd325d226ecfd915296b9f9', 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: '4b41adb90ae559188a33fde374f1186228ac9396', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1cec524b96a67a6147fc6855376718669acd29a0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '56de9e0a0c36b143e0120d5d543adb3828e4642a', 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" }))));
     }
 }, [0, "ds-icon-warning", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-widget-small-fill.js

@@ -10,7 +10,7 @@ const DsIconWidgetSmallFill$1 = proxyCustomElement(class DsIconWidgetSmallFill e
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '49e9d4cce15ae2e5bd0a0a9022d611024e0a7536', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f2d8d34213ae309b34706ea64e73848d0abff100', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '8b4be8cd43b14496daf1fcaae2b7df6337c3af37', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
+        return (h(Host, { key: 'ecbacd9ddcd692c01bad981a9208ecbc4667374c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7e8f0e776876f85e69d29f1c08b9ac376d5cc536', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '4c8909282cdb6851af6353d6dd9a13a2964e77d0', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
     }
 }, [0, "ds-icon-widget-small-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-widget-small.js

@@ -10,7 +10,7 @@ const DsIconWidgetSmall$1 = proxyCustomElement(class DsIconWidgetSmall extends H
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '03421ae4fbf716259baf1abe11c4800a0037672f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2093e42b1e7a1e67644debd53361e0ddc496a099', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '2e0b073278a370da5da2b62a4194480ef60a356f', 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: '4788d30cbe57530fedad096ce42f1a137fb18a8a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '33bab707a54f1a493eee463481035bac23573fd9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'ba2577641cde1d437cfa317eef71631d3f980ace', 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" }))));
     }
 }, [0, "ds-icon-widget-small", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-x.js

@@ -10,7 +10,7 @@ const DsIconX$1 = proxyCustomElement(class DsIconX extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '90412b9519c9a7d50e2ac3da386ece6cb6e24285', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '305b50b12cdcedf82468eee1581a4b7ab9dfd998', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '7312e43910f0b13cac910ba986c174f326932140', "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: '08adc9b188f46212035f624129f74694e8e52658', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
+        return (h(Host, { key: '05ac4306b2cd9150c341d529c52a23569629ea2d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '14b111b337532a7688372511c4a95c347c441fb4', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'b31a0ea754bef3f77b5241c5fa2ddf83d09c6342', "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: 'f6124bee3093f09f1a01f61a87f6d91be1b92cd3', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
     }
 }, [0, "ds-icon-x", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-youtube.js

@@ -10,7 +10,7 @@ const DsIconYoutube$1 = proxyCustomElement(class DsIconYoutube extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'd231d2442381380f72273086340838e65474fea1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e3064d66a424822cd025827cb289a10cc950e495', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '2e883c3f7b6845451c4657e33ef5d3aea850ea15', "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: 'f586cb781f9592fae6ee9a0b0dc8815491c96fe4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bad3da434182100bad1f1ef3b5cf0ec6fad30c6c', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '7282291d76c53091aa2c4672f7e27d3ec0703cbb', "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" }))));
     }
 }, [0, "ds-icon-youtube", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-in-map.js

@@ -10,7 +10,7 @@ const DsIconZoomInMap$1 = proxyCustomElement(class DsIconZoomInMap extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'e3b7390b22bd91f0376c830f134338f160d5c50f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f9d81cf36c181444edc38f2e8a45e0fbc948e70e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'fee3fe754fe0b9c9791a325731158342b816a86b', 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: 'f1ce9da50093991871642f55ac6f7e66819ed4c3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b4ae7398805f4388967f1874f3bc844123bd215f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '69082359c2a2114153d9bcaecdb12eef2461066a', 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" }))));
     }
 }, [0, "ds-icon-zoom-in-map", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-in.js

@@ -10,7 +10,7 @@ const DsIconZoomIn$1 = proxyCustomElement(class DsIconZoomIn extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: '53772f09a5cbb55f2d3e8c64bf0467fb7037c69a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'db042315a9473dace26f5df1f2e0740ae463191a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '339a47264bf4dff2fdae0f75bcdafaf8b10f014e', 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: 'e7d0687249d8e5e885fa8ac58501d7d18f33ee14', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b6f6daea8b552829000550afc6ea7d66bbc39c04', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'f3a0a8f6d16adf423e5015d179db00f6a684f49e', 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" }))));
     }
 }, [0, "ds-icon-zoom-in", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-out-map.js

@@ -10,7 +10,7 @@ const DsIconZoomOutMap$1 = proxyCustomElement(class DsIconZoomOutMap extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'cf8ede0ca718e682dd3986d201bf8af540edd239', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5cd42b62e03711a5c49ac620dbf17e592473679c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '67955a14d6895efb6e0c603cc7274305b37606b8', 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: 'c1241b76db7afa679983a444bb832aa8f932ed01', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ec002690fe752685dc44e2693a501aa2384a5c75', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: 'd99accf19538f71536a2af9114c87e8551ed0256', 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" }))));
     }
 }, [0, "ds-icon-zoom-out-map", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-out.js

@@ -10,7 +10,7 @@ const DsIconZoomOut$1 = proxyCustomElement(class DsIconZoomOut extends H {
     dsRole = 'img';
     dsColour;
     render() {
-        return (h(Host, { key: 'b495b99d274fdf4773dfdb91a71a9fd37b0b90c0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b31415d191c47bbf61c9f587d5981ed9e7ecb61c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '0be7e9be180e6e45fa7e87d217b15e0df2853697', 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: 'fd491a71429b5f0b066644fe15af1cc04d34db35', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bd9b6fa2ffdd44b9f6379db612c129e856a9f2e8', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsTitle }, h("path", { key: '8baa46aa0f4623e64281e045410066f42eb2cab9', 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" }))));
     }
 }, [0, "ds-icon-zoom-out", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon2.js

@@ -1,28 +1,5 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './index2.js';
-
-const formatAs = (value, suffix) => value.endsWith(suffix) ? value : `${value}${suffix}`;
-const formatAsPx = (value) => formatAs(value, 'px');
-const slugifyText = (text) => {
-    return text
-        .toString()
-        .toLowerCase()
-        .replace(/\s+/g, '-')
-        .replace(/[^\w-]+/g, '')
-        .replace(/--+/g, '-')
-        .replace(/^-+/, '')
-        .replace(/-+$/, '');
-};
-const remToPx = (remString) => {
-    const rootFontSize = 16;
-    const rem = parseFloat(remString);
-    return formatAsPx(`${rem * rootFontSize}`);
-};
-function* idGenerator(id) {
-    let currentId = 1;
-    while (true) {
-        yield `${id}-${currentId++}`;
-    }
-}
+import { t as transformTagName, r as remToPx } from './utils.js';
 
 const dsIconCss = ":host{display:flex}.ds-icon--container{display:flex}";
 
@@ -38,13 +15,15 @@ const DsIcon = proxyCustomElement(class DsIcon extends H {
     dsTitle = 'Icon';
     dsRole = 'img';
     dsHidden = true;
+    get el() { return this; }
     getIconColour() {
         const colour = this.dsColour ? `var(--${this.dsColour})` : 'currentColor';
         return colour;
     }
     render() {
-        const IconTag = `ds-icon-${this.dsName.replace(/_/g, "-")}`;
-        return (h(Fragment, { key: '79230bd44116c5e9d3eddabfb66942e2d99d4bfd' }, h("span", { key: 'cee6cb1583830be8e4eb13f28c8c3f5b005808d3', class: "ds-icon--container", "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: '298771a22e370f58f0b61ba26f19d78449d15ce4', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: this.dsRole, dsTitle: this.dsTitle }))));
+        const iconComponentName = `ds-icon-${this.dsName.replace(/_/g, "-")}`;
+        const IconTag = transformTagName(iconComponentName, 'ds-icon', this.el);
+        return (h(Fragment, { key: '7eaf2c94d82646aced5d1809adf1dc3878f462ab' }, h("span", { key: '534afbeb6d1aefaac7dd700a5925deef5f800dcb', class: "ds-icon--container", "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: '528a25680f0198ba67054c23adab754aeff179f1', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: this.dsRole, dsTitle: this.dsTitle }))));
     }
     static get style() { return dsIconCss; }
 }, [1, "ds-icon", {
@@ -69,4 +48,4 @@ function defineCustomElement() {
     } });
 }
 
-export { DsIcon as D, defineCustomElement as d, idGenerator as i, slugifyText as s };
+export { DsIcon as D, defineCustomElement as d };

package/dist/components/ds-input-validity2.js

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { c as classNames } from './index3.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils.js';
 import { d as defineCustomElement$1 } from './ds-icon2.js';
 
-const dsInputValidityCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-input-validity{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity--error{color:var(--ds-palette-red-70)}.ds-input-validity--success{color:var(--ds-palette-green-70)}.ds-input-validity ds-icon{display:block;height:1.5rem}.ds-input-validity small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";
+const dsInputValidityCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-input-validity{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity--error{color:var(--ds-palette-red-70)}.ds-input-validity--success{color:var(--ds-palette-green-70)}.ds-input-validity__icon{display:block;height:1.5rem}.ds-input-validity small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";
 
 const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
     constructor() {
@@ -26,7 +27,8 @@ const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
             'ds-input-validity--success': this.dsType === 'success',
         });
         const icon = this.dsType === 'success' ? 'check_circle_fill' : 'warning_fill';
-        return (h("div", { key: 'c56f67e7067eeb576b2c0ddc5a63f656a5670658', role: this.dsValidityRole, "aria-live": this.dsAriaLive, "aria-atomic": this.dsAriaAtomic }, this.dsText && (h("div", { key: 'e180b75368843c56dd85e4243bb7e74e79af0d26', class: classes }, h("ds-icon", { key: '66ca3abcccda0e7c3e6a11daa0c3110f97a9c1d9', dsName: icon }), h("small", { key: 'df1304b07c01b8399734769869521f281bdc475f', id: this.identifier }, this.dsText)))));
+        const DsIcon = transformTagName('ds-icon', 'ds-input-validity', this.el);
+        return (h("div", { key: 'd39ec88fafa158e6ae3e0fde34ab9012454507a8', role: this.dsValidityRole, "aria-live": this.dsAriaLive, "aria-atomic": this.dsAriaAtomic }, this.dsText && (h("div", { key: '8c3863ba4dde84c806fd994af040cc91265f9679', class: classes }, h(DsIcon, { key: '221dd7009c9a3fc02fbf29d85abe4640ff26d3ce', class: "ds-input-validity__icon", dsName: icon }), h("small", { key: '7709de0ba98a75ab413a24309ca20d224f34ea25', id: this.identifier }, this.dsText)))));
     }
     static get style() { return dsInputValidityCss; }
 }, [0, "ds-input-validity", {
@@ -37,6 +39,7 @@ const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
         "dsAriaAtomic": [1, "ds-aria-atomic"],
         "identifier": [32]
     }]);
+declareComponentDependencies([h("ds-icon", null)]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;