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

package/dist/components/ds-icon-check-box-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheckBoxFill$1 = proxyCustomElement(class DsIconCheckBoxFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '4cea8d3b1d5dd31641bcbaed336f049bd40cb774', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8f371049dace2271393004099fdfe2c755ac9ced', 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: '75ef9f658f5cb598d75fb7b883c676729c3adfe7', d: "m417-302 300-302-63-64-237 238-110-110-63 64 173 174ZM95-95v-771h771v771H95Z" }))));
+    }
+}, [0, "ds-icon-check-box-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-check-box-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check-box-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheckBoxFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheckBoxFill = DsIconCheckBoxFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheckBoxFill, defineCustomElement };

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

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

package/dist/components/ds-icon-check-box-outline-blank.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheckBoxOutlineBlank$1 = proxyCustomElement(class DsIconCheckBoxOutlineBlank extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '883c8de0a6690f3a7588ba3a8592b808caff6913', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e4a3a814d7975afabb26833dad413fe832d04d75', 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: '4ab503a2efe002fb2af8db3f1a32cb6ef628d34c', d: "M95-95v-771h771v771H95Zm94-94h582v-582H189v582Z" }))));
+    }
+}, [0, "ds-icon-check-box-outline-blank", {
+        "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-check-box-outline-blank"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check-box-outline-blank":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheckBoxOutlineBlank$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheckBoxOutlineBlank = DsIconCheckBoxOutlineBlank$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheckBoxOutlineBlank, defineCustomElement };

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

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

package/dist/components/ds-icon-check-box.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheckBox$1 = proxyCustomElement(class DsIconCheckBox extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '25e4600b0b1e196689c3f0aa762e6fbfe2507af6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fde50413f2b06467e29319c89f797725bdb59a04', 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: 'eab70b0cc181f1ec186d3332d57dd62fc3dbeb3a', d: "m417-302 300-301-63-64-237 237-110-110-63 64 173 174ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
+    }
+}, [0, "ds-icon-check-box", {
+        "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-check-box"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check-box":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheckBox$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheckBox = DsIconCheckBox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheckBox, defineCustomElement };

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

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

package/dist/components/ds-icon-check-circle-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheckCircleFill$1 = proxyCustomElement(class DsIconCheckCircleFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '45d2f968a73d4610a62e16d91c2e89e22ff60bdc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6ad915b992b27e7840535a23514beb8e55d22a32', 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: '94da195cabc45dcf815d9161df353bf731770ff2', d: "m419-283 294-294-66-66-228 228-111-111-65 66 176 177Zm61.14 228Q392-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-check-circle-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-check-circle-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check-circle-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheckCircleFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheckCircleFill = DsIconCheckCircleFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheckCircleFill, defineCustomElement };

package/dist/components/ds-icon-check-circle.d.ts

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

package/dist/components/ds-icon-check-circle.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheckCircle$1 = proxyCustomElement(class DsIconCheckCircle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '098c0bbded7111bb0818c22deb5449b3ea3f8dba', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ae21753bdf1f6117f46bae986306a72574631d3e', 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: 'e5a81d91d80b734493e707b09eb2ce300dda4a86', d: "m419-283 294-294-66-66-228 228-111-111-65 66 176 177Zm61.14 228Q392-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-check-circle", {
+        "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-check-circle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check-circle":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheckCircle$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheckCircle = DsIconCheckCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheckCircle, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCheck$1 = proxyCustomElement(class DsIconCheck extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'bf22b4c03b8fce56d58492dc8b7f24d20638ef44', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f4249d9113ccf555cf32cb19d4440adc7351e1ec', 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: '23e5dc9c1be558b493fe2930a87fd81ae7be397b', d: "M378-222 130-470l68-68 180 180 383-383 68 68-451 451Z" }))));
+    }
+}, [0, "ds-icon-check", {
+        "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-check"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-check":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCheck$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCheck = DsIconCheck$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCheck, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconChecklist$1 = proxyCustomElement(class DsIconChecklist extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '82a865040bd38d113a125c84601db5356471d273', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '19e09d36c86e3f6f21dad1b6c31ef1c098e3a4d4', 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: '59b604d4b52dca39780a3bbcbf47eb16b5015771', d: "M226-190 59-356l67-66 100 99 179-180 66 68-245 245Zm0-320L59-676l67-66 100 99 179-180 66 68-245 245Zm298 237v-94h377v94H524Zm0-320v-94h377v94H524Z" }))));
+    }
+}, [0, "ds-icon-checklist", {
+        "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-checklist"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-checklist":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconChecklist$1);
+            }
+            break;
+    } });
+}
+
+const DsIconChecklist = DsIconChecklist$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconChecklist, defineCustomElement };

