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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconMenu$1 = proxyCustomElement(class DsIconMenu extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'a2a46d7a5f87f4c2de310a836c0a5a279df71d05', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '90689ddd283c98315f5e1c8750be1f6a6ae54013', 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: 'b23dd29dc5000b8d01501005ee8858397a1fccd4', d: "M95-203v-95h771v95H95Zm0-230v-94h771v94H95Zm0-229v-95h771v95H95Z" }))));
+    }
+}, [0, "ds-icon-menu", {
+        "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-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-menu":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconMenu$1);
+            }
+            break;
+    } });
+}
+
+const DsIconMenu = DsIconMenu$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconMenu, defineCustomElement };

package/dist/components/ds-icon-more-horiz.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconMoreHoriz$1 = proxyCustomElement(class DsIconMoreHoriz extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '08ce6241207a2198f134c2e413c93d63065a8a25', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '79b18d938fc28e5fe6d6db1b06aa931593b89f76', 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: '10be006d1a7cca42a7b42061f3914b313151c015', d: "M184.78-421q-23.78 0-41.28-17.3T126-479.89Q126-505 143.37-522q17.38-17 41.77-17 23.46 0 41.66 16.89 18.2 16.9 18.2 41.5 0 24.61-18.22 42.11-18.21 17.5-42 17.5Zm295.83 0q-24.61 0-42.11-17.3T421-479.89Q421-505 438.3-522t41.59-17Q505-539 522-522.11q17 16.9 17 41.5 0 24.61-16.89 42.11-16.9 17.5-41.5 17.5Zm294.28 0q-24.82 0-42.35-17.3Q715-455.6 715-479.89 715-505 732.68-522q17.67-17 42.5-17 24.82 0 42.32 16.89 17.5 16.9 17.5 41.5 0 24.61-17.64 42.11T774.89-421Z" }))));
+    }
+}, [0, "ds-icon-more-horiz", {
+        "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-more-horiz"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-more-horiz":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconMoreHoriz$1);
+            }
+            break;
+    } });
+}
+
+const DsIconMoreHoriz = DsIconMoreHoriz$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconMoreHoriz, defineCustomElement };

package/dist/components/ds-icon-more-vert.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconMoreVert$1 = proxyCustomElement(class DsIconMoreVert extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '83d0e5bf5377ec8c6a8bf6b29b20846b6dcb428a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '165583adbcce3210af7175ec5d9445b14930ff18', 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: '6104e311548d525c4db0913850cc9354f37c564e', d: "M480.61-126q-24.61 0-42.11-17.37-17.5-17.38-17.5-41.77 0-23.46 17.3-41.66 17.3-18.2 41.59-18.2Q505-245 522-226.78q17 18.21 17 42 0 23.78-16.89 41.28-16.9 17.5-41.5 17.5Zm0-295q-24.61 0-42.11-17.3T421-479.89Q421-505 438.3-522t41.59-17Q505-539 522-522.11q17 16.9 17 41.5 0 24.61-16.89 42.11-16.9 17.5-41.5 17.5Zm0-294q-24.61 0-42.11-17.68-17.5-17.67-17.5-42.5 0-24.82 17.3-42.32t41.59-17.5Q505-835 522-817.36t17 42.47q0 24.82-16.89 42.35-16.9 17.54-41.5 17.54Z" }))));
+    }
+}, [0, "ds-icon-more-vert", {
+        "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-more-vert"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-more-vert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconMoreVert$1);
+            }
+            break;
+    } });
+}
+
+const DsIconMoreVert = DsIconMoreVert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconMoreVert, defineCustomElement };

package/dist/components/ds-icon-my-location-fill.d.ts

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

