@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

package/docs/changelog.html

@@ -106,6 +106,92 @@
 
 
 
+<h2>23.0.0-alpha.7 (2026-08-03)</h2>
+<h5>Chores</h5>
+<ul>
+<li><strong>other:</strong><ul>
+<li>update template bindings to use function calls for reactive properties - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/9b05d8e41eb8d836af5e0f98386a1b78f83fad5e">9b05d8e4</a>)</li>
+<li>update component decorators to use new Angular syntax for content and view children + eslint config - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/fa69393cd4527b0bb13561c884c220c961b49115">fa69393c</a>)</li>
+<li>signal migration - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/096e4faf4b9026576e20565a1ae662d3cd2a02e1">096e4faf</a>)</li>
+<li>update timepicker component to use state-based inputs - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/a2828931bb6f12b46ddae7948999872ad3bcaafd">a2828931</a>)</li>
+<li>standardize string quotes in tooltip service and helper files - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/a86ba145e592b5015fc754616b0bd596b763326a">a86ba145</a>)</li>
+<li>update template bindings to use function calls for dynamic values - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/5478590142a2c5327ffb1a5a18a602f4f0738eef">54785901</a>)</li>
+<li>update package.json for version and peerDependencies adjustments - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/a40d368e903606ab37f53476d00441ab5298adf2">a40d368e</a>)</li>
+<li>replace @Input with readonly input for various components - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/12adcb9cd9bb8b55276dee01065bee5ed8106ec3">12adcb9c</a>)</li>
+</ul>
+</li>
+<li><strong>eui-ecl:</strong><ul>
+<li>migrate to signals - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/92ce96f2e943675b076cebb55273950611b29496">92ce96f2</a>)</li>
+</ul>
+</li>
+<li><strong>eui-list-item:</strong><ul>
+<li>update component to use state-based inputs - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/96baea11fac8bbb0764450fccdbccd783a1f4c86">96baea11</a>)</li>
+</ul>
+</li>
+<li><strong>eui-timepicker:</strong><ul>
+<li>migration to signals - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/065cf8a4be4dbfe4f2c179beb99370178654e049">065cf8a4</a>)</li>
+</ul>
+</li>
+<li><strong>eui-date-range-selector:</strong><ul>
+<li>migration to signals - EUI-12068 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12068">EUI-12068</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/2bfccae46f5450485ec9afdc39a1d418c88fcba1">2bfccae4</a>)</li>
+</ul>
+</li>
+<li><strong>eui-list:</strong><ul>
+<li>migration to signals - EUI-12086 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12086">EUI-12086</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/303f914dbbb93bc2d62f1821a285f5d6213a370f">303f914d</a>)</li>
+</ul>
+</li>
+</ul>
+<h5>Bug Fixes</h5>
+<ul>
+<li><strong>other:</strong><ul>
+<li>update EdsTooltip interface and handle null values in tooltip logick - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/58352fb587d139e2617d27b2cd49e35bdc8638eb">58352fb5</a>)</li>
+<li>improve tab body children length check - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/ffa4ca981246dff04641620f27ce14865452e91b">ffa4ca98</a>)</li>
+</ul>
+</li>
+</ul>
+<hr>
+<hr>
+<h2>23.0.0-alpha.6 (2026-07-31)</h2>
+<h5>Chores</h5>
+<ul>
+<li><strong>eui-list-item:</strong><ul>
+<li>update component to use state-based inputs - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/e830b99bbfcb53d9148666f8a1405d09995a8d90">e830b99b</a>)</li>
+</ul>
+</li>
+<li><strong>other:</strong><ul>
+<li>update timepicker component to use state-based inputs - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/3e5e2d22c93c31c79e9538e5828ae9518edb484d">3e5e2d22</a>)</li>
+<li>standardize string quotes in tooltip service and helper files - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/8ddb3647729112593d17cd6a8e4985c9250d2a67">8ddb3647</a>)</li>
+<li>update template bindings to use function calls for dynamic values - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/4aca2bfe4a55ded69fb1881fe6cc49aded6af29c">4aca2bfe</a>)</li>
+<li>update package.json for version and peerDependencies adjustments - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/1dbbb8234086294d94ccf80c6f256efcd1fe52cc">1dbbb823</a>)</li>
+<li>replace @Input with readonly input for various components - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/e1e17241863117e3ea9d37b0df2ce1878ad48b1c">e1e17241</a>)</li>
+<li>update package.json with new dependencies and peer adjustments - EUI-12618 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12618">EUI-12618</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/6be5d6d5c2572ef71e119401b2c6de4cdd2e9163">6be5d6d5</a>)</li>
+<li>replace EventEmitter with output for event emissions in components - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/07dd566dde5022b8d485eccbf3b5439858c1cb4c">07dd566d</a>)</li>
+<li>update Angular and related package versions - EUI-12615 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12615">EUI-12615</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/2a383c77dec27a639c3f9844a3e866ecd70cc83b">2a383c77</a>)</li>
+</ul>
+</li>
+<li><strong>eui-timepicker:</strong><ul>
+<li>migration to signals - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/f101c56572c1c3244d2fccb6e65370ea183b14bd">f101c565</a>)</li>
+</ul>
+</li>
+<li><strong>eui-date-range-selector:</strong><ul>
+<li>migration to signals - EUI-12068 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12068">EUI-12068</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/24650f79c169286866765c76baef83a505e421d7">24650f79</a>)</li>
+</ul>
+</li>
+<li><strong>eui-list:</strong><ul>
+<li>migration to signals - EUI-12086 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12086">EUI-12086</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/34f751017a3cfd0ff50637c50a731ce905aa40af">34f75101</a>)</li>
+</ul>
+</li>
+</ul>
+<h5>Bug Fixes</h5>
+<ul>
+<li><strong>other:</strong><ul>
+<li>update EdsTooltip interface and handle null values in tooltip logick - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/d8cff0a839ba394d01cb17d9f7c534dc5e9c8fdb">d8cff0a8</a>)</li>
+<li>improve tab body children length check - EUI-12102 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12102">EUI-12102</a>  (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/d5f3e03aca6a785f27555eec9b9695fd0f678e42">d5f3e03a</a>)</li>
+</ul>
+</li>
+</ul>
+<hr>
+<hr>
 <h2>23.0.0-alpha.5 (2026-07-10)</h2>
 <h5>Chores</h5>
 <ul>