package/dist/components/ds-icon-chevron-backward.d.ts

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

package/dist/components/ds-icon-chevron-backward.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconChevronBackward$1 = proxyCustomElement(class DsIconChevronBackward extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '4a8046a360dcfb97fb9bea3c81ffcbe9a8172d83', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fd904a7c8a97aa17e204906db86a87ddc5d17a79', 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: '9c95eb1af740c8ff0439d64e734bc7455584dfb6', d: "M561-216 296-481l265-265 67 67-198 198 198 198-67 67Z" }))));
+    }
+}, [0, "ds-icon-chevron-backward", {
+        "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-chevron-backward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-chevron-backward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconChevronBackward$1);
+            }
+            break;
+    } });
+}
+
+const DsIconChevronBackward = DsIconChevronBackward$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconChevronBackward, defineCustomElement };

package/dist/components/ds-icon-chevron-forward.d.ts

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

package/dist/components/ds-icon-chevron-forward.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconChevronForward$1 = proxyCustomElement(class DsIconChevronForward extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '5c87279fd4ca4684098d2e8b0e004c365bd954a5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '74a0319e7de71b99e7b72324036f1927a109461b', 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: '124198b79ee9b9d3a8134aeccd5a61bf7d4dc19a', d: "M506-481 308-679l67-67 265 265-265 265-67-67 198-198Z" }))));
+    }
+}, [0, "ds-icon-chevron-forward", {
+        "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-chevron-forward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-chevron-forward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconChevronForward$1);
+            }
+            break;
+    } });
+}
+
+const DsIconChevronForward = DsIconChevronForward$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconChevronForward, defineCustomElement };

package/dist/components/ds-icon-close-small.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCloseSmall$1 = proxyCustomElement(class DsIconCloseSmall extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '08e293b7c7899973de9a2598d3f192b6d61c2365', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c3e8c1d79c46c36cd9ba1626b20457f60410c904', 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: '0c4c312a8c63416c4cba8a359255cc37989ff174', d: "m321-255-66-66 158-159-158-158 66-66 159 158 158-158 66 66-158 158 158 159-66 66-158-158-159 158Z" }))));
+    }
+}, [0, "ds-icon-close-small", {
+        "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-close-small"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-close-small":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCloseSmall$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCloseSmall = DsIconCloseSmall$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCloseSmall, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconClose$1 = proxyCustomElement(class DsIconClose extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '412256ba93e678b329055658fd83acc56119aedf', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ff2ce963bbd5f3a79f1bdc1849bbb618397aae5d', 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: '156b8abc8840677b03f47669eef1dce02752c965', d: "m249-183-66-66 231-231-231-231 66-66 231 231 231-231 66 66-231 231 231 231-66 66-231-231-231 231Z" }))));
+    }
+}, [0, "ds-icon-close", {
+        "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-close"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-close":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconClose$1);
+            }
+            break;
+    } });
+}
+
+const DsIconClose = DsIconClose$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconClose, defineCustomElement };

package/dist/components/ds-icon-code-blocks.d.ts

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

package/dist/components/ds-icon-code-blocks.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconCodeBlocks$1 = proxyCustomElement(class DsIconCodeBlocks extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'a64efdbe9a7c154def3d7818e7f3f4dd17f796b9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ae3c6b5a289ae5b67c49f13d377a756e5fd648c5', 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: '5a6ddb82835954dff2297a01e707c9a6f47ffdfc', d: "m379-343 45-44-93-93 91-91-45-44-135 135.5L379-343Zm202 0 137-137-137-137-45 44 93 93-93 93 45 44ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z" }))));
+    }
+}, [0, "ds-icon-code-blocks", {
+        "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-code-blocks"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-code-blocks":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconCodeBlocks$1);
+            }
+            break;
+    } });
+}
+
+const DsIconCodeBlocks = DsIconCodeBlocks$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconCodeBlocks, defineCustomElement };

package/dist/components/ds-icon-collapse-content.d.ts

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