@uh-design-system/component-library 0.6.1-rc.0 → 0.7.0

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconBuildFill$1 = proxyCustomElement(class DsIconBuildFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '94bc23934b630ad84d1197082c54e0fdf892e3de', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '11f2b6cceedf58b2506fdd3e22a644e4b6a2ae81', 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: '9ba5c7f491b0a63c3956a6bd2d0410a12c0d9208', d: "M741-54 430-367q-21 7-41 10.5t-46 3.5q-107 0-181.5-74.5T87-608q0-33 10.5-69t26.5-63l150 150 92-86-154-154q25-15 62-27t69-12q108 0 184 76.5T603-608q0 22-3.5 43.5T589-520l316 314L741-54Z" }))));
+    }
+}, [0, "ds-icon-build-fill", {
+        "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-build-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-build-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconBuildFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconBuildFill = DsIconBuildFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconBuildFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconBuild$1 = proxyCustomElement(class DsIconBuild extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '09ce1be6558850894da9050d59f36d4b2374f080', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'faab04eb30d74aa862da0030fd268ecac601e4c4', 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: 'e5a5b3fb3d6b0c0f6a3364cffb6e25cc78d33f4c', d: "M741-54 430-367q-21 7-40.82 10.5T343-353q-107.08 0-181.54-74.83Q87-502.67 87-608q0-33 10.66-68.89T124-740l150.33 150L366-676 212-830q24.91-15.16 61.96-27.08Q311-869 343-869q108.33 0 184.17 76.12Q603-716.75 603-608q0 22.2-3.5 43.6Q596-543 589-520l316 314L741-54Zm4-114 40-40-296-296q16-21 24-49.5t8-54.5q0-75-55.5-127T339-788l123 126-177 166-118-117q3 77 54.67 127T343-436q25 0 53-8t49-24l300 300ZM477-478Z" }))));
+    }
+}, [0, "ds-icon-build", {
+        "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-build"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-build":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconBuild$1);
+            }
+            break;
+    } });
+}
+
+const DsIconBuild = DsIconBuild$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconBuild, defineCustomElement };

