Skip to content

feat(avatar): add xs (16px) size (#1393)#372

Draft
interacsean wants to merge 1 commit into
mainfrom
feat/ui/1393-avatar-xs-size
Draft

feat(avatar): add xs (16px) size (#1393)#372
interacsean wants to merge 1 commit into
mainfrom
feat/ui/1393-avatar-xs-size

Conversation

@interacsean

Copy link
Copy Markdown
Contributor

Summary

Adds an xs (16px) size option to the Avatar component, extending the existing sm / default / lg scale.

size circle text
xs 16px 8px
sm 24px 10px
default 28px 12px
lg 40px 14px

xs targets compact/inline contexts and single-glyph or icon content (two-letter initials are cramped at 16px). Purely additive — defaultVariants unchanged, so no behavior change for existing consumers.

Changes

  • avatar.tsx: add xs size variant (size-4, text-[8px])
  • avatar.test.tsx + snapshot: new size xs snapshot case
  • docs/components/avatar.md: updated size type union + Sizes example
  • changeset: minor

Verification

  • lint, type-check, build, and full test suite (1315 tests) all pass locally.

Addresses tailor-inc/platform-planning#1393

Add an `xs` size variant (16px, size-4) to Avatar.Root, extending the
existing sm/default/lg scale. Purely additive; default size unchanged.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@interacsean

Copy link
Copy Markdown
Contributor Author

/review

@github-actions

github-actions Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

API Design Review completed successfully!

API Design Review complete for PR #372 (feat(avatar): add xs size). Impact analysis: avatar.tsx is a public export; change is purely additive — new xs size variant, defaultVariants unchanged, AvatarProps["size"] type gain is backward-compatible, single internal consumer unaffected, docs/tests/changeset all consistent. No issues found. Verdict: Approve.

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