2.7.0 (2026-08-07)
Button, Avatar, and Badge Geist Alignment
This release aligns the Button, Avatar, and Badge components with the Geist design system, modernizes the documentation, and updates the development workflow.
Changes
Button
- Renamed
variant="primary"tovariant="default". - Replaced
iconPrefix/iconSuffixwithprefix/suffixsnippets. - Added
svgOnly,shape, andshadowprops. - Improved loading and disabled accessibility behavior.
- Added per-variant disabled styles and cursor states.
- Split styles and types into testable modules.
- Updated documentation and internal call sites.
Avatar
- Added
src,username,letter, andplaceholdersupport. - Added image fallback handling.
- Added
AvatarGroupwithlimit,reverse, andoverlap. - Added
AvatarWithIcon. - Added unit tests for avatar utilities and styles.
- Removed provider-specific avatar wrappers and the old
AvatarTextimplementation. - Added accessible icon-avatar examples.
Badge
- Added the Geist-aligned
variant,contrast, andsizeAPI. - Added
trial,turbo, andpillvariants. - Badges render as
<span>by default and<a>whenhrefis provided. - Added
badgeVariants()for styling external links. - Added Lucide Svelte icons to the badge documentation.
- Added Geist badge best practices.
- Added badge style unit tests.
- Updated Turbo styling to use the branded gradient.
Breaking Changes
Button:variant="primary"is nowvariant="default".iconPrefixandiconSuffixare replaced byprefixandsuffixsnippets.
Avatar:- Removed
GitHubAvatar,GitLabAvatar,BitbucketAvatar, andAvatarText. - Use
Avatar,AvatarGroup, andAvatarWithIconinstead.
- Removed
Badge:- Replace
variant="gray-subtle"withvariant="gray" contrast="low". - Replace
size="small",size="medium", andsize="large"withsm,md, andlg.
- Replace
Documentation
Updated the Button, Avatar, and Badge documentation and examples.
Validation
- Type checking passes.
- Lint passes.
- Production build passes.
- Avatar, badge, button, and utility tests were added or updated.