@eui/eds 22.0.0-alpha.43 → 22.0.0-alpha.44

package/docs/changelog.html

@@ -106,6 +106,19 @@
 
 
 
+<h2>22.0.0-alpha.43 (2026-10-09)</h2>
+<h5>Chores</h5>
+<ul>
+<li><strong>eds:</strong><ul>
+<li>adopt ECL sources for eds typography - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/0576cd7d08c7787e56418c85ed9a33824d7bf655">0576cd7d</a>)</li>
+<li>adapted font css for react and wc - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/b98e2b76bc2acfdd3467f448e7777012076c30ad">b98e2b76</a>)</li>
+<li>refactor and split the --eds-f to --eds-f and --eds-f-w - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/bc6ebea6052fc3472c6fe88c885367dec6cfc93b">bc6ebea6</a>)</li>
+<li>adapted fix hover colors used - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/01e76b703a066815500400e46c15ad6e0ef5483c">01e76b70</a>)</li>
+</ul>
+</li>
+</ul>
+<hr>
+<hr>
 <h2>22.0.0-alpha.42 (2026-10-08)</h2>
 <h5>Chores</h5>
 <ul>

package/docs/components/EdsInputButton.html

@@ -151,10 +151,22 @@ commonly used for search inputs, password visibility toggles, or clear actions.<
 <b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eds-input-button [edsButtonPositionStart]=&quot;true&quot;&gt;
   &lt;button edsIconButton icon=&quot;filter&quot; ariaLabel=&quot;Filter&quot;&gt;&lt;/button&gt;
   &lt;input edsInputText placeholder=&quot;Filter results...&quot; /&gt;
-&lt;/eds-input-button&gt;</code></pre></div><h3>Accessibility</h3>
+&lt;/eds-input-button&gt;</code></pre></div><h3>Focus model (roving tabindex)</h3>
 <ul>
-<li>Button and input maintain separate focus states</li>
-<li>Ensure button has descriptive label or aria-label</li>
+<li><code>Tab</code> moves focus directly onto the input field (the primary control); the
+focus ring covers the whole host (the group). <code>Tab</code> again leaves the group.</li>
+<li><code>ArrowLeft</code> / <code>ArrowRight</code> rove focus between the group&#39;s controls in visual
+order — the input, the clearable &quot;✕&quot; icon (when present), and the button —
+wrapping at the ends; <code>Home</code> / <code>End</code> jump to the first / last control.</li>
+<li>Only the active control is in the tab order, so <code>Tab</code> leaves the group from
+wherever focus currently is. Focusing a child directly (click) adopts it as
+the active roving target.</li>
+</ul>
+<h3>Accessibility</h3>
+<ul>
+<li>Single tab stop with arrow-key navigation between the controls</li>
+<li>The clearable icon participates in the arrow-key cycle when it is shown</li>
+<li>Ensure button has a descriptive label or aria-label</li>
 <li>Tab order follows visual layout</li>
 </ul>
 <h3>Notes</h3>
@@ -268,6 +280,19 @@ commonly used for search inputs, password visibility toggles, or clear actions.<
 
 </section>
 
+    <section data-compodoc="block-constructor">
+    <h3 id="constructor">Constructor</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+<code>constructor()</code>
+                    </td>
+                </tr>
+
+            </tbody>
+        </table>
+</section>
 
     <section data-compodoc="block-inputs">
     <h3 id="inputs">Inputs</h3>