Skip to content

feat(apollo-vertex): add Badge AI variant#845

Draft
petervachon wants to merge 1 commit into
ai-primitivesfrom
ai-badge-variant
Draft

feat(apollo-vertex): add Badge AI variant#845
petervachon wants to merge 1 commit into
ai-primitivesfrom
ai-badge-variant

Conversation

@petervachon

@petervachon petervachon commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds a first-class AI variant to Badge via a new status="ai" axis, with solid, soft, and outline treatments (combined with variant="default" | "secondary" | "outline").

  • registry/badge/badge.tsx: status="ai" compound variants using --ai-gradient-fill (solid, white text, AA), --ai-gradient (soft tint), and an --ai-gradient-strong gradient border with text-insight-600/400.
  • app/components/badge/page.mdx: an "AI" section documenting the three treatments (with the AiMark) and a link to the AI Toolkit.

Dependencies

Stacked on #843 (AI primitives) for AiMark, used in the doc examples. Base will retarget to main after #843 merges.

Part of a set

One of a set splitting the AI visual expression work (originally draft #840). Full set linked below.

The full set

Merge order (each stacked PR retargets to main once its base merges):

  1. feat(apollo-vertex): add Insight ramp and AI gradients to Foundation #844 Foundation: AI tokens + Insight ramp + colors page, base main (ROOT)
  2. feat(apollo-vertex): add AiMark and AiGlow primitives #843 AI primitives (AiMark + AiGlow), base feat(apollo-vertex): add Insight ramp and AI gradients to Foundation #844
  3. feat(apollo-vertex): add Badge AI variant #845 Badge AI variant, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  4. feat(apollo-vertex): add Button AI variants #846 Button AI variants, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  5. feat(apollo-vertex): add Input AI variant #847 Input AI variant, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  6. feat(apollo-vertex): document Card AI glow #848 Card AI glow, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  7. feat(apollo-vertex): add AI Toolkit guidance page #840 AI Toolkit guidance page, base feat(apollo-vertex): add Badge AI variant #845

@github-actions

github-actions Bot commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:19 PM
apollo-docs 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:19 PM
apollo-landing 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:19 PM
apollo-vertex 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:19 PM

@github-actions

Copy link
Copy Markdown
Contributor

Dependency License Review

  • 1942 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 2 package(s) excluded (see details below)
License distribution
License Packages
MIT 1712
ISC 89
Apache-2.0 55
BSD-3-Clause 27
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 4
MIT-0 3
CC0-1.0 3
MIT OR Apache-2.0 2
(MIT OR Apache-2.0) 2
Unlicense 2
LGPL-3.0-or-later 1
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

Add status="ai" (solid/soft/outline) and document it on the Badge page.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant