@eui/eds 22.0.0-alpha.21 → 22.0.0-alpha.23

package/docs/miscellaneous/typealiases.html

@@ -176,6 +176,12 @@
                         <li>
                             <a href="#EdsBannerVerticalAlignment" title="packages/eds/eds-banner/eds-banner.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsBannerVerticalAlignment</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-banner.ts)</span></a>
                         </li>
+                        <li>
+                            <a href="#EdsButtonColor" title="packages/eds/eds-button/eds-button.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsButtonColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-button.ts)</span></a>
+                        </li>
+                        <li>
+                            <a href="#EdsButtonSize" title="packages/eds/eds-button/eds-button.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsButtonSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-button.ts)</span></a>
+                        </li>
                         <li>
                             <a href="#EdsButtonType" title="packages/eds/eds-button/eds-button.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsButtonType</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-button.ts)</span></a>
                         </li>
@@ -201,22 +207,25 @@
                             <a href="#EdsFabType" title="packages/eds/eds-fab-button/eds-fab-button.model.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFabType</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-fab-button.model.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexAlign" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexAlign</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFeedbackMessageColor" title="packages/eds/eds-feedback-message/eds-feedback-message.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFeedbackMessageColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-feedback-message.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexColSpan" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexColSpan</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFlexAlign" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexAlign</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexDirection" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexDirection</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFlexColSpan" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexColSpan</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexGap" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexGap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFlexDirection" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexDirection</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexJustify" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexJustify</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFlexGap" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexGap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsFlexWrap" title="packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexWrap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                            <a href="#EdsFlexJustify" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexJustify</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
+                        </li>
+                        <li>
+                            <a href="#EdsFlexWrap" title="packages/eds/eds-flex-layout/eds-flex-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsFlexWrap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-flex-layout.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EdsGaugeChartSize" title="packages/eds/charts/eds-gauge-chart/eds-gauge-chart.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsGaugeChartSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-gauge-chart.ts)</span></a>
@@ -228,7 +237,7 @@
                             <a href="#EdsGeoChartMap" title="packages/eds/charts/eds-geo-chart/eds-geo-chart.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsGeoChartMap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-geo-chart.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsGridLayoutGap" title="packages/eds/utilities/eds-grid-layout/eds-grid-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsGridLayoutGap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-grid-layout.ts)</span></a>
+                            <a href="#EdsGridLayoutGap" title="packages/eds/eds-grid-layout/eds-grid-layout.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsGridLayoutGap</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-grid-layout.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EdsGrowlPosition" title="packages/eds/eds-growl/eds-growl.service.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsGrowlPosition</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-growl.service.ts)</span></a>
@@ -249,16 +258,16 @@
                             <a href="#EdsIconSize" title="packages/eds/eds-icon/eds-icon.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsIconSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-icon.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsIconStateColor" title="packages/eds/utilities/eds-icon-state/eds-icon-state.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsIconStateColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-icon-state.ts)</span></a>
+                            <a href="#EdsIconStateColor" title="packages/eds/eds-icon-state/eds-icon-state.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsIconStateColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-icon-state.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsIconStateSize" title="packages/eds/utilities/eds-icon-state/eds-icon-state.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsIconStateSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-icon-state.ts)</span></a>
+                            <a href="#EdsIconStateSize" title="packages/eds/eds-icon-state/eds-icon-state.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsIconStateSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-icon-state.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EdsListRole" title="packages/eds/eds-list/eds-list.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsListRole</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-list.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsLoadingIndicatorSize" title="packages/eds/utilities/eds-loading-indicator/eds-loading-indicator.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsLoadingIndicatorSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-loading-indicator.ts)</span></a>
+                            <a href="#EdsLoadingIndicatorSize" title="packages/eds/eds-loading-indicator/eds-loading-indicator.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsLoadingIndicatorSize</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-loading-indicator.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EdsOverlayPosition" title="packages/eds/eds-overlay/eds-overlay.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsOverlayPosition</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-overlay.ts)</span></a>
@@ -287,6 +296,9 @@
                         <li>
                             <a href="#EdsTableSortOrder" title="packages/eds/eds-table/eds-table-sort.model.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTableSortOrder</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-table-sort.model.ts)</span></a>
                         </li>
+                        <li>
+                            <a href="#EdsTabsColor" title="packages/eds/eds-tabs/eds-tabs.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTabsColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tabs.ts)</span></a>
+                        </li>
                         <li>
                             <a href="#EdsTagColor" title="packages/eds/eds-tag/eds-tag.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTagColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tag.ts)</span></a>
                         </li>
@@ -299,11 +311,17 @@
                         <li>
                             <a href="#EdsTooltipColor" title="packages/eds/eds-tooltip/eds-tooltip.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTooltipColor</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tooltip.ts)</span></a>
                         </li>
+                        <li>
+                            <a href="#EdsTooltipContentAlignment" title="packages/eds/eds-tooltip/eds-tooltip.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTooltipContentAlignment</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tooltip.ts)</span></a>
+                        </li>
+                        <li>
+                            <a href="#EdsTooltipPosition" title="packages/eds/eds-tooltip/eds-tooltip.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTooltipPosition</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tooltip.ts)</span></a>
+                        </li>
                         <li>
                             <a href="#EdsTreeSelectionChanges" title="packages/eds/eds-tree/eds-tree.model.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTreeSelectionChanges</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tree.model.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EdsTrendDirection" title="packages/eds/utilities/eds-trend/eds-trend.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTrendDirection</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-trend.ts)</span></a>
+                            <a href="#EdsTrendDirection" title="packages/eds/eds-trend/eds-trend.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>EdsTrendDirection</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-trend.ts)</span></a>
                         </li>
                         <li>
                             <a href="#ExpandModel" title="packages/eds/eds-tree/eds-tree.model.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>ExpandModel</b>&nbsp;&nbsp;&nbsp;(packages/.../eds-tree.model.ts)</span></a>
@@ -757,6 +775,51 @@
 </section>
     <h3>packages/eds/eds-button/eds-button.ts</h3>
     <section data-compodoc="block-typealias">
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsButtonColor"></a>
+                    <span class="name "><b>EdsButtonColor</b><a href="#EdsButtonColor"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Colors the button accepts. <code>primary</code> / <code>neutral</code> / <code>highlight</code> / <code>critical</code> have dedicated
+SCSS branches; <code>warning</code> is accepted for parity but has no styled branch.</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;primary&quot; | &quot;neutral&quot; | &quot;highlight&quot; | &quot;critical&quot; | &quot;warning&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsButtonSize"></a>
+                    <span class="name "><b>EdsButtonSize</b><a href="#EdsButtonSize"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sizes the button styles (SCSS <code>:host([size=&quot;…&quot;])</code> branches).</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;s&quot; | &quot;m&quot; | &quot;l&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -765,6 +828,12 @@
                     <span class="name "><b>EdsButtonType</b><a href="#EdsButtonType"><span class="icon ion-ios-link"></span></a></span>
                 </td>
             </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Local narrowed unions — the button&#39;s variant contract. No shared-token import.</p>
+</div>
+                </td>
+            </tr>
             <tr>
                 <td class="col-md-4">
                     <code>    <code>&quot;primary&quot; | &quot;secondary&quot; | &quot;tertiary&quot;</code>
@@ -937,7 +1006,32 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-flex-layout/eds-flex-layout.ts</h3>
+    <h3>packages/eds/eds-feedback-message/eds-feedback-message.ts</h3>
+    <section data-compodoc="block-typealias">
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsFeedbackMessageColor"></a>
+                    <span class="name "><b>EdsFeedbackMessageColor</b><a href="#EdsFeedbackMessageColor"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Local narrowed color union — the feedback message&#39;s variant contract. No shared-token import.</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;primary&quot; | &quot;neutral&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;critical&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eds/eds-flex-layout/eds-flex-layout.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -1144,7 +1238,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-grid-layout/eds-grid-layout.ts</h3>
+    <h3>packages/eds/eds-grid-layout/eds-grid-layout.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -1314,7 +1408,7 @@ Maps the legacy <code>EdsColorDirective</code> semantic booleans to EDS semantic
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-icon-state/eds-icon-state.ts</h3>
+    <h3>packages/eds/eds-icon-state/eds-icon-state.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -1387,7 +1481,7 @@ Each value maps to a specific status icon.</p>
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-loading-indicator/eds-loading-indicator.ts</h3>
+    <h3>packages/eds/eds-loading-indicator/eds-loading-indicator.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -1612,6 +1706,31 @@ Each value maps to a specific status icon.</p>
             </tr>
         </tbody>
     </table>
+</section>
+    <h3>packages/eds/eds-tabs/eds-tabs.ts</h3>
+    <section data-compodoc="block-typealias">
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsTabsColor"></a>
+                    <span class="name "><b>EdsTabsColor</b><a href="#EdsTabsColor"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Local narrowed color union — the tabs variant contract (String-Props model).</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;brand&quot; | &quot;neutral&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </section>
     <h3>packages/eds/eds-tag/eds-tag.ts</h3>
     <section data-compodoc="block-typealias">
@@ -1705,13 +1824,57 @@ Maps the legacy <code>BaseStatesDirective</code> semantic booleans to EDS semant
             <tr>
                 <td class="col-md-4">
                     <code>    <code>&quot;primary&quot; | &quot;secondary&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot; | &quot;accent&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsTooltipContentAlignment"></a>
+                    <span class="name "><b>EdsTooltipContentAlignment</b><a href="#EdsTooltipContentAlignment"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Content alignment inside the tooltip.</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;left&quot; | &quot;right&quot; | &quot;center&quot; | &quot;justify&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EdsTooltipPosition"></a>
+                    <span class="name "><b>EdsTooltipPosition</b><a href="#EdsTooltipPosition"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Position of the tooltip relative to its trigger element.</p>
+</div>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;left&quot; | &quot;right&quot; | &quot;above&quot; | &quot;below&quot; | &quot;before&quot; | &quot;after&quot; | string</code>
 </code>
                 </td>
             </tr>
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-trend/eds-trend.ts</h3>
+    <h3>packages/eds/eds-trend/eds-trend.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>

package/docs/miscellaneous/variables.html

@@ -264,7 +264,7 @@
                             <a href="#EDS_FILE_UPLOAD" title="packages/eds/eds-file-upload/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_FILE_UPLOAD</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_FLEX_LAYOUT" title="packages/eds/utilities/eds-flex-layout/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_FLEX_LAYOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_FLEX_LAYOUT" title="packages/eds/eds-flex-layout/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_FLEX_LAYOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_GAUGE_CHART" title="packages/eds/charts/eds-gauge-chart/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_GAUGE_CHART</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -273,7 +273,7 @@
                             <a href="#EDS_GEO_CHART" title="packages/eds/charts/eds-geo-chart/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_GEO_CHART</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_GRID_LAYOUT" title="packages/eds/utilities/eds-grid-layout/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_GRID_LAYOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_GRID_LAYOUT" title="packages/eds/eds-grid-layout/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_GRID_LAYOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_GROWL" title="packages/eds/eds-growl/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_GROWL</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -285,7 +285,7 @@
                             <a href="#EDS_ICON_BUTTON" title="packages/eds/eds-icon-button/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_ICON_BUTTON</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_ICON_STATE" title="packages/eds/utilities/eds-icon-state/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_ICON_STATE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_ICON_STATE" title="packages/eds/eds-icon-state/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_ICON_STATE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_ICON_TOGGLE" title="packages/eds/eds-icon-toggle/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_ICON_TOGGLE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -312,19 +312,19 @@
                             <a href="#EDS_INPUT_TEXT" title="packages/eds/eds-input-text/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_INPUT_TEXT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_LABEL" title="packages/eds/utilities/eds-label/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LABEL</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_LABEL" title="packages/eds/eds-label/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LABEL</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_LANGUAGE_SELECTOR" title="packages/eds/eds-language-selector/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LANGUAGE_SELECTOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_LINK" title="packages/eds/utilities/eds-link/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LINK</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_LINK" title="packages/eds/eds-link/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LINK</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_LIST" title="packages/eds/eds-list/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_LOADING_INDICATOR" title="packages/eds/utilities/eds-loading-indicator/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LOADING_INDICATOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_LOADING_INDICATOR" title="packages/eds/eds-loading-indicator/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_LOADING_INDICATOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_MENU" title="packages/eds/eds-menu/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_MENU</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -375,7 +375,7 @@
                             <a href="#EDS_SLIDER" title="packages/eds/eds-slider/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_SLIDER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_SNC" title="packages/eds/utilities/eds-snc/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_SNC</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_SNC" title="packages/eds/eds-snc/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_SNC</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_SPARKLINE" title="packages/eds/charts/eds-sparkline/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_SPARKLINE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -417,7 +417,7 @@
                             <a href="#EDS_TREE_LIST" title="packages/eds/eds-tree-list/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_TREE_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EDS_TREND" title="packages/eds/utilities/eds-trend/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_TREND</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
+                            <a href="#EDS_TREND" title="packages/eds/eds-trend/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_TREND</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
                             <a href="#EDS_USER_PROFILE" title="packages/eds/eds-user-profile/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EDS_USER_PROFILE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
@@ -2250,7 +2250,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-flex-layout/index.ts</h3>
+    <h3>packages/eds/eds-flex-layout/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -2523,7 +2523,7 @@ Format: [x, y, width, height] matching the embedded world SVG coordinate system.
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-grid-layout/index.ts</h3>
+    <h3>packages/eds/eds-grid-layout/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -2660,7 +2660,7 @@ Format: [x, y, width, height] matching the embedded world SVG coordinate system.
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-icon-state/index.ts</h3>
+    <h3>packages/eds/eds-icon-state/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -2989,7 +2989,7 @@ Format: [x, y, width, height] matching the embedded world SVG coordinate system.
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-label/index.ts</h3>
+    <h3>packages/eds/eds-label/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -3061,7 +3061,7 @@ Format: [x, y, width, height] matching the embedded world SVG coordinate system.
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-link/index.ts</h3>
+    <h3>packages/eds/eds-link/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -3140,7 +3140,7 @@ Format: [x, y, width, height] matching the embedded world SVG coordinate system.
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-loading-indicator/index.ts</h3>
+    <h3>packages/eds/eds-loading-indicator/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -3816,7 +3816,7 @@ Used to break circular dependency between EdsSelect and its CVA directives.</p>
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-snc/index.ts</h3>
+    <h3>packages/eds/eds-snc/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -4353,7 +4353,7 @@ Used to break circular dependency between EdsSelect and its CVA directives.</p>
         </tbody>
     </table>
 </section>
-    <h3>packages/eds/utilities/eds-trend/index.ts</h3>
+    <h3>packages/eds/eds-trend/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>

package/docs/properties.html

@@ -128,7 +128,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 22.0.0-alpha.21</li>
+            <b>Version</b> : 22.0.0-alpha.23</li>
     </ul>
 
 

package/eds-flex-layout/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-flex-layout.mjs",
+  "typings": "../types/eui-eds-eds-flex-layout.d.ts"
+}

package/eds-grid-layout/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-grid-layout.mjs",
+  "typings": "../types/eui-eds-eds-grid-layout.d.ts"
+}

package/eds-icon-state/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-icon-state.mjs",
+  "typings": "../types/eui-eds-eds-icon-state.d.ts"
+}

package/eds-label/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-label.mjs",
+  "typings": "../types/eui-eds-eds-label.d.ts"
+}

