@eui/components 19.1.1-snapshot-1740477848147 → 19.1.1-snapshot-1741264224607

package/docs/components/EuiAvatarListComponent.html

@@ -109,6 +109,30 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component for displaying a list of avatars.
+This component serves as a container that arranges multiple avatars in a visually
+coherent group, typically with slight overlapping to save space.</p>
+<p>The component uses content projection to allow placing multiple avatar components
+within it and applies appropriate styling via the &#39;eui-avatar-list&#39; CSS class.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Basic usage with multiple avatars:
+&lt;eui-avatar-list&gt;
+  &lt;eui-avatar&gt;
+    &lt;eui-avatar-image imageUrl=&quot;path/to/image1.jpg&quot;&gt;&lt;/eui-avatar-image&gt;
+  &lt;/eui-avatar&gt;
+  &lt;eui-avatar&gt;
+    &lt;eui-avatar-image imageUrl=&quot;path/to/image2.jpg&quot;&gt;&lt;/eui-avatar-image&gt;
+  &lt;/eui-avatar&gt;
+  &lt;eui-avatar&gt;
+    &lt;eui-avatar-icon&gt;
+      &lt;eui-icon name=&quot;user&quot;&gt;&lt;/eui-icon&gt;
+    &lt;/eui-avatar-icon&gt;
+  &lt;/eui-avatar&gt;
+&lt;/eui-avatar-list&gt;</code></pre></div>
+    </p>
 
 
 
@@ -223,6 +247,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the CSS class &#39;eui-avatar-list&#39; to the host element.
+This class provides the styling necessary for arranging avatars in a list.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -249,6 +280,20 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Binds the CSS class &#39;eui-avatar-list&#39; to the host element.
+This class provides the styling necessary for arranging avatars in a list.</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>

package/docs/components/EuiAvatarTextComponent.html

@@ -109,6 +109,30 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component for displaying text content within an avatar.
+This component serves as a container for text that appears inside an avatar,
+such as initials or short text identifiers.</p>
+<p>The component applies the &#39;eui-avatar-text&#39; class to provide appropriate styling
+for text displayed within an avatar context. It uses content projection to allow
+any text content to be displayed inside.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Basic usage with initials:
+&lt;eui-avatar&gt;
+  &lt;eui-avatar-text&gt;JD&lt;/eui-avatar-text&gt;
+&lt;/eui-avatar&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">// With a single character:
+&lt;eui-avatar&gt;
+  &lt;eui-avatar-text&gt;A&lt;/eui-avatar-text&gt;
+&lt;/eui-avatar&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Used with other avatar components:
+&lt;eui-avatar&gt;
+  &lt;eui-avatar-text&gt;BN&lt;/eui-avatar-text&gt;
+  &lt;eui-avatar-badge position=&quot;bottom&quot;&gt;
+    &lt;span class=&quot;status-indicator&quot;&gt;&lt;/span&gt;
+  &lt;/eui-avatar-badge&gt;
+&lt;/eui-avatar&gt;</code></pre></div>
+    </p>
 
 
 
@@ -229,6 +253,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the CSS class &#39;eui-avatar-text&#39; to the host element.
+This class provides the styling necessary for text content within an avatar.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -274,6 +305,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the CSS class &#39;eui-avatar-text&#39; to the host element.
+This class provides the styling necessary for text content within an avatar.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>