@eui/eds 22.0.0-alpha.22 → 22.0.0-alpha.24

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eui documentation
 
-> Generated by compodoc 2.0.0 at 2026-09-25T12:17:10.220Z, llm-md export.
+> Generated by compodoc 2.0.0 at 2026-09-25T17:04:46.082Z, llm-md export.
 
 ## Components
 
@@ -445,25 +445,21 @@ File: `packages/eds/eds-button/eds-button.ts`
 Selector: `button[edsButton]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
-Description: EDS Button — a directive-style button component applied on native \<button\> elements. Supports multiple visual types (primary, secondary, tertiary), color variants (primary, neutral, highlight, critical), and sizes (s, m, l) via host directives. Usage: Example : \<button edsButton edsSizeM edsPrimary\>Label\</button\> \<button edsButton edsButtonSecondary edsNeutral edsSizeS\>Cancel\</button\> \<button edsButton edsButtonTertiary edsCritical \[edsDisabled\]="isLoading"\>Delete\</button\>
+Description: EDS Button — a directive-style button component applied on native \<button\> elements. Supports multiple visual types (primary, secondary, tertiary), semantic color variants (primary, neutral, highlight, critical), and sizes (s, m, l) via string inputs reflected as host attributes. Usage: Example : \<button edsButton size="m" color="primary"\>Label\</button\> \<button edsButton type="secondary" color="neutral" size="s"\>Cancel\</button\> \<button edsButton type="tertiary" color="critical" \[disabled\]="isLoading"\>Delete\</button\>
 
 Inputs:
+- `avatarButton: boolean = false` — When true, styles the button when used in an avatar trigger (e.g. dropdown trigger, see actionable avatar). false
+- `block: boolean = false` — When true, makes the button full-width (block-level). false
+- `color: EdsButtonColor = 'primary'` — Semantic color of the button. 'primary'
+- `disabled: boolean = false` — Controls the disabled state of the button. When true, adds the disabled attribute and prevents interaction. false
 - `e2eAttr: string = 'eds-button'` — Data attribute for e2e testing eds-button
-- `edsAvatarButton: boolean = false` — When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar). false
-- `edsBlockButton: boolean = false` — When true, makes the button full-width (block-level). false
-- `edsButtonPrimary: boolean = false` — Boolean shorthand: primary type (default).
-- `edsButtonRounded: boolean = false` — Boolean shorthand: fully rounded border-radius.
-- `edsButtonSecondary: boolean = false` — Boolean shorthand: secondary type.
-- `edsButtonTertiary: boolean = false` — Boolean shorthand: tertiary type.
-- `edsDisabled: boolean = false` — Controls the disabled state of the button. When true, adds the disabled attribute and prevents interaction. false
-- `edsIconButton: boolean = false` — When true, styles the button for icon-only content. false
-- `edsLineWrap: boolean = false` — When true, allows text content to wrap. false
-- `edsTypeVariant: EdsButtonType = 'primary'` — String-based type variant for dynamic binding.
+- `iconButton: boolean = false` — When true, styles the button for icon-only content. false
 - `id: string | undefined = undefined` — ID attribute for the button element
 - `isChecked: boolean = false` — When true, marks the button as initially checked/selected within an eds-button-group. The button-group reads this value during initialization to determine the initial selection state. false
-
-Properties:
-- `hostClasses: unknown = computed(() => { const sizeClass = this.sizeDirective.getCssClass('eds-button'); const colorClass = this.colorDirective.getCssClass('eds-button'); return [ 'eds…` — Computes and returns the CSS classes for the button based on its current state.
+- `lineWrap: boolean = false` — When true, allows text content to wrap. false
+- `rounded: boolean = false` — When true, applies a fully rounded border-radius. false
+- `size: EdsButtonSize = 'm'` — Size of the button. 'm'
+- `variant: EdsButtonType = 'primary'` — Visual type of the button. primary = solid surface; secondary = bordered; tertiary = text/ghost. Named variant (not type ) on the Angular side to avoid clashing with the native \<button type\> attribute; reflected as \[attr.type-variant\] (the React projection exposes this axis as its type prop). 'primary'
 
 ### EdsButtonGroup
 
@@ -1366,15 +1362,13 @@ File: `packages/eds/eds-feedback-message/eds-feedback-message.ts`
 Selector: `eds-feedback-message`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
-Description: A feedback message component that displays contextual feedback to users. Supports different color variants (info, success, warning, critical) and a muted mode. Basic feedback message Example : \<eds-feedback-message edsSuccess\> Operation completed successfully \</eds-feedback-message\> Muted variant (no icon) Example : \<eds-feedback-message edsWarning isMuted\> This is a subtle warning message \</eds-feedback-message\>
+Description: A feedback message component that displays contextual feedback to users. Supports different color variants (primary, neutral, info, success, warning, critical) and a muted mode. Basic feedback message Example : \<eds-feedback-message color="success"\> Operation completed successfully \</eds-feedback-message\> Muted variant (no icon) Example : \<eds-feedback-message color="warning" isMuted\> This is a subtle warning message \</eds-feedback-message\>
 
 Inputs:
+- `color: EdsFeedbackMessageColor = 'info'` — Semantic color of the feedback message. 'info'
 - `e2eAttr: string = 'eds-feedback-message'` — Data attribute value for end-to-end testing identification.
 - `isMuted: boolean = false` — Controls whether the feedback message is displayed in a muted state. When true, the status icon is hidden and the message has reduced visual prominence. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { const colorClass = this.colorDirective.getCssClass('eds-feedback-message'); return [ 'eds-feedback-message', colorClass || 'eds-feedback-messag…`
-
 ### EdsFieldset
 
 File: `packages/eds/eds-fieldset/eds-fieldset.ts`
@@ -1503,7 +1497,7 @@ Outputs:
 
 ### EdsFlexLayout
 
-File: `packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts`
+File: `packages/eds/eds-flex-layout/eds-flex-layout.ts`
 Selector: `eds-flex-layout`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -1568,7 +1562,7 @@ Properties:
 
 ### EdsGridLayout
 
-File: `packages/eds/utilities/eds-grid-layout/eds-grid-layout.ts`
+File: `packages/eds/eds-grid-layout/eds-grid-layout.ts`
 Selector: `eds-grid-layout`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -1582,7 +1576,7 @@ Properties:
 
 ### EdsGridLayoutCell
 
-File: `packages/eds/utilities/eds-grid-layout/eds-grid-layout-cell.ts`
+File: `packages/eds/eds-grid-layout/eds-grid-layout-cell.ts`
 Selector: `eds-grid-layout-cell`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -1596,7 +1590,7 @@ Properties:
 
 ### EdsGridLayoutRow
 
-File: `packages/eds/utilities/eds-grid-layout/eds-grid-layout-row.ts`
+File: `packages/eds/eds-grid-layout/eds-grid-layout-row.ts`
 Selector: `eds-grid-layout-row`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -1698,12 +1692,14 @@ Properties:
 
 ### EdsIconState
 
-File: `packages/eds/utilities/eds-icon-state/eds-icon-state.ts`
+File: `packages/eds/eds-icon-state/eds-icon-state.ts`
 Selector: `eds-icon-state`
+Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `ariaLabel: string = ''` — Accessible label for screen readers describing the icon's purpose or meaning. Required for accessibility when the icon conveys semantic information.
+- `ariaLabel: string = ''` — Accessible label for screen readers describing the icon's purpose or meaning. When empty, a sensible per-color default is used (e.g. "EDS success icon").
 - `color: EdsIconStateColor = 'info'` — Semantic status color, selecting the corresponding status icon. 'info'
+- `e2eAttr: string = 'eds-icon-state'` — Data attribute value for end-to-end testing identification. 'eds-icon-state'
 - `size: EdsIconStateSize = 'm'` — Size of the status icon. 'm'
 
 ### EdsIconToggle
@@ -1746,9 +1742,6 @@ Inputs:
 - `edsButtonPositionEnd: boolean = true` — Positions the button at the end (right in LTR, left in RTL) of the input field. Ignored when edsButtonPositionStart is true. Defaults to true.
 - `edsButtonPositionStart: boolean = false` — Positions the button at the start (left in LTR, right in RTL) of the input field. When true, overrides edsButtonPositionEnd. Defaults to false.
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-input-button', this.edsButtonPositionEnd() && !this.edsButtonPositionStart() ? 'eds-input-button--end' : '', this.edsButtonPositi…`
-
 ### EdsInputCheckbox
 
 File: `packages/eds/eds-input-checkbox/eds-input-checkbox.ts`
@@ -1767,9 +1760,6 @@ Outputs:
 - `checked: boolean = false` — Controls the checked state of the checkbox. Two-way bindable model. false
 - `indeterminate: boolean = false` — Controls the indeterminate (mixed) state of the checkbox. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-input-checkbox', this.isInvalid() ? 'eds-input-checkbox--invalid' : '', ] .join(' ') .trim(); })` — Computed host CSS classes based on current state.
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -1819,9 +1809,6 @@ Inputs:
 - `edsIconPositionEnd: boolean = false` — Positions the icon at the end (right in LTR layouts) of the input field. false. When true, overrides edsIconPositionStart positioning.
 - `edsIconPositionStart: boolean = true` — Positions the icon at the start (left in LTR layouts) of the input field. true. Mutually exclusive with edsIconPositionEnd — when both are true, end takes precedence.
 
-Properties:
-- `hostClasses: unknown = computed(() => [ 'eds-input-icon', this.edsIconPositionStart() && !this.edsIconPositionEnd() ? 'eds-input-icon--start' : '', this.edsIconPositionEnd() ? 'eds-in…`
-
 ### EdsInputNumber
 
 File: `packages/eds/eds-input-number/eds-input-number.ts`
@@ -1841,9 +1828,6 @@ Inputs:
 - `noFormat: boolean = false` — Disables thousand grouping. Number is displayed plain. false
 - `readonly: boolean = false` — Controls whether the input is readonly. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-input-number', this._isInvalid() ? 'eds-input-number--invalid' : '', ].join(' ').trim(); })` — Computed host CSS classes based on current state.
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -1862,9 +1846,6 @@ Inputs:
 - `isInvalid: boolean = false` — Controls whether the radio shows an invalid/error state. false
 - `readonly: boolean = false` — Controls whether the radio is readonly. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-input-radio', this.isInvalid() ? 'eds-input-radio--invalid' : '', ] .join(' ') .trim(); })` — Computed host CSS classes based on current state.
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -1883,9 +1864,6 @@ Inputs:
 - `isInvalid: boolean = false` — Controls whether the input shows an invalid/error state. false
 - `readonly: boolean = false` — Controls whether the input is readonly. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-input-text', this._isInvalid() ? 'eds-input-text--invalid' : '', ] .join(' ') .trim(); })` — Computed host CSS classes based on current state.
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -1894,7 +1872,7 @@ Methods:
 
 ### EdsLabel
 
-File: `packages/eds/utilities/eds-label/eds-label.ts`
+File: `packages/eds/eds-label/eds-label.ts`
 Selector: `label[edsLabel], span[edsLabel], div[edsLabel]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -1952,7 +1930,7 @@ Methods:
 
 ### EdsLink
 
-File: `packages/eds/utilities/eds-link/eds-link.ts`
+File: `packages/eds/eds-link/eds-link.ts`
 Selector: `a[edsLink]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -2044,7 +2022,7 @@ Description: Leading slot for a list item. Typically contains an icon, avatar, o
 
 ### EdsLoadingIndicator
 
-File: `packages/eds/utilities/eds-loading-indicator/eds-loading-indicator.ts`
+File: `packages/eds/eds-loading-indicator/eds-loading-indicator.ts`
 Selector: `eds-loading-indicator`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -2534,15 +2512,14 @@ Inputs:
 - `ariaLabel: string = 'Rating'` — Accessible label for the rating group. 'Rating'
 - `disabled: boolean = false` — Whether the rating is disabled. false
 - `e2eAttr: string = 'eds-rating'` — Data attribute value for end-to-end testing identification. 'eds-rating'
+- `invalid: boolean = false` — Whether the rating is in an invalid state. Reflected as the invalid host attribute and aria-invalid for assistive technologies. false
 - `numberOfStars: number = 5` — Number of stars to display. 5
 - `rating: number = 0` — Current rating value. 0
+- `readonly: boolean = false` — Whether the rating is read-only. The value is displayed but cannot be changed through user interaction. Unlike disabled , the control retains its normal (non-dimmed) appearance. false
 
 Outputs:
 - `ratingChange: number` — Emitted when the rating changes. Payload: the new rating value (number).
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-rating', this.internalDisabled() ? 'eds-rating--disabled' : '', ] .join(' ') .trim(); })`
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -2566,7 +2543,6 @@ Inputs:
 
 Properties:
 - `_isPlaceholderSelected: unknown = false` — Whether the placeholder option is currently selected.
-- `hostClasses: unknown = computed(() => { return [ 'eds-select', this.readonly() ? 'eds-select--readonly' : '', this._isPlaceholderSelected ? 'eds-select--placeholder' : '', this._isInv…` — Computed host CSS classes based on current state.
 
 Methods:
 - `syncReadOnlyValue(): void` — Sync readonly value when selection changes.
@@ -2847,7 +2823,7 @@ Methods:
 
 ### EdsSnc
 
-File: `packages/eds/utilities/eds-snc/eds-snc.ts`
+File: `packages/eds/eds-snc/eds-snc.ts`
 Selector: `eds-snc`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -2940,7 +2916,7 @@ Selector: `eds-tab`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `e2eAttr: string = 'eds-tab'` — Data attribute used for end-to-end testing identification. 'eui-tab'
+- `e2eAttr: string = 'eds-tab'` — Data attribute used for end-to-end testing identification. 'eds-tab'
 - `euiVariant: string = 'euiPrimary'`
 - `id: string` — Unique identifier for the tab. Used for programmatic tab selection and tracking. Required for proper tab management and routing.
 - `isClosable: boolean = false` — Enables a close button on the tab header for dismissible tabs. Allows users to remove or hide the tab from the tab bar. false
@@ -2952,11 +2928,8 @@ Inputs:
 - `url: string` — URL or route path associated with the tab. Enables deep linking and browser history integration for tab navigation.
 
 Properties:
-- `isActive: unknown = false`
-- `isClosable$: unknown = new BehaviorSubject(this.isClosable)`
-- `isDisabled$: unknown = new BehaviorSubject(this.isDisabled)`
-- `isVisible$: unknown = new BehaviorSubject(this.isVisible)`
-- `templateBody: EdsTabBody`
+- `isActive: unknown = signal(false)`
+- `templateBody: unknown = contentChild(forwardRef(() => EdsTabBody))`
 - `templateHeader: unknown = contentChild.required(forwardRef(() => EdsTabHeader))`
 
 Methods:
@@ -2972,7 +2945,7 @@ Inputs:
 - `hasNoContentPadding: boolean = false` — Removes default padding from the tab content area. Useful for full-width content, custom layouts, or when content provides its own spacing. false
 
 Properties:
-- `tabIndex$: unknown = new BehaviorSubject(0)`
+- `tabIndex: unknown = signal(0)`
 - `templatePortal: TemplatePortal`
 - `templateRef: unknown = viewChild.required<TemplateRef<HTMLElement>>('templateRef')`
 
@@ -2990,33 +2963,21 @@ Properties:
 File: `packages/eds/eds-tabs/eds-tab-header-label.ts`
 Selector: `eds-tab-header-label`
 
-Properties:
-- `string: string = 'eds-tab-header-label'`
-
 ### EdsTabHeaderLeftContent
 
 File: `packages/eds/eds-tabs/eds-tab-header-left-content.ts`
 Selector: `eds-tab-header-left-content`
 
-Properties:
-- `string: string = 'eds-tab-header-left-content'`
-
 ### EdsTabHeaderRightContent
 
 File: `packages/eds/eds-tabs/eds-tab-header-right-content.ts`
 Selector: `eds-tab-header-right-content`
 
-Properties:
-- `string: string = 'eds-tab-header-right-content'`
-
 ### EdsTabHeaderSublabel
 
 File: `packages/eds/eds-tabs/eds-tab-header-sub-label.ts`
 Selector: `eds-tab-header-sub-label`
 
-Properties:
-- `string: string = 'eds-tab-header-sub-label'`
-
 ### EdsTable
 
 File: `packages/eds/eds-table/eds-table.ts`
@@ -3142,30 +3103,31 @@ Selector: `eds-tabs`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `activeTabIndex: number = 0` — Index of the active tab 0
-- `ariaLabel: string = 'EDS Tabs'` — Sets the aria-label attribute for the host element. 'eUI Tabs'
+- `activeTabIndex: number = 0` — Index of the active tab. Two-way bindable. 0
+- `ariaLabel: string = 'EDS Tabs'` — Sets the aria-label attribute for the tab list. 'EDS Tabs'
+- `color: EdsTabsColor = 'neutral'` — Semantic color variant, reflected as the color host attribute. 'neutral'
 - `e2eAttr: string = 'eds-tabs'` — Sets the data-e2e attribute for the host element. 'eds-tabs'
 - `isFlat: boolean = false`
 - `isMainNavigation: boolean = false`
 - `isNavBar: boolean = false`
 
 Outputs:
-- `tabActivate: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is activated
-- `tabClick: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is clicked
-- `tabClose: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is closed
-
-Properties:
-- `_tabs: QueryList<EdsTab>`
-- `currentOffset: number = 0`
-- `edsTabListItems: QueryList<ElementRef>`
-- `edsTabsHeaders: ElementRef`
-- `edsTabsHeadersContainer: ElementRef`
-- `edsTabsRightContent: ElementRef`
-- ``hostColorClass: unknown = computed(() => { const color = this.colorDirective.getCssClass('eds-tabs'); const navbar = this.isNavBar() ? 'eds-tabs--navbar' : ''; return `eds-tabs ${color} …`` — Computed host class that applies the color and variant modifiers.
-- `navigationLeftButtonDisabled: unknown = true`
-- `navigationRightButtonDisabled: unknown = false`
-- `scrolling: unknown = false`
-- `tabs: EdsTab[] = []`
+- `activeTabIndex: number = 0` — Index of the active tab. Two-way bindable. 0
+- `tabActivate: { tab: EdsTab; index: number }` — Event emitted when a tab is activated
+- `tabClick: { tab: EdsTab; index: number }` — Event emitted when a tab is clicked
+- `tabClose: { tab: EdsTab; index: number }` — Event emitted when a tab is closed
+
+Properties:
+- `_tabs: unknown = contentChildren(EdsTab, { descendants: false })`
+- `currentOffset: unknown = signal(0)`
+- `edsTabListItems: unknown = viewChildren<ElementRef>('edsTabListItems')`
+- `edsTabsHeaders: unknown = viewChild<ElementRef>('edsTabsHeaders')`
+- `edsTabsHeadersContainer: unknown = viewChild<ElementRef>('edsTabsHeadersContainer')`
+- `edsTabsRightContent: unknown = viewChild<ElementRef>('edsTabsRightContent')`
+- `navigationLeftButtonDisabled: unknown = signal(true)`
+- `navigationRightButtonDisabled: unknown = signal(false)`
+- `scrolling: unknown = signal(false)`
+- `tabs: unknown = signal<EdsTab[]>([])`
 
 Methods:
 - `activateTab(index: number, isAnimated: unknown = true, options: object = { emitEvent: true }): void` — Activate a tab having index passed in parameter if exists.
@@ -3219,9 +3181,6 @@ Inputs:
 - `isInvalid: boolean = false` — Controls whether the textarea shows an invalid/error state. false
 - `readonly: boolean = false` — Controls whether the textarea is readonly. false
 
-Properties:
-- `hostClasses: unknown = computed(() => { return [ 'eds-textarea', this._isInvalid ? 'eds-textarea--invalid' : '', ] .join(' ') .trim(); })` — Computed host CSS classes based on current state.
-
 Methods:
 - `registerOnChange(fn: function): void`
 - `registerOnTouched(fn: function): void`
@@ -3520,7 +3479,7 @@ Outputs:
 
 ### EdsTrend
 
-File: `packages/eds/utilities/eds-trend/eds-trend.ts`
+File: `packages/eds/eds-trend/eds-trend.ts`
 Selector: `eds-trend`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
@@ -3799,7 +3758,7 @@ Properties:
 
 ### EdsFlexColDirective
 
-File: `packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts`
+File: `packages/eds/eds-flex-layout/eds-flex-layout.ts`
 Selector: `[edsFlexCol]`
 
 Description: Directive to mark a flex item as a flexible column. Without any col inputs, defaults to flex: 1 0 0% (equal-width column). When a col span is specified (1–12 or 'auto'), the directive applies the corresponding eds-col-\* utility classes from the EDS grid system, enabling responsive breakpoint-aware column sizing. Responsive inputs ( colXs , colS , colM , colL , colXl , col2xl ) apply classes that activate at their respective breakpoints, following the same mobile-first approach as eds-grid.css . Example : \<!-- Equal-width columns (default behavior) --\> \<eds-flex-layout\> \<div edsFlexCol\>Equal width\</div\> \<div edsFlexCol\>Equal width\</div\> \</eds-flex-layout\> \<!-- Fixed 6-column span --\> \<eds-flex-layout wrap="wrap"\> \<div edsFlexCol \[col\]="6"\>Half width\</div\> \<div edsFlexCol \[col\]="6"\>Half width\</div\> \</eds-flex-layout\> \<!-- Responsive: full width on mobile, 6 cols on tablet, 4 cols on desktop --\> \<eds-flex-layout wrap="wrap"\> \<div edsFlexCol \[col\]="12" \[colS\]="6" \[colL\]="4"\>Responsive\</div\> \</eds-flex-layout\>
@@ -3819,14 +3778,14 @@ Properties:
 
 ### EdsFlexGrowDirective
 
-File: `packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts`
+File: `packages/eds/eds-flex-layout/eds-flex-layout.ts`
 Selector: `[edsFlexGrow]`
 
 Description: Directive to mark a flex item with grow behavior. Example : \<eds-flex-layout\> \<div edsFlexGrow\>Takes remaining space\</div\> \<div\>Fixed\</div\> \</eds-flex-layout\>
 
 ### EdsFlexNoShrinkDirective
 
-File: `packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts`
+File: `packages/eds/eds-flex-layout/eds-flex-layout.ts`
 Selector: `[edsFlexNoShrink]`
 
 Description: Directive to mark a flex item that should not shrink. Example : \<eds-flex-layout\> \<div edsFlexNoShrink\>Won't shrink\</div\> \<div\>Can shrink\</div\> \</eds-flex-layout\>
@@ -4038,18 +3997,16 @@ Selector: `[edsTooltip]`
 
 Inputs:
 - `color: EdsTooltipColor = 'secondary'` — Semantic color of the tooltip. 'secondary'
-- `contentAlignment: "left" | "right" | "center" | "justify" = 'center'` — Sets the alignment of the content in the tooltip. 'center''
+- `contentAlignment: EdsTooltipContentAlignment = 'center'` — Sets the alignment of the content in the tooltip. 'center'
 - `e2eAttr: string = 'eds-tooltip'` — Sets the data-e2e attribute for the host element. 'eds-tooltip'
-- `edsTooltip: string` — Tooltip content.
 - `hideDelay: number = 0` — Sets the delay for the tooltip to be hidden 0
 - `isDisabled: boolean = false` — Whether the tooltip is disabled. false (enable)
-- `position: "left" | "right" | "above" | "below" | "before" | "after" | string = 'above'` — Sets the position of the tooltip relative to its trigger element. 'center''
+- `position: EdsTooltipPosition = 'above'` — Sets the position of the tooltip relative to its trigger element. 'above'
 - `showDelay: number = 0` — Sets the delay for the tooltip to be visible. 0
+- `edsTooltip: string = ''` — Tooltip content.
 
 Methods:
-- `focused(event: FocusEvent): void`
 - `hide(): void` — Method that closes a tooltip.
-- `mouseEntering(event: MouseEvent): void`
 - `show(origin: EventTarget = this.host.nativeElement): void` — Method that shows a tooltip.
 
 ### EdsTreeFormControlDirective
@@ -4951,7 +4908,9 @@ Properties:
 - `type EdsBannerHorizontalAlignment = "left" | "center" | "right"`
 - `type EdsBannerSize = "xs" | "s" | "m" | "l"`
 - `type EdsBannerVerticalAlignment = "top" | "center" | "bottom"`
-- `type EdsButtonType = "primary" | "secondary" | "tertiary"`
+- `type EdsButtonColor = "primary" | "neutral" | "highlight" | "critical" | "warning"` — Colors the button accepts. primary / neutral / highlight / critical have dedicated SCSS branches; warning is accepted for parity but has no styled branch.
+- `type EdsButtonSize = "s" | "m" | "l"` — Sizes the button styles (SCSS :host(\[size="…"\]) branches).
+- `type EdsButtonType = "primary" | "secondary" | "tertiary"` — Local narrowed unions — the button's variant contract. No shared-token import.
 - `type EdsChartType = "line" | "area" | "bar" | "stacked-bar" | "horizontal-bar" | "pie" | "radar" | "heatmap" | "treemap" | "funnel" | "waterfall"` — Chart type variants.
 - `type EdsChipColor = "neutral" | "info" | "success" | "warning" | "critical"` — Local narrowed color union — the chip's color contract.
 - `type EdsChipSize = "s" | "m" | "l"` — Local narrowed size union — the chip's size contract.
@@ -4959,6 +4918,7 @@ Properties:
 - `type EdsDialogVerticalPosition = "top" | "center" | "bottom"`
 - `type EdsFabDirection = "up" | "down" | "left" | "right"` — Direction in which the speed dial items expand (resolved internally).
 - `type EdsFabType = "linear" | "circle" | "semi-circle"` — Layout type for the speed dial items (resolved internally).
+- `type EdsFeedbackMessageColor = "primary" | "neutral" | "info" | "success" | "warning" | "critical"` — Local narrowed color union — the feedback message's variant contract. No shared-token import.
 - `type EdsFlexAlign = "start" | "end" | "center" | "stretch" | "baseline"` — Valid align-items options.
 - `type EdsFlexColSpan = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto"` — Valid column span values (1–12) or 'auto'.
 - `type EdsFlexDirection = "row" | "row-reverse" | "column" | "column-reverse"` — Valid flex direction options.
@@ -4988,10 +4948,13 @@ Properties:
 - `type EdsSparklineType = "line" | "area"` — Type of sparkline visualization.
 - `type EdsTableScrollDirection = "UP" | "DOWN"`
 - `type EdsTableSortOrder = "asc" | "desc" | "none"`
+- `type EdsTabsColor = "brand" | "neutral"` — Local narrowed color union — the tabs variant contract (String-Props model).
 - `type EdsTagColor = "primary" | "neutral" | "success" | "info" | "warning" | "critical"` — Local narrowed color union — the tag's color contract. Maps the legacy BaseStatesDirective semantic booleans to EDS semantic colors.
 - `type EdsTagGroupColor = "neutral" | "info" | "success" | "warning" | "critical"` — Local narrowed color union — the tag group's color contract.
 - `type EdsTagSize = "s" | "m"` — Local narrowed size union — the tag's size contract.
 - `type EdsTooltipColor = "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "accent"` — Local narrowed color union — the tooltip's color contract.
+- `type EdsTooltipContentAlignment = "left" | "right" | "center" | "justify"` — Content alignment inside the tooltip.
+- `type EdsTooltipPosition = "left" | "right" | "above" | "below" | "before" | "after" | string` — Position of the tooltip relative to its trigger element.
 - `type EdsTreeSelectionChanges = { added: TreeDataModel; removed: TreeDataModel; selection: TreeDataModel }`
 - `type EdsTrendDirection = "up" | "down" | "flat"` — Direction the trend arrow points.
 - `type ExpandModel = { isExpanded?: boolean }`
@@ -5111,13 +5074,13 @@ Properties:
 - `EDS_FILE_UPLOAD: unknown = [ EdsFileUpload, EdsFileUploadPreview, EdsFilesizePipe, ] as const` — Convenience array for importing all eds-file-upload components.
   Defined in `packages/eds/eds-file-upload/index.ts`
 - `EDS_FLEX_LAYOUT: unknown = [ EdsFlexLayout, EdsFlexGrowDirective, EdsFlexNoShrinkDirective, EdsFlexColDirective, ] as const` — Convenience array for importing all eds-flex-layout components and directives.
-  Defined in `packages/eds/utilities/eds-flex-layout/index.ts`
+  Defined in `packages/eds/eds-flex-layout/index.ts`
 - `EDS_GAUGE_CHART: unknown = [EdsGaugeChart] as const` — Convenience array for importing eds-gauge-chart.
   Defined in `packages/eds/charts/eds-gauge-chart/index.ts`
 - `EDS_GEO_CHART: unknown = [EdsGeoChart] as const` — Convenience array for importing eds-geo-chart.
   Defined in `packages/eds/charts/eds-geo-chart/index.ts`
 - `EDS_GRID_LAYOUT: unknown = [ EdsGridLayout, EdsGridLayoutRow, EdsGridLayoutCell, ] as const` — Convenience array for importing all eds-grid-layout components.
-  Defined in `packages/eds/utilities/eds-grid-layout/index.ts`
+  Defined in `packages/eds/eds-grid-layout/index.ts`
 - `EDS_GROWL: unknown = [EdsGrowl] as const` — Convenience array for importing all eds-growl components.
   Defined in `packages/eds/eds-growl/index.ts`
 - `EDS_ICON: unknown = [ EdsIcon, EdsIconImage, ] as const`
@@ -5125,7 +5088,7 @@ Properties:
 - `EDS_ICON_BUTTON: unknown = [ EdsIconButton, ] as const`
   Defined in `packages/eds/eds-icon-button/index.ts`
 - `EDS_ICON_STATE: unknown = [ EdsIconState, ] as const`
-  Defined in `packages/eds/utilities/eds-icon-state/index.ts`
+  Defined in `packages/eds/eds-icon-state/index.ts`
 - `EDS_ICON_TOGGLE: unknown = [ EdsIconToggle, ] as const` — Convenience array for importing all eds-icon-toggle components.
   Defined in `packages/eds/eds-icon-toggle/index.ts`
 - `EDS_INPUT_BUTTON: unknown = [ EdsInputButton, ] as const` — Convenience array for importing all eds-input-button components.
@@ -5143,15 +5106,15 @@ Properties:
 - `EDS_INPUT_TEXT: unknown = [ EdsInputText, ] as const` — Convenience array for importing eds-input-text.
   Defined in `packages/eds/eds-input-text/index.ts`
 - `EDS_LABEL: unknown = [ EdsLabel, ] as const` — Convenience array for importing eds-label.
-  Defined in `packages/eds/utilities/eds-label/index.ts`
+  Defined in `packages/eds/eds-label/index.ts`
 - `EDS_LANGUAGE_SELECTOR: unknown = [EdsLanguageSelector, EdsLanguageSelectorDialog] as const` — Convenience array for importing eds-language-selector.
   Defined in `packages/eds/eds-language-selector/index.ts`
 - `EDS_LINK: unknown = [ EdsLink, ] as const` — Convenience array for importing all eds-link components.
-  Defined in `packages/eds/utilities/eds-link/index.ts`
+  Defined in `packages/eds/eds-link/index.ts`
 - `EDS_LIST: unknown = [ EdsList, EdsListItem, EdsListItemStart, EdsListItemLabel, EdsListItemContent, EdsListItemEnd, ] as const` — Convenience array for importing all eds-list components.
   Defined in `packages/eds/eds-list/index.ts`
 - `EDS_LOADING_INDICATOR: unknown = [ EdsLoadingIndicator, ] as const` — Convenience array for importing eds-loading-indicator.
-  Defined in `packages/eds/utilities/eds-loading-indicator/index.ts`
+  Defined in `packages/eds/eds-loading-indicator/index.ts`
 - `EDS_MENU: unknown = [EdsMenu, EdsMenuItemComponent] as const` — Convenience array for importing all eds-menu components.
   Defined in `packages/eds/eds-menu/index.ts`
 - `EDS_MESSAGE_BOX: unknown = [ EdsMessageBox, EdsMessageBoxFooter, ] as const` — Convenience array for importing all eds-message-box components.
@@ -5185,7 +5148,7 @@ Properties:
 - `EDS_SLIDER: unknown = [ EdsSlider, ] as const` — Convenience array for importing all eds-slider components.
   Defined in `packages/eds/eds-slider/index.ts`
 - `EDS_SNC: unknown = [EdsSnc] as const` — Convenience array for importing all eds-snc components.
-  Defined in `packages/eds/utilities/eds-snc/index.ts`
+  Defined in `packages/eds/eds-snc/index.ts`
 - `EDS_SPARKLINE: unknown = [ EdsSparkline, ] as const` — Convenience array for importing all eds-sparkline components.
   Defined in `packages/eds/charts/eds-sparkline/index.ts`
 - `EDS_SPLIT_BUTTON: unknown = [ EdsSplitButton, ] as const` — Convenience array for importing all eds-split-button components.
@@ -5213,7 +5176,7 @@ Properties:
 - `EDS_TREE_LIST: unknown = [ EdsTreeList, EdsTreeListItem, EdsTreeListItemContent, EdsTreeListItemLabel, EdsTreeListItemDetails, EdsTreeListItemSubContainer, EdsTreeListToolbar, ] as cons…` — Convenience array for importing all eds-tree-list components.
   Defined in `packages/eds/eds-tree-list/index.ts`
 - `EDS_TREND: unknown = [ EdsTrend, ] as const` — Convenience array for importing eds-trend.
-  Defined in `packages/eds/utilities/eds-trend/index.ts`
+  Defined in `packages/eds/eds-trend/index.ts`
 - `EDS_USER_PROFILE: unknown = [ EdsUserProfile, EdsUserProfileMenu, EdsUserProfileMenuItem, ] as const` — Convenience array for importing all eds-user-profile components.
   Defined in `packages/eds/eds-user-profile/index.ts`
 - `EDS_WIZARD: unknown = [ EdsWizard, EdsWizardStepComponent, ] as const` — Convenience array for importing all eds-wizard components.