@eui/eds-react 22.0.0-alpha.8

package/eds-alert/eds-alert-title.css

@@ -0,0 +1,5 @@
+/* eds-alert-title — pure React port of eds-alert-title.scss. :host -> .eds-alert-title. */
+
+.eds-alert-title {
+    font: var(--eds-f-paragraph-m-semi-bold);
+}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsAlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAlertTitle` — pure React port of the Angular `eds-alert-title` sub-component.
+ *
+ * A semantic title wrapper (bold paragraph font) placed inside an `EdsAlert`'s children,
+ * ahead of the body text. Pure content projection (`<ng-content/>` → `{children}`).
+ */
+export declare const EdsAlertTitle: React.ForwardRefExoticComponent<EdsAlertTitleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-alert-title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert-title.d.ts","sourceRoot":"","sources":["../../src/eds-alert/eds-alert-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,2FASxB,CAAC"}

package/eds-alert/eds-alert-title.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAlertTitle` — pure React port of the Angular `eds-alert-title` sub-component.
+ *
+ * A semantic title wrapper (bold paragraph font) placed inside an `EdsAlert`'s children,
+ * ahead of the body text. Pure content projection (`<ng-content/>` → `{children}`).
+ */
+export const EdsAlertTitle = React.forwardRef(function EdsAlertTitle({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-alert-title ${className}` : 'eds-alert-title', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-alert-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert-title.js","sourceRoot":"","sources":["../../src/eds-alert/eds-alert-title.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KAAM,IAAI,YAC7F,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-alert/eds-alert.css

@@ -0,0 +1,62 @@
+/*
+ * eds-alert — pure React port of eds-alert.scss.
+ * :host -> .eds-alert ; :host([color="x"]) -> .eds-alert[data-color="x"].
+ * base.media(base.$eds-bkp-mobile) -> @media (max-width: 767px) (mobile is < 768px).
+ */
+
+.eds-alert {
+    /* 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(--_eds-alert-border-color);
+}
+
+.eds-alert .eds-alert__content {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    padding: 0 var(--eds-sp-xs);
+    font: var(--eds-f-paragraph-m);
+}
+
+.eds-alert .eds-alert__close {
+    margin-left: auto;
+    display: flex;
+    align-self: baseline;
+    --_button-padding: var(--eds-sp-3xs);
+}
+
+/* COLOR VARIANTS */
+.eds-alert[data-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);
+}
+.eds-alert[data-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);
+}
+.eds-alert[data-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);
+}
+.eds-alert[data-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);
+}
+
+@media (max-width: 767px) {
+    .eds-alert .eds-alert__content {
+        font: var(--eds-f-paragraph-s);
+    }
+}

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/** Local narrowed color union — the alert's color contract. */
+export type EdsAlertColor = 'info' | 'success' | 'warning' | 'critical';
+export interface EdsAlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Semantic color of the alert (also selects the leading status icon). @default 'info' */
+    color?: EdsAlertColor;
+    /** Shows a close button that dismisses the alert. @default false */
+    isCloseable?: boolean;
+    /**
+     * Controlled visibility. When provided, the alert is controlled — use `onVisibleChange`
+     * / `onCloseAlert` to react to dismissal. Omit for uncontrolled (see `defaultVisible`).
+     */
+    isVisible?: boolean;
+    /** Initial visibility for the uncontrolled case. @default true */
+    defaultVisible?: boolean;
+    /** Fired with the new visibility when it changes (controlled or uncontrolled). */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Fired when the alert is closed via the close button (always `false`). */
+    onCloseAlert?: (visible: boolean) => void;
+    /** ARIA label for the close button (localizable). @default 'Close alert' */
+    closeAriaLabel?: string;
+    /** Data attribute for e2e testing. @default 'eds-alert' */
+    e2eAttr?: string;
+    /** Alert content — an optional `<EdsAlertTitle>` followed by the body. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAlert` — pure React port of the Angular `eds-alert`.
+ *
+ * A dismissible status message: a leading status icon (`EdsIconState`), a content column
+ * (title slot via `<EdsAlertTitle>` + body, both in `children`), and an optional close
+ * button (`EdsIconButton`). `color` reflects as `data-color`; `hidden` is set on the root
+ * when not visible (matching the Angular `[attr.hidden]`). Visibility supports both
+ * controlled (`isVisible` + `onVisibleChange`) and uncontrolled (`defaultVisible`) use; the
+ * Angular `closeAlert` output maps to `onCloseAlert`.
+ */
+export declare const EdsAlert: React.ForwardRefExoticComponent<EdsAlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert.d.ts","sourceRoot":"","sources":["../../src/eds-alert/eds-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0FAA0F;IAC1F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFAuDnB,CAAC"}

package/eds-alert/eds-alert.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useState } from 'react';
+import { EdsIconState } from '../eds-icon-state/eds-icon-state.js';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+/**
+ * `EdsAlert` — pure React port of the Angular `eds-alert`.
+ *
+ * A dismissible status message: a leading status icon (`EdsIconState`), a content column
+ * (title slot via `<EdsAlertTitle>` + body, both in `children`), and an optional close
+ * button (`EdsIconButton`). `color` reflects as `data-color`; `hidden` is set on the root
+ * when not visible (matching the Angular `[attr.hidden]`). Visibility supports both
+ * controlled (`isVisible` + `onVisibleChange`) and uncontrolled (`defaultVisible`) use; the
+ * Angular `closeAlert` output maps to `onCloseAlert`.
+ */
+export const EdsAlert = React.forwardRef(function EdsAlert({ color = 'info', isCloseable = false, isVisible, defaultVisible = true, onVisibleChange, onCloseAlert, closeAriaLabel = 'Close alert', e2eAttr = 'eds-alert', children, className, ...rest }, ref) {
+    const isControlled = isVisible !== undefined;
+    const [internalVisible, setInternalVisible] = useState(defaultVisible);
+    const visible = isControlled ? isVisible : internalVisible;
+    const onCloseClick = () => {
+        if (!isControlled) {
+            setInternalVisible(false);
+        }
+        onVisibleChange?.(false);
+        onCloseAlert?.(false);
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `eds-alert ${className}` : 'eds-alert', role: "alert", "data-color": color, hidden: !visible || undefined, "data-e2e": e2eAttr, ...rest, children: [_jsx(EdsIconState, { className: "eds-alert__icon", color: color }), _jsx("div", { className: "eds-alert__content", children: children }), isCloseable && (_jsx(EdsIconButton, { className: "eds-alert__close", ariaLabel: closeAriaLabel, icon: "x:core", rounded: true, size: "s", color: "neutral", onButtonClick: onCloseClick }))] }));
+});
+//# sourceMappingURL=eds-alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert.js","sourceRoot":"","sources":["../../src/eds-alert/eds-alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AA6BtE;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACrF,EACI,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,eAAe,EACf,YAAY,EACZ,cAAc,GAAG,aAAa,EAC9B,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS,CAAC;IAC7C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3D,MAAM,YAAY,GAAG,GAAS,EAAE;QAC5B,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,EAC7D,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,MAAM,EAAE,CAAC,OAAO,IAAI,SAAS,cACnB,OAAO,KACb,IAAI,aAER,KAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,KAAK,GAAI,EAE1D,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,EAEnD,WAAW,IAAI,CACZ,KAAC,aAAa,IACV,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,QACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,aAAa,EAAE,YAAY,GAC7B,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-alert/index.d.ts