package/dist/components/ds-icon-my-location-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconMyLocationFill$1 = proxyCustomElement(class DsIconMyLocationFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '9e4bab7e343cd71056e102d718e973f075e47726', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4c66c2476fc121ef99d69dd454c0a8420601a1b8', 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: '04dee7eb87e7d7db1397f9985f9cb4d254e93080', d: "M439-18v-75q-139-15-235.5-111.5T93-439H18v-82h75q15-139 111.5-235.5T439-867v-75h82v75q138 14 234.5 110.5T867-521h75v82h-75q-14 138-110.5 234.5T521-93v75h-82Zm40.83-167Q602-185 688.5-271.33q86.5-86.33 86.5-208.5T688.67-688.5Q602.34-775 480.17-775T271.5-688.67Q185-602.34 185-480.17t86.33 208.67q86.33 86.5 208.5 86.5Zm.17-145q-63 0-106.5-43.5T330-480q0-63 43.5-106.5T480-630q63 0 106.5 43.5T630-480q0 63-43.5 106.5T480-330Z" }))));
+    }
+}, [0, "ds-icon-my-location-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-my-location-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-my-location-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconMyLocationFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconMyLocationFill = DsIconMyLocationFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconMyLocationFill, defineCustomElement };

package/dist/components/ds-icon-my-location.d.ts

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

package/dist/components/ds-icon-my-location.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconMyLocation$1 = proxyCustomElement(class DsIconMyLocation extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '225dc74d711f0c3019b10180d86ea3c854132f57', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7b4eab24caa896d8feb766e8abe03aea69cd7fbf', 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: 'df9d8bf5dec0bf1deb802b9a4f0a52bc3e5f63db', d: "M439-18v-75q-139-15-235.5-111.5T93-439H18v-82h75q15-139 111.5-235.5T439-867v-75h82v75q138 14 234.5 110.5T867-521h75v82h-75q-14 138-110.5 234.5T521-93v75h-82Zm40.83-167Q602-185 688.5-271.33q86.5-86.33 86.5-208.5T688.67-688.5Q602.34-775 480.17-775T271.5-688.67Q185-602.34 185-480.17t86.33 208.67q86.33 86.5 208.5 86.5Zm.17-145q-63 0-106.5-43.5T330-480q0-63 43.5-106.5T480-630q63 0 106.5 43.5T630-480q0 63-43.5 106.5T480-330Zm-.36-83q28.36 0 47.86-19.14 19.5-19.13 19.5-47.5 0-28.36-19.14-47.86-19.13-19.5-47.5-19.5-28.36 0-47.86 19.14-19.5 19.13-19.5 47.5 0 28.36 19.14 47.86 19.13 19.5 47.5 19.5Zm.36-67Z" }))));
+    }
+}, [0, "ds-icon-my-location", {
+        "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-my-location"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-my-location":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconMyLocation$1);
+            }
+            break;
+    } });
+}
+
+const DsIconMyLocation = DsIconMyLocation$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconMyLocation, defineCustomElement };

package/dist/components/ds-icon-notifications-active-fill.d.ts

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

