@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-accordion/eds-wc-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-accordion.d.ts","sourceRoot":"","sources":["../../src/eds-accordion/eds-wc-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,0DAA0D;IAE1D,KAAK,UAAS;IAEd,OAAgB,MAAM,0BAMpB;IAEO,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAKlB,MAAM;IAIzB,OAAO,CAAC,aAAa,CAUnB;CACL;;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,kBAAmB,SAAQ,uBAAyB;IAC7D,yBAAyB;IAEzB,MAAM,SAAM;IAEZ,oCAAoC;IAEpC,QAAQ,UAAS;IAEjB,oCAAoC;IAEpC,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,YAAY,SAAK;IAEjB,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAA8C;IAE9D,OAAgB,MAAM,0BAuFpB;cAEiB,MAAM;IAkCzB,OAAO,CAAC,OAAO;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;QACnC,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"eds-wc-accordion.d.ts","sourceRoot":"","sources":["../../src/eds-accordion/eds-wc-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,0DAA0D;IAE1D,KAAK,UAAS;IAEd,OAAgB,MAAM,0BAMpB;IAEO,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAKlB,MAAM;IAIzB,OAAO,CAAC,aAAa,CAUnB;CACL;;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,kBAAmB,SAAQ,uBAAyB;IAC7D,yBAAyB;IAEzB,MAAM,SAAM;IAEZ,oCAAoC;IAEpC,QAAQ,UAAS;IAEjB,oCAAoC;IAEpC,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,YAAY,SAAK;IAEjB,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAA8C;IAE9D,OAAgB,MAAM,0BA0FpB;cAEiB,MAAM;IAkCzB,OAAO,CAAC,OAAO;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;QACnC,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}

package/eds-accordion/eds-wc-accordion.js

@@ -123,7 +123,8 @@ let EdsWcAccordionItem = class EdsWcAccordionItem extends SizeMixin(EdsBaseEleme
             background: transparent;
             cursor: pointer;
             color: var(--eds-c-foreground);
-            font: var(--eds-f-label-m-semi-bold);
+            font: var(--eds-f-label-m);
+            font-weight: var(--eds-f-w-semibold);
             text-align: start;
             font-family: inherit;
         }
@@ -175,7 +176,8 @@ let EdsWcAccordionItem = class EdsWcAccordionItem extends SizeMixin(EdsBaseEleme
         /* Size variants */
         :host([size="s"]) .header {
             padding: var(--eds-sp-xs) var(--eds-sp-m);
-            font: var(--eds-f-label-s-semi-bold);
+            font: var(--eds-f-label-s);
+            font-weight: var(--eds-f-w-semibold);
         }
         :host([size="s"]) .body__content {
             padding: var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-m);
@@ -183,7 +185,8 @@ let EdsWcAccordionItem = class EdsWcAccordionItem extends SizeMixin(EdsBaseEleme
         }
         :host([size="l"]) .header {
             padding: var(--eds-sp-l) var(--eds-sp-xl);
-            font: var(--eds-f-label-l-semi-bold);
+            font: var(--eds-f-label-l);
+            font-weight: var(--eds-f-w-semibold);
         }
         :host([size="l"]) .body__content {
             padding: var(--eds-sp-xs) var(--eds-sp-xl) var(--eds-sp-xl);

package/eds-accordion/eds-wc-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-accordion.js","sourceRoot":"","sources":["../../src/eds-accordion/eds-wc-accordion.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"eds-wc-accordion.js","sourceRoot":"","sources":["../../src/eds-accordion/eds-wc-accordion.ts"],"names":[],"mappings":"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"}

package/eds-alert/eds-wc-alert.d.ts

@@ -1,10 +1,16 @@
 import { EdsBaseElement } from '../shared/eds-base.js';
-declare const EdsWcAlert_base: (new (...args: any[]) => import("../shared/color-mixin.js").ColorMixinInterface) & typeof EdsBaseElement;
+/**
+ * Local narrowed color union — the alert's color contract. Copied verbatim from the
+ * Angular `eds-alert` exported `EdsAlertColor` union. No shared-token import.
+ */
+export type EdsWcAlertColor = 'info' | 'success' | 'warning' | 'critical';
 /**
  * `<eds-wc-alert>` — EDS Alert Web Component.
  *
- * An alert banner with color-coded left border, status icon, title slot,
- * default content slot, and optional close button.
+ * 1:1 projection of the Angular `eds-alert`. An alert banner with a color-coded left
+ * border, a semantic status icon, a title slot, a default content slot, and an optional
+ * close button. The host carries `role="alert"`; visibility is controlled via the
+ * reflected `hidden` attribute (matching the Angular `[attr.hidden]` host binding).
  *
  * @example
  * ```html
@@ -13,45 +19,77 @@ declare const EdsWcAlert_base: (new (...args: any[]) => import("../shared/color-
  *   This is an informational message.
  * </eds-wc-alert>
  *
- * <eds-wc-alert color="warning" closeable close-aria-label="Dismiss">
+ * <eds-wc-alert color="warning" is-closeable close-aria-label="Dismiss">
  *   Something needs your attention.
  * </eds-wc-alert>
  * ```
  *
- * @slot title - Alert title (rendered in semi-bold)
- * @slot - Default slot for alert body content
+ * @slot title - Alert title (rendered in semibold), mirrors `<ng-content select="eds-alert-title">`.
+ * @slot - Default slot for the alert body content.
+ * @slot actions - Optional trailing action(s) (link or button), shown before the close button.
+ *   Mirrors the Angular `<eds-alert-actions>` slot. A slotted `<a slot="actions">` picks up the
+ *   alert-action typography (mirrors the Angular `a[edsAlertAction]` sub-component).
  *
- * @fires close - Dispatched when the close button is clicked. The alert hides itself.
+ * @fires close-alert - Dispatched when the close button is clicked; the alert hides itself. `detail: { visible: false }`.
  *
- * @csspart icon - The status icon container
- * @csspart content - The content area (title + body)
- * @csspart close-button - The close button (when closeable)
+ * @csspart icon - The status icon container.
+ * @csspart content - The content area (title + body).
+ * @csspart actions - The trailing action slot container.
+ * @csspart close-button - The close button (only rendered when `is-closeable`).
  */
-export declare class EdsWcAlert extends EdsWcAlert_base {
+export declare class EdsWcAlert extends EdsBaseElement {
+    /**
+     * Semantic color of the alert.
+     * @default 'info'
+     */
+    color: EdsWcAlertColor;
     /**
-     * Whether a close button is shown.
-     * When clicked, the alert hides and dispatches a `close` event.
+     * Enables a close button allowing users to dismiss the alert.
+     * When set, displays a close icon button that hides the alert and dispatches `close-alert`.
+     * @default false
      */
-    closeable: boolean;
+    isCloseable: boolean;
     /**
-     * Controls visibility. Set to `false` to hide the alert.
-     * Also set automatically when the close button is clicked.
+     * Controls the visibility state of the alert. When `false`, the host reflects the
+     * `hidden` attribute (matching the Angular `[attr.hidden]` binding) and is not rendered.
+     * @default true
      */
-    visible: boolean;
+    isVisible: boolean;
     /**
-     * ARIA label for the close button.
+     * ARIA label for the close button, allowing localization.
      * @default 'Close alert'
      */
     closeAriaLabel: string;
+    /**
+     * Data attribute value for end-to-end testing identification.
+     * Applied as the `data-e2e` attribute on the host element.
+     * @default 'eds-alert'
+     */
+    e2eAttr: string;
+    /**
+     * Reflects whether the `actions` slot has projected content, so the trailing action
+     * block only claims layout space (padding/margin) when an action is present.
+     * Internal state — driven by the slot's `slotchange`, not a public API.
+     */
+    private hasActions;
     static styles: import("lit").CSSResult;
     protected render(): import("lit-html").TemplateResult<1>;
-    protected updated(): void;
-    private _onClose;
+    protected updated(changed: Map<string, unknown>): void;
+    connectedCallback(): void;
+    /**
+     * Reflects `has-actions` from the `actions` slot's assigned content. Guarded so the state
+     * is only written when it actually changes (prevents a slotchange → render → slotchange loop).
+     */
+    private _onActionsSlotChange;
+    /**
+     * Hides the alert and dispatches the `close-alert` event when the close button is clicked.
+     * Mirrors the Angular `onCloseClick()` which sets `isVisible=false` and emits `closeAlert(false)`.
+     */
+    private _onCloseClick;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'eds-wc-alert': EdsWcAlert;
     }
 }
-export {};
 //# sourceMappingURL=eds-wc-alert.d.ts.map

package/eds-alert/eds-wc-alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-alert.d.ts","sourceRoot":"","sources":["../../src/eds-alert/eds-wc-alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAWvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,UAAW,SAAQ,eAA0B;IACtD;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;OAGG;IAEH,cAAc,SAAiB;IAE/B,OAAgB,MAAM,0BAkGpB;cAEiB,MAAM;cAoCN,OAAO,IAAI,IAAI;IAIlC,OAAO,CAAC,QAAQ;CAQnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"eds-wc-alert.d.ts","sourceRoot":"","sources":["../../src/eds-alert/eds-wc-alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAkB1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,UAAW,SAAQ,cAAc;IAC1C;;;OAGG;IAEH,KAAK,EAAE,eAAe,CAAU;IAEhC;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,SAAS,UAAQ;IAEjB;;;OAGG;IAEH,cAAc,SAAiB;IAE/B;;;;OAIG;IAEH,OAAO,SAAe;IAEtB;;;;OAIG;IAEH,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAgB,MAAM,0BAqKpB;cAEiB,MAAM;cAuCN,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOtD,iBAAiB,IAAI,IAAI;IAMlC;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;;OAGG;IACH,OAAO,CAAC,aAAa;CAQxB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}

package/eds-alert/eds-wc-alert.js

@@ -7,19 +7,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { EdsBaseElement } from '../shared/eds-base.js';
-import { ColorMixin } from '../shared/color-mixin.js';
-/** Map from alert color to its corresponding semantic icon name. */
 const ALERT_ICON_MAP = {
-    info: 'info',
-    success: 'check-circle',
-    warning: 'warning',
-    critical: 'warning-circle',
+    info: { name: 'info', ariaLabel: 'EDS info icon' },
+    success: { name: 'check-circle', ariaLabel: 'EDS success icon' },
+    warning: { name: 'warning', ariaLabel: 'EDS warning icon' },
+    critical: { name: 'warning-circle', ariaLabel: 'EDS danger icon' },
 };
 /**
  * `<eds-wc-alert>` — EDS Alert Web Component.
  *
- * An alert banner with color-coded left border, status icon, title slot,
- * default content slot, and optional close button.
+ * 1:1 projection of the Angular `eds-alert`. An alert banner with a color-coded left
+ * border, a semantic status icon, a title slot, a default content slot, and an optional
+ * close button. The host carries `role="alert"`; visibility is controlled via the
+ * reflected `hidden` attribute (matching the Angular `[attr.hidden]` host binding).
  *
  * @example
  * ```html
@@ -28,130 +28,188 @@ const ALERT_ICON_MAP = {
  *   This is an informational message.
  * </eds-wc-alert>
  *
- * <eds-wc-alert color="warning" closeable close-aria-label="Dismiss">
+ * <eds-wc-alert color="warning" is-closeable close-aria-label="Dismiss">
  *   Something needs your attention.
  * </eds-wc-alert>
  * ```
  *
- * @slot title - Alert title (rendered in semi-bold)
- * @slot - Default slot for alert body content
+ * @slot title - Alert title (rendered in semibold), mirrors `<ng-content select="eds-alert-title">`.
+ * @slot - Default slot for the alert body content.
+ * @slot actions - Optional trailing action(s) (link or button), shown before the close button.
+ *   Mirrors the Angular `<eds-alert-actions>` slot. A slotted `<a slot="actions">` picks up the
+ *   alert-action typography (mirrors the Angular `a[edsAlertAction]` sub-component).
  *
- * @fires close - Dispatched when the close button is clicked. The alert hides itself.
+ * @fires close-alert - Dispatched when the close button is clicked; the alert hides itself. `detail: { visible: false }`.
  *
- * @csspart icon - The status icon container
- * @csspart content - The content area (title + body)
- * @csspart close-button - The close button (when closeable)
+ * @csspart icon - The status icon container.
+ * @csspart content - The content area (title + body).
+ * @csspart actions - The trailing action slot container.
+ * @csspart close-button - The close button (only rendered when `is-closeable`).
  */
-let EdsWcAlert = class EdsWcAlert extends ColorMixin(EdsBaseElement) {
+let EdsWcAlert = class EdsWcAlert extends EdsBaseElement {
     constructor() {
         super(...arguments);
         /**
-         * Whether a close button is shown.
-         * When clicked, the alert hides and dispatches a `close` event.
+         * Semantic color of the alert.
+         * @default 'info'
          */
-        this.closeable = false;
+        this.color = 'info';
         /**
-         * Controls visibility. Set to `false` to hide the alert.
-         * Also set automatically when the close button is clicked.
+         * Enables a close button allowing users to dismiss the alert.
+         * When set, displays a close icon button that hides the alert and dispatches `close-alert`.
+         * @default false
          */
-        this.visible = true;
+        this.isCloseable = false;
         /**
-         * ARIA label for the close button.
+         * Controls the visibility state of the alert. When `false`, the host reflects the
+         * `hidden` attribute (matching the Angular `[attr.hidden]` binding) and is not rendered.
+         * @default true
+         */
+        this.isVisible = true;
+        /**
+         * ARIA label for the close button, allowing localization.
          * @default 'Close alert'
          */
         this.closeAriaLabel = 'Close alert';
+        /**
+         * Data attribute value for end-to-end testing identification.
+         * Applied as the `data-e2e` attribute on the host element.
+         * @default 'eds-alert'
+         */
+        this.e2eAttr = 'eds-alert';
+        /**
+         * Reflects whether the `actions` slot has projected content, so the trailing action
+         * block only claims layout space (padding/margin) when an action is present.
+         * Internal state — driven by the slot's `slotchange`, not a public API.
+         */
+        this.hasActions = false;
     }
     static { this.styles = css `
+        :host, *, *::before, *::after {
+            box-sizing: border-box;
+        }
+
         :host {
+            /* default color = info */
+            --_eds-alert-surface: var(--eds-c-surface-info-subtler);
+            --_eds-alert-on-surface: var(--eds-c-on-surface-info-subtler);
+            --_eds-alert-border-color: var(--eds-c-border-info);
+
             display: flex;
             width: 100%;
+            background-color: var(--_eds-alert-surface);
             padding: var(--eds-sp-s);
             border-radius: var(--eds-br-s);
-            border-left: var(--eds-bw-m) solid var(--_border-color);
-            background-color: var(--_surface);
+            border-left: var(--eds-bw-m) solid var(--_eds-alert-border-color);
         }
 
-        :host([visible="false"]),
-        :host(:not([visible])) {
+        :host([hidden]) {
             display: none;
         }
 
-        /* Ensure visible=true shows */
-        :host([visible]) {
+        .eds-alert__icon {
+            flex-shrink: 0;
             display: flex;
         }
 
-        /* Color variants */
-        :host([color="info"]) {
-            --_surface: var(--eds-c-surface-info-subtler);
-            --_on-surface: var(--eds-c-on-surface-info-subtler);
-            --_border-color: var(--eds-c-border-info);
-            --_icon-color: var(--eds-c-foreground-info);
-        }
-        :host([color="success"]) {
-            --_surface: var(--eds-c-surface-success-subtler);
-            --_on-surface: var(--eds-c-on-surface-success-subtler);
-            --_border-color: var(--eds-c-border-success);
-            --_icon-color: var(--eds-c-foreground-success);
+        .eds-alert__icon svg {
+            width: var(--eds-is-m);
+            height: var(--eds-is-m);
         }
-        :host([color="warning"]) {
-            --_surface: var(--eds-c-surface-warning-subtler);
-            --_on-surface: var(--eds-c-on-surface-warning-subtler);
-            --_border-color: var(--eds-c-border-warning);
-            --_icon-color: var(--eds-c-foreground-warning);
+
+        :host([color="info"]) .eds-alert__icon svg {
+            fill: var(--eds-c-foreground-info);
         }
-        :host([color="critical"]) {
-            --_surface: var(--eds-c-surface-critical-subtler);
-            --_on-surface: var(--eds-c-on-surface-critical-subtler);
-            --_border-color: var(--eds-c-border-critical);
-            --_icon-color: var(--eds-c-foreground-critical);
+
+        :host([color="success"]) .eds-alert__icon svg {
+            fill: var(--eds-c-foreground-success);
         }
 
-        .eds-alert__icon {
-            flex-shrink: 0;
-            display: inline-flex;
-            color: var(--_icon-color);
+        :host([color="warning"]) .eds-alert__icon svg {
+            fill: var(--eds-c-foreground-warning);
         }
 
-        .eds-alert__icon svg {
-            width: var(--eds-is-m);
-            height: var(--eds-is-m);
-            fill: var(--_icon-color);
+        :host([color="critical"]) .eds-alert__icon svg {
+            fill: var(--eds-c-foreground-critical);
         }
 
         .eds-alert__content {
             display: flex;
-            width: 100%;
+            flex: 1;
+            min-width: 0;
             flex-direction: column;
             padding: 0 var(--eds-sp-xs);
             font: var(--eds-f-paragraph-m);
-            color: var(--_on-surface);
         }
 
         ::slotted([slot="title"]) {
-            font: var(--eds-f-paragraph-m-semi-bold);
+            font: var(--eds-f-paragraph-m);
+            font-weight: var(--eds-f-w-semibold);
+        }
+
+        /* Optional trailing action slot — sits between the content and the close button,
+           vertically centered against the message content. Mirrors the Angular
+           .eds-alert__actions block. The slot is always rendered (never toggled) but only
+           claims layout space when the host reflects [has-actions]. */
+        .eds-alert__actions {
+            display: none;
+        }
+
+        :host([has-actions]) .eds-alert__actions {
+            display: flex;
+            align-items: center;
+            align-self: center;
+            gap: var(--eds-sp-s);
+            white-space: nowrap;
+            margin-left: auto;
+            padding-left: var(--eds-sp-xs);
+            padding-right: var(--eds-sp-xl);
+        }
+
+        :host([has-actions]) .eds-alert__actions + .eds-alert__close {
+            margin-left: var(--eds-sp-xs);
+        }
+
+        /* Styled action link inside the actions slot — mirrors the Angular
+           a[edsAlertAction] sub-component (label, medium; default foreground; hover underline;
+           focus-visible ring). */
+        ::slotted([slot="actions"]) {
+            font: var(--eds-f-label-m);
+            font-weight: var(--eds-f-w-medium);
+            color: var(--eds-c-foreground);
+            text-decoration: none;
+        }
+
+        ::slotted([slot="actions"]:hover) {
+            text-decoration: underline;
+        }
+
+        ::slotted([slot="actions"]:focus-visible) {
+            outline: var(--eds-bw-s) solid var(--eds-c-focus);
+            outline-offset: 2px;
+            border-radius: var(--eds-br-xs);
         }
 
         .eds-alert__close {
             margin-left: auto;
             display: flex;
             align-self: baseline;
+            padding: var(--eds-sp-3xs);
             background: none;
             border: none;
+            border-radius: var(--eds-br-full);
             cursor: pointer;
-            padding: var(--eds-sp-3xs);
-            border-radius: var(--eds-br-s);
-            color: var(--_on-surface);
+            color: var(--eds-c-on-surface-neutral-subtler);
             line-height: 0;
         }
 
         .eds-alert__close:hover {
-            background-color: color-mix(in srgb, var(--_on-surface) 10%, transparent);
+            background-color: var(--eds-c-surface-neutral-subtler);
         }
 
         .eds-alert__close:focus-visible {
-            outline: 2px solid var(--eds-c-border-focus);
-            outline-offset: 2px;
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: var(--eds-sp-4xs);
         }
 
         .eds-alert__close svg {
@@ -159,16 +217,49 @@ let EdsWcAlert = class EdsWcAlert extends ColorMixin(EdsBaseElement) {
             height: var(--eds-is-s);
             fill: currentColor;
         }
+
+        /* COLOR VARIANTS */
+        :host([color="info"]) {
+            --_eds-alert-surface: var(--eds-c-surface-info-subtler);
+            --_eds-alert-on-surface: var(--eds-c-on-surface-info-subtler);
+            --_eds-alert-border-color: var(--eds-c-border-info);
+        }
+
+        :host([color="success"]) {
+            --_eds-alert-surface: var(--eds-c-surface-success-subtler);
+            --_eds-alert-on-surface: var(--eds-c-on-surface-success-subtler);
+            --_eds-alert-border-color: var(--eds-c-border-success);
+        }
+
+        :host([color="warning"]) {
+            --_eds-alert-surface: var(--eds-c-surface-warning-subtler);
+            --_eds-alert-on-surface: var(--eds-c-on-surface-warning-subtler);
+            --_eds-alert-border-color: var(--eds-c-border-warning);
+        }
+
+        :host([color="critical"]) {
+            --_eds-alert-surface: var(--eds-c-surface-critical-subtler);
+            --_eds-alert-on-surface: var(--eds-c-on-surface-critical-subtler);
+            --_eds-alert-border-color: var(--eds-c-border-critical);
+        }
+
+        /* MOBILE BREAKPOINT (< 768px) */
+        @media (max-width: 767px) {
+            .eds-alert__content {
+                font: var(--eds-f-paragraph-s);
+            }
+        }
     `; }
     render() {
-        const resolvedColor = this.color || 'info';
-        const iconName = ALERT_ICON_MAP[resolvedColor] || 'info';
+        const resolvedColor = ALERT_ICON_MAP[this.color] ? this.color : 'info';
+        const icon = ALERT_ICON_MAP[resolvedColor];
         const baseUrl = EdsBaseElement.assetsBaseUrl;
-        const spriteHref = `${baseUrl}/eds/icons/sprites/regular.svg#${iconName}`;
+        const iconHref = `${baseUrl}/eds/icons/sprites/core.svg#${icon.name}`;
+        const closeHref = `${baseUrl}/eds/icons/sprites/core.svg#x`;
         return html `
-            <span class="eds-alert__icon" part="icon" aria-hidden="true">
-                <svg aria-hidden="true">
-                    <use href="${spriteHref}"></use>
+            <span class="eds-alert__icon" part="icon">
+                <svg role="img" aria-label="${icon.ariaLabel}">
+                    <use href="${iconHref}"></use>
                 </svg>
             </span>
 
@@ -177,28 +268,54 @@ let EdsWcAlert = class EdsWcAlert extends ColorMixin(EdsBaseElement) {
                 <slot></slot>
             </div>
 
-            ${this.closeable
+            <slot name="actions" class="eds-alert__actions" part="actions"
+                @slotchange="${this._onActionsSlotChange}"></slot>
+
+            ${this.isCloseable
             ? html `
                     <button
                         type="button"
                         class="eds-alert__close"
                         part="close-button"
                         aria-label="${this.closeAriaLabel}"
-                        @click="${this._onClose}">
+                        @click="${this._onCloseClick}">
                         <svg aria-hidden="true">
-                            <use href="${baseUrl}/eds/icons/sprites/core.svg#x"></use>
+                            <use href="${closeHref}"></use>
                         </svg>
                     </button>
                 `
             : nothing}
         `;
     }
-    updated() {
+    updated(changed) {
+        if (changed.has('isVisible')) {
+            // Mirror the Angular `[attr.hidden]='!isVisible() || null'` host binding.
+            this.toggleAttribute('hidden', !this.isVisible);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
         this.setAttribute('role', 'alert');
+        this.toggleAttribute('hidden', !this.isVisible);
+    }
+    /**
+     * Reflects `has-actions` from the `actions` slot's assigned content. Guarded so the state
+     * is only written when it actually changes (prevents a slotchange → render → slotchange loop).
+     */
+    _onActionsSlotChange(e) {
+        const slot = e.target;
+        const next = slot.assignedNodes({ flatten: true }).length > 0;
+        if (this.hasActions !== next) {
+            this.hasActions = next;
+        }
     }
-    _onClose() {
-        this.visible = false;
-        this.dispatchEvent(new CustomEvent('close', {
+    /**
+     * Hides the alert and dispatches the `close-alert` event when the close button is clicked.
+     * Mirrors the Angular `onCloseClick()` which sets `isVisible=false` and emits `closeAlert(false)`.
+     */
+    _onCloseClick() {
+        this.isVisible = false;
+        this.dispatchEvent(new CustomEvent('close-alert', {
             bubbles: true,
             composed: true,
             detail: { visible: false },
@@ -206,14 +323,23 @@ let EdsWcAlert = class EdsWcAlert extends ColorMixin(EdsBaseElement) {
     }
 };
 __decorate([
-    property({ type: Boolean, reflect: true })
-], EdsWcAlert.prototype, "closeable", void 0);
+    property({ type: String, reflect: true })
+], EdsWcAlert.prototype, "color", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'is-closeable' })
+], EdsWcAlert.prototype, "isCloseable", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
-], EdsWcAlert.prototype, "visible", void 0);
+    property({ type: Boolean, attribute: 'is-visible' })
+], EdsWcAlert.prototype, "isVisible", void 0);
 __decorate([
     property({ type: String, attribute: 'close-aria-label' })
 ], EdsWcAlert.prototype, "closeAriaLabel", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'data-e2e' })
+], EdsWcAlert.prototype, "e2eAttr", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'has-actions' })
+], EdsWcAlert.prototype, "hasActions", void 0);
 EdsWcAlert = __decorate([
     customElement('eds-wc-alert')
 ], EdsWcAlert);