package/docs/classes/EdsChipModel.html

@@ -166,7 +166,7 @@
                         <ul class="index-list">
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                <a href="#euiInternalId" >euiInternalId</a>
+                                <a href="#edsInternalId" >edsInternalId</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
@@ -276,10 +276,10 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="euiInternalId"></a>
+                    <a name="edsInternalId"></a>
                     <span class="name">
-                        <span ><b>euiInternalId</b></span>
-                        <a href="#euiInternalId"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>edsInternalId</b></span>
+                        <a href="#edsInternalId"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -496,13 +496,13 @@
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/EuiChipTooltip.html" target="_self" >EuiChipTooltip</a></code>
+                        <i>Type : </i>        <code><a href="../classes/EdsChipTooltip.html" target="_self" >EdsChipTooltip</a></code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>new EuiChipTooltip()</code>
+                        <i>Default value : </i><code>new EdsChipTooltip()</code>
                     </td>
                 </tr>
 

package/docs/classes/{EuiChipTooltip.html → EdsChipTooltip.html}

@@ -121,7 +121,7 @@
 
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Classes</li>
-  <li class="breadcrumb-item" >EuiChipTooltip</li>
+  <li class="breadcrumb-item" >EdsChipTooltip</li>
 </ol>
 
 <div class="io-file io-file-path" data-compodoc="entity-file-path">
@@ -394,7 +394,7 @@
        <script>
             var COMPODOC_CURRENT_PAGE_DEPTH = 1;
             var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'EuiChipTooltip.html';
+            var COMPODOC_CURRENT_PAGE_URL = 'EdsChipTooltip.html';
             var MAX_SEARCH_RESULTS = 15;
        </script>
 

package/docs/components/EdsAlert.html

@@ -160,14 +160,18 @@
                 <tr>
                     <td class="col-md-3">HostDirectives</td>
                     <td class="col-md-9">
-                                    <code><a href="../directives/EuiBaseColorVariantsDirective.html" target="_self" >EuiBaseColorVariantsDirective</a></code>
+                                    <code><a href="../directives/EdsBaseColorVariantsDirective.html" target="_self" >EdsBaseColorVariantsDirective</a></code>
 <br/>
-                                    <div><i>&nbsp;Inputs</i> : euiNeutral&nbsp;euiSuccess&nbsp;euiInfo&nbsp;euiWarning&nbsp;euiCritical&nbsp;euiColorVariant&nbsp;</div>
+                                    <div><i>&nbsp;Inputs</i> : edsNeutral&nbsp;edsSuccess&nbsp;edsInfo&nbsp;edsWarning&nbsp;edsCritical&nbsp;edsColorVariant&nbsp;</div>
                     </td>
                 </tr>
 
 
 
+            <tr>
+                <td class="col-md-3">host</td>
+                <td class="col-md-9"><code>{<br>}</code></td>
+            </tr>
 
 
 
@@ -237,7 +241,7 @@
                                             <code><a href="../miscellaneous/variables.html#EDS_ICON_STATE" target="_self" >EDS_ICON_STATE</a></code>
                                 </li>
                                 <li>
-                                            <code><a href="../directives/EuiBaseColorVariantsDirective.html" target="_self" >EuiBaseColorVariantsDirective</a></code>
+                                            <code><a href="../directives/EdsBaseColorVariantsDirective.html" target="_self" >EdsBaseColorVariantsDirective</a></code>
                                 </li>
                                 <li>
                                             <code><a href="https://angular.dev/api/core/OnInit" target="_blank" >OnInit</a></code>
@@ -260,8 +264,7 @@
                         <ul class="index-list">
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#role" >role</a>
+                                <a href="#hostClasses" >hostClasses</a>
                             </li>
                         </ul>
                     </td>
@@ -330,51 +333,8 @@
             </tbody>
         </table>
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.data-e2e" >attr.data-e2e</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>Accessors</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#cssClasses" >cssClasses</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#e2eAttribute" >e2eAttribute</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 </section>
 
 
@@ -396,14 +356,14 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;eui-alert&#x27;</code>
+                        <i>Default value : </i><code>&#x27;eds-alert&#x27;</code>
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Data attribute value for end-to-end testing identification.
 Applied as data-e2e attribute on the host element.
-&#39;eui-alert&#39;</p>
+&#39;eds-alert&#39;</p>
 </div>
                     </td>
                 </tr>
@@ -521,96 +481,6 @@ true</p>
         </table>
 </section>
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.data-e2e"></a>
-                    <span class="name">
-                        <span ><b>attr.data-e2e</b></span>
-                        <a href="#attr.data-e2e"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element. It is used for end-to-end testing.</p>
-<p>&#39;eui-alert&#39;</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.role"></a>
-                    <span class="name">
-                        <span ><b>attr.role</b></span>
-                        <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;alert&#x27;</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
-<p>&#39;alert&#39;</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class"></a>
-                    <span class="name">
-                        <span ><b>class</b></span>
-                        <a href="#class"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Computes and returns the CSS classes for the component based on its current state.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
 
 
     <section data-compodoc="block-methods">
@@ -662,39 +532,36 @@ true</p>
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="role"></a>
+                    <a name="hostClasses"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>role</b></span>
-                        <a href="#role"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>hostClasses</b></span>
+                        <a href="#hostClasses"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                        <i>Type : </i>    <code>unknown</code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;alert&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;attr.role&#x27;)<br />
-                        </code>
+                        <i>Default value : </i><code>computed(() &#x3D;&gt; {
+        return [
+            &#x27;eds-alert&#x27;,
+            this.colorVariantsBase.getCssClasses(&#x27;eds-alert&#x27;),
+            !this.isVisible() ? &#x27;eds-alert--hidden&#x27; : &#x27;&#x27;,
+        ]
+            .join(&#x27; &#x27;)
+            .trim();
+    })</code>
                     </td>
                 </tr>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
-<p>&#39;alert&#39;</p>
+                    <div class="io-description"><p>Computed host CSS classes based on current state.</p>
 </div>
                 </td>
             </tr>
@@ -703,72 +570,6 @@ true</p>
     </table>
 </section>
 
-    <section data-compodoc="block-accessors">
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="cssClasses"></a>
-                        <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>cssClasses()</code></span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Computes and returns the CSS classes for the component based on its current state.</p>
-</div>
-
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="e2eAttribute"></a>
-                        <span class="name"><b>e2eAttribute</b><a href="#e2eAttribute"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>e2eAttribute()</code></span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element. It is used for end-to-end testing.</p>
-<p>&#39;eui-alert&#39;</p>
-</div>
-
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-</section>
 </div>
 
 
@@ -783,9 +584,9 @@ true</p>
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><eds-icon-state class="eds-alert__icon" [euiColorVariant]="colorVariantsBase.euiColorVariant"/><div class="eds-alert__content">    <ng-content select="eds-alert-title"/>    <ng-content /></div>@if (isCloseable()) {    <button edsIconButton class="eds-alert__close"         ariaLabel="Close alert icon"        icon="x" euiRounded euiSizeS euiNeutral        (buttonClick)="onCloseClick()">    </button>}</div>'
-    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'}];
-    var DIRECTIVES = [{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EuiBaseColorVariantsDirective', 'selector': '[euiBaseColorVariants]'},{'name': 'EuiBaseSizeVariantsDirective', 'selector': '[euiBaseSizeVariants]'}];
+        var COMPONENT_TEMPLATE = '<div><eds-icon-state class="eds-alert__icon" [edsColorVariant]="colorVariantsBase.edsColorVariant"/><div class="eds-alert__content">    <ng-content select="eds-alert-title"/>    <ng-content /></div>@if (isCloseable()) {    <button edsIconButton class="eds-alert__close"         ariaLabel="Close alert icon"        icon="x" edsRounded edsSizeS edsNeutral        (buttonClick)="onCloseClick()">    </button>}</div>'
+    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'}];
+    var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'EdsAlert'};
 </script>
 <script src="../js/tree.js"></script>

package/docs/components/EdsAlertTitle.html

@@ -207,8 +207,8 @@
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div><ng-content/></div>'
-    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'}];
-    var DIRECTIVES = [{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EuiBaseColorVariantsDirective', 'selector': '[euiBaseColorVariants]'},{'name': 'EuiBaseSizeVariantsDirective', 'selector': '[euiBaseSizeVariants]'}];
+    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'}];
+    var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'EdsAlertTitle'};
 </script>
 <script src="../js/tree.js"></script>