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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconAccountCircleFill$1 = proxyCustomElement(class DsIconAccountCircleFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '4b5bf1762b216f45b9747741bf8a594cbcebe332', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4f3c716846e08df5f6196385952f9cb1a193e4db', 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: 'fe766ac4c1a8bf0e76201d225095b3defdad8416', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
+    }
+}, [0, "ds-icon-account-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-account-circle-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-account-circle-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconAccountCircleFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconAccountCircleFill = DsIconAccountCircleFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconAccountCircleFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconAccountCircle$1 = proxyCustomElement(class DsIconAccountCircle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'ee5a329facf68c0e3d830b92f14661807869c5f6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '662d5389bd3b533491d6e0a8c24d384c9b54f355', 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: 'b1aa79453c13592082fbc459a279efcd31cc8dca', d: "M226-266q62-42 123-64.5T480.43-353q70.44 0 132.42 23.27Q674.84-306.46 735-266q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm.07 388Q393-55 315.61-88.29q-77.39-33.29-135.69-91.58-58.31-58.28-91.62-135.49Q55-392.57 55-480.35 55-567 88.5-644.5T180-780q58-58 135.26-92 77.25-34 165.09-34 86.65 0 164.15 34T780-780q58 58 92 135.62 34 77.61 34 164.5 0 86.88-34 164.38T780-180q-58 58-135.62 91.5Q566.77-55 479.88-55Zm.12-94q52 0 99.5-14t98.5-51q-52-35-99-51.5T480-282q-52 0-98.5 16.5T283-214q51 37 98 51t99 14Zm0-366q30.87 0 50.93-19.5Q551-554 551-585.5T530.93-637q-20.06-20-50.93-20t-50.93 20Q409-617 409-585.5t20.07 51Q449.13-515 480-515Zm0-71Zm1 371Z" }))));
+    }
+}, [0, "ds-icon-account-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-account-circle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-account-circle":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconAccountCircle$1);
+            }
+            break;
+    } });
+}
+
+const DsIconAccountCircle = DsIconAccountCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconAccountCircle, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconAdd$1 = proxyCustomElement(class DsIconAdd extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '803b3eb45b09728ffb4e1e62d694955aeb795b71', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1cdb3e16c8a5434cf60a7648be187b87d4d9eadf', 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: '019745a23889255804a3c1427d77627708d78b10', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+    }
+}, [0, "ds-icon-add", {
+        "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-add"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-add":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconAdd$1);
+            }
+            break;
+    } });
+}
+
+const DsIconAdd = DsIconAdd$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconAdd, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArchiveFill$1 = proxyCustomElement(class DsIconArchiveFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '8c1382f2e0daff3173b2a4ded7dad24623022817', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b38df80fb5c8ef79b27de643e8b8709e2768687c', 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: '554837f2996ad95e8cef87808f1f7499857ae9a2', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
+    }
+}, [0, "ds-icon-archive-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-archive-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-archive-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArchiveFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArchiveFill = DsIconArchiveFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArchiveFill, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArchive$1 = proxyCustomElement(class DsIconArchive extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '338b315f44cdde05e7b50256b2ee5a7861ff6a20', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cedf92ffc3722eb4a859d978a0b1e2e4d9e52449', 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: 'cfb3a89fa371d31e2b83e637c62070b018b67b27', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
+    }
+}, [0, "ds-icon-archive", {
+        "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-archive"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-archive":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArchive$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArchive = DsIconArchive$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArchive, defineCustomElement };

package/dist/components/ds-icon-arrow-back.d.ts

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

package/dist/components/ds-icon-arrow-back.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowBack$1 = proxyCustomElement(class DsIconArrowBack extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'deb8ebc21fc22eb2003505f595182ca3b620346e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0b9f1373a561875ca21bdaffdbf6bf844ef1cfaf', 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: 'a43d174ee613233dd2f1ef9862df238c1ddbcc41', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+    }
+}, [0, "ds-icon-arrow-back", {
+        "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-arrow-back"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-back":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowBack$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowBack = DsIconArrowBack$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowBack, defineCustomElement };

package/dist/components/ds-icon-arrow-downward.d.ts

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

package/dist/components/ds-icon-arrow-downward.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowDownward$1 = proxyCustomElement(class DsIconArrowDownward extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '70d2320cb6f1228b06509753a0d1c5ae01601677', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a40ebb1bcc1ef46087c3aa101cbf5a00dffd09e5', 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: '4d99963598d93416d294689c4033be3a9a3a1258', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+    }
+}, [0, "ds-icon-arrow-downward", {
+        "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-arrow-downward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-downward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowDownward$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowDownward = DsIconArrowDownward$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowDownward, defineCustomElement };

package/dist/components/ds-icon-arrow-drop-down-circle-fill.d.ts

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

package/dist/components/ds-icon-arrow-drop-down-circle-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowDropDownCircleFill$1 = proxyCustomElement(class DsIconArrowDropDownCircleFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '6d605f1ed4c8542eeadab5becbfd1e91efb75343', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b21dbf2e00852b02c534a00d2cd24513b5bd7f85', 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: 'e643f8265ac3d191a63f56a4f36adfe6144d0b9b', d: "m480-350 174-174H305l175 174Zm.14 295Q392-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-arrow-drop-down-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-arrow-drop-down-circle-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-drop-down-circle-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowDropDownCircleFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowDropDownCircleFill = DsIconArrowDropDownCircleFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowDropDownCircleFill, defineCustomElement };

package/dist/components/ds-icon-arrow-drop-down-circle.d.ts

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

package/dist/components/ds-icon-arrow-drop-down-circle.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowDropDownCircle$1 = proxyCustomElement(class DsIconArrowDropDownCircle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'd83bec025d62c0f882a541d2907187977e017796', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6e241ba0d309b8600b66876590e9e3977364f52b', 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: '8902510eb0e821e3d86a455d125b9eb90a953c9c', d: "m480-350 174-174H305l175 174Zm.14 295Q392-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-arrow-drop-down-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-arrow-drop-down-circle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-drop-down-circle":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowDropDownCircle$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowDropDownCircle = DsIconArrowDropDownCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowDropDownCircle, defineCustomElement };

package/dist/components/ds-icon-arrow-drop-down.d.ts

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

package/dist/components/ds-icon-arrow-drop-down.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowDropDown$1 = proxyCustomElement(class DsIconArrowDropDown extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'a6ac44e1cbad7951bd656bd2e31c91bf5a9ed84a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0cd345d82b712aaeab84c0d5996820a053385519', 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: '073c7427cfc18f9cab86eca09d4cdc0df4d65cd3', d: "M480-336 239-576h482L480-336Z" }))));
+    }
+}, [0, "ds-icon-arrow-drop-down", {
+        "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-arrow-drop-down"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-drop-down":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowDropDown$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowDropDown = DsIconArrowDropDown$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowDropDown, defineCustomElement };

package/dist/components/ds-icon-arrow-drop-up.d.ts

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

package/dist/components/ds-icon-arrow-drop-up.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowDropUp$1 = proxyCustomElement(class DsIconArrowDropUp extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '88a0537858d56f95b327035036dd7f0ad5ac7a29', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c0562cc02391806135fe046b24b2e3b363aa0eae', 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: '84ad33c8e3818498070710bc454741551675c621', d: "m239-383 241-242 241 242H239Z" }))));
+    }
+}, [0, "ds-icon-arrow-drop-up", {
+        "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-arrow-drop-up"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-drop-up":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowDropUp$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowDropUp = DsIconArrowDropUp$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowDropUp, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconArrowForward$1 = proxyCustomElement(class DsIconArrowForward extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '64384ee45e2d269ea9d52d0e50cc2c1315e7062b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1c2870413eeb3fffa4d92d46d850dcbd364f9b1d', 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: 'd51e9dffb4f54f8dbbdc4c0ab2017cc4fdfc3b62', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+    }
+}, [0, "ds-icon-arrow-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-arrow-forward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-arrow-forward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconArrowForward$1);
+            }
+            break;
+    } });
+}
+
+const DsIconArrowForward = DsIconArrowForward$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconArrowForward, defineCustomElement };

package/dist/components/ds-icon-arrow-insert.d.ts

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