@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.95 → 2.0.0-next.96

package/src/components/alert-icon/alert-icon.ts

@@ -1,21 +1,10 @@
 import {LitElement, html, css, TemplateResult, nothing} from 'lit';
 import {property} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
-import {alarmRectifiedA} from './icons/icon-alarm-rectified.js';
-import {warningRectifiedA} from './icons/icon-warning-rectified.js';
-import {alarmSilencedA, alarmSilencedB} from './icons/icon-alarm-silenced.js';
-import {
-  warningSilencedA,
-  warningSilencedB,
-} from './icons/icon-warning-silenced.js';
-import {alarmUnackA, alarmUnackB} from './icons/icon-alarm-unack.js';
-import {warningUnackA, warningUnackB} from './icons/icon-warning-unack.js';
 import '../../icons/icon-caution-color-iec.js';
 import {customElement} from '../../decorator.js';
 import {AlertType} from '../../types.js';
 import {
-  getAlertBadgeComponent,
-  AlertBadgeComponent,
   getAlertBlinkMode,
   getBamAlertTypeForBlinking,
   supportsBlinking,
@@ -23,9 +12,51 @@ import {
 import '../../icons/icon-alarm-badge-outline.js';
 import '../../icons/icon-warning-badge-outline.js';
 import '../../icons/icon-caution-badge-outline.js';
+import '../../icons/icon-alarm-acknowledged-iec.js';
+import '../../icons/icon-warning-acknowledged-iec.js';
+import '../../icons/icon-alarm-rectified-iec.js';
+import '../../icons/icon-warning-rectified-iec.js';
+import '../../icons/icon-alarm-rectified-outlined.js';
+import '../../icons/icon-warning-rectified-outlined.js';
+import '../../icons/icon-alarm-silenced-iec.js';
+import '../../icons/icon-alarm-silenced-outlined.js';
+import '../../icons/icon-warning-silenced-iec.js';
+import '../../icons/icon-warning-silenced-outlined.js';
+import '../../icons/icon-alarm-unacknowledged-iec.js';
+import '../../icons/icon-alarm-acknowledged-outlined.js';
+import '../../icons/icon-warning-unacknowledged-iec.js';
+import '../../icons/icon-warning-unacknowledged-outlined.js';
+
 import '../alert-frame/critical-badge.js';
 import '../alert-frame/diagnostic-badge.js';
 import {criticalA, criticalB} from './icons/icon-critical.js';
+import {
+  criticalUnacknowledgedA,
+  criticalUnacknowledgedB,
+} from './icons/icon-critical-unacknowledged.js';
+import {
+  criticalSilencedA,
+  criticalSilencedB,
+} from './icons/icon-critical-silenced.js';
+import {
+  criticalRectifiedA,
+  criticalRectifiedB,
+} from './icons/icon-critical-rectified.js';
+import {criticalAcknowledged} from './icons/icon-critical-acknowledged.js';
+import {
+  lowUnacknowledgedA,
+  lowUnacknowledgedB,
+} from './icons/icon-low-unacknowledged.js';
+import {lowSilencedA, lowSilencedB} from './icons/icon-low-silenced.js';
+import {lowRectifiedA, lowRectifiedB} from './icons/icon-low-rectified.js';
+import {lowAcknowledged} from './icons/icon-low-acknowledged.js';
+
+enum AlertIconState {
+  Silenced = 'silenced',
+  Unacknowledged = 'unacknowledged',
+  Acknowledged = 'acknowledged',
+  Rectified = 'rectified',
+}
 
 enum AlertIconName {
   AlarmSilenced = 'alarm-silenced',
@@ -35,37 +66,85 @@ enum AlertIconName {
   WarningRectified = 'warning-rectified',
   WarningSilenced = 'warning-silenced',
   Critical = 'critical',
+  CriticalUnack = 'critical-unack',
+  CriticalSilenced = 'critical-silenced',
+  CriticalRectified = 'critical-rectified',
+  LowUnack = 'low-unack',
+  LowSilenced = 'low-silenced',
+  LowRectified = 'low-rectified',
 }
 
 const mapping = {
   [AlertIconName.AlarmSilenced]: {
-    a: alarmSilencedA,
-    b: alarmSilencedB,
+    a: html`<obi-alarm-silenced-iec usecsscolor></obi-alarm-silenced-iec>`,
+    b: html`<obi-alarm-silenced-outlined
+      usecsscolor
+    ></obi-alarm-silenced-outlined>`,
   },
   [AlertIconName.AlarmUnack]: {
-    a: alarmUnackA,
-    b: alarmUnackB,
+    a: html`<obi-alarm-unacknowledged-iec
+      usecsscolor
+    ></obi-alarm-unacknowledged-iec>`,
+    b: html`<obi-alarm-acknowledged-outlined
+      usecsscolor
+    ></obi-alarm-acknowledged-outlined>`,
   },
   [AlertIconName.AlarmRectified]: {
-    a: alarmRectifiedA,
-    b: alarmRectifiedA,
+    a: html`<obi-alarm-rectified-iec usecsscolor></obi-alarm-rectified-iec>`,
+    b: html`<obi-alarm-rectified-outlined
+      usecsscolor
+    ></obi-alarm-rectified-outlined>`,
   },
   [AlertIconName.WarningUnack]: {
-    a: warningUnackA,
-    b: warningUnackB,
+    a: html`<obi-warning-unacknowledged-iec
+      usecsscolor
+    ></obi-warning-unacknowledged-iec>`,
+    b: html`<obi-warning-unacknowledged-outlined
+      usecsscolor
+    ></obi-warning-unacknowledged-outlined>`,
   },
   [AlertIconName.WarningRectified]: {
-    a: warningRectifiedA,
-    b: warningRectifiedA,
+    a: html`<obi-warning-rectified-iec
+      usecsscolor
+    ></obi-warning-rectified-iec>`,
+    b: html`<obi-warning-rectified-outlined
+      usecsscolor
+    ></obi-warning-rectified-outlined>`,
   },
   [AlertIconName.WarningSilenced]: {
-    a: warningSilencedA,
-    b: warningSilencedB,
+    a: html`<obi-warning-silenced-iec usecsscolor></obi-warning-silenced-iec>`,
+    b: html`<obi-warning-silenced-outlined
+      usecsscolor
+    ></obi-warning-silenced-outlined>`,
   },
   [AlertIconName.Critical]: {
     a: criticalA,
     b: criticalB,
   },
+  [AlertIconName.CriticalUnack]: {
+    a: criticalUnacknowledgedA,
+    b: criticalUnacknowledgedB,
+  },
+  [AlertIconName.CriticalSilenced]: {
+    a: criticalSilencedA,
+    b: criticalSilencedB,
+  },
+  [AlertIconName.CriticalRectified]: {
+    a: criticalRectifiedA,
+    b: criticalRectifiedB,
+  },
+  [AlertIconName.LowUnack]: {
+    a: lowUnacknowledgedA,
+    b: lowUnacknowledgedB,
+  },
+  [AlertIconName.LowSilenced]: {
+    a: lowSilencedA,
+    b: lowSilencedB,
+  },
+  [AlertIconName.LowRectified]: {
+    a: lowRectifiedA,
+    b: lowRectifiedB,
+  },
 };
 /**
  * `obc-alert-icon` – Animated alert icon for signaling alarm and warning states.
@@ -103,27 +182,76 @@ const mapping = {
  */
 @customElement('obc-alert-icon')
 export class ObcAlertIcon extends LitElement {
-  @property({type: String}) type!: AlertType;
-  /** @availableWhen outline==false && type in [Alarm, Warning, LevelHigh, LevelMedium] */
-  @property({type: Boolean}) acknowledged!: boolean;
-  /** @availableWhen outline==false && type in [Alarm, Warning, LevelHigh, LevelMedium] */
-  @property({type: Boolean}) active!: boolean;
-  @property({type: Boolean}) outline!: boolean;
+  @property({type: String}) alertType: AlertType = AlertType.Alarm;
+  /* @deprecated use `alertType` instead */
+  @property({type: String}) type?: AlertType;
+  /**
+   * @availableWhen type in [Alarm, Warning, LevelHigh, LevelMedium, LevelLow]
+   */
+  @property({type: Boolean}) acknowledged?: boolean;
+  /**
+   * @availableWhen type in [Alarm, Warning, LevelHigh, LevelMedium, LevelLow]
+   */
+  @property({type: Boolean}) active?: boolean;
+  @property({type: Boolean}) silenced?: boolean;
+
+  private get _effectiveType(): AlertType {
+    if (this.type) {
+      return this.type;
+    }
+    return this.alertType;
+  }
 
   private get bamType(): AlertType {
-    return getBamAlertTypeForBlinking(this.type);
+    return getBamAlertTypeForBlinking(this._effectiveType);
+  }
+
+  private get _effectiveState(): AlertIconState {
+    if (this.active === false) {
+      return AlertIconState.Rectified;
+    } else if (this.acknowledged) {
+      return AlertIconState.Acknowledged;
+    } else if (this.silenced) {
+      return AlertIconState.Silenced;
+    } else if (this.active === true) {
+      return AlertIconState.Unacknowledged;
+    }
+    return AlertIconState.Unacknowledged;
   }
 
   get icon() {
-    if (this.type === AlertType.LevelCritical) {
-      return mapping[AlertIconName.Critical];
+    if (this._effectiveType === AlertType.LevelCritical) {
+      switch (this._effectiveState) {
+        case AlertIconState.Rectified:
+          return mapping[AlertIconName.CriticalRectified];
+        case AlertIconState.Silenced:
+          return mapping[AlertIconName.CriticalSilenced];
+        case AlertIconState.Unacknowledged:
+          return mapping[AlertIconName.CriticalUnack];
+        default:
+          return mapping[AlertIconName.Critical];
+      }
+    } else if (this._effectiveType === AlertType.LevelLow) {
+      switch (this._effectiveState) {
+        case AlertIconState.Rectified:
+          return mapping[AlertIconName.LowRectified];
+        case AlertIconState.Silenced:
+          return mapping[AlertIconName.LowSilenced];
+        case AlertIconState.Unacknowledged:
+          return mapping[AlertIconName.LowUnack];
+        default:
+          return mapping[AlertIconName.LowUnack];
+      }
     } else if (this.bamType === AlertType.Alarm) {
-      if (this.active === false) {
-        return mapping[AlertIconName.AlarmRectified];
-      } else if (this.acknowledged) {
-        return mapping[AlertIconName.AlarmSilenced];
-      } else {
-        return mapping[AlertIconName.AlarmUnack];
+      switch (this._effectiveState) {
+        case AlertIconState.Rectified:
+          return mapping[AlertIconName.AlarmRectified];
+        case AlertIconState.Silenced:
+          return mapping[AlertIconName.AlarmSilenced];
+        case AlertIconState.Unacknowledged:
+          return mapping[AlertIconName.AlarmUnack];
+        default:
+          return null;
       }
     } else if (this.bamType === AlertType.Warning) {
       if (this.active === false) {
@@ -138,48 +266,68 @@ export class ObcAlertIcon extends LitElement {
     return null;
   }
 
-  private renderOutlineIcon(): TemplateResult {
-    switch (getAlertBadgeComponent(this.type)) {
-      case AlertBadgeComponent.Critical:
-        return html`<obi-critical-badge></obi-critical-badge>`;
-      case AlertBadgeComponent.Warning:
-        return html`<obi-warning-badge-outline></obi-warning-badge-outline>`;
-      case AlertBadgeComponent.Caution:
-        return html`<obi-caution-badge-outline></obi-caution-badge-outline>`;
-      case AlertBadgeComponent.Diagnostic:
-        return html`<obi-diagnostic-badge
-          style="color: var(--alert-diagnostic-color);"
-        ></obi-diagnostic-badge>`;
-      default:
-        return html`<obi-alarm-badge-outline></obi-alarm-badge-outline>`;
-    }
-  }
-
   private renderStaticIcon(): TemplateResult | typeof nothing {
-    if (this.type === AlertType.Caution || this.type === AlertType.LevelLow) {
+    // Caution and diagnostic always show a fixed symbol, regardless of state.
+    if (this._effectiveType === AlertType.Caution) {
       return html`<obi-caution-color-iec usecsscolor></obi-caution-color-iec>`;
     }
-    if (this.type === AlertType.LevelDiagnostic) {
+    if (this._effectiveType === AlertType.LevelDiagnostic) {
       return html`<obi-diagnostic-badge
         style="color: var(--alert-diagnostic-color);"
       ></obi-diagnostic-badge>`;
     }
+    if (this._effectiveState === AlertIconState.Acknowledged) {
+      if (this._effectiveType === AlertType.LevelCritical) {
+        return html`${criticalAcknowledged}`;
+      }
+      if (this._effectiveType === AlertType.LevelLow) {
+        return html`${lowAcknowledged}`;
+      }
+      switch (this.bamType) {
+        case AlertType.Alarm:
+          return html`<obi-alarm-acknowledged-iec
+            usecsscolor
+          ></obi-alarm-acknowledged-iec>`;
+        case AlertType.Warning:
+          return html`<obi-warning-acknowledged-iec
+            usecsscolor
+          ></obi-warning-acknowledged-iec>`;
+        default:
+          return nothing;
+      }
+    } else if (this._effectiveState === AlertIconState.Rectified) {
+      if (this._effectiveType === AlertType.LevelCritical) {
+        return html`${criticalRectifiedB}`;
+      }
+      if (this._effectiveType === AlertType.LevelLow) {
+        return html`${lowRectifiedB}`;
+      }
+      switch (this.bamType) {
+        case AlertType.Alarm:
+          return html`<obi-alarm-rectified-outlined
+            usecsscolor
+          ></obi-alarm-rectified-outlined>`;
+        case AlertType.Warning:
+          return html`<obi-warning-rectified-outlined
+            usecsscolor
+          ></obi-warning-rectified-outlined>`;
+        default:
+          return nothing;
+      }
+    }
     return nothing;
   }
 
   override render() {
-    if (!this.type) {
+    if (!this._effectiveType) {
       return html`<div>No alarm</div>`;
     }
-    if (this.outline) {
-      return html`<div class="wrapper">${this.renderOutlineIcon()}</div>`;
-    }
-    if (supportsBlinking(this.type) && !(this.type === AlertType.LevelLow)) {
+    if (supportsBlinking(this._effectiveType, this.acknowledged ?? false)) {
       const icons = this.icon;
       if (!icons) {
         throw new Error('No icon found');
       }
-      const blinkMode = getAlertBlinkMode(this.type);
+      const blinkMode = getAlertBlinkMode(this._effectiveType);
       return html`
         <div
           class=${classMap({
@@ -211,7 +359,9 @@ export class ObcAlertIcon extends LitElement {
         left: 0;
       }
 
-      svg {
+      svg,
+      .a,
+      .b {
         height: 100%;
         width: 100%;
         position: absolute;

package/src/components/alert-icon/icons/icon-critical-acknowledged.ts

@@ -0,0 +1,14 @@
+import {svg} from 'lit';
+
+export const criticalAcknowledged = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
+<path d="M13 13V7H11V13H13Z" fill="var(--on-critical-active-color)"/>
+<path d="M13 17V15H11V17H13Z" fill="var(--on-critical-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/icon-critical-rectified.ts

@@ -0,0 +1,25 @@
+import {svg} from 'lit';
+
+export const criticalRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--on-critical-active-color)"/>
+</svg>`;
+
+export const criticalRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="none" stroke="var(--element-active-color)" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--element-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/{icon-warning-silenced.ts → icon-critical-silenced.ts}

@@ -1,14 +1,27 @@
 import {svg} from 'lit';
 
-export const warningSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" style="fill: var(--on-warning-active-color)"/>
-<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" style="fill: var(--on-warning-active-color)"/>
-</svg>
-`;
+export const criticalSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
+<path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--on-critical-active-color)"/>
+<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--on-critical-active-color)"/>
+</svg>`;
 
-export const warningSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" style="fill: var(--element-active-color)"/>
-<path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" style="fill: var(--element-active-color)"/>
-<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" style="fill: var(--element-active-color)"/>
+export const criticalSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="none" stroke="var(--element-active-color)" />
+<path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--element-active-color)"/>
+<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--element-active-color)"/>
 </svg>`;

package/src/components/alert-icon/icons/icon-critical-unacknowledged.ts

@@ -0,0 +1,25 @@
+import {svg} from 'lit';
+
+export const criticalUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
+<path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--on-critical-active-color)"/>
+</svg>`;
+
+export const criticalUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="none" stroke="var(--element-active-color)" />
+<path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--element-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/icon-low-acknowledged.ts

@@ -0,0 +1,8 @@
+import {svg} from 'lit';
+
+export const lowAcknowledged = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
+<path d="M13 13V7H11V13H13Z" fill="var(--on-caution-active-color)"/>
+<path d="M13 17V15H11V17H13Z" fill="var(--on-caution-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/icon-low-rectified.ts

@@ -0,0 +1,13 @@
+import {svg} from 'lit';
+
+export const lowRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--on-caution-active-color)"/>
+</svg>`;
+
+export const lowRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--element-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/icon-low-silenced.ts

@@ -0,0 +1,15 @@
+import {svg} from 'lit';
+
+export const lowSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
+<path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--on-caution-active-color)"/>
+<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--on-caution-active-color)"/>
+</svg>`;
+
+export const lowSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
+<path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--element-active-color)"/>
+<path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--element-active-color)"/>
+</svg>`;

package/src/components/alert-icon/icons/icon-low-unacknowledged.ts

@@ -0,0 +1,13 @@
+import {svg} from 'lit';
+
+export const lowUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
+<path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--on-caution-active-color)"/>
+</svg>`;
+
+export const lowUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
+<path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
+<path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--element-active-color)"/>
+</svg>`;

package/src/pages/alert-detail-page/alert-detail-page.ts

@@ -17,7 +17,6 @@ import {
   formatTimeSince,
   isAcknowledged,
   isActive,
-  isBlocked,
   TimeSinceFn,
 } from '../../types.js';
 import {classMap} from 'lit/directives/class-map.js';
@@ -158,7 +157,6 @@ export class ObcAlertDetailPage extends LitElement {
               .type=${this.alert.type}
               .acknowledged=${isAcknowledged(this.alert)}
               .active=${isActive(this.alert)}
-              .outline=${isBlocked(this.alert)}
             ></obc-alert-icon>
           </div>
           <div class="title">

package/dist/components/alert-icon/icons/icon-alarm-rectified.d.ts

@@ -1,3 +0,0 @@
-export declare const alarmRectifiedA: import('lit-html').TemplateResult<2>;
-export declare const alarmRectifiedB: import('lit-html').TemplateResult<2>;
-//# sourceMappingURL=icon-alarm-rectified.d.ts.map

package/dist/components/alert-icon/icons/icon-alarm-rectified.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-alarm-rectified.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-alarm-rectified.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,sCAGrB,CAAC"}

package/dist/components/alert-icon/icons/icon-alarm-rectified.js

@@ -1,15 +0,0 @@
-import { svg } from "lit";
-const alarmRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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 fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z" style="fill: var(--on-alarm-color)"/>
-</svg>
-`;
-const alarmRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 2.00026L2.00141 20.9996L21.9987 21L12.0006 2.00026ZM11.1158 1.53427L1.11648 20.5338C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z" style="fill: var(--element-active-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z" style="fill: var(--element-active-color)"/>
-</svg>`;
-export {
-  alarmRectifiedA,
-  alarmRectifiedB
-};
-//# sourceMappingURL=icon-alarm-rectified.js.map

package/dist/components/alert-icon/icons/icon-alarm-rectified.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-alarm-rectified.js","sources":["../../../../src/components/alert-icon/icons/icon-alarm-rectified.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const alarmRectifiedA = 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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z\" style=\"fill: var(--on-alarm-color)\"/>\n</svg>\n`;\n\nexport const alarmRectifiedB = 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=\"M12.0006 2.00026L2.00141 20.9996L21.9987 21L12.0006 2.00026ZM11.1158 1.53427L1.11648 20.5338C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z\" style=\"fill: var(--element-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAM,kBAAkB;AAAA;AAAA;AAAA;"}

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

@@ -1,3 +0,0 @@
-export declare const alarmSilencedA: import('lit-html').TemplateResult<2>;
-export declare const alarmSilencedB: import('lit-html').TemplateResult<2>;
-//# sourceMappingURL=icon-alarm-silenced.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-alarm-silenced.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-alarm-silenced.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,sCAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,sCAIpB,CAAC"}

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

@@ -1,17 +0,0 @@
-import { svg } from "lit";
-const alarmSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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="M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z" style="fill: var(--on-alarm-active-color)"/>
-<path d="M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.26061 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z" style="fill: var(--on-alarm-active-color)"/>
-</svg>
-`;
-const alarmSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9986 20.9996L12.0006 2.00026L2.00141 20.9996L21.9986 20.9996ZM11.1158 1.53427L1.11648 20.5339C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z" style="fill: var(--element-active-color)"/>
-<path d="M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z" style="fill: var(--element-active-color)"/>
-<path d="M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.2606 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z" style="fill: var(--element-active-color)"/>
-</svg>`;
-export {
-  alarmSilencedA,
-  alarmSilencedB
-};
-//# sourceMappingURL=icon-alarm-silenced.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-alarm-silenced.js","sources":["../../../../src/components/alert-icon/icons/icon-alarm-silenced.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const alarmSilencedA = 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=\"M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.26061 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n\nexport const alarmSilencedB = 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=\"M21.9986 20.9996L12.0006 2.00026L2.00141 20.9996L21.9986 20.9996ZM11.1158 1.53427L1.11648 20.5339C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.2606 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;"}