@siemens/ix 5.1.1 → 5.2.1

package/dist/collection/components/workflow-step/workflow-step.js

@@ -95,6 +95,12 @@ export class WorkflowStep {
             this.selectedChanged.emit(this.hostElement);
         }
     }
+    onKeyDown(event) {
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            this.onStepClick();
+        }
+    }
     getIconAriaLabel() {
         switch (this.iconName) {
             case iconCircle:
@@ -116,19 +122,19 @@ export class WorkflowStep {
         }
     }
     render() {
-        const icons = !this.customIconSlot ? (h(Fragment, null, h("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (h(Host, { key: '90a96daa4fcd025eb263106e438921ac52e31275', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: '89632685c0165d65d3272d5bd07efed07cc62b2f', tabIndex: 0, class: {
+        const icons = !this.customIconSlot ? (h(Fragment, null, h("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24", "aria-hidden": "true" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
+        return (h(Host, { key: '0b31b31bfaaff7cdaf2a3b352dff5a4895d6a8f8', class: { 'host-vertical': this.vertical } }, h("div", { key: '60fc771cc2c3025281ae93b582f768ed00e70c1d', tabIndex: this.disabled || !this.clickable ? -1 : 0, role: this.clickable ? 'button' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.selected ? 'step' : undefined, onClick: () => this.onStepClick(), onKeyDown: (e) => this.onKeyDown(e), class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, h("div", { key: '0cf529dbf274d46cb69b1366f4fa2f4bec8dc9c2', class: "wrapper" }, h("div", { key: '00d1ba80a6382a3a9a98d9187b1061588a923fdc', class: {
+            } }, h("div", { key: '6187e161fa1da2b660acdd1ca16f223803b32f51', class: "wrapper" }, h("div", { key: '918d1167813489e8caae3759bb104d91963d96f6', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), h("div", { key: '6b5d0f1dd1c79587d2c4288c4b3bf4088a0c231d', class: "iconWrapper" }, icons, h("slot", { key: '5e8dc4558fee0729e168e996cfab4cf9b49a2b29', name: "custom-icon" }))), h("div", { key: 'e237c2794cff96191bb36903099bf999dc8b2ae8', class: "text" }, h("slot", { key: '4e7dc4e9c3964c202a26b5e4739db463cffdc099' })))));
+            } }), h("div", { key: '11df46fc6530a9959a675d0e66b450b2b3beff23', class: "iconWrapper" }, icons, h("slot", { key: '8e17d1c02e11aa0da20fe2301a4b06394833a89d', name: "custom-icon" }))), h("div", { key: 'a195bbb624575f3c056492f0b3afadbd6f0b028d', class: "text" }, h("slot", { key: 'fb99dccd27941723266a0f4c7ecef584cba91ef2' })))));
     }
     static get is() { return "ix-workflow-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/workflow-steps/workflow-steps.css

@@ -36,7 +36,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -45,37 +45,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .steps {

package/dist/collection/components/workflow-steps/workflow-steps.js

@@ -88,7 +88,7 @@ export class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (h(Host, { key: 'bbe9022a63e0e743dfc479e93f8b20c578d4ce32' }, h("div", { key: '1363ed6f81fc73e4cc0cec1160cc31188dc64bef', class: { steps: true, vertical: this.vertical } }, h("slot", { key: 'c6b6b0c487c010cbc87a27d8c3341a644a1593c5' }))));
+        return (h(Host, { key: '79d33d762d82942d97ead61a5ab4f3905987f2f8' }, h("div", { key: 'aa3aa0b2987a1deeef3fd83a0750da4dc7e7dfec', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '29f26e475b0998501fa26322bf09c897712b47d1' }))));
     }
     static get is() { return "ix-workflow-steps"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/tests/utils/test/page.js

@@ -121,6 +121,9 @@ export const expect = baseExpect.extend({
         if (activeDescendantElementLocator) {
             try {
                 const activeDescendantId = await activeDescendantElementLocator.evaluate((el) => el.getAttribute('aria-activedescendant'));
+                if (activeDescendantId === null) {
+                    throw new Error('Active descendant element does not have an aria-activedescendant attribute.');
+                }
                 await baseExpect(activeDescendantElementLocator).toHaveAttribute('aria-activedescendant', activeDescendantId);
             }
             catch (e) {

package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js}

@@ -150,4 +150,4 @@ const forceTabIndex = (element, tabIndex) => {
     }
 };
 
-export { a11yBoolean as a, a11yHostAttributes as b, forceTabIndex as f, getFallbackLabelFromIconName as g };
+export { a11yBoolean as a, a11yHostAttributes as b, a11yAttributes as c, forceTabIndex as f, getFallbackLabelFromIconName as g };

package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js}

@@ -22,11 +22,11 @@ class Animation {
     }
     static ensureCache() {
         if (this.#cache !== null)
-            return;
+            return this.#cache;
         if (typeof window === 'undefined') {
             // SSR only
             this.#cache = { ...this.#FALLBACKS };
-            return;
+            return this.#cache;
         }
         const root = document.documentElement || document.body;
         const styles = window.getComputedStyle(root);
@@ -43,6 +43,7 @@ class Animation {
             slow: read('--theme-slow-time', this.#FALLBACKS.slow),
             xslow: read('--theme-x-slow-time', this.#FALLBACKS.xslow),
         };
+        return this.#cache;
     }
     static prefersReducedMotion() {
         if (typeof window === 'undefined' || !window.matchMedia)
@@ -50,28 +51,23 @@ class Animation {
         return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     }
     static get shortTime() {
-        this.ensureCache();
-        const t = this.#cache.short;
+        const t = this.ensureCache().short;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get defaultTime() {
-        this.ensureCache();
-        const t = this.#cache.default;
+        const t = this.ensureCache().default;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get mediumTime() {
-        this.ensureCache();
-        const t = this.#cache.medium;
+        const t = this.ensureCache().medium;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get slowTime() {
-        this.ensureCache();
-        const t = this.#cache.slow;
+        const t = this.ensureCache().slow;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get xSlowTime() {
-        this.ensureCache();
-        const t = this.#cache.xslow;
+        const t = this.ensureCache().xslow;
         return this.prefersReducedMotion() ? 0 : t;
     }
 }

package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js}

@@ -1,5 +1,5 @@
 import { h } from './index-EBgS4zhE.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG

package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js}

@@ -1,5 +1,5 @@
 import { h } from './index-EBgS4zhE.js';
-import { B as BaseButton } from './base-button-DZdtpLxn.js';
+import { B as BaseButton } from './base-button-Oanl-VqF.js';
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG

package/dist/esm/chip.types-4ZsT_zIm.js

@@ -0,0 +1,20 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const CHIP_VARIANTS = [
+    'primary',
+    'alarm',
+    'critical',
+    'warning',
+    'info',
+    'neutral',
+    'success',
+    'custom',
+];
+
+export { CHIP_VARIANTS as C };

package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance } from './index-EBgS4zhE.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 
 const FocusVisibleMixin = (Base) => {
     const FocusVisibleMixinCtor = class extends Base {

package/dist/esm/{helper-text-util-D0LEFZuB.js → helper-text-util-BJ-ZMW2J.js}

@@ -1,6 +1,6 @@
 import { h } from './index-EBgS4zhE.js';
-import { b as iconError, c as iconWarning, d as iconInfo, a as iconSuccess } from './index-DgUGsIlh.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { b as iconError, c as iconWarning, d as iconInfo, a as iconSuccess } from './index-BeX6RWvV.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

package/dist/esm/{index-DgUGsIlh.js → index-BeX6RWvV.js}

@@ -1,6 +1,7 @@
 /* Siemens iX Icons */
 /* autogenerated do not edit */
 
+const iconAlarmFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>alarm-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C330.943502,3.55271368e-14 426.666667,95.7231591 426.666667,213.333333 C426.666667,330.943502 330.943502,426.666667 213.333333,426.666667 C95.7231591,426.666667 3.55271368e-14,330.943502 3.55271368e-14,213.333333 C3.55271368e-14,95.7231591 95.7231591,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,272.042667 C198.095238,272.042667 186.666667,283.306667 186.666667,298.325333 C186.666667,314.026667 197.748918,325.290667 213.333333,325.290667 C228.571429,325.290667 240,314.026667 240,298.666667 C240,283.306667 228.571429,272.042667 213.333333,272.042667 Z M234.666667,85.3333333 L192,85.3333333 L192,234.666667 L234.666667,234.666667 L234.666667,85.3333333 Z' id='Combined-Shape'/></g></g></svg>";
 const iconAlarm = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>alarm</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C330.943502,3.55271368e-14 426.666667,95.7231591 426.666667,213.333333 C426.666667,330.943502 330.943502,426.666667 213.333333,426.666667 C95.7231591,426.666667 3.55271368e-14,330.943502 3.55271368e-14,213.333333 C3.55271368e-14,95.7231591 95.7231591,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C118.87459,42.6666667 42.6666667,118.87459 42.6666667,213.333333 C42.6666667,307.792077 118.87459,384 213.333333,384 C307.792077,384 384,307.792077 384,213.333333 C384,118.87459 307.792077,42.6666667 213.333333,42.6666667 Z M213.333333,272.042667 C228.571429,272.042667 240,283.306667 240,298.666667 C240,314.026667 228.571429,325.290667 213.333333,325.290667 C197.748918,325.290667 186.666667,314.026667 186.666667,298.325333 C186.666667,283.306667 198.095238,272.042667 213.333333,272.042667 Z M234.666667,85.3333333 L234.666667,234.666667 L192,234.666667 L192,85.3333333 L234.666667,85.3333333 Z' id='Combined-Shape'/></g></g></svg>";
 const iconApps = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>apps</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(64.000000, 64.000000)'><path d='M64,32 C64,49.664 49.664,64 32,64 C14.336,64 -4.26325641e-14,49.664 -4.26325641e-14,32 C-4.26325641e-14,14.336 14.336,-4.26325641e-14 32,-4.26325641e-14 C49.664,-4.26325641e-14 64,14.336 64,32 Z M224,32 C224,49.664 209.664,64 192,64 C174.336,64 160,49.664 160,32 C160,14.336 174.336,-4.26325641e-14 192,-4.26325641e-14 C209.664,-4.26325641e-14 224,14.336 224,32 Z M64,352 C64,369.664 49.664,384 32,384 C14.336,384 -4.26325641e-14,369.664 -4.26325641e-14,352 C-4.26325641e-14,334.336 14.336,320 32,320 C49.664,320 64,334.336 64,352 Z M224,352 C224,369.664 209.664,384 192,384 C174.336,384 160,369.664 160,352 C160,334.336 174.336,320 192,320 C209.664,320 224,334.336 224,352 Z M64,192 C64,209.664 49.664,224 32,224 C14.336,224 -4.26325641e-14,209.664 -4.26325641e-14,192 C-4.26325641e-14,174.336 14.336,160 32,160 C49.664,160 64,174.336 64,192 Z M224,192 C224,209.664 209.664,224 192,224 C174.336,224 160,209.664 160,192 C160,174.336 174.336,160 192,160 C209.664,160 224,174.336 224,192 Z M384,32 C384,49.664 369.664,64 352,64 C334.336,64 320,49.664 320,32 C320,14.336 334.336,-4.26325641e-14 352,-4.26325641e-14 C369.664,-4.26325641e-14 384,14.336 384,32 Z M384,352 C384,369.664 369.664,384 352,384 C334.336,384 320,369.664 320,352 C320,334.336 334.336,320 352,320 C369.664,320 384,334.336 384,352 Z M384,192 C384,209.664 369.664,224 352,224 C334.336,224 320,209.664 320,192 C320,174.336 334.336,160 352,160 C369.664,160 384,174.336 384,192 Z' id='Combined-Shape'/></g></g></svg>";
 const iconArrowLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>arrow-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(106.680107, 134.255147)'><polygon id='arrow-left' points='298.639787 100.41664 81.66656 100.41664 151.916587 30.1666133 121.749973 0 1.42108547e-14 121.749973 121.749973 243.489707 151.916587 213.32288 81.6693333 143.083307 298.639787 143.083307'/></g></g></svg>";
@@ -15,6 +16,7 @@ const iconChevronUp = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF
 const iconCircleDot = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-dot</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M213.333333,106.666667 C272.243707,106.666667 320,154.42296 320,213.333333 C320,272.243707 272.243707,320 213.333333,320 C154.42296,320 106.666667,272.243707 106.666667,213.333333 C106.666667,154.42296 154.42296,106.666667 213.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconCircleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z' id='Combined-Shape'/></g></g></svg>";
 const iconCirclePause = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-pause</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M192,128 L192,298.666667 L149.333333,298.666667 L149.333333,128 L192,128 Z M277.333333,128 L277.333333,298.666667 L234.666667,298.666667 L234.666667,128 L277.333333,128 Z' id='Combined-Shape'/></g></g></svg>";
+const iconCircleStop = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-stop</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M298.666667,128 L298.666667,298.666667 L128,298.666667 L128,128 L298.666667,128 Z' id='Combined-Shape'/></g></g></svg>";
 const iconCircle = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconClear = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>clear</desc><path fill-rule='evenodd' d='M213.333333,3.55271368e-14 C269.912851,3.55271368e-14 324.175019,22.4761259 364.18278,62.4838867 C404.190541,102.491647 426.666667,156.753816 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M288.758057,107.738721 L318.927946,137.90861 L243.502,213.333 L318.927946,288.758057 L288.758057,318.927946 L213.333,243.502 L137.90861,318.927946 L107.738721,288.758057 L183.163,213.333 L107.738721,137.90861 L137.90861,107.738721 L213.333,183.163 L288.758057,107.738721 Z' transform='translate(42.667 42.667)'/></svg>";
 const iconClock = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>clock</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='work-case' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M234.666667,106.666667 L234.666667,225.813333 L292.418278,283.581722 L262.248389,313.751611 L192,243.503223 L192,106.666667 L234.666667,106.666667 Z' id='reading-time'/></g></g></svg>";
@@ -27,10 +29,12 @@ const iconDoubleChevronDown = "data:image/svg+xml;utf8,<?xml version='1.0' encod
 const iconDoubleChevronLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(108.603733, 134.171733)'><path d='M127.978667,121.834667 L249.6,243.648 L279.872,213.333333 L188.16,121.834667 L279.872,30.3146667 L249.6,2.84217094e-14 L127.978667,121.834667 Z M1.42108547e-14,121.834667 L121.578667,243.648 L151.872,213.333333 L60.1386667,121.834667 L151.872,30.3146667 L121.578667,2.84217094e-14 L1.42108547e-14,121.834667 Z' id='arrow-double-left'/></g></g></svg>";
 const iconDoubleChevronRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(123.520000, 134.186667)'><path d='M158.293333,0 L279.893333,121.813333 L158.293333,243.626667 L128,213.333333 L219.733333,121.813333 L128,30.2933333 L158.293333,0 Z M30.2933333,0 L151.893333,121.813333 L30.2933333,243.626667 L-1.42108547e-14,213.333333 L91.7333333,121.813333 L-1.42108547e-14,30.2933333 L30.2933333,0 Z' id='arrow-double-right'/></g></g></svg>";
 const iconDoubleChevronUp = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-up</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 108.586667)'><path d='M140.16,18.1333333 L261.76,139.946667 L140.16,261.76 L109.866667,231.466667 L201.6,139.946667 L109.866667,48.4266667 L140.16,18.1333333 Z M12.16,18.1333333 L133.76,139.946667 L12.16,261.76 L-18.1333333,231.466667 L73.6,139.946667 L-18.1333333,48.4266667 L12.16,18.1333333 Z' id='arrow-double-right' transform='translate(121.813333, 139.946667) rotate(-90.000000) translate(-121.813333, -139.946667) '/></g></g></svg>";
+const iconErrorFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>error-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M262.250667,134.250667 L213.333333,183.168 L164.416,134.250667 L134.250667,164.416 L183.168,213.333333 L134.250667,262.250667 L164.416,292.416 L213.333333,243.498667 L262.250667,292.416 L292.416,262.250667 L243.498667,213.333333 L292.416,164.416 L262.250667,134.250667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconError = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>error</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M262.250667,134.250667 L292.416,164.416 L243.498667,213.333333 L292.416,262.250667 L262.250667,292.416 L213.333333,243.498667 L164.416,292.416 L134.250667,262.250667 L183.168,213.333333 L134.250667,164.416 L164.416,134.250667 L213.333333,183.168 L262.250667,134.250667 Z' id='error'/></g></g></svg>";
 const iconEyeCancelled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>eye-cancelled</desc><path fill-rule='evenodd' d='M47.0849493,2.84217094e-14 L185.740632,138.655563 C194.095501,134.657276 203.45297,132.418278 213.333333,132.418278 C248.679253,132.418278 277.333333,161.072358 277.333333,196.418278 C277.333333,206.299034 275.094157,215.656855 271.095572,224.011976 L409.751616,362.666662 L379.581717,392.836561 L320.374817,333.628896 C291.246618,353.329494 255.728838,367.084945 213.333333,367.084945 C64,367.084945 7.10542736e-15,196.418278 7.10542736e-15,196.418278 C7.10542736e-15,196.418278 22.862032,135.452859 73.1408088,86.3974274 L16.9150553,30.169894 L47.0849493,2.84217094e-14 Z M103.440016,116.694904 C74.7091717,144.512844 55.9626236,177.598744 46.7136,196.424891 C64.7370667,233.114811 119.071573,324.418278 213.333333,324.418278 C242.440012,324.418278 267.739844,315.712374 289.339919,302.595012 L240.926035,254.180993 C232.571166,258.17928 223.213696,260.418278 213.333333,260.418278 C177.987413,260.418278 149.333333,231.764198 149.333333,196.418278 C149.333333,186.537915 151.572331,177.180445 155.570618,168.825577 Z M213.333333,25.7516113 C362.666667,25.7516113 426.666667,196.418278 426.666667,196.418278 C426.666667,196.418278 412.428071,234.387867 381.712212,274.508373 L351.151213,243.941206 C364.581948,225.697449 374.142733,208.239347 379.954347,196.410385 C361.9296,159.721745 307.595093,68.418278 213.333333,68.418278 C201.495833,68.418278 190.287983,69.858232 179.702584,72.449263 L145.662385,38.4000762 C165.913597,30.494948 188.437631,25.7516113 213.333333,25.7516113 Z' transform='translate(42.667 59.582)'/></svg>";
 const iconEye = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>eye</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 85.333333)'><path d='M213.333333,1.42108547e-14 C64,1.42108547e-14 7.10542736e-15,170.666667 7.10542736e-15,170.666667 C7.10542736e-15,170.666667 64,341.333333 213.333333,341.333333 C362.666667,341.333333 426.666667,170.666667 426.666667,170.666667 C426.666667,170.666667 362.666667,1.42108547e-14 213.333333,1.42108547e-14 Z M213.333333,298.666667 C119.071573,298.666667 64.7370667,207.3632 46.7136,170.67328 C64.7850667,133.88928 119.114667,42.6666667 213.333333,42.6666667 C307.595093,42.6666667 361.9296,133.970133 379.954347,170.658773 C361.8816,207.444053 307.552,298.666667 213.333333,298.666667 Z M213.333333,96 C172.096427,96 138.666667,129.42976 138.666667,170.666667 C138.666667,211.903573 172.096427,245.333333 213.333333,245.333333 C254.57024,245.333333 288,211.903573 288,170.666667 C288,129.42976 254.57024,96 213.333333,96 Z M213.333333,202.666667 C195.688747,202.666667 181.333333,188.311253 181.333333,170.666667 C181.333333,153.02208 195.688747,138.666667 213.333333,138.666667 C230.97792,138.666667 245.333333,153.02208 245.333333,170.666667 C245.333333,188.311253 230.97792,202.666667 213.333333,202.666667 Z'/></g></g></svg>";
 const iconHistory = "data:image/svg+xml;utf8,<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><desc>history</desc><path fill-rule='evenodd' clip-rule='evenodd' d='M469.333 256C469.333 362.039 383.372 448 277.333 448C227.538 448 182.17 429.044 148.052 397.954L177.827 367.352C204.241 390.973 239.11 405.333 277.333 405.333C359.808 405.333 426.667 338.475 426.667 256C426.667 173.525 359.808 106.667 277.333 106.667C194.859 106.667 128 173.525 128 256C128 260.043 128.161 264.048 128.476 268.01L170.667 225.83L200.837 256L106.667 350.17L12.4968 256L42.6667 225.83L85.7607 268.913C85.4773 264.645 85.3334 260.339 85.3334 256C85.3334 149.961 171.295 64 277.333 64C383.372 64 469.333 149.961 469.333 256ZM255.999 149.333V267.52L329.599 316.373L353.066 280.96L298.666 244.48V149.333H255.999Z'/></svg>";
+const iconInfoFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>info-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z' id='Shape'/></g></g></svg>";
 const iconInfo = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>info</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.44,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.44,384 213.333333,384 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z' id='Shape'/></g></g></svg>";
 const iconLightDark = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>light-dark</desc><path fill-rule='evenodd' d='M256,384 L256,469.333333 L213.333333,469.333333 L213.333333,384 L256,384 Z M355.346224,325.176335 L415.686003,385.516113 L385.516113,415.686003 L325.176335,355.346224 L355.346224,325.176335 Z M113.987109,325.176335 L144.156999,355.346224 L83.81722,415.686003 L53.6473307,385.516113 L113.987109,325.176335 Z M234.666667,118.01971 C299.089002,118.01971 351.313623,170.244331 351.313623,234.666667 C351.313623,299.089002 299.089002,351.314049 234.666667,351.314049 C203.711846,351.372867 174.007802,339.102338 152.119399,317.213934 C130.230995,295.325531 117.960466,265.621487 118.019285,234.666667 C118.019285,170.244331 170.244331,118.01971 234.666667,118.01971 Z M234.666667,160.686377 C193.808416,160.686377 160.685951,193.808546 160.685951,234.748031 C160.648688,254.358867 168.422443,273.1772 182.289288,287.044045 C196.156133,300.91089 214.974466,308.684645 234.666667,308.647305 L234.666667,160.686377 Z M469.333333,213.333333 L469.333333,256 L384,256 L384,213.333333 L469.333333,213.333333 Z M85.3333333,213.333333 L85.3333333,256 L3.55271368e-15,256 L3.55271368e-15,213.333333 L85.3333333,213.333333 Z M83.81722,53.6473307 L144.156999,113.987109 L113.987109,144.156999 L53.6473307,83.81722 L83.81722,53.6473307 Z M385.516113,53.6473307 L415.686003,83.81722 L355.346224,144.156999 L325.176335,113.987109 L385.516113,53.6473307 Z M256,5.90116627e-13 L256,85.3333333 L213.333333,85.3333333 L213.333333,5.82278887e-13 L256,5.90116627e-13 Z' transform='translate(21.333 21.333)'/></svg>";
 const iconLogOut = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>log-out</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Combined-Shape' transform='translate(85.333333, 42.666667)'><path d='M234.666667,-2.13162821e-14 L234.666667,85.3333333 L192.000667,85.333 L192,42.6666667 L42.6666667,42.6666667 L42.6666667,384 L192,384 L192.000667,341.333 L234.666667,341.333333 L234.666667,426.666667 L-4.26325641e-14,426.666667 L-4.26325641e-14,-2.13162821e-14 L234.666667,-2.13162821e-14 Z M292.418278,112.915055 L392.836556,213.333333 L292.418278,313.751611 L262.248389,283.581722 L311.163,234.666 L106.666667,234.666667 L106.666667,192 L311.163,192 L262.248389,143.084945 L292.418278,112.915055 Z'/></g></g></svg>";
@@ -40,12 +44,18 @@ const iconNotification = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='
 const iconOpenExternal = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>open-external</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(85.333333, 64.000000)'><path d='M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z' id='Combined-Shape'/></g></g></svg>";
 const iconPlus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>plus</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='uncollapse' transform='translate(64.000000, 64.000000)'><path d='M213.333333,1.42108547e-14 L213.333,170.666 L384,170.666667 L384,213.333333 L213.333,213.333 L213.333333,384 L170.666667,384 L170.666,213.333 L1.42108547e-14,213.333333 L1.42108547e-14,170.666667 L170.666,170.666 L170.666667,1.42108547e-14 L213.333333,1.42108547e-14 Z'/></g></g></svg>";
 const iconQuestion = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>question</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M291.76704,163.504 C291.76704,177.01952 288.33216,188.82176 281.479253,198.90112 C275.828267,207.371093 266.358187,216.549547 253.042987,226.434987 C245.378987,231.682347 240.331947,236.618667 237.916587,241.257813 C234.87744,246.90624 233.376213,255.371093 233.376213,266.666667 L190.710827,266.666667 C190.710827,249.530027 192.53504,237.027413 196.165333,229.162667 C200.394453,219.679573 209.571627,210.098773 223.686187,200.42048 C230.350293,195.374933 235.188693,190.2368 238.214827,184.994773 C241.839787,179.143253 243.664,172.49216 243.664,165.028693 C243.664,153.13024 240.125013,144.26304 233.070293,138.404907 C227.4336,134.177067 220.56768,132.059947 212.501333,132.059947 C199.39328,132.059947 189.911467,136.398507 184.065067,145.069013 C179.829333,151.518293 177.7056,159.787733 177.7056,169.868587 L177.7056,170.173227 L132.34368,170.173227 C132.34368,143.751253 140.703147,123.790507 157.43488,110.274773 C171.554773,98.9922133 189.007787,93.3346133 209.77344,93.3346133 C227.933653,93.3346133 243.865813,96.86848 257.571627,103.9232 C280.37504,115.62624 291.76704,135.494827 291.76704,163.504 Z M426.666667,213.333333 C426.666667,331.153707 331.153707,426.666667 213.333333,426.666667 C95.51296,426.666667 3.55271368e-14,331.153707 3.55271368e-14,213.333333 C3.55271368e-14,95.51168 95.51296,3.55271368e-14 213.333333,3.55271368e-14 C331.153707,3.55271368e-14 426.666667,95.51168 426.666667,213.333333 Z M384,213.333333 C384,119.226667 307.43872,42.6666667 213.333333,42.6666667 C119.227947,42.6666667 42.6666667,119.226667 42.6666667,213.333333 C42.6666667,307.43872 119.227947,384 213.333333,384 C307.43872,384 384,307.43872 384,213.333333 Z M213.332053,282.666667 C198.60416,282.666667 186.665387,294.60544 186.665387,309.333333 C186.665387,324.061227 198.60416,336 213.332053,336 C228.059947,336 239.99872,324.061227 239.99872,309.333333 C239.99872,294.60544 228.059947,282.666667 213.332053,282.666667 Z' id='Shape'/></g></g></svg>";
+const iconRhombFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>rhomb-filled</desc><path fill-rule='evenodd' d='M113.289264,70.6225973 L368.951995,70.6225973 C392.516145,70.6225973 411.618662,89.7251147 411.618662,113.289264 L411.618662,368.951995 C411.618662,392.516145 392.516145,411.618662 368.951995,411.618662 L113.289264,411.618662 C89.7251147,411.618662 70.6225973,392.516145 70.6225973,368.951995 L70.6225973,113.289264 C70.6225973,89.7251147 89.7251147,70.6225973 113.289264,70.6225973 Z' transform='rotate(45 230.6 266.521)'/></svg>";
 const iconSearch = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>search</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 42.666667)'><path d='M426.630187,396.463573 L305.314987,275.148373 C327.799467,246.239573 341.333333,210.04032 341.333333,170.666667 C341.333333,76.56256 264.770773,-7.10542736e-15 170.666667,-7.10542736e-15 C76.56256,-7.10542736e-15 7.10542736e-15,76.56256 7.10542736e-15,170.666667 C7.10542736e-15,264.770773 76.56256,341.333333 170.666667,341.333333 C210.04032,341.333333 246.239573,327.799467 275.148373,305.3152 L396.463573,426.6304 L426.630187,396.463573 Z M170.666667,298.666667 C100.083413,298.666667 42.6666667,241.24992 42.6666667,170.666667 C42.6666667,100.083413 100.083413,42.6666667 170.666667,42.6666667 C241.24992,42.6666667 298.666667,100.083413 298.666667,170.666667 C298.666667,241.24992 241.24992,298.666667 170.666667,298.666667 Z'/></g></g></svg>";
+const iconSendRightFilled = "data:image/svg+xml;utf8,<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><desc>send-right-filled</desc><path d='M256 277.333V234.667H122.027L64 42.6667L469.333 256L64 469.333L121.6 277.333H256Z'/></svg>";
 const iconShout = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>shout</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(42.666667, 128.000000)'><path d='M320,0 C334.222222,42.6666667 341.333333,85.3333333 341.333333,128 C341.333333,170.666667 334.222222,213.333333 320,256 L202.143432,226.536015 C198.2986,255.215667 173.732229,277.333333 144,277.333333 C112.799321,277.333333 87.2873754,252.976969 85.4404009,222.240476 L85.3333333,218.666667 L85.333,200.533 L3.55271368e-14,192 L3.55271368e-14,64 L106.666667,53.3333333 L320,0 Z M128,208 L128,218.666667 C128,227.503223 135.163444,234.666667 144,234.666667 C152.100176,234.666667 158.794474,228.647384 159.853939,220.837772 L160,218.666667 L160,216 L128,208 Z M290.048,51.456 L128,91.979 L128,164.019 L290.048,204.522667 L290.926769,200.740217 C295.355847,179.899745 297.878675,159.118474 298.509094,138.371024 L298.666667,128 C298.666667,103.806971 296.094027,79.5736667 290.926769,55.259783 L290.048,51.456 Z M85.333,98.346 L42.6666667,102.613333 L42.6666667,153.365333 L85.333,157.644 L85.333,98.346 Z M362.666667,106.666667 L426.666667,106.666667 L426.666667,149.333333 L362.666667,149.333333 L362.666667,106.666667 Z M359.264043,179.197776 L421.623727,193.594643 L412.025816,235.167766 L349.666132,220.770899 L359.264043,179.197776 Z M349.666132,35.2291012 L412.025816,20.8322337 L421.623727,62.4053565 L359.264043,76.802224 L349.666132,35.2291012 Z' id='Combined-Shape'/></g></g></svg>";
 const iconSingleCheck = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>single-check</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(91.581722, 94.833062)'><polygon id='check-small' points='304.534538 0 340.035351 23.6672084 154.934008 301.319223 1.42108547e-14 146.385216 30.1698893 116.215326 148.290278 234.318938'/></g></g></svg>";
+const iconSuccessFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>success-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add-copy-2' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51296 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.153707,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51296 331.153707,3.55271368e-14 213.333333,3.55271368e-14 Z M293.669333,137.114453 L323.835947,167.281067 L192,299.66912 L112.916693,220.585813 L143.083307,190.4192 L192,239.335893 L293.669333,137.114453 Z' id='Shape'/></g></g></svg>";
 const iconSuccess = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>success</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add-copy' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51296 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.153707,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51296 331.153707,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.43872,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.438933,384 213.333333,384 Z M293.669333,137.114453 L323.835947,167.281067 L192,299.66912 L112.916693,220.585813 L143.083307,190.4192 L192,239.335893 L293.669333,137.114453 Z' id='Shape'/></g></g></svg>";
 const iconTriangleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>triangle-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z' id='Combined-Shape'/></g></g></svg>";
+const iconTxtDocument = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>txt-document</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(64.000000, 42.666667)'><path d='M249.9584,7.10542736e-15 L15.2917333,7.10542736e-15 L15.2917333,234.666667 L57.9584,234.666667 L57.9584,192 L57.9584,169.6 L57.9584,42.6666667 L232.251733,42.6666667 L313.9584,124.373333 L313.9584,169.6 L313.9584,192 L313.9584,234.666667 L356.625067,234.666667 L356.625067,106.666667 L249.9584,7.10542736e-15 L249.9584,7.10542736e-15 Z M-1.42108547e-14,277.5744 L-1.42108547e-14,300.1664 L37.056,300.1664 L37.056,405.7024 L65.92,405.7024 L65.92,300.1664 L103.530667,300.1664 L103.530667,277.5744 L-1.42108547e-14,277.5744 Z M217.1712,277.5744 L186.9632,319.345067 L157.1392,277.5744 L123.581867,277.5744 L168.616533,339.9744 L121.2352,405.7024 L155.304533,405.7024 L185.533867,362.929067 L215.912533,405.7024 L250.7072,405.7024 L203.624533,340.699733 L250.173867,277.5744 L217.1712,277.5744 Z M269.2992,277.5744 L269.2992,300.1664 L306.376533,300.1664 L306.376533,405.7024 L335.240533,405.7024 L335.240533,300.1664 L372.829867,300.1664 L372.829867,277.5744 L269.2992,277.5744 Z' id='TXT'/></g></g></svg>";
+const iconWarningFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>warning-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M224,272 C208.761905,272 197.333333,283.264 197.333333,298.282667 C197.333333,313.984 208.415584,325.248 224,325.248 C239.238095,325.248 250.666667,313.984 250.666667,298.624 C250.666667,283.264 239.238095,272 224,272 Z M245.333333,106.666667 L202.666667,106.666667 L202.666667,234.666667 L245.333333,234.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
+const iconWarningRhombFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>warning-rhomb-filled</desc><path fill-rule='evenodd' d='M253.617407,12.4967773 L434.398258,193.277628 C451.060628,209.939998 451.060628,236.955037 434.398258,253.617407 L253.617407,434.398258 C236.955037,451.060628 209.939998,451.060628 193.277628,434.398258 L12.4967773,253.617407 C-4.16559245,236.955037 -4.16559245,209.939998 12.4967773,193.277628 L193.277628,12.4967773 C209.939998,-4.16559245 236.955037,-4.16559245 253.617407,12.4967773 Z M223.447518,282.114184 C208.209422,282.114184 196.780851,293.378184 196.780851,308.396851 C196.780851,324.098184 207.863102,335.362184 223.447518,335.362184 C238.685613,335.362184 250.114184,324.098184 250.114184,308.738184 C250.114184,293.378184 238.685613,282.114184 223.447518,282.114184 Z M244.780851,116.780851 L202.114184,116.780851 L202.114184,244.780851 L244.780851,244.780851 L244.780851,116.780851 Z' transform='translate(32.552 32.552)'/></svg>";
 const iconWarningRhomb = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>warning-rhomb</desc><path fill-rule='evenodd' d='M253.617407,12.4967773 L434.398258,193.277628 C451.060628,209.939998 451.060628,236.955037 434.398258,253.617407 L253.617407,434.398258 C236.955037,451.060628 209.939998,451.060628 193.277628,434.398258 L12.4967773,253.617407 C-4.16559245,236.955037 -4.16559245,209.939998 12.4967773,193.277628 L193.277628,12.4967773 C209.939998,-4.16559245 236.955037,-4.16559245 253.617407,12.4967773 Z M223.447518,42.6666667 L42.6666667,223.447518 L223.447518,404.228369 L404.228369,223.447518 L223.447518,42.6666667 Z M223.447518,282.114184 C238.685613,282.114184 250.114184,293.378184 250.114184,308.738184 C250.114184,324.098184 238.685613,335.362184 223.447518,335.362184 C207.863102,335.362184 196.780851,324.098184 196.780851,308.396851 C196.780851,293.378184 208.209422,282.114184 223.447518,282.114184 Z M244.780851,116.780851 L244.780851,244.780851 L202.114184,244.780851 L202.114184,116.780851 L244.780851,116.780851 Z' transform='translate(32.552 32.552)'/></svg>";
 const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>warning</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 
-export { iconLogOut as A, iconNotification as B, iconWarningRhomb as C, iconMinus as D, iconPlus as E, iconChevronLeftSmall as F, iconDoubleChevronUp as G, iconDoubleChevronDown as H, iconDoubleChevronRight as I, iconDoubleChevronLeft as J, iconCirclePause as K, iconArrowRight as L, iconContextMenu as M, iconClock as N, iconCircle as O, iconCircleFilled as P, iconCircleDot as Q, iconTriangleFilled as R, iconDocument as S, iconSingleCheck as T, iconSuccess as a, iconError as b, iconWarning as c, iconInfo as d, iconMoreMenu as e, iconApps as f, iconOpenExternal as g, iconChevronDownSmall as h, iconQuestion as i, iconChevronRightSmall as j, iconChevronUp as k, iconClear as l, iconSearch as m, iconCloseSmall as n, iconArrowLeft as o, iconHistory as p, iconCalendar as q, iconChevronRight as r, iconEye as s, iconChevronUpSmall as t, iconEyeCancelled as u, iconAlarm as v, iconCogwheel as w, iconLightDark as x, iconClose as y, iconShout as z };
+export { iconCloseSmall as $, iconSendRightFilled as A, iconArrowLeft as B, iconHistory as C, iconCalendar as D, iconChevronRight as E, iconEye as F, iconChevronUpSmall as G, iconEyeCancelled as H, iconCogwheel as I, iconLightDark as J, iconClose as K, iconShout as L, iconLogOut as M, iconNotification as N, iconMinus as O, iconPlus as P, iconChevronLeftSmall as Q, iconDoubleChevronUp as R, iconDoubleChevronDown as S, iconDoubleChevronRight as T, iconDoubleChevronLeft as U, iconCirclePause as V, iconArrowRight as W, iconContextMenu as X, iconClock as Y, iconCircle as Z, iconCircleDot as _, iconSuccess as a, iconDocument as a0, iconSingleCheck as a1, iconError as b, iconWarning as c, iconInfo as d, iconMoreMenu as e, iconApps as f, iconOpenExternal as g, iconCircleFilled as h, iconQuestion as i, iconSuccessFilled as j, iconInfoFilled as k, iconTriangleFilled as l, iconWarningFilled as m, iconRhombFilled as n, iconWarningRhomb as o, iconWarningRhombFilled as p, iconErrorFilled as q, iconAlarm as r, iconAlarmFilled as s, iconChevronDownSmall as t, iconChevronRightSmall as u, iconChevronUp as v, iconClear as w, iconSearch as x, iconTxtDocument as y, iconCircleStop as z };

package/dist/esm/index-EBgS4zhE.js

@@ -152,6 +152,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-application-switch-modal.entry.js').then(processMod, consoleError);
+                case 'ix-badge':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-badge.entry.js').then(processMod, consoleError);
                 case 'ix-blind':
                     return import(
                       /* webpackMode: "lazy" */
@@ -172,6 +176,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-category-filter.entry.js').then(processMod, consoleError);
+                case 'ix-chat':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chat.entry.js').then(processMod, consoleError);
+                case 'ix-chat-ai-message':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chat-ai-message.entry.js').then(processMod, consoleError);
+                case 'ix-chat-attachment':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chat-attachment.entry.js').then(processMod, consoleError);
+                case 'ix-chat-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chat-input.entry.js').then(processMod, consoleError);
+                case 'ix-chat-user-message':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chat-user-message.entry.js').then(processMod, consoleError);
                 case 'ix-checkbox':
                     return import(
                       /* webpackMode: "lazy" */
@@ -180,10 +204,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-checkbox-group.entry.js').then(processMod, consoleError);
-                case 'ix-chip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-chip.entry.js').then(processMod, consoleError);
                 case 'ix-content':
                     return import(
                       /* webpackMode: "lazy" */
@@ -440,6 +460,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-card-accordion_2.entry.js').then(processMod, consoleError);
+                case 'ix-chip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-chip.entry.js').then(processMod, consoleError);
                 case 'ix-datetime-picker':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/index.js

@@ -5,8 +5,8 @@ export { d as defaultRefreshTreeOptions, r as renderDefaultItem } from './tree.t
 export { U as UploadFileState } from './upload-file-state-BGzrnl_l.js';
 import { c as createDependencyFunction, g as getCoreDelegate } from './modal-DaGSr1j4.js';
 export { b as closeModal, d as dismissModal, r as registerFrameworkDelegate, a as resolveDelegate, s as showModal } from './modal-DaGSr1j4.js';
-import { A as Animation } from './animation-DNIQ2C1K.js';
-import { i as iconQuestion, a as iconSuccess, b as iconError, c as iconWarning, d as iconInfo } from './index-DgUGsIlh.js';
+import { A as Animation } from './animation-BqeSHO6C.js';
+import { i as iconQuestion, a as iconSuccess, b as iconError, c as iconWarning, d as iconInfo } from './index-BeX6RWvV.js';
 import { T as TypedEvent } from './typed-event-CWshStHZ.js';
 export { g as getCurrentSystemAppearance, t as themeSwitcher } from './theme-switcher-CRVG13AN.js';