Skip to content

refactor: Remove outline card variant and update border colors#170

Merged
alexgrozav merged 2 commits intomainfrom
alexgrozav/card-border
Apr 5, 2026
Merged

refactor: Remove outline card variant and update border colors#170
alexgrozav merged 2 commits intomainfrom
alexgrozav/card-border

Conversation

@alexgrozav
Copy link
Copy Markdown
Contributor

Summary

  • Remove the outline variant from all Card recipes (card, header, body, footer), reducing compound variants from 12 to 9 (3 colors × 3 variants)
  • Update border color tokens across solid and subtle variants (e.g. gray-800gray-700, gray-300gray-200)
  • Simplify useCardBodyRecipe by removing all compound variants and border properties from base styles
  • Switch header/footer border collapsing from :has(+ .card-*) selectors to :first-child/:last-child
  • Update storybook components, stories, tests, and documentation to reflect all changes

The outline variant (border-only, no background) doesn't make sense
for a card component. Removes it from all 4 card recipes, tests,
storybook stories, Vue components, and documentation.
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 5, 2026

⚠️ No Changeset found

Latest commit: 0eec9aa

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes changesets to release 2 packages
Name Type
@styleframe/theme Minor
styleframe Minor

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 5, 2026

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

Project Deployment Actions Updated (UTC)
app-styleframe-dev-production Ready Ready Preview, Comment Apr 5, 2026 7:23am
styleframe-dev-production Ready Ready Preview, Comment Apr 5, 2026 7:23am
styleframe-storybook Ready Ready Preview, Comment Apr 5, 2026 7:23am

Request Review

@codecov
Copy link
Copy Markdown

codecov bot commented Apr 5, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@alexgrozav alexgrozav merged commit f39fee9 into main Apr 5, 2026
12 checks passed
@alexgrozav alexgrozav deleted the alexgrozav/card-border branch April 5, 2026 10:41
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