@@ -0,0 +1,5 @@
+export { EdsAlert } from './eds-alert.js';
+export type { EdsAlertProps, EdsAlertColor } from './eds-alert.js';
+export { EdsAlertTitle } from './eds-alert-title.js';
+export type { EdsAlertTitleProps } from './eds-alert-title.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/eds-alert/index.js

@@ -0,0 +1,3 @@
+export { EdsAlert } from './eds-alert.js';
+export { EdsAlertTitle } from './eds-alert-title.js';
+//# sourceMappingURL=index.js.map

package/eds-alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/eds-avatar/eds-avatar-badge.css

@@ -0,0 +1,34 @@
+/* Pure-React port of eds-avatar-badge.scss. */
+
+.eds-avatar .eds-avatar-badge {
+    position: absolute;
+    display: inline-flex;
+}
+
+/* default position (size m) */
+.eds-avatar .eds-avatar-badge,
+.eds-avatar[data-size="m"] .eds-avatar-badge {
+    left: var(--eds-si-xl);
+    top: var(--eds-si-xl);
+}
+
+.eds-avatar[data-size="2xs"] .eds-avatar-badge {
+    left: var(--eds-si-xs);
+    top: var(--eds-si-xs);
+}
+.eds-avatar[data-size="xs"] .eds-avatar-badge {
+    left: var(--eds-si-m);
+    top: var(--eds-si-m);
+}
+.eds-avatar[data-size="s"] .eds-avatar-badge {
+    left: var(--eds-si-l);
+    top: var(--eds-si-l);
+}
+.eds-avatar[data-size="l"] .eds-avatar-badge {
+    left: var(--eds-si-2xl);
+    top: var(--eds-si-2xl);
+}
+.eds-avatar[data-size="xl"] .eds-avatar-badge {
+    left: var(--eds-si-4xl);
+    top: var(--eds-si-4xl);
+}

package/eds-avatar/eds-avatar-badge.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface EdsAvatarBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Whether the badge is positioned at the bottom of the avatar. Reflected as
+     * `data-position="bottom"` when true, `data-position="top"` when false.
+     * @default false
+     */
+    isPositionBottom?: boolean;
+    /** The badge content — typically an `EdsBadge` (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarBadge` — pure React port of the Angular `eds-avatar-badge`.
+ *
+ * An absolutely-positioned overlay slot on the avatar surface (top by default, bottom when
+ * `isPositionBottom`). Its offsets are driven by the ancestor `.eds-avatar[data-size]`.
+ * Carries the `.eds-avatar-badge` class and reflects `data-position`.
+ */
+export declare const EdsAvatarBadge: React.ForwardRefExoticComponent<EdsAvatarBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-avatar-badge.d.ts.map

package/eds-avatar/eds-avatar-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-badge.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC9E;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,6FAa1B,CAAC"}

package/eds-avatar/eds-avatar-badge.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarBadge` — pure React port of the Angular `eds-avatar-badge`.
+ *
+ * An absolutely-positioned overlay slot on the avatar surface (top by default, bottom when
+ * `isPositionBottom`). Its offsets are driven by the ancestor `.eds-avatar[data-size]`.
+ * Carries the `.eds-avatar-badge` class and reflects `data-position`.
+ */
+export const EdsAvatarBadge = React.forwardRef(function EdsAvatarBadge({ isPositionBottom = false, children, className, ...rest }, ref) {
+    return (_jsx("span", { ref: ref, className: className ? `eds-avatar-badge ${className}` : 'eds-avatar-badge', "data-position": isPositionBottom ? 'bottom' : 'top', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-badge.js.map

package/eds-avatar/eds-avatar-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-badge.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,cAAc,CAAC,EAAE,gBAAgB,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,mBAC5D,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAC9C,IAAI,YAEP,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-content-label.css

@@ -0,0 +1,5 @@
+/* Pure-React port of eds-avatar-content-label.scss. */
+
+.eds-avatar .eds-avatar-content-label {
+    font: var(--eds-f-paragraph-s-semi-bold);
+}

package/eds-avatar/eds-avatar-content-label.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsAvatarContentLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Primary label text (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarContentLabel` — pure React port of the Angular `eds-avatar-content-label`.
+ *
+ * The primary (semi-bold) label line inside an `EdsAvatarContent`. Pure content projection
+ * carrying the `.eds-avatar-content-label` class.
+ */
+export declare const EdsAvatarContentLabel: React.ForwardRefExoticComponent<EdsAvatarContentLabelProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-avatar-content-label.d.ts.map

package/eds-avatar/eds-avatar-content-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content-label.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACrF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,oGAYjC,CAAC"}

