Skip to content

FE-1305: add avatar group to ds - #9156

Open
alex-e-leon wants to merge 14 commits into
mainfrom
FE-1305-add-avatar-group-to-ds
Open

FE-1305: add avatar group to ds#9156
alex-e-leon wants to merge 14 commits into
mainfrom
FE-1305-add-avatar-group-to-ds

Conversation

@alex-e-leon

Copy link
Copy Markdown
Contributor

🌟 What is the purpose of this PR?

Adds AvatarGroup component

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

  • does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

  • are internal and do not require a docs change

@vercel

vercel Bot commented Aug 4, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
hash Ready Ready Preview Aug 4, 2026 10:08am
hashdotdesign-tokens Ready Ready Preview Aug 4, 2026 10:08am
petrinaut Ready Ready Preview Aug 4, 2026 10:08am

@cursor

cursor Bot commented Aug 4, 2026

Copy link
Copy Markdown

PR Summary

Medium Risk
Touches the published Avatar component (border styling and new context dependency) in addition to a large new interactive UI primitive, so standalone Avatar appearance may shift slightly at some sizes.

Overview
Adds AvatarGroup to @hashintel/ds-components for overlapping avatar stacks with optional max / total surplus badges, AvatarGroup.More for custom overflow content, spacing, lastOnTop, and group-level size / tone.

Avatar now reads AvatarGroupContext so children inherit group size/tone when omitted, and applies a shared avatarSize recipe so --avatar-size is set on both the avatar and the group root (needed for overlap/lift styling on parent wrappers). Avatar border width is unified to a size-based formula (/32 with clamp) instead of per-size overrides.

Hover/focus behavior uses column-based pointer hit targets, lift/cross-fade animations, and a temporary opaque clone layer to avoid visual flash. The component is exported from main.ts with a patch changeset.

Reviewed by Cursor Bugbot for commit d74a7fb. Bugbot is set up for automated code reviews on this repo. Configure here.

@github-actions github-actions Bot added area/infra Relates to version control, CI, CD or IaC (area) area/libs Relates to first-party libraries/crates/packages (area) type/eng > frontend Owned by the @frontend team area/apps > hash.design Affects the `hash.design` design site (app) labels Aug 4, 2026
@vercel
vercel Bot temporarily deployed to Preview – hashdotdesign-tokens August 4, 2026 09:59 Inactive
@vercel
vercel Bot temporarily deployed to Preview – petrinaut August 4, 2026 10:02 Inactive

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit d74a7fb. Configure here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/apps > hash.design Affects the `hash.design` design site (app) area/infra Relates to version control, CI, CD or IaC (area) area/libs Relates to first-party libraries/crates/packages (area) type/eng > frontend Owned by the @frontend team

Development

Successfully merging this pull request may close these issues.

1 participant