Skip to content

feat(avatar): shape, status dot, working orbit, xs and xl sizes - #82

Merged
TheGreatAxios merged 2 commits into
mainfrom
cl-9548-avatar-shape-status-orbit
Sep 30, 2026
Merged

TheGreatAxios merged 2 commits into
mainfrom
cl-9548-avatar-shape-status-orbit

Conversation

@TheGreatAxios

Copy link
Copy Markdown
Contributor

Avatar gains shape (circle for people, square for workers), a status corner dot (working / ready / idle), an orbit arc that circles a working avatar (static under reduced motion), and xs/xl sizes. AvatarStack passes the new props through. Stories cover shapes, statuses and orbit.

@TheGreatAxios

Copy link
Copy Markdown
Contributor Author

Avatar shapes (light)
avatar-shapes-light

Avatar shapes (dark)
avatar-shapes-dark

Avatar statuses (light)
avatar-statuses-light

Avatar statuses (dark)
avatar-statuses-dark

Avatar orbit (light)
avatar-orbit-light

Avatar orbit (dark)
avatar-orbit-dark

Screenshots live on the temporary pr-82-screenshots branch; delete it after merge.

TheGreatAxios added a commit that referenced this pull request Sep 30, 2026
@TheGreatAxios

Copy link
Copy Markdown
Contributor Author

Orbit is now a full ring 2px outside the mark (2px stroke, quiet track plus a 90 degree arc, static under reduced motion), and avatars get a visible surface in dark.
Screenshots refreshed at the same URLs:
avatar-shapes-light
avatar-shapes-dark
avatar-statuses-light
avatar-statuses-dark
avatar-orbit-light
avatar-orbit-dark

@TheGreatAxios
TheGreatAxios merged commit a5326e2 into main Sep 30, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant