Skip to content

FE-1304: add badge to ds - #9155

Open
alex-e-leon wants to merge 11 commits into
mainfrom
FE-1304-add-badge-to-ds
Open

FE-1304: add badge to ds#9155
alex-e-leon wants to merge 11 commits into
mainfrom
FE-1304-add-badge-to-ds

Conversation

@alex-e-leon

Copy link
Copy Markdown
Contributor

🌟 What is the purpose of this PR?

Adds badge 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 9:37am
hashdotdesign-tokens Ready Ready Preview Aug 4, 2026 9:37am
petrinaut Ready Ready Preview Aug 4, 2026 9:37am

@cursor

cursor Bot commented Aug 4, 2026

Copy link
Copy Markdown

PR Summary

Medium Risk
Published ds-components minor with a breaking Badge public API (props and removed BadgeProps export); no in-repo usages found, but downstream apps must migrate.

Overview
Replaces the legacy inline Badge chip (children as label, colorScheme/size/isSquare/icons) with an overlay badge that wraps an anchor in children and shows counts or status in content, including dot mode, numeric {max}+ capping, corner position, alignTo="circle" for avatars, and hide.

Adds BaseBadge plus separate badge.recipe / base-badge.recipe styling for the pill vs corner placement (container-query transforms). Ladle stories move from Legacy/Badge to Components/Badge and document anchors (icon, button, avatar, text, tile). @hashintel/ds-components gets a minor changeset; BaseBadge is exported and BadgeProps is no longer re-exported from main.ts. Avatar makes shape optional with default circle.

Reviewed by Cursor Bugbot for commit 90f0310. 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
@alex-e-leon
alex-e-leon force-pushed the FE-1304-add-badge-to-ds branch from 1fc2c58 to 90f0310 Compare August 4, 2026 09:28
@vercel
vercel Bot temporarily deployed to Preview – hashdotdesign-tokens August 4, 2026 09:30 Inactive
@vercel
vercel Bot temporarily deployed to Preview – petrinaut August 4, 2026 09:33 Inactive
@alex-e-leon
alex-e-leon requested a review from lunelson August 4, 2026 12:17
@alex-e-leon
alex-e-leon enabled auto-merge August 4, 2026 12:18
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