Skip to content

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

Merged
alex-e-leon merged 14 commits into
mainfrom
FE-1305-add-avatar-group-to-ds
Aug 7, 2026
Merged

FE-1305: add avatar group to ds#9156
alex-e-leon merged 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.

@alex-e-leon
alex-e-leon added this pull request to the merge queue Aug 7, 2026
Merged via the queue into main with commit 5531c20 Aug 7, 2026
48 checks passed
@alex-e-leon
alex-e-leon deleted the FE-1305-add-avatar-group-to-ds branch August 7, 2026 13:39
@hash-release hash-release Bot mentioned this pull request Aug 7, 2026
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.

2 participants