@aurora-ds/components 1.7.15 → 1.7.16

package/dist/index.d.ts

@@ -693,6 +693,11 @@ type AvatarColor = 'default' | 'primary' | 'secondary' | 'success' | 'warning' |
 type AvatarGroupOverlap = 'sm' | 'md' | 'lg';
 
 type AvatarProps = {
+    /**
+     * Ref forwarded to the root `<div>` element.
+     * Pass a `useRef<HTMLDivElement>()` to use the avatar as `anchorEl` for a `Menu`.
+     */
+    ref?: Ref<HTMLDivElement>;
     /**
      * URL of the image to display.
      * Falls back to `initials` (or first letters of `name`) if the image fails to load.
@@ -726,6 +731,26 @@ type AvatarProps = {
     onClick?: () => void;
     /** Accessible label. Defaults to `name` when set, otherwise `'Avatar'`. */
     ariaLabel?: string;
+    /**
+     * HTML `id` attribute on the root element.
+     * Useful as `aria-labelledby` target for an associated `Menu`.
+     */
+    id?: string;
+    /**
+     * Indicates that this element controls a popup (e.g. a menu).
+     * Set to `'menu'` when the avatar acts as a menu trigger.
+     */
+    'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /**
+     * Communicates whether the controlled popup is currently open.
+     * Pair with `aria-haspopup` when using the avatar as a menu trigger.
+     */
+    'aria-expanded'?: boolean;
+    /**
+     * `aria-controls` pointing to the id of the controlled popup panel
+     * (e.g. the `Menu` panel id).
+     */
+    'aria-controls'?: string;
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-ds/components",
-  "version": "1.7.15",
+  "version": "1.7.16",
   "type": "module",
   "description": "Aurora DS - React Components Library",
   "main": "dist/cjs/index.js",