docs: add custom CSS properties to vaadin-avatar-group JSDoc (#11388)

web-padawan · claude · web-flow · commit 1f3440a5d691 · 2026-03-20T16:13:37.000+02:00
Co-authored-by: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/packages/avatar-group/src/vaadin-avatar-group.d.ts b/packages/avatar-group/src/vaadin-avatar-group.d.ts
@@ -38,6 +38,13 @@ export { AvatarGroupI18n, AvatarGroupItem, AvatarI18n };
  * `overlay`   | The overflow avatar menu overlay
  * `content`   | The overflow avatar menu overlay content
  *
+ * The following custom CSS properties are available for styling:
+ *
+ * Custom CSS property                |
+ * :----------------------------------|
+ * | `--vaadin-avatar-group-gap`      |
+ * | `--vaadin-avatar-group-overlap`  |
+ *
  * See the [`<vaadin-avatar>`](#/elements/vaadin-avatar) documentation for the available
  * state attributes and stylable shadow parts of avatar elements.
  *
diff --git a/packages/avatar-group/src/vaadin-avatar-group.js b/packages/avatar-group/src/vaadin-avatar-group.js
@@ -45,6 +45,13 @@ import { AvatarGroupMixin } from './vaadin-avatar-group-mixin.js';
  * `overlay`   | The overflow avatar menu overlay
  * `content`   | The overflow avatar menu overlay content
  *
+ * The following custom CSS properties are available for styling:
+ *
+ * Custom CSS property                |
+ * :----------------------------------|
+ * | `--vaadin-avatar-group-gap`      |
+ * | `--vaadin-avatar-group-overlap`  |
+ *
  * See the [`<vaadin-avatar>`](#/elements/vaadin-avatar) documentation for the available
  * state attributes and stylable shadow parts of avatar elements.
  *

Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,13 @@ export { AvatarGroupI18n, AvatarGroupItem, AvatarI18n };`
`38`	`38`	* `overlay` \| The overflow avatar menu overlay
`39`	`39`	* `content` \| The overflow avatar menu overlay content
`40`	`40`	`*`
	`41`	`+ * The following custom CSS properties are available for styling:`
	`42`	`+ *`
	`43`	`+ * Custom CSS property \|`
	`44`	`+ * :----------------------------------\|`
	`45`	+ * \| `--vaadin-avatar-group-gap` \|
	`46`	+ * \| `--vaadin-avatar-group-overlap` \|
	`47`	`+ *`
`41`	`48`	* See the [`<vaadin-avatar>`](#/elements/vaadin-avatar) documentation for the available
`42`	`49`	`* state attributes and stylable shadow parts of avatar elements.`
`43`	`50`	`*`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,13 @@ import { AvatarGroupMixin } from './vaadin-avatar-group-mixin.js';`
`45`	`45`	* `overlay` \| The overflow avatar menu overlay
`46`	`46`	* `content` \| The overflow avatar menu overlay content
`47`	`47`	`*`
	`48`	`+ * The following custom CSS properties are available for styling:`
	`49`	`+ *`
	`50`	`+ * Custom CSS property \|`
	`51`	`+ * :----------------------------------\|`
	`52`	+ * \| `--vaadin-avatar-group-gap` \|
	`53`	+ * \| `--vaadin-avatar-group-overlap` \|
	`54`	`+ *`
`48`	`55`	* See the [`<vaadin-avatar>`](#/elements/vaadin-avatar) documentation for the available
`49`	`56`	`* state attributes and stylable shadow parts of avatar elements.`
`50`	`57`	`*`