package/eds-avatar/eds-avatar-content-label.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarContentLabel` — pure React port of the Angular `eds-avatar-content-label`.
+ *
+ * The primary (semi-bold) label line inside an `EdsAvatarContent`. Pure content projection
+ * carrying the `.eds-avatar-content-label` class.
+ */
+export const EdsAvatarContentLabel = React.forwardRef(function EdsAvatarContentLabel({ children, className, ...rest }, ref) {
+    return (_jsx("span", { ref: ref, className: className ? `eds-avatar-content-label ${className}` : 'eds-avatar-content-label', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-content-label.js.map

package/eds-avatar/eds-avatar-content-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content-label.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content-label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KACvF,IAAI,YAEP,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-content-sublabel.css

@@ -0,0 +1,5 @@
+/* Pure-React port of eds-avatar-content-sublabel.scss. */
+
+.eds-avatar .eds-avatar-content-sublabel {
+    font: var(--eds-f-paragraph-s);
+}

package/eds-avatar/eds-avatar-content-sublabel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsAvatarContentSublabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Secondary label text (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarContentSublabel` — pure React port of the Angular `eds-avatar-content-sublabel`.
+ *
+ * The secondary (regular-weight) label line inside an `EdsAvatarContent`. Pure content
+ * projection carrying the `.eds-avatar-content-sublabel` class.
+ */
+export declare const EdsAvatarContentSublabel: React.ForwardRefExoticComponent<EdsAvatarContentSublabelProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-avatar-content-sublabel.d.ts.map

package/eds-avatar/eds-avatar-content-sublabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content-sublabel.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content-sublabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,uGAYpC,CAAC"}

package/eds-avatar/eds-avatar-content-sublabel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarContentSublabel` — pure React port of the Angular `eds-avatar-content-sublabel`.
+ *
+ * The secondary (regular-weight) label line inside an `EdsAvatarContent`. Pure content
+ * projection carrying the `.eds-avatar-content-sublabel` class.
+ */
+export const EdsAvatarContentSublabel = React.forwardRef(function EdsAvatarContentSublabel({ children, className, ...rest }, ref) {
+    return (_jsx("span", { ref: ref, className: className ? `eds-avatar-content-sublabel ${className}` : 'eds-avatar-content-sublabel', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-content-sublabel.js.map

package/eds-avatar/eds-avatar-content-sublabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content-sublabel.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content-sublabel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACpD,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnE,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,+BAA+B,SAAS,EAAE,CAAC,CAAC,CAAC,6BAA6B,KAC7F,IAAI,YAEP,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-content.css

@@ -0,0 +1,6 @@
+/* Pure-React port of eds-avatar-content.scss. */
+
+.eds-avatar .eds-avatar-content {
+    display: flex;
+    flex-direction: column;
+}

package/eds-avatar/eds-avatar-content.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface EdsAvatarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label / sublabel lines — typically an `EdsAvatarContentLabel` followed by an
+     * `EdsAvatarContentSublabel`. The Angular template projects `eds-avatar-content-label`
+     * then `eds-avatar-content-sublabel`; here they render in child order via `{children}`.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarContent` — pure React port of the Angular `eds-avatar-content`.
+ *
+ * A vertical (column) text block placed beside the avatar surface, holding the label and
+ * sublabel lines. Carries the `.eds-avatar-content` class.
+ */
+export declare const EdsAvatarContent: React.ForwardRefExoticComponent<EdsAvatarContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-avatar-content.d.ts.map

package/eds-avatar/eds-avatar-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAY5B,CAAC"}

package/eds-avatar/eds-avatar-content.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarContent` — pure React port of the Angular `eds-avatar-content`.
+ *
+ * A vertical (column) text block placed beside the avatar surface, holding the label and
+ * sublabel lines. Carries the `.eds-avatar-content` class.
+ */
+export const EdsAvatarContent = React.forwardRef(function EdsAvatarContent({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-avatar-content ${className}` : 'eds-avatar-content', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-content.js.map