package/dist/components/ds-icon-notifications-active-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsActiveFill$1 = proxyCustomElement(class DsIconNotificationsActiveFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '14bd4bf794a1c5a142993dfa1fd2e79f7ed61107', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fa2fe855889f94165c3043aef03d9e27f5781bda', 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: 'b66b8daa5c56f069809a05a145da75030cdc1525', d: "M135-175v-94h71v-279q0-92.69 53-168.35 53-75.65 144-95.98V-906h154v93.74Q648-793 701.5-717T755-548v279h71v94H135ZM480.5-46q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46ZM68-549q0-103.01 45.1-189.55T236-882l52 70q-61 45-97 113.62T155-549H68Zm738 0q0-81-36.69-149.62Q732.63-767.24 672-812l53-70q76.6 57.34 122.3 143.5Q893-652.35 893-549h-87Z" }))));
+    }
+}, [0, "ds-icon-notifications-active-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-notifications-active-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-active-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsActiveFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsActiveFill = DsIconNotificationsActiveFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsActiveFill, defineCustomElement };

package/dist/components/ds-icon-notifications-active.d.ts

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

package/dist/components/ds-icon-notifications-active.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsActive$1 = proxyCustomElement(class DsIconNotificationsActive extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '736f514c22d6a05a528a30754a36e3abad45158e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '78af7d2cf79eda3a3117e184a6050e70a87b2de4', 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: '6bd5cb1ffe0afc2a13cb4e29fa3d6232c885df48', d: "M135-175v-94h71v-279q0-92.69 53-168.35 53-75.65 144-95.98V-906h154v93.74Q648-793 701.5-717T755-548v279h71v94H135Zm345-323Zm.5 452q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46ZM300-269h360v-279q0-74-52.5-127T480-728q-75 0-127.5 53T300-548v279ZM68-549q0-103.01 45.1-189.55T236-882l52 70q-61 45-97 113.62T155-549H68Zm738 0q0-81-36.69-149.62Q732.63-767.24 672-812l53-70q76.6 57.34 122.3 143.5Q893-652.35 893-549h-87Z" }))));
+    }
+}, [0, "ds-icon-notifications-active", {
+        "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-notifications-active"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-active":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsActive$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsActive = DsIconNotificationsActive$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsActive, defineCustomElement };

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

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsFill$1 = proxyCustomElement(class DsIconNotificationsFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '16cefe709338e7a035dbe4e9d7dd4aff58e8311f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a16239e50ffb6cd77b79a57f28af743997adf654', 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: '895fd8c2eb9547b244f07fd352441d9b5b9d92a9', d: "M135-175v-94h71v-279q0-92.69 53-168.35 53-75.65 144-95.98V-906h154v93.74Q648-793 701.5-717T755-548v279h71v94H135ZM480.5-46q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46Z" }))));
+    }
+}, [0, "ds-icon-notifications-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-notifications-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsFill = DsIconNotificationsFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsFill, defineCustomElement };

package/dist/components/ds-icon-notifications-off-fill.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsOffFill$1 = proxyCustomElement(class DsIconNotificationsOffFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '3478f8366300b980a0686c86a126fd9cc0ea46bd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c4a80094e739356f0469ff89706483651f357128', 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: '38c4a51ceb86de950c90fbf9acc4c0796df98b74', d: "M135-175v-94h71v-279q0-43 11.5-84t36.5-78l-21 162h84L56-809l50-49L867-96l-50 50-127-129H135Zm620-135L303-761q22-19 46.5-32.5T403-812v-94h154v94q91 18 144.5 94.5T755-548v238ZM481-46q-37 0-63-26t-26-63h177q0 37-26 63t-62 26Z" }))));
+    }
+}, [0, "ds-icon-notifications-off-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-notifications-off-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-off-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsOffFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsOffFill = DsIconNotificationsOffFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsOffFill, defineCustomElement };

package/dist/components/ds-icon-notifications-off.d.ts

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

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

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsOff$1 = proxyCustomElement(class DsIconNotificationsOff extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '5086cd4ac344aaa6ec052118fe01bb766823fe91', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a0ecf160ade3534ca4fa9159ffcb95ee0334276c', 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: 'd15d2faec115ea63420b5f69f395825b94ee263e', d: "M135-175v-94h71v-279q0-43.26 11.75-84.13T254-710l70 71q-12 21-18 44.42T300-548v279h294L56-809l50-49L867-96l-50 50-127-129H135Zm620-135-95-95v-143q0-74-52.5-127T480-728q-30.14 0-57.07 9.5T376-689l-73-72q22-19 46.5-32.5t53.5-18.31V-906h154v94q91 18 144.5 94.5T755-548v238ZM448-417Zm32.5 371q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46ZM518-547Z" }))));
+    }
+}, [0, "ds-icon-notifications-off", {
+        "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-notifications-off"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-off":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsOff$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsOff = DsIconNotificationsOff$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsOff, defineCustomElement };

package/dist/components/ds-icon-notifications-unread-fill.d.ts

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

package/dist/components/ds-icon-notifications-unread-fill.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsUnreadFill$1 = proxyCustomElement(class DsIconNotificationsUnreadFill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: 'aa7efc3b6b8a0fc10ecf746c7325f662161dd7b0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f8d84c9e707cefc4d6349a2257372a408edada8e', 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: 'b634b20d97f9c34448ed37e4bee54eec11a098aa', d: "M480.5-46q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46ZM135-175v-94h71v-279q0-92.69 53-168.35 53-75.65 144-95.98V-906h149v35q-22 29.18-33.5 62.86Q507-774.45 507-738q0 77 47.77 133 47.76 56 119.23 70 20 3 40 3.5t41-2.5v265h71v94H135Zm578.53-436q-53.11 0-89.82-37.18Q587-685.36 587-738.47q0-53.11 36.97-90.32Q660.95-866 713.76-866q52.82 0 90.03 37.37T841-737.88q0 52.96-37.18 89.92T713.53-611Z" }))));
+    }
+}, [0, "ds-icon-notifications-unread-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-notifications-unread-fill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-unread-fill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsUnreadFill$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsUnreadFill = DsIconNotificationsUnreadFill$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsUnreadFill, defineCustomElement };

package/dist/components/ds-icon-notifications-unread.d.ts

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

package/dist/components/ds-icon-notifications-unread.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index2.js';
+
+const DsIconNotificationsUnread$1 = proxyCustomElement(class DsIconNotificationsUnread extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    dsSize;
+    dsTitle = 'Icon';
+    dsRole = 'img';
+    dsColour;
+    render() {
+        return (h(Host, { key: '87152a94b0bfbf4717cd2c72d5f6ff4b866062f2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '258d7c3855a1fd52afa82cfdacef16cd4d09bec7', 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: '555a9f263671320a4eff32bb79033786b42d6a0e', d: "M480.5-46q-36.45 0-62.48-26.14Q392-98.29 392-135h177q0 37-26.23 63T480.5-46Zm-.5-452ZM135-175v-94h71v-279q0-92.69 53-168.35 53-75.65 144-95.98V-906h149v35q-25 31-36 68.5t-7 77.5q-7.25-2-13.82-2.5T480-728q-75 0-127.5 53T300-548v279h360v-270q24 8 47.5 9t47.5-4v265h71v94H135Zm578.53-436q-53.11 0-89.82-37.18Q587-685.36 587-738.47q0-53.11 36.97-90.32Q660.95-866 713.76-866q52.82 0 90.03 37.37T841-737.88q0 52.96-37.18 89.92T713.53-611Z" }))));
+    }
+}, [0, "ds-icon-notifications-unread", {
+        "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-notifications-unread"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-icon-notifications-unread":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsIconNotificationsUnread$1);
+            }
+            break;
+    } });
+}
+
+const DsIconNotificationsUnread = DsIconNotificationsUnread$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsIconNotificationsUnread, defineCustomElement };

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

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