@eui/eds 22.0.0-alpha.30 → 22.0.0-alpha.31

package/docs/json/EdsDatepicker.md

@@ -9,6 +9,7 @@
 
 ## Inputs
 - **ariaLabel**: `string` - Aria label for the input.
+- **clearable**: `boolean` - Whether to show a clear button that resets the selected date.
 - **dateFormat**: `string` - Date format for display (default: dd/mm/yyyy).
 - **disabled**: `boolean` - Whether the datepicker is disabled.
 - **e2eAttr**: `string` - Data attribute for e2e testing.

package/docs/json/EdsFeedbackMessage.md

@@ -5,7 +5,7 @@
 
 
 A feedback message component that displays contextual feedback to users.
-Supports different color variants (primary, neutral, info, success, warning, critical) and a muted mode.
+Supports different color variants (primary, neutral, info, success, warning, critical, disabled) and a muted mode.
 
 ### Basic feedback message
 ```html

package/docs/json/EdsInputAddon.md

@@ -0,0 +1,54 @@
+# EdsInputAddon
+
+**Type:** component
+
+
+
+A layout component that positions a **non-actionable** static addon (fixed text and/or an icon)
+flush against an input field — e.g. a currency symbol, a `https://` prefix, a unit suffix.
+
+Visually it mirrors {@link EdsInputButton}'s footprint but reads as a **recessed extension of the
+field**, not a control: sunken surface, muted (subtler) foreground, `cursor: default`, no hover /
+focus states, and it is not in the tab order. Use `eds-input-button` when the trailing/leading
+element must be clickable; use `eds-input-addon` when it is purely contextual text/icon.
+
+### Addon at start of input (default)
+```html
+<eds-input-addon>
+  <span>https://</span>
+  <input edsInputText placeholder="example.com" />
+</eds-input-addon>
+```
+
+### Addon at end of input
+```html
+<eds-input-addon position="end">
+  <input edsInputText placeholder="0.00" />
+  <span>EUR</span>
+</eds-input-addon>
+```
+
+### With an icon
+```html
+<eds-input-addon>
+  <eds-icon icon="magnifying-glass" ariaHidden />
+  <input edsInputText placeholder="Search..." />
+</eds-input-addon>
+```
+
+### Accessibility
+- The addon is presentational context, not a control — it has no role and is not focusable.
+- When the addon gives the input meaning (currency, prefix, unit), give the projected text an
+  `id` and reference it from the input via `aria-describedby` so assistive tech announces it.
+- When it is purely decorative (repeats the label), mark it `aria-hidden="true"`.
+
+### Notes
+- Default position is `start` (left in LTR, right in RTL); set `position="end"` for the other side.
+- Projects plain text, an `<eds-icon>`, or both.
+
+
+**Selector:** `eds-input-addon`
+
+## Inputs
+- **e2eAttr**: `string` - Data attribute value for end-to-end testing identification. Applied as data-e2e attribute on the host element. 'eds-input-addon'
+- **position**: `EdsInputAddonPosition` - Which side of the input the addon sits on, reflected as the `position` host attribute. `start` = left in LTR (right in RTL); `end` = the opposite side. 'start'

package/docs/json/EdsLabel.md

@@ -21,3 +21,5 @@ Usage:
 ## Inputs
 - **color**: `EdsLabelColor` - Semantic color of the label. 'neutral'
 - **edsRequired**: `boolean` - Marks the label as required (appends a red asterisk). false
+- **hasOptionalLabel**: `boolean` - Appends an `(optional)` text label to the label. false
+- **hasRequiredLabel**: `boolean` - When `edsRequired` is set, appends a `(required)` text label instead of the asterisk. false

package/docs/json/EdsShellTopMessage.md

@@ -8,12 +8,10 @@
 **Selector:** `eds-shell-top-message`
 
 ## Inputs
+- **color**: `EdsShellTopMessageColor` - Semantic color variant of the message.
+- **e2eAttr**: `string` - Test hook.
 - **isDismissible**: `boolean` - Whether the close button is shown.
-- **edsWarning**: `any` - From host directive: #[[file:EdsColorDirective.md]]
-- **edsCritical**: `any` - From host directive: #[[file:EdsColorDirective.md]]
-- **edsInfo**: `any` - From host directive: #[[file:EdsColorDirective.md]]
-- **edsSuccess**: `any` - From host directive: #[[file:EdsColorDirective.md]]
-- **edsColorVariant**: `any` - From host directive: #[[file:EdsColorDirective.md]]
+- **variant**: `EdsShellTopMessageVariant` - Surface treatment. `default` = subtler surface, `filled` = full color surface.
 
 ## Outputs
 - **dismissed**: `void` - Emits when the message is dismissed.