package/eds-avatar/eds-avatar-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-content.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC3D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,SAAS,EAAE,CAAC,CAAC,CAAC,oBAAoB,KAC3E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-icon.css

@@ -0,0 +1,13 @@
+/* Pure-React port of eds-avatar-icon.scss. */
+
+.eds-avatar .eds-avatar-icon {
+    display: inline-flex;
+    color: var(--_color);
+}
+
+.eds-avatar .eds-avatar-icon .eds-icon-svg svg {
+    height: var(--_icon-size) !important;
+    width: var(--_icon-size) !important;
+    fill: var(--_color) !important;
+    color: var(--_color) !important;
+}

package/eds-avatar/eds-avatar-icon.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface EdsAvatarIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Projected content — an `EdsIcon`, `EdsAvatarText`, or `EdsAvatarImage`. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarIcon` — pure React port of the Angular `eds-avatar-icon`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) that carries the
+ * `.eds-avatar-icon` class. It inherits the avatar's `--_color` / `--_icon-size` privates
+ * from the `.eds-avatar` ancestor and sizes the projected icon accordingly.
+ */
+export declare const EdsAvatarIcon: React.ForwardRefExoticComponent<EdsAvatarIconProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-avatar-icon.d.ts.map

package/eds-avatar/eds-avatar-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-icon.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7E,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,4FAaxB,CAAC"}

package/eds-avatar/eds-avatar-icon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarIcon` — pure React port of the Angular `eds-avatar-icon`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) that carries the
+ * `.eds-avatar-icon` class. It inherits the avatar's `--_color` / `--_icon-size` privates
+ * from the `.eds-avatar` ancestor and sizes the projected icon accordingly.
+ */
+export const EdsAvatarIcon = React.forwardRef(function EdsAvatarIcon({ children, className, ...rest }, ref) {
+    return (_jsx("span", { ref: ref, className: className ? `eds-avatar-icon ${className}` : 'eds-avatar-icon', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-icon.js.map

package/eds-avatar/eds-avatar-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-icon.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,aAAa,CACrG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,YAEP,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-avatar/eds-avatar-image.css

@@ -0,0 +1,24 @@
+/* Pure-React port of eds-avatar-image.scss. */
+
+.eds-avatar .eds-avatar-image .eds-avatar-image-wrapper {
+    background-size: cover;
+    height: var(--_size);
+    width: var(--_size);
+}
+
+.eds-avatar .eds-avatar-image .eds-avatar-image-wrapper img {
+    border-radius: var(--eds-br-full);
+    height: var(--_size);
+    width: var(--_size);
+}
+
+.eds-avatar .eds-avatar-image .eds-icon-svg svg {
+    height: var(--_size);
+    width: var(--_size);
+}
+
+.eds-avatar .eds-avatar-image[data-default] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/eds-avatar/eds-avatar-image.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface EdsAvatarImageProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * URL of the image to display. When empty, a default user icon (`user:core`) is shown
+     * and the `data-default` attribute is set (matching the Angular `[attr.default]`).
+     * @default ''
+     */
+    imageUrl?: string;
+}
+/**
+ * `EdsAvatarImage` — pure React port of the Angular `eds-avatar-image`.
+ *
+ * Renders the avatar's image (`<img src>` in a `.eds-avatar-image-wrapper`) when `imageUrl`
+ * is provided, otherwise the default `EdsIcon` (`user:core`, neutral) fallback. Carries the
+ * `.eds-avatar-image` class and reflects `data-default` when no image URL is set. Image size
+ * comes from the avatar's `--_size` private on the `.eds-avatar` ancestor.
+ */
+export declare const EdsAvatarImage: React.ForwardRefExoticComponent<EdsAvatarImageProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-avatar-image.d.ts.map

package/eds-avatar/eds-avatar-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-image.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC9E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,6FAoB1B,CAAC"}

package/eds-avatar/eds-avatar-image.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+/**
+ * `EdsAvatarImage` — pure React port of the Angular `eds-avatar-image`.
+ *
+ * Renders the avatar's image (`<img src>` in a `.eds-avatar-image-wrapper`) when `imageUrl`
+ * is provided, otherwise the default `EdsIcon` (`user:core`, neutral) fallback. Carries the
+ * `.eds-avatar-image` class and reflects `data-default` when no image URL is set. Image size
+ * comes from the avatar's `--_size` private on the `.eds-avatar` ancestor.
+ */
+export const EdsAvatarImage = React.forwardRef(function EdsAvatarImage({ imageUrl = '', className, ...rest }, ref) {
+    const isDefault = !imageUrl;
+    return (_jsx("span", { ref: ref, className: className ? `eds-avatar-image ${className}` : 'eds-avatar-image', "data-default": isDefault ? '' : undefined, ...rest, children: imageUrl ? (_jsx("div", { className: "eds-avatar-image-wrapper", children: _jsx("img", { src: imageUrl, alt: "Avatar" }) })) : (_jsx(EdsIcon, { icon: "user:core", color: "neutral" })) }));
+});
+//# sourceMappingURL=eds-avatar-image.js.map

package/eds-avatar/eds-avatar-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-image.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAWlD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,cAAc,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC9D,MAAM,SAAS,GAAG,CAAC,QAAQ,CAAC;IAC5B,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,kBAC7D,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KACpC,IAAI,YAEP,QAAQ,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,0BAA0B,YACrC,cAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,QAAQ,GAAG,GACjC,CACT,CAAC,CAAC,CAAC,CACA,KAAC,OAAO,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,GAAG,CAC/C,GACE,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-list.css

@@ -0,0 +1,21 @@
+/* Pure-React port of eds-avatar-list.scss. */
+
+.eds-avatar-list {
+    display: inline-flex;
+}
+
+.eds-avatar-list .eds-avatar {
+    border: var(--eds-bw-s) solid var(--eds-c-border-inverted);
+}
+
+.eds-avatar-list .eds-avatar[data-size="s"]:not(:first-child) {
+    margin-left: calc(-1 * var(--eds-sp-s));
+}
+
+.eds-avatar-list .eds-avatar[data-size="m"]:not(:first-child) {
+    margin-left: calc(-1 * var(--eds-sp-m));
+}
+
+.eds-avatar-list .eds-avatar[data-size="l"]:not(:first-child) {
+    margin-left: calc(-1 * var(--eds-sp-l));
+}

package/eds-avatar/eds-avatar-list.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface EdsAvatarListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The grouped `EdsAvatar` elements (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAvatarList` — pure React port of the Angular `eds-avatar-list`.
+ *
+ * A horizontal overlapping stack of avatars. Carries the `.eds-avatar-list` class; its CSS
+ * adds an inverted border to each descendant `.eds-avatar` and negative margins to overlap
+ * them by size (matching the Angular `::ng-deep .eds-avatar` rules).
+ */
+export declare const EdsAvatarList: React.ForwardRefExoticComponent<EdsAvatarListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-avatar-list.d.ts.map

package/eds-avatar/eds-avatar-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-list.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,2FAYzB,CAAC"}

package/eds-avatar/eds-avatar-list.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAvatarList` — pure React port of the Angular `eds-avatar-list`.
+ *
+ * A horizontal overlapping stack of avatars. Carries the `.eds-avatar-list` class; its CSS
+ * adds an inverted border to each descendant `.eds-avatar` and negative margins to overlap
+ * them by size (matching the Angular `::ng-deep .eds-avatar` rules).
+ */
+export const EdsAvatarList = React.forwardRef(function EdsAvatarList({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-avatar-list ${className}` : 'eds-avatar-list', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-avatar-list.js.map

package/eds-avatar/eds-avatar-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-avatar-list.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-avatar-list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACxD,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-avatar/eds-avatar-text.css

@@ -0,0 +1,7 @@
+/* Pure-React port of eds-avatar-text.scss. */
+
+.eds-avatar .eds-avatar-text {
+    color: var(--_color);
+    font-weight: var(--_font-weight);
+    font-size: var(--_font-size);
+}