package/eds-alert/eds-wc-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-alert.js","sourceRoot":"","sources":["../../src/eds-alert/eds-wc-alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,oEAAoE;AACpE,MAAM,cAAc,GAA2B;IAC3C,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,gBAAgB;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU,CAAC,cAAc,CAAC;IAAnD;;QACH;;;WAGG;QAEH,cAAS,GAAG,KAAK,CAAC;QAElB;;;WAGG;QAEH,YAAO,GAAG,IAAI,CAAC;QAEf;;;WAGG;QAEH,mBAAc,GAAG,aAAa,CAAC;IAsJnC,CAAC;aApJmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkG3B,AAlGqB,CAkGpB;IAEiB,MAAM;QACrB,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;QAC3C,MAAM,QAAQ,GAAG,cAAc,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC;QACzD,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC;QAC7C,MAAM,UAAU,GAAG,GAAG,OAAO,kCAAkC,QAAQ,EAAE,CAAC;QAE1E,OAAO,IAAI,CAAA;;;iCAGc,UAAU;;;;;;;;;cAS7B,IAAI,CAAC,SAAS;YACZ,CAAC,CAAC,IAAI,CAAA;;;;;sCAKgB,IAAI,CAAC,cAAc;kCACvB,IAAI,CAAC,QAAQ;;yCAEN,OAAO;;;iBAG/B;YACD,CAAC,CAAC,OACN;SACH,CAAC;IACN,CAAC;IAEkB,OAAO;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC;IAEO,QAAQ;QACZ,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE;YACxC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SAC7B,CAAC,CAAC,CAAC;IACR,CAAC;;AAnKD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACzB;AAOlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC5B;AAOf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;kDAC3B;AApBtB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CA0KtB"}
+{"version":3,"file":"eds-wc-alert.js","sourceRoot":"","sources":["../../src/eds-alert/eds-wc-alert.ts"],"names":[],"mappings":"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"}

