@oicl/openbridge-webcomponents 0.0.15-dev-20250205131647 → 0.0.15-dev-20250206191351

package/dist/components/alert-button/alert-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/alert-button/alert-button.d.ts

@@ -1,6 +1,11 @@
 import { LitElement } from 'lit';
 import { AlertType } from '../../types';
+import '../../icons/icon-alerts';
 import '../../icons/icon-alerts-active';
+import '../../icons/icon-notification';
+import '../../icons/icon-notification-filled';
+import '../../icons/icon-notification-advice';
+import '../../icons/icon-notification-advice-active';
 /**
  * Button used for alerts and notification
  *
@@ -8,19 +13,16 @@ import '../../icons/icon-alerts-active';
  * @prop {AlertType} alertType - Type of alert.
  * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.
  * @prop {boolean} counter - If the button should display a counter.
- * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.
- *                        It should be synchronized with the blinkValue of other alarms.
- * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.
  *
  * @fires click - Fires when the button is clicked.
  */
 export declare class ObcAlertButton extends LitElement {
     nAlerts: number;
     alertType: AlertType;
+    flatWhenIdle: boolean;
     standalone: boolean;
     counter: boolean;
-    blinkAlarmValue: boolean;
-    blinkWarningValue: boolean;
+    private alertIcon;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }

package/dist/components/alert-button/alert-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,OAAO,SAAK;IACZ,SAAS,YAAkB;IAC1B,UAAU,UAAS;IACnB,OAAO,UAAS;IAChB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAE5C,MAAM;IA6Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,OAAO,SAAK;IACZ,SAAS,YAAmB;IAC3B,YAAY,UAAS;IACrB,UAAU,UAAS;IACnB,OAAO,UAAS;IAE3C,OAAO,CAAC,SAAS;IAgCR,MAAM;IA0Df,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/alert-button/alert-button.js

@@ -1,7 +1,12 @@
 import { unsafeCSS, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
 import compentStyle from "./alert-button.css.js";
+import "../../icons/icon-alerts.js";
 import "../../icons/icon-alerts-active.js";
+import "../../icons/icon-notification.js";
+import "../../icons/icon-notification-filled.js";
+import "../../icons/icon-notification-advice.js";
+import "../../icons/icon-notification-advice-active.js";
 import { AlertType } from "../../types.js";
 import { classMap } from "lit/directives/class-map.js";
 var __defProp = Object.defineProperty;
@@ -18,32 +23,87 @@ let ObcAlertButton = class extends LitElement {
   constructor() {
     super(...arguments);
     this.nAlerts = 0;
-    this.alertType = AlertType.None;
+    this.alertType = AlertType.Alarm;
+    this.flatWhenIdle = false;
     this.standalone = false;
     this.counter = false;
-    this.blinkAlarmValue = false;
-    this.blinkWarningValue = false;
+  }
+  alertIcon() {
+    const isIdle = this.nAlerts === 0;
+    switch (this.alertType) {
+      /*
+      case AlertType.Advice:
+        if (isIdle) {
+          return html`<obi-notification-advice
+            class="icon"
+          ></obi-notification-advice>`;
+        } else {
+          return html`<obi-notification-advice-active
+            class="icon"
+          ></obi-notification-advice-active>`;
+        }
+          */
+      case AlertType.Notification:
+        if (isIdle) {
+          return html`<obi-notification class="icon"></obi-notification>`;
+        } else {
+          return html`<obi-notification-filled
+            class="icon"
+          ></obi-notification-filled>`;
+        }
+      default:
+        if (isIdle) {
+          return html`<obi-alerts class="icon"></obi-alerts>`;
+        } else {
+          return html`<obi-alerts-active class="icon"></obi-alerts-active>`;
+        }
+    }
   }
   render() {
-    let alertType = this.alertType;
-    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {
-      alertType = AlertType.None;
-    } else if (this.alertType === AlertType.Warning && !this.blinkWarningValue) {
-      alertType = AlertType.None;
+    const isAlarm = this.alertType === AlertType.Alarm;
+    const isWarning = this.alertType === AlertType.Warning;
+    const hasAlerts = this.nAlerts > 0;
+    const isAlarmOrWarning = (isAlarm || isWarning) && hasAlerts;
+    let activeAlertType = this.alertType;
+    if (!hasAlerts) {
+      if (this.flatWhenIdle) {
+        activeAlertType = "flat";
+      } else {
+        activeAlertType = "none";
+      }
     }
     return html`
-      <button
-        class=${classMap({
+      <button>
+        <div
+          class=${classMap({
       wrapper: true,
-      [`type-${alertType}`]: true,
+      [`type-${activeAlertType}`]: true,
       counter: this.counter,
-      standalone: this.standalone
+      standalone: this.standalone,
+      on: true
     })}
-      >
-        <div class="visible-wrapper">
-          <obi-alerts-active class="icon"></obi-alerts-active>
-          ${this.counter ? html`<div class="badge">${this.nAlerts}</div>` : null}
+        >
+          <div class="visible-wrapper">
+            ${this.alertIcon()}
+            ${this.counter && hasAlerts ? html`<div class="badge">${this.nAlerts}</div>` : null}
+          </div>
         </div>
+
+        ${isAlarmOrWarning ? html`<div
+              class=${classMap({
+      wrapper: true,
+      "type-none": true,
+      counter: this.counter,
+      standalone: this.standalone,
+      [`type-${this.alertType}-off`]: true,
+      overlay: true
+    })}
+            >
+              <div class="visible-wrapper">
+                ${this.nAlerts > 0 ? html`<obi-alerts-active class="icon"></obi-alerts-active>` : html`<obi-alerts class="icon"></obi-alerts>`}
+                ${this.counter ? html`<div class="badge">${this.nAlerts}</div>` : null}
+              </div>
+            </div>` : null}
       </button>
     `;
   }
@@ -57,16 +117,13 @@ __decorateClass([
 ], ObcAlertButton.prototype, "alertType", 2);
 __decorateClass([
   property({ type: Boolean })
-], ObcAlertButton.prototype, "standalone", 2);
+], ObcAlertButton.prototype, "flatWhenIdle", 2);
 __decorateClass([
   property({ type: Boolean })
-], ObcAlertButton.prototype, "counter", 2);
-__decorateClass([
-  property({ type: Boolean })
-], ObcAlertButton.prototype, "blinkAlarmValue", 2);
+], ObcAlertButton.prototype, "standalone", 2);
 __decorateClass([
   property({ type: Boolean })
-], ObcAlertButton.prototype, "blinkWarningValue", 2);
+], ObcAlertButton.prototype, "counter", 2);
 ObcAlertButton = __decorateClass([
   customElement("obc-alert-button")
 ], ObcAlertButton);

package/dist/components/alert-button/alert-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-alerts-active';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Button used for alerts and notification\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.\n * @prop {boolean} counter - If the button should display a counter.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                        It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n  @property({type: Boolean}) blinkAlarmValue = false;\n  @property({type: Boolean}) blinkWarningValue = false;\n\n  override render() {\n    let alertType = this.alertType;\n    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {\n      alertType = AlertType.None;\n    } else if (\n      this.alertType === AlertType.Warning &&\n      !this.blinkWarningValue\n    ) {\n      alertType = AlertType.None;\n    }\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`type-${alertType}`]: true,\n          counter: this.counter,\n          standalone: this.standalone,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <obi-alerts-active class=\"icon\"></obi-alerts-active>\n          ${this.counter\n            ? html`<div class=\"badge\">${this.nAlerts}</div>`\n            : null}\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqBa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAY,UAAU;AACR,SAAA,aAAA;AACH,SAAA,UAAA;AACQ,SAAA,kBAAA;AACE,SAAA,oBAAA;AAAA,EAAA;AAAA,EAEtC,SAAS;AAChB,QAAI,YAAY,KAAK;AACrB,QAAI,KAAK,cAAc,UAAU,SAAS,CAAC,KAAK,iBAAiB;AAC/D,kBAAY,UAAU;AAAA,IAAA,WAEtB,KAAK,cAAc,UAAU,WAC7B,CAAC,KAAK,mBACN;AACA,kBAAY,UAAU;AAAA,IAAA;AAEjB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,SAAS,EAAE,GAAG;AAAA,MACvB,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,EAAA;AAOlB;AAtCa,eAqCK,SAAS,UAAU,YAAY;AApCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,eACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,eAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,eAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,eAIgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,eAKgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,eAMgB,WAAA,qBAAA,CAAA;AANhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-alerts';\nimport '../../icons/icon-alerts-active';\nimport '../../icons/icon-notification';\nimport '../../icons/icon-notification-filled';\nimport '../../icons/icon-notification-advice';\nimport '../../icons/icon-notification-advice-active';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Button used for alerts and notification\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.\n * @prop {boolean} counter - If the button should display a counter.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType = AlertType.Alarm;\n  @property({type: Boolean}) flatWhenIdle = false;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n\n  private alertIcon() {\n    const isIdle = this.nAlerts === 0;\n    switch (this.alertType) {\n      /*\n      case AlertType.Advice:\n        if (isIdle) {\n          return html`<obi-notification-advice\n            class=\"icon\"\n          ></obi-notification-advice>`;\n        } else {\n          return html`<obi-notification-advice-active\n            class=\"icon\"\n          ></obi-notification-advice-active>`;\n        }\n          */\n      case AlertType.Notification:\n        if (isIdle) {\n          return html`<obi-notification class=\"icon\"></obi-notification>`;\n        } else {\n          return html`<obi-notification-filled\n            class=\"icon\"\n          ></obi-notification-filled>`;\n        }\n      default:\n        if (isIdle) {\n          return html`<obi-alerts class=\"icon\"></obi-alerts>`;\n        } else {\n          return html`<obi-alerts-active class=\"icon\"></obi-alerts-active>`;\n        }\n    }\n  }\n\n  override render() {\n    const isAlarm = this.alertType === AlertType.Alarm;\n    const isWarning = this.alertType === AlertType.Warning;\n    const hasAlerts = this.nAlerts > 0;\n    const isAlarmOrWarning = (isAlarm || isWarning) && hasAlerts;\n\n    let activeAlertType: string = this.alertType;\n    if (!hasAlerts) {\n      if (this.flatWhenIdle) {\n        activeAlertType = 'flat';\n      } else {\n        activeAlertType = 'none';\n      }\n    }\n    return html`\n      <button>\n        <div\n          class=${classMap({\n            wrapper: true,\n            [`type-${activeAlertType}`]: true,\n            counter: this.counter,\n            standalone: this.standalone,\n            on: true,\n          })}\n        >\n          <div class=\"visible-wrapper\">\n            ${this.alertIcon()}\n            ${this.counter && hasAlerts\n              ? html`<div class=\"badge\">${this.nAlerts}</div>`\n              : null}\n          </div>\n        </div>\n\n        ${isAlarmOrWarning\n          ? html`<div\n              class=${classMap({\n                wrapper: true,\n                'type-none': true,\n                counter: this.counter,\n                standalone: this.standalone,\n                [`type-${this.alertType}-off`]: true,\n                overlay: true,\n              })}\n            >\n              <div class=\"visible-wrapper\">\n                ${this.nAlerts > 0\n                  ? html`<obi-alerts-active class=\"icon\"></obi-alerts-active>`\n                  : html`<obi-alerts class=\"icon\"></obi-alerts>`}\n                ${this.counter\n                  ? html`<div class=\"badge\">${this.nAlerts}</div>`\n                  : null}\n              </div>\n            </div>`\n          : null}\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAY,UAAU;AACN,SAAA,eAAA;AACF,SAAA,aAAA;AACH,SAAA,UAAA;AAAA,EAAA;AAAA,EAE7B,YAAY;AACZ,UAAA,SAAS,KAAK,YAAY;AAChC,YAAQ,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAatB,KAAK,UAAU;AACb,YAAI,QAAQ;AACH,iBAAA;AAAA,QAAA,OACF;AACE,iBAAA;AAAA;AAAA;AAAA,QAAA;AAAA,MAIX;AACE,YAAI,QAAQ;AACH,iBAAA;AAAA,QAAA,OACF;AACE,iBAAA;AAAA,QAAA;AAAA,IACT;AAAA,EACJ;AAAA,EAGO,SAAS;AACV,UAAA,UAAU,KAAK,cAAc,UAAU;AACvC,UAAA,YAAY,KAAK,cAAc,UAAU;AACzC,UAAA,YAAY,KAAK,UAAU;AAC3B,UAAA,oBAAoB,WAAW,cAAc;AAEnD,QAAI,kBAA0B,KAAK;AACnC,QAAI,CAAC,WAAW;AACd,UAAI,KAAK,cAAc;AACH,0BAAA;AAAA,MAAA,OACb;AACa,0BAAA;AAAA,MAAA;AAAA,IACpB;AAEK,WAAA;AAAA;AAAA;AAAA,kBAGO,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,eAAe,EAAE,GAAG;AAAA,MAC7B,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,MACjB,IAAI;AAAA,IAAA,CACL,CAAC;AAAA;AAAA;AAAA,cAGE,KAAK,UAAW,CAAA;AAAA,cAChB,KAAK,WAAW,YACd,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,UAIV,mBACE;AAAA,sBACU,SAAS;AAAA,MACf,SAAS;AAAA,MACT,aAAa;AAAA,MACb,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,MACjB,CAAC,QAAQ,KAAK,SAAS,MAAM,GAAG;AAAA,MAChC,SAAS;AAAA,IAAA,CACV,CAAC;AAAA;AAAA;AAAA,kBAGE,KAAK,UAAU,IACb,6DACA,4CAA4C;AAAA,kBAC9C,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA,sBAGZ,IAAI;AAAA;AAAA;AAAA,EAAA;AAMhB;AAlGa,eAiGK,SAAS,UAAU,YAAY;AAhGrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,eACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,eAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,eAGgB,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,eAIgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,eAKgB,WAAA,WAAA,CAAA;AALhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/components/alert-icon/alert-icon.d.ts

@@ -18,11 +18,9 @@ export type AlertIconName = keyof typeof mapping;
 /**
  * Icon used for alerts and notification with blinking effect
  *
- * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.
  * @prop {AlertIconName} name - Name of the icon.
  */
 export declare class ObcAlertIcon extends LitElement {
-    blinkValue: boolean;
     name: AlertIconName;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

package/dist/components/alert-icon/alert-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../src/components/alert-icon/alert-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAU1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,cAAc,wDAA0C,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IACf,UAAU,UAAS;IACpB,IAAI,EAAE,aAAa,CAAiB;IAErD,MAAM;IAgBf,OAAgB,MAAM,0BAqBpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../src/components/alert-icon/alert-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAU1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,cAAc,wDAA0C,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,IAAI,EAAE,aAAa,CAAiB;IAErD,MAAM;IAgBf,OAAgB,MAAM,0BAiCpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/alert-icon/alert-icon.js

@@ -26,17 +26,16 @@ const AlertIconNames = Object.keys(mapping);
 let ObcAlertIcon = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.blinkValue = false;
     this.name = "alarm-unack";
   }
   render() {
     const icons = mapping[this.name];
+    const isWarning = this.name === "warning-unack";
     return html`
       <div
         class=${classMap({
       wrapper: true,
-      "show-a": this.blinkValue,
-      "show-b": !this.blinkValue
+      warning: isWarning
     })}
       >
         <span class="a">${icons.a}</span>
@@ -49,27 +48,36 @@ ObcAlertIcon.styles = css`
     .wrapper {
       height: 100%;
       width: 100%;
+      position: relative;
     }
-    .wrapper * {
+    .wrapper svg {
       height: 100%;
       width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
     }
-    .a,
-    .b {
-      display: none;
-    }
 
-    .show-a .a {
-      display: revert;
+    :not(.warning) {
+      .a {
+        opacity: var(--alarm-blink-on);
+      }
+
+      .b {
+        opacity: var(--alarm-blink-off);
+      }
     }
 
-    .show-b .b {
-      display: revert;
+    .warning {
+      .a {
+        opacity: var(--warning-blink-on);
+      }
+
+      .b {
+        opacity: var(--warning-blink-off);
+      }
     }
   `;
-__decorateClass([
-  property({ type: Boolean })
-], ObcAlertIcon.prototype, "blinkValue", 2);
 __decorateClass([
   property({ type: String })
 ], ObcAlertIcon.prototype, "name", 2);

package/dist/components/alert-icon/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.js","sources":["../../../src/components/alert-icon/alert-icon.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {svg14AlarmSilencedA} from './icons/icon-14-alarm-silenced-a';\nimport {svg14AlarmSilencedB} from './icons/icon-14-alarm-silenced-b';\nimport {svg14AlarmUnackA} from './icons/icon-14-alarm-unack-a';\nimport {svg14AlarmUnackB} from './icons/icon-14-alarm-unack-b';\nimport {svg14WarningUnackA} from './icons/icon-14-warning-unack-a';\nimport {svg14WarningUnackB} from './icons/icon-14-warning-unack-b';\n\nconst mapping = {\n  'alarm-silenced': {a: svg14AlarmSilencedA, b: svg14AlarmSilencedB},\n  'alarm-unack': {a: svg14AlarmUnackA, b: svg14AlarmUnackB},\n  'warning-unack': {a: svg14WarningUnackA, b: svg14WarningUnackB},\n};\n\nexport const AlertIconNames = Object.keys(mapping) as AlertIconName[];\nexport type AlertIconName = keyof typeof mapping;\n\n/**\n * Icon used for alerts and notification with blinking effect\n *\n * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.\n * @prop {AlertIconName} name - Name of the icon.\n */\n@customElement('obc-alert-icon')\nexport class ObcAlertIcon extends LitElement {\n  @property({type: Boolean}) blinkValue = false;\n  @property({type: String}) name: AlertIconName = 'alarm-unack';\n\n  override render() {\n    const icons = mapping[this.name];\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          'show-a': this.blinkValue,\n          'show-b': !this.blinkValue,\n        })}\n      >\n        <span class=\"a\">${icons.a}</span>\n        <span class=\"b\">${icons.b}</span>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper * {\n      height: 100%;\n      width: 100%;\n    }\n    .a,\n    .b {\n      display: none;\n    }\n\n    .show-a .a {\n      display: revert;\n    }\n\n    .show-b .b {\n      display: revert;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-icon': ObcAlertIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAAU;AAAA,EACd,kBAAkB,EAAC,GAAG,qBAAqB,GAAG,oBAAmB;AAAA,EACjE,eAAe,EAAC,GAAG,kBAAkB,GAAG,iBAAgB;AAAA,EACxD,iBAAiB,EAAC,GAAG,oBAAoB,GAAG,mBAAkB;AAChE;AAEa,MAAA,iBAAiB,OAAO,KAAK,OAAO;AAUpC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACmC,SAAA,aAAA;AACQ,SAAA,OAAA;AAAA,EAAA;AAAA,EAEvC,SAAS;AACV,UAAA,QAAQ,QAAQ,KAAK,IAAI;AACxB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,UAAU,CAAC,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA;AAAA,0BAEgB,MAAM,CAAC;AAAA,0BACP,MAAM,CAAC;AAAA;AAAA;AAAA,EAAA;AA2BjC;AA1Ca,aAoBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,aACgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,aAEe,WAAA,QAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"alert-icon.js","sources":["../../../src/components/alert-icon/alert-icon.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {svg14AlarmSilencedA} from './icons/icon-14-alarm-silenced-a';\nimport {svg14AlarmSilencedB} from './icons/icon-14-alarm-silenced-b';\nimport {svg14AlarmUnackA} from './icons/icon-14-alarm-unack-a';\nimport {svg14AlarmUnackB} from './icons/icon-14-alarm-unack-b';\nimport {svg14WarningUnackA} from './icons/icon-14-warning-unack-a';\nimport {svg14WarningUnackB} from './icons/icon-14-warning-unack-b';\n\nconst mapping = {\n  'alarm-silenced': {a: svg14AlarmSilencedA, b: svg14AlarmSilencedB},\n  'alarm-unack': {a: svg14AlarmUnackA, b: svg14AlarmUnackB},\n  'warning-unack': {a: svg14WarningUnackA, b: svg14WarningUnackB},\n};\n\nexport const AlertIconNames = Object.keys(mapping) as AlertIconName[];\nexport type AlertIconName = keyof typeof mapping;\n\n/**\n * Icon used for alerts and notification with blinking effect\n *\n * @prop {AlertIconName} name - Name of the icon.\n */\n@customElement('obc-alert-icon')\nexport class ObcAlertIcon extends LitElement {\n  @property({type: String}) name: AlertIconName = 'alarm-unack';\n\n  override render() {\n    const icons = mapping[this.name];\n    const isWarning = this.name === 'warning-unack';\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          warning: isWarning,\n        })}\n      >\n        <span class=\"a\">${icons.a}</span>\n        <span class=\"b\">${icons.b}</span>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n      position: relative;\n    }\n    .wrapper svg {\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n\n    :not(.warning) {\n      .a {\n        opacity: var(--alarm-blink-on);\n      }\n\n      .b {\n        opacity: var(--alarm-blink-off);\n      }\n    }\n\n    .warning {\n      .a {\n        opacity: var(--warning-blink-on);\n      }\n\n      .b {\n        opacity: var(--warning-blink-off);\n      }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-icon': ObcAlertIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAAU;AAAA,EACd,kBAAkB,EAAC,GAAG,qBAAqB,GAAG,oBAAmB;AAAA,EACjE,eAAe,EAAC,GAAG,kBAAkB,GAAG,iBAAgB;AAAA,EACxD,iBAAiB,EAAC,GAAG,oBAAoB,GAAG,mBAAkB;AAChE;AAEa,MAAA,iBAAiB,OAAO,KAAK,OAAO;AASpC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC2C,SAAA,OAAA;AAAA,EAAA;AAAA,EAEvC,SAAS;AACV,UAAA,QAAQ,QAAQ,KAAK,IAAI;AACzB,UAAA,YAAY,KAAK,SAAS;AACzB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV,CAAC;AAAA;AAAA,0BAEgB,MAAM,CAAC;AAAA,0BACP,MAAM,CAAC;AAAA;AAAA;AAAA,EAAA;AAuCjC;AArDa,aAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlBC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,aACe,WAAA,QAAA,CAAA;AADf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js

@@ -1,10 +1,10 @@
 import { svg } from "lit";
 const svg14AlarmSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z" fill="var(--alarm-enabled-background-color)"/>
-<path d="M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z" fill="var(--alarm-enabled-background-color)"/>
+<path d="M7 16.5H8.5L12 20V15.7075L14.3401 18.0476C14.1153 18.1959 13.8764 18.3228 13.6264 18.4264C13.4227 18.5107 13.2133 18.5789 13 18.6306V19.9082C13.3778 19.8384 13.7481 19.7289 14.1048 19.5812C14.5073 19.4145 14.8876 19.2009 15.2381 18.9456L16.5957 20.3032L17.3028 19.5961L15.991 18.2843C15.991 18.2843 15.991 18.2843 15.991 18.2843L15.1068 17.4C15.1067 17.4 15.1068 17.4 15.1068 17.4L14.115 16.4083C14.1149 16.4083 14.115 16.4082 14.115 16.4083L8.11042 10.4037L7.40331 11.1108L8.64624 12.3538L8.5 12.5H7C6.72386 12.5 6.5 12.7239 6.5 13V16C6.5 16.2761 6.72386 16.5 7 16.5Z" fill="var(--on-alarm-active-color)"/>
+<path d="M10.0605 10.9395L12 12.879V9L10.0605 10.9395Z" fill="var(--on-alarm-active-color)"/>
+<path d="M13 13.879L14.737 15.616C14.9019 15.2855 14.9921 14.9215 14.9995 14.5497C15.0089 14.0778 14.8845 13.6128 14.6407 13.2086C14.3969 12.8044 14.0436 12.4775 13.6217 12.2657C13.4239 12.1663 13.2148 12.0942 13 12.0504V13.879Z" fill="var(--on-alarm-active-color)"/>
+<path d="M15.7043 16.5833L16.6141 17.4931C16.7962 17.2125 16.9527 16.9152 17.0813 16.6046C17.3577 15.9373 17.5 15.2222 17.5 14.4999C17.5 13.7776 17.3577 13.0624 17.0813 12.3951C16.8049 11.7278 16.3998 11.1215 15.8891 10.6108C15.3784 10.1001 14.7721 9.69494 14.1048 9.41854C13.7481 9.27081 13.3778 9.1614 13 9.09155V10.3692C13.2133 10.4208 13.4227 10.489 13.6264 10.5734C14.142 10.787 14.6106 11.1 15.0052 11.4947C15.3999 11.8893 15.7129 12.3578 15.9265 12.8735C16.1401 13.3891 16.25 13.9418 16.25 14.4999C16.25 15.058 16.1401 15.6107 15.9265 16.1263C15.8615 16.2832 15.7872 16.4358 15.7043 16.5833Z" fill="var(--on-alarm-active-color)"/>
 </svg>
 `;
 export {

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-silenced-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z\" fill=\"var(--alarm-enabled-background-color)\"/>\n<path d=\"M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"icon-14-alarm-silenced-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\" fill=\"var(--alarm-enabled-background-color)\"/>\n<path d=\"M7 16.5H8.5L12 20V15.7075L14.3401 18.0476C14.1153 18.1959 13.8764 18.3228 13.6264 18.4264C13.4227 18.5107 13.2133 18.5789 13 18.6306V19.9082C13.3778 19.8384 13.7481 19.7289 14.1048 19.5812C14.5073 19.4145 14.8876 19.2009 15.2381 18.9456L16.5957 20.3032L17.3028 19.5961L15.991 18.2843C15.991 18.2843 15.991 18.2843 15.991 18.2843L15.1068 17.4C15.1067 17.4 15.1068 17.4 15.1068 17.4L14.115 16.4083C14.1149 16.4083 14.115 16.4082 14.115 16.4083L8.11042 10.4037L7.40331 11.1108L8.64624 12.3538L8.5 12.5H7C6.72386 12.5 6.5 12.7239 6.5 13V16C6.5 16.2761 6.72386 16.5 7 16.5Z\" fill=\"var(--on-alarm-active-color)\"/>\n<path d=\"M10.0605 10.9395L12 12.879V9L10.0605 10.9395Z\" fill=\"var(--on-alarm-active-color)\"/>\n<path d=\"M13 13.879L14.737 15.616C14.9019 15.2855 14.9921 14.9215 14.9995 14.5497C15.0089 14.0778 14.8845 13.6128 14.6407 13.2086C14.3969 12.8044 14.0436 12.4775 13.6217 12.2657C13.4239 12.1663 13.2148 12.0942 13 12.0504V13.879Z\" fill=\"var(--on-alarm-active-color)\"/>\n<path d=\"M15.7043 16.5833L16.6141 17.4931C16.7962 17.2125 16.9527 16.9152 17.0813 16.6046C17.3577 15.9373 17.5 15.2222 17.5 14.4999C17.5 13.7776 17.3577 13.0624 17.0813 12.3951C16.8049 11.7278 16.3998 11.1215 15.8891 10.6108C15.3784 10.1001 14.7721 9.69494 14.1048 9.41854C13.7481 9.27081 13.3778 9.1614 13 9.09155V10.3692C13.2133 10.4208 13.4227 10.489 13.6264 10.5734C14.142 10.787 14.6106 11.1 15.0052 11.4947C15.3999 11.8893 15.7129 12.3578 15.9265 12.8735C16.1401 13.3891 16.25 13.9418 16.25 14.4999C16.25 15.058 16.1401 15.6107 15.9265 16.1263C15.8615 16.2832 15.7872 16.4358 15.7043 16.5833Z\" fill=\"var(--on-alarm-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-silenced-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,sCAc/B,CAAC"}
+{"version":3,"file":"icon-14-alarm-silenced-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,sCAY/B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js

@@ -1,17 +1,15 @@
 import { svg } from "lit";
 const svg14AlarmSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_850_47505)">
-<path d="M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z" style="stroke: var(--element-neutral-color)" />
-<path d="M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z" style="fill: var(--element-neutral-color)" />
-<path d="M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z" style="fill: var(--element-neutral-color)" />
-<path d="M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z" style="fill: var(--element-neutral-color)" />
-<path d="M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z" style="fill: var(--element-neutral-color)" />
-</g>
-<defs>
-<clipPath id="clip0_850_47505">
-<rect width="24" height="24" fill="none"/>
-</clipPath>
-</defs>
+<mask id="a" maskUnits="userSpaceOnUse" x="-1" y="0" width="26" height="23" fill="black">
+<rect fill="white" x="-1" width="26" height="23"/>
+<path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z"/>
+</mask>
+<path d="M11.1158 1.53427L12.0007 2L12.0007 2L11.1158 1.53427ZM1.11648 20.5339L2.00141 20.9996L2.00141 20.9996L1.11648 20.5339ZM2.00128 22L2.00128 23L2.00128 23L2.00128 22ZM21.9987 22L21.9987 21L21.9987 21L21.9987 22ZM22.8835 20.5339L21.9986 20.9996L21.9986 20.9996L22.8835 20.5339ZM12.8854 1.53432L13.7704 1.06863L13.7704 1.06863L12.8854 1.53432ZM21.9987 23C23.5042 23 24.4692 21.3997 23.7685 20.0682L21.9986 20.9996L21.9987 21V23ZM0.231556 20.0681C-0.469216 21.3996 0.495789 23 2.00128 23V21L2.00141 20.9996L0.231556 20.0681ZM12.0007 2L12.0005 2L13.7704 1.06863C13.0206 -0.356171 10.9807 -0.356221 10.2309 1.06855L12.0007 2ZM10.2309 1.06855L0.231556 20.0681L2.00141 20.9996L12.0007 2L10.2309 1.06855ZM21.9987 21L2.00128 21L2.00128 23L21.9987 23L21.9987 21ZM12.0005 2L21.9986 20.9996L23.7685 20.0682L13.7704 1.06863L12.0005 2Z" fill="var(--element-neutral-color)" mask="url(#a)"/>
+
+<path d="M7 16.5H8.5L12 20V15.7075L14.3401 18.0476C14.1153 18.1959 13.8764 18.3228 13.6264 18.4264C13.4227 18.5107 13.2133 18.5789 13 18.6306V19.9082C13.3778 19.8384 13.7481 19.7289 14.1048 19.5812C14.5073 19.4145 14.8876 19.2009 15.2381 18.9456L16.5957 20.3032L17.3028 19.5961L15.991 18.2843C15.991 18.2843 15.991 18.2843 15.991 18.2843L15.1068 17.4C15.1067 17.4 15.1068 17.4 15.1068 17.4L14.115 16.4083C14.1149 16.4083 14.115 16.4082 14.115 16.4083L8.11042 10.4037L7.40331 11.1108L8.64624 12.3538L8.5 12.5H7C6.72386 12.5 6.5 12.7239 6.5 13V16C6.5 16.2761 6.72386 16.5 7 16.5Z" fill="var(--element-neutral-color)"/>
+<path d="M10.0605 10.9395L12 12.879V9L10.0605 10.9395Z" fill="var(--element-neutral-color)"/>
+<path d="M13 13.879L14.737 15.616C14.9019 15.2855 14.9921 14.9215 14.9995 14.5497C15.0089 14.0778 14.8845 13.6128 14.6407 13.2086C14.3969 12.8044 14.0436 12.4775 13.6217 12.2657C13.4239 12.1663 13.2148 12.0942 13 12.0504V13.879Z" fill="var(--element-neutral-color)"/>
+<path d="M15.7043 16.5833L16.6141 17.4931C16.7962 17.2125 16.9527 16.9152 17.0813 16.6046C17.3577 15.9373 17.5 15.2222 17.5 14.4999C17.5 13.7776 17.3577 13.0624 17.0813 12.3951C16.8049 11.7278 16.3998 11.1215 15.8891 10.6108C15.3784 10.1001 14.7721 9.69494 14.1048 9.41854C13.7481 9.27081 13.3778 9.1614 13 9.09155V10.3692C13.2133 10.4208 13.4227 10.489 13.6264 10.5734C14.142 10.787 14.6106 11.1 15.0052 11.4947C15.3999 11.8893 15.7129 12.3578 15.9265 12.8735C16.1401 13.3891 16.25 13.9418 16.25 14.4999C16.25 15.058 16.1401 15.6107 15.9265 16.1263C15.8615 16.2832 15.7872 16.4358 15.7043 16.5833Z" fill="var(--element-neutral-color)"/>
 </svg>
 `;
 export {

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-silenced-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_850_47505)\">\n<path d=\"M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z\" style=\"stroke: var(--element-neutral-color)\" />\n<path d=\"M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z\" style=\"fill: var(--element-neutral-color)\" />\n</g>\n<defs>\n<clipPath id=\"clip0_850_47505\">\n<rect width=\"24\" height=\"24\" fill=\"none\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"icon-14-alarm-silenced-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"0\" width=\"26\" height=\"23\" fill=\"black\">\n<rect fill=\"white\" x=\"-1\" width=\"26\" height=\"23\"/>\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\"/>\n</mask>\n<path d=\"M11.1158 1.53427L12.0007 2L12.0007 2L11.1158 1.53427ZM1.11648 20.5339L2.00141 20.9996L2.00141 20.9996L1.11648 20.5339ZM2.00128 22L2.00128 23L2.00128 23L2.00128 22ZM21.9987 22L21.9987 21L21.9987 21L21.9987 22ZM22.8835 20.5339L21.9986 20.9996L21.9986 20.9996L22.8835 20.5339ZM12.8854 1.53432L13.7704 1.06863L13.7704 1.06863L12.8854 1.53432ZM21.9987 23C23.5042 23 24.4692 21.3997 23.7685 20.0682L21.9986 20.9996L21.9987 21V23ZM0.231556 20.0681C-0.469216 21.3996 0.495789 23 2.00128 23V21L2.00141 20.9996L0.231556 20.0681ZM12.0007 2L12.0005 2L13.7704 1.06863C13.0206 -0.356171 10.9807 -0.356221 10.2309 1.06855L12.0007 2ZM10.2309 1.06855L0.231556 20.0681L2.00141 20.9996L12.0007 2L10.2309 1.06855ZM21.9987 21L2.00128 21L2.00128 23L21.9987 23L21.9987 21ZM12.0005 2L21.9986 20.9996L23.7685 20.0682L13.7704 1.06863L12.0005 2Z\" fill=\"var(--element-neutral-color)\" mask=\"url(#a)\"/>\n\n<path d=\"M7 16.5H8.5L12 20V15.7075L14.3401 18.0476C14.1153 18.1959 13.8764 18.3228 13.6264 18.4264C13.4227 18.5107 13.2133 18.5789 13 18.6306V19.9082C13.3778 19.8384 13.7481 19.7289 14.1048 19.5812C14.5073 19.4145 14.8876 19.2009 15.2381 18.9456L16.5957 20.3032L17.3028 19.5961L15.991 18.2843C15.991 18.2843 15.991 18.2843 15.991 18.2843L15.1068 17.4C15.1067 17.4 15.1068 17.4 15.1068 17.4L14.115 16.4083C14.1149 16.4083 14.115 16.4082 14.115 16.4083L8.11042 10.4037L7.40331 11.1108L8.64624 12.3538L8.5 12.5H7C6.72386 12.5 6.5 12.7239 6.5 13V16C6.5 16.2761 6.72386 16.5 7 16.5Z\" fill=\"var(--element-neutral-color)\"/>\n<path d=\"M10.0605 10.9395L12 12.879V9L10.0605 10.9395Z\" fill=\"var(--element-neutral-color)\"/>\n<path d=\"M13 13.879L14.737 15.616C14.9019 15.2855 14.9921 14.9215 14.9995 14.5497C15.0089 14.0778 14.8845 13.6128 14.6407 13.2086C14.3969 12.8044 14.0436 12.4775 13.6217 12.2657C13.4239 12.1663 13.2148 12.0942 13 12.0504V13.879Z\" fill=\"var(--element-neutral-color)\"/>\n<path d=\"M15.7043 16.5833L16.6141 17.4931C16.7962 17.2125 16.9527 16.9152 17.0813 16.6046C17.3577 15.9373 17.5 15.2222 17.5 14.4999C17.5 13.7776 17.3577 13.0624 17.0813 12.3951C16.8049 11.7278 16.3998 11.1215 15.8891 10.6108C15.3784 10.1001 14.7721 9.69494 14.1048 9.41854C13.7481 9.27081 13.3778 9.1614 13 9.09155V10.3692C13.2133 10.4208 13.4227 10.489 13.6264 10.5734C14.142 10.787 14.6106 11.1 15.0052 11.4947C15.3999 11.8893 15.7129 12.3578 15.9265 12.8735C16.1401 13.3891 16.25 13.9418 16.25 14.4999C16.25 15.058 16.1401 15.6107 15.9265 16.1263C15.8615 16.2832 15.7872 16.4358 15.7043 16.5833Z\" fill=\"var(--element-neutral-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js

@@ -1,9 +1,9 @@
 import { svg } from "lit";
 const svg14AlarmUnackA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z" fill="var(--alarm-enabled-background-color)"/>
-<path d="M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z" style="fill: var(--alert-alarm-color)"/>
+<path d="M8.5 16.5H7C6.72386 16.5 6.5 16.2761 6.5 16V13C6.5 12.7239 6.72386 12.5 7 12.5H8.5L12 9V12.879V20L8.5 16.5Z" style="fill: var(--on-alarm-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2678 16.2678C13.9186 16.617 13.4767 16.8522 13 16.9495V12.0505C13.4767 12.1478 13.9186 12.3831 14.2678 12.7323C14.7366 13.2011 15 13.837 15 14.5C15 15.1631 14.7366 15.799 14.2678 16.2678Z" style="fill: var(--on-alarm-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.09167V10.3693C13.7529 10.5516 14.4484 10.938 15.0052 11.4948C15.8022 12.2919 16.25 13.3729 16.25 14.5C16.25 15.6272 15.8022 16.7082 15.0052 17.5052C14.4484 18.0621 13.7529 18.4484 13 18.6307V19.9084C14.0869 19.7074 15.0965 19.1817 15.8891 18.3891C16.9205 17.3577 17.5 15.9587 17.5 14.5C17.5 13.0413 16.9205 11.6424 15.8891 10.6109C15.0965 9.81836 14.0869 9.29266 13 9.09167Z" style="fill: var(--on-alarm-color)"/>
 </svg>
 `;
 export {

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z\" fill=\"var(--alarm-enabled-background-color)\"/>\n<path d=\"M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"icon-14-alarm-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\" style=\"fill: var(--alert-alarm-color)\"/>\n<path d=\"M8.5 16.5H7C6.72386 16.5 6.5 16.2761 6.5 16V13C6.5 12.7239 6.72386 12.5 7 12.5H8.5L12 9V12.879V20L8.5 16.5Z\" style=\"fill: var(--on-alarm-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.2678 16.2678C13.9186 16.617 13.4767 16.8522 13 16.9495V12.0505C13.4767 12.1478 13.9186 12.3831 14.2678 12.7323C14.7366 13.2011 15 13.837 15 14.5C15 15.1631 14.7366 15.799 14.2678 16.2678Z\" style=\"fill: var(--on-alarm-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 9.09167V10.3693C13.7529 10.5516 14.4484 10.938 15.0052 11.4948C15.8022 12.2919 16.25 13.3729 16.25 14.5C16.25 15.6272 15.8022 16.7082 15.0052 17.5052C14.4484 18.0621 13.7529 18.4484 13 18.6307V19.9084C14.0869 19.7074 15.0965 19.1817 15.8891 18.3891C16.9205 17.3577 17.5 15.9587 17.5 14.5C17.5 13.0413 16.9205 11.6424 15.8891 10.6109C15.0965 9.81836 14.0869 9.29266 13 9.09167Z\" style=\"fill: var(--on-alarm-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-unack-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,sCAa5B,CAAC"}
+{"version":3,"file":"icon-14-alarm-unack-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,sCAW5B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js

@@ -1,16 +1,14 @@
 import { svg } from "lit";
 const svg14AlarmUnackB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_850_47508)">
-<path d="M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z" style="stroke: var(--element-neutral-color)" />
-<path d="M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z" style="fill: var(--element-neutral-color)" />
-<path d="M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z" style="fill: var(--element-neutral-color)" />
-<path d="M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z" style="fill: var(--element-neutral-color)" />
-</g>
-<defs>
-<clipPath id="clip0_850_47508">
-<rect width="24" height="24" fill="none"/>
-</clipPath>
-</defs>
+<mask id="a" maskUnits="userSpaceOnUse" x="-1" y="0" width="26" height="23" fill="black">
+<rect fill="white" x="-1" width="26" height="23"/>
+<path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z"/>
+</mask>
+<path d="M11.1158 1.53427L12.0007 2L12.0007 2L11.1158 1.53427ZM1.11648 20.5339L2.00141 20.9996L2.00141 20.9996L1.11648 20.5339ZM2.00128 22L2.00128 23L2.00128 23L2.00128 22ZM21.9987 22L21.9987 21L21.9987 21L21.9987 22ZM22.8835 20.5339L21.9986 20.9996L21.9986 20.9996L22.8835 20.5339ZM12.8854 1.53432L13.7704 1.06863L13.7704 1.06863L12.8854 1.53432ZM21.9987 23C23.5042 23 24.4692 21.3997 23.7685 20.0682L21.9986 20.9996L21.9987 21V23ZM0.231556 20.0681C-0.469216 21.3996 0.495789 23 2.00128 23V21L2.00141 20.9996L0.231556 20.0681ZM12.0007 2L12.0005 2L13.7704 1.06863C13.0206 -0.356171 10.9807 -0.356221 10.2309 1.06855L12.0007 2ZM10.2309 1.06855L0.231556 20.0681L2.00141 20.9996L12.0007 2L10.2309 1.06855ZM21.9987 21L2.00128 21L2.00128 23L21.9987 23L21.9987 21ZM12.0005 2L21.9986 20.9996L23.7685 20.0682L13.7704 1.06863L12.0005 2Z" fill="var(--element-neutral-color)" mask="url(#a)"/>
+
+<path d="M8.5 16.5H7C6.72386 16.5 6.5 16.2761 6.5 16V13C6.5 12.7239 6.72386 12.5 7 12.5H8.5L12 9V12.879V20L8.5 16.5Z" style="fill: var(--element-neutral-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2678 16.2678C13.9186 16.617 13.4767 16.8522 13 16.9495V12.0505C13.4767 12.1478 13.9186 12.3831 14.2678 12.7323C14.7366 13.2011 15 13.837 15 14.5C15 15.1631 14.7366 15.799 14.2678 16.2678Z" style="fill: var(--element-neutral-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.09167V10.3693C13.7529 10.5516 14.4484 10.938 15.0052 11.4948C15.8022 12.2919 16.25 13.3729 16.25 14.5C16.25 15.6272 15.8022 16.7082 15.0052 17.5052C14.4484 18.0621 13.7529 18.4484 13 18.6307V19.9084C14.0869 19.7074 15.0965 19.1817 15.8891 18.3891C16.9205 17.3577 17.5 15.9587 17.5 14.5C17.5 13.0413 16.9205 11.6424 15.8891 10.6109C15.0965 9.81836 14.0869 9.29266 13 9.09167Z" style="fill: var(--element-neutral-color)"/>
 </svg>
 `;
 export {

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-alarm-unack-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_850_47508)\">\n<path d=\"M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z\" style=\"stroke: var(--element-neutral-color)\" />\n<path d=\"M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z\" style=\"fill: var(--element-neutral-color)\" />\n</g>\n<defs>\n<clipPath id=\"clip0_850_47508\">\n<rect width=\"24\" height=\"24\" fill=\"none\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"icon-14-alarm-unack-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"0\" width=\"26\" height=\"23\" fill=\"black\">\n<rect fill=\"white\" x=\"-1\" width=\"26\" height=\"23\"/>\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\"/>\n</mask>\n<path d=\"M11.1158 1.53427L12.0007 2L12.0007 2L11.1158 1.53427ZM1.11648 20.5339L2.00141 20.9996L2.00141 20.9996L1.11648 20.5339ZM2.00128 22L2.00128 23L2.00128 23L2.00128 22ZM21.9987 22L21.9987 21L21.9987 21L21.9987 22ZM22.8835 20.5339L21.9986 20.9996L21.9986 20.9996L22.8835 20.5339ZM12.8854 1.53432L13.7704 1.06863L13.7704 1.06863L12.8854 1.53432ZM21.9987 23C23.5042 23 24.4692 21.3997 23.7685 20.0682L21.9986 20.9996L21.9987 21V23ZM0.231556 20.0681C-0.469216 21.3996 0.495789 23 2.00128 23V21L2.00141 20.9996L0.231556 20.0681ZM12.0007 2L12.0005 2L13.7704 1.06863C13.0206 -0.356171 10.9807 -0.356221 10.2309 1.06855L12.0007 2ZM10.2309 1.06855L0.231556 20.0681L2.00141 20.9996L12.0007 2L10.2309 1.06855ZM21.9987 21L2.00128 21L2.00128 23L21.9987 23L21.9987 21ZM12.0005 2L21.9986 20.9996L23.7685 20.0682L13.7704 1.06863L12.0005 2Z\" fill=\"var(--element-neutral-color)\" mask=\"url(#a)\"/>\n\n<path d=\"M8.5 16.5H7C6.72386 16.5 6.5 16.2761 6.5 16V13C6.5 12.7239 6.72386 12.5 7 12.5H8.5L12 9V12.879V20L8.5 16.5Z\" style=\"fill: var(--element-neutral-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.2678 16.2678C13.9186 16.617 13.4767 16.8522 13 16.9495V12.0505C13.4767 12.1478 13.9186 12.3831 14.2678 12.7323C14.7366 13.2011 15 13.837 15 14.5C15 15.1631 14.7366 15.799 14.2678 16.2678Z\" style=\"fill: var(--element-neutral-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 9.09167V10.3693C13.7529 10.5516 14.4484 10.938 15.0052 11.4948C15.8022 12.2919 16.25 13.3729 16.25 14.5C16.25 15.6272 15.8022 16.7082 15.0052 17.5052C14.4484 18.0621 13.7529 18.4484 13 18.6307V19.9084C14.0869 19.7074 15.0965 19.1817 15.8891 18.3891C16.9205 17.3577 17.5 15.9587 17.5 14.5C17.5 13.0413 16.9205 11.6424 15.8891 10.6109C15.0965 9.81836 14.0869 9.29266 13 9.09167Z\" style=\"fill: var(--element-neutral-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js

@@ -1,9 +1,9 @@
 import { svg } from "lit";
 const svg14WarningUnackA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="10.5" style="fill: var(--warning-enabled-background-color)" style="stroke: var(--element-active-color)"/>
-<path d="M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z" style="fill: var(--on-warning-active-color)" />
-<path d="M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z" style="fill: var(--on-warning-active-color)" />
-<path d="M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z" style="fill: var(--on-warning-active-color)" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" style="fill: var(--alert-warning-color)"/>
+<path d="M8.5 14H6.5C6.22386 14 6 13.7761 6 13.5V10.5C6 10.2239 6.22386 10 6.5 10H8.5L12 6.5V10.379V17.5L8.5 14Z" style="fill: var(--on-warning-active-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7678 13.7678C14.4186 14.117 13.9767 14.3522 13.5 14.4495V9.55053C13.9767 9.64784 14.4186 9.88307 14.7678 10.2323C15.2366 10.7011 15.5 11.337 15.5 12C15.5 12.6631 15.2366 13.299 14.7678 13.7678Z" style="fill: var(--on-warning-active-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 6.59167V7.86933C14.2529 8.05163 14.9484 8.43799 15.5052 8.99482C16.3022 9.79185 16.75 10.8729 16.75 12C16.75 13.1272 16.3022 14.2082 15.5052 15.0052C14.9484 15.5621 14.2529 15.9484 13.5 16.1307V17.4084C14.5869 17.2074 15.5965 16.6817 16.3891 15.8891C17.4205 14.8577 18 13.4587 18 12C18 10.5413 17.4205 9.14239 16.3891 8.11094C15.5965 7.31836 14.5869 6.79266 13.5 6.59167Z" style="fill: var(--on-warning-active-color)"/>
 </svg>
 `;
 export {

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-14-warning-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14WarningUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10.5\" style=\"fill: var(--warning-enabled-background-color)\" style=\"stroke: var(--element-active-color)\"/>\n<path d=\"M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z\" style=\"fill: var(--on-warning-active-color)\" />\n<path d=\"M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z\" style=\"fill: var(--on-warning-active-color)\" />\n<path d=\"M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z\" style=\"fill: var(--on-warning-active-color)\" />\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"icon-14-warning-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14WarningUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\" style=\"fill: var(--alert-warning-color)\"/>\n<path d=\"M8.5 14H6.5C6.22386 14 6 13.7761 6 13.5V10.5C6 10.2239 6.22386 10 6.5 10H8.5L12 6.5V10.379V17.5L8.5 14Z\" style=\"fill: var(--on-warning-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.7678 13.7678C14.4186 14.117 13.9767 14.3522 13.5 14.4495V9.55053C13.9767 9.64784 14.4186 9.88307 14.7678 10.2323C15.2366 10.7011 15.5 11.337 15.5 12C15.5 12.6631 15.2366 13.299 14.7678 13.7678Z\" style=\"fill: var(--on-warning-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5 6.59167V7.86933C14.2529 8.05163 14.9484 8.43799 15.5052 8.99482C16.3022 9.79185 16.75 10.8729 16.75 12C16.75 13.1272 16.3022 14.2082 15.5052 15.0052C14.9484 15.5621 14.2529 15.9484 13.5 16.1307V17.4084C14.5869 17.2074 15.5965 16.6817 16.3891 15.8891C17.4205 14.8577 18 13.4587 18 12C18 10.5413 17.4205 9.14239 16.3891 8.11094C15.5965 7.31836 14.5869 6.79266 13.5 6.59167Z\" style=\"fill: var(--on-warning-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.js

@@ -1,9 +1,9 @@
 import { svg } from "lit";
 const svg14WarningUnackB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="12" cy="12" r="10.5" style="stroke: var(--element-neutral-color)" />
-<path d="M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z" style="fill: var(--element-neutral-color)" />
-<path d="M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z" style="fill: var(--element-neutral-color)" />
-<path d="M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z" style="fill: var(--element-neutral-color)" />
+<path d="M8.5 14H6.5C6.22386 14 6 13.7761 6 13.5V10.5C6 10.2239 6.22386 10 6.5 10H8.5L12 6.5V10.379V17.5L8.5 14Z" style="fill: var(--element-neutral-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7678 13.7678C14.4186 14.117 13.9767 14.3522 13.5 14.4495V9.55053C13.9767 9.64784 14.4186 9.88307 14.7678 10.2323C15.2366 10.7011 15.5 11.337 15.5 12C15.5 12.6631 15.2366 13.299 14.7678 13.7678Z" style="fill: var(--element-neutral-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 6.59167V7.86933C14.2529 8.05163 14.9484 8.43799 15.5052 8.99482C16.3022 9.79185 16.75 10.8729 16.75 12C16.75 13.1272 16.3022 14.2082 15.5052 15.0052C14.9484 15.5621 14.2529 15.9484 13.5 16.1307V17.4084C14.5869 17.2074 15.5965 16.6817 16.3891 15.8891C17.4205 14.8577 18 13.4587 18 12C18 10.5413 17.4205 9.14239 16.3891 8.11094C15.5965 7.31836 14.5869 6.79266 13.5 6.59167Z" style="fill: var(--element-neutral-color)"/>
 </svg>
 `;
 export {