package/eds-link/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-link.mjs",
+  "typings": "../types/eui-eds-eds-link.d.ts"
+}

package/eds-loading-indicator/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-loading-indicator.mjs",
+  "typings": "../types/eui-eds-eds-loading-indicator.d.ts"
+}

package/eds-snc/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-snc.mjs",
+  "typings": "../types/eui-eds-eds-snc.d.ts"
+}

package/eds-trend/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/eui-eds-eds-trend.mjs",
+  "typings": "../types/eui-eds-eds-trend.d.ts"
+}

package/fesm2022/eui-eds-eds-alert.mjs

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { input, booleanAttribute, model, output, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@eui/eds/eds-icon-button';
 import { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';
-import * as i2 from '@eui/eds/utilities/eds-icon-state';
-import { EDS_ICON_STATE } from '@eui/eds/utilities/eds-icon-state';
+import * as i2 from '@eui/eds/eds-icon-state';
+import { EDS_ICON_STATE } from '@eui/eds/eds-icon-state';
 
 class EdsAlert {
     constructor() {
@@ -54,7 +54,7 @@ class EdsAlert {
         this.closeAlert.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsAlert, isStandalone: true, selector: "div[edsAlert], eds-alert", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, isCloseable: { classPropertyName: "isCloseable", publicName: "isCloseable", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange", closeAlert: "closeAlert" }, host: { attributes: { "role": "alert" }, properties: { "attr.color": "color()", "attr.hidden": "!isVisible() || null", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<eds-icon-state class=\"eds-alert__icon\" [color]=\"color()\"/>\n\n<div class=\"eds-alert__content\">\n    <ng-content select=\"eds-alert-title\"/>\n    <ng-content />\n</div>\n\n@if (isCloseable()) {\n    <button edsIconButton class=\"eds-alert__close\"\n        [ariaLabel]=\"closeAriaLabel()\"\n        icon=\"x:core\" rounded size=\"s\" color=\"neutral\"\n        (buttonClick)=\"onCloseClick()\">\n    </button>\n}\n", styles: [":host{--_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)}:host .eds-alert__content{display:flex;width:100%;flex-direction:column;padding:0 var(--eds-sp-xs);font:var(--eds-f-paragraph-m)}:host .eds-alert__close{margin-left:auto;display:flex;align-self:baseline;--_button-padding: var(--eds-sp-3xs)}:host([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)}:host([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)}:host([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)}:host([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 screen and (max-width:767px){:host .eds-alert__content{font:var(--eds-f-paragraph-s)}}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsAlert, isStandalone: true, selector: "div[edsAlert], eds-alert", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, isCloseable: { classPropertyName: "isCloseable", publicName: "isCloseable", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange", closeAlert: "closeAlert" }, host: { attributes: { "role": "alert" }, properties: { "attr.color": "color()", "attr.hidden": "!isVisible() || null", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<eds-icon-state class=\"eds-alert__icon\" [color]=\"color()\"/>\n\n<div class=\"eds-alert__content\">\n    <ng-content select=\"eds-alert-title\"/>\n    <ng-content />\n</div>\n\n@if (isCloseable()) {\n    <button edsIconButton class=\"eds-alert__close\"\n        [ariaLabel]=\"closeAriaLabel()\"\n        icon=\"x:core\" rounded size=\"s\" color=\"neutral\"\n        (buttonClick)=\"onCloseClick()\">\n    </button>\n}\n", styles: [":host{--_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)}:host .eds-alert__content{display:flex;width:100%;flex-direction:column;padding:0 var(--eds-sp-xs);font:var(--eds-f-paragraph-m)}:host .eds-alert__close{margin-left:auto;display:flex;align-self:baseline;--_button-padding: var(--eds-sp-3xs)}:host([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)}:host([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)}:host([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)}:host([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 screen and (max-width:767px){:host .eds-alert__content{font:var(--eds-f-paragraph-s)}}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel", "e2eAttr"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsAlert, decorators: [{
             type: Component,