package/eds-alert/index.d.ts

@@ -1,2 +1,3 @@
 export { EdsWcAlert } from './eds-wc-alert.js';
+export type { EdsWcAlertColor } from './eds-wc-alert.js';
 //# sourceMappingURL=index.d.ts.map

package/eds-alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/eds-autocomplete/eds-wc-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-autocomplete.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-wc-autocomplete.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,+BAA+B;AAC/B,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;GAaG;AACH,qBACa,iBAAkB,SAAQ,cAAc;IACtB,KAAK,EAAE,mBAAmB,EAAE,CAAM;IACjC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,QAAQ,EAAE,YAAY,GAAG,UAAU,CAAc;IACnB,cAAc,SAAK;IACjC,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEpD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,aAAa,CAAM;IAEX,OAAO,CAAC,UAAU,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAe;IAEhD,OAAO,CAAC,QAAQ,CAAyE;IAEzF,OAAO,KAAK,SAAS,GAOpB;IAEQ,oBAAoB,IAAI,IAAI;IAErC,OAAgB,MAAM,0BA8BpB;cAEiB,MAAM;IA0BzB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,QAAQ;YAEF,UAAU;IAOxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe,CAAsC;IAE7D,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,UAAU;CAarB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,iBAAiB,CAAC;KAAE;CAAE"}
+{"version":3,"file":"eds-wc-autocomplete.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-wc-autocomplete.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,+BAA+B;AAC/B,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;GAaG;AACH,qBACa,iBAAkB,SAAQ,cAAc;IACtB,KAAK,EAAE,mBAAmB,EAAE,CAAM;IACjC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,QAAQ,EAAE,YAAY,GAAG,UAAU,CAAc;IACnB,cAAc,SAAK;IACjC,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEpD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,aAAa,CAAM;IAEX,OAAO,CAAC,UAAU,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAe;IAEhD,OAAO,CAAC,QAAQ,CAAyE;IAEzF,OAAO,KAAK,SAAS,GAOpB;IAEQ,oBAAoB,IAAI,IAAI;IAErC,OAAgB,MAAM,0BAiCpB;cAEiB,MAAM;IA0BzB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,QAAQ;YAEF,UAAU;IAOxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe,CAAsC;IAE7D,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,UAAU;CAarB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,iBAAiB,CAAC;KAAE;CAAE"}

package/eds-autocomplete/eds-wc-autocomplete.js

@@ -74,6 +74,9 @@ let EdsWcAutocomplete = class EdsWcAutocomplete extends EdsBaseElement {
             cursor: pointer; font: var(--eds-f-paragraph-s); color: var(--eds-c-foreground-default);
         }
         .option:hover, .option[focused] { background: var(--eds-c-surface-neutral-subtle); }
+        /* Active (keyboard-highlighted) option — subtle 1px inset primary ring, matching the
+           Angular eds-autocomplete active-option treatment (less prominent than a 2px ring). */
+        .option[focused] { outline: var(--eds-bw-xs) solid var(--eds-c-border-primary); outline-offset: -1px; }
         .option[aria-disabled="true"] { color: var(--eds-c-foreground-disabled); pointer-events: none; }
         .option:focus-visible { outline: 2px solid var(--eds-c-border-focus); outline-offset: -2px; }