package/dist/components/ds-icon-calculate-fill.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCalculateFill$1 = proxyCustomElement(class DsIconCalculateFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'e029d0ebd7d088bc62d313cc62a79723096680e9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a18233410d75be6fde84fd7c822fb9266a60024b', 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: '1c2bb6f17842cf21714a6d68a9a2ae26d7768e9f', d: "M319-233h50v-88h88v-50h-88v-88h-50v88h-88v50h88v88Zm206-35h201v-49H525v49Zm0-107h201v-50H525v50ZM246-605h196v-50H246v50ZM95-95v-771h771v771H95Zm467-434 61-61 61 61 36-36-61-61 61-61-36-36-61 61-61-61-36 36 61 61-61 61 36 36Z" }))));
+    }
+}, [0, "ds-icon-calculate-fill", {
+        "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-calculate-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-calculate-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCalculateFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCalculateFill = DsIconCalculateFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCalculateFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCalculate$1 = proxyCustomElement(class DsIconCalculate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'd355417038268eb8191a0d398215b9297a601e01', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4ec2a6315351ad903e0f7a58d324e19d0b56cbe3', 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: 'b1eb5dc11dfe7f83a2893dfdfa8f7f5be19c0584', d: "M319-233h50v-88h88v-50h-88v-88h-50v88h-88v50h88v88Zm206-35h201v-49H525v49Zm0-107h201v-50H525v50ZM246-605h196v-50H246v50ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Zm373-340 61-61 61 61 36-36-61-61 61-61-36-36-61 61-61-61-36 36 61 61-61 61 36 36Z" }))));
+    }
+}, [0, "ds-icon-calculate", {
+        "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-calculate"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-calculate":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCalculate$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCalculate = DsIconCalculate$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCalculate, defineCustomElement };

package/dist/components/ds-icon-calendar-month-fill.d.ts

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

package/dist/components/ds-icon-calendar-month-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCalendarMonthFill$1 = proxyCustomElement(class DsIconCalendarMonthFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'e79f4085aafb73ee30ebc85560670cabe9f6fbf1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '76ded740f379b76577e99536be5acd188df02a2e', 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: '704c4a114ca7d906e25c1b1f115e6a107dd15535', d: "M434-394v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM434-234v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM95-55v-791h150.2v-60H327v60h306v-60h82.2v60H866v791H95Zm94-94h582v-421H189v421Z" }))));
+    }
+}, [0, "ds-icon-calendar-month-fill", {
+        "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-calendar-month-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-calendar-month-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCalendarMonthFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCalendarMonthFill = DsIconCalendarMonthFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCalendarMonthFill, defineCustomElement };

package/dist/components/ds-icon-calendar-month.d.ts

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

package/dist/components/ds-icon-calendar-month.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCalendarMonth$1 = proxyCustomElement(class DsIconCalendarMonth extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '6359f67b0afd6af80440b9679b8e26bad50a8bc9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5c4bd7f67983820076881135e6c346c61d705075', 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: '2145abf3cefbbc6fe45821c6cb0f6592d1317f31', d: "M434-394v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM434-234v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM95-55v-791h150.2v-60H327v60h306v-60h82.2v60H866v791H95Zm94-94h582v-421H189v421Zm0-481h582v-121H189v121Zm0 0v-121 121Z" }))));
+    }
+}, [0, "ds-icon-calendar-month", {
+        "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-calendar-month"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-calendar-month":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCalendarMonth$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCalendarMonth = DsIconCalendarMonth$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCalendarMonth, defineCustomElement };

package/dist/components/ds-icon-call-fill.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCallFill$1 = proxyCustomElement(class DsIconCallFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'f88df87aaa031ecd4c9bd809219e3d7e63ae5f2e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4131b1dd46b55ff4148f50cea581bdeaccbc6d7b', 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: '073492bf98ff4f00e544b434d306f357a818ffe9', d: "M777-95q-108 0-230-59T319-319Q212-424 153.5-543.5T95-776v-90h272l51 224-138 126q24 37 49.5 69t53.5 61q32 32 66 58.5t71 46.5l135-137 211 49v274h-89Z" }))));
+    }
+}, [0, "ds-icon-call-fill", {
+        "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-call-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-call-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCallFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCallFill = DsIconCallFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCallFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCall$1 = proxyCustomElement(class DsIconCall extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'e761ea984bf6cfafe8d57fd57a504141928d23ee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a8db68601d74f0899b99b5c759544cdcdcd9cae4', 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: 'cb9493602aa5bafee0882c7acad0f6c8b5412ee9', d: "M777-95q-108 0-230-59T319-319Q212-424 153.5-543.51 95-663.02 95-776v-90h272l51 224-138 126q24.16 37.15 49.58 69.07Q355-415 383.03-385.97 415-354 449-327.5t71 46.5l135-137 211 48.58V-95h-89ZM234-600l80-75-22-96H191q-2 33 8.5 74.5T234-600Zm372 367q34 16 77.5 27.5T771-191v-102.82L683-313l-77 80ZM234-600Zm372 367Z" }))));
+    }
+}, [0, "ds-icon-call", {
+        "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-call"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-call":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCall$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCall = DsIconCall$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCall, defineCustomElement };

package/dist/components/ds-icon-cancel-fill.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCancelFill$1 = proxyCustomElement(class DsIconCancelFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'cedf10b9ea88e4098ea8ba08ed1fdb60bfc66650', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4f477dee6220941e22d61f43b8bc56fefeda25aa', 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: '6ae38a072639bf9250330de4aab67c8283ec7b00', d: "m338-288 142-142 142 142 50-50-142-142 142-142-50-50-142 142-142-142-50 50 142 142-142 142 50 50ZM480.14-55Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+    }
+}, [0, "ds-icon-cancel-fill", {
+        "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-cancel-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-cancel-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCancelFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCancelFill = DsIconCancelFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCancelFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCancel$1 = proxyCustomElement(class DsIconCancel extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '26efc41c71f9edd9c87eabfc3626625e64bb1e3e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '20fc22533ce3cb5d92f3dba44129d43d2733968f', 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: '1cf1fc1f0ab9d76e40179ad40e616fc55d7e6ae2', d: "m338-288 142-142 142 142 50-50-142-142 142-142-50-50-142 142-142-142-50 50 142 142-142 142 50 50ZM480.14-55Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+    }
+}, [0, "ds-icon-cancel", {
+        "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-cancel"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-cancel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCancel$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCancel = DsIconCancel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCancel, defineCustomElement };

package/dist/components/ds-icon-chat-fill.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconChatFill$1 = proxyCustomElement(class DsIconChatFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '96248d457d01c01bcdf7c44c103a87f17bf0262c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '56c6618244cd73e8d0afd75ed21550685b649b5d', 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: '5f59b191d1cedaf2e81566c1574bfee7df3c7128', d: "M55-55v-851h851v691H215L55-55Zm185-344h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60Z" }))));
+    }
+}, [0, "ds-icon-chat-fill", {
+        "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-chat-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-chat-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconChatFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconChatFill = DsIconChatFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconChatFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconChat$1 = proxyCustomElement(class DsIconChat extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'ce21b8d7cf7f0e64ea67e42044e6f7a9deb2aefd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a7256d70ebe9584fde4fb77642924e007c64eab7', 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: '22d2401ae810bad00ab81da32f0fb2937cd02472', d: "M55-55v-851h851v691H215L55-55Zm134-254h622v-502H149v548l40-46Zm-40 0v-502 502Zm91-90h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60Z" }))));
+    }
+}, [0, "ds-icon-chat", {
+        "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-chat"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-chat":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconChat$1);
+            }
+            break;
+    } });
+}
+
+const DsIconChat = DsIconChat$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconChat, defineCustomElement };

package/dist/components/ds-icon-check-box-fill.d.ts

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