Skip to content

feat: Add Nav recipe with list-style utility#168

Merged
alexgrozav merged 4 commits intomainfrom
alexgrozav/nav-recipe
Apr 5, 2026
Merged

feat: Add Nav recipe with list-style utility#168
alexgrozav merged 4 commits intomainfrom
alexgrozav/nav-recipe

Conversation

@alexgrozav
Copy link
Copy Markdown
Contributor

Summary

  • Add useNavRecipe and useNavItemRecipe multi-part recipes with size (xs–xl), color (primary, secondary, success, info, warning, error, light, dark, neutral), and variant (pills, underline, default) support
  • Add useListStyleUtility shorthand utility for the list-style CSS property
  • Add Storybook stories and Vue components for the Nav recipe

Test plan

  • Verify useNavRecipe and useNavItemRecipe unit tests pass
  • Verify useListStyleUtility unit tests pass
  • Check Storybook nav stories render correctly with all variant/size/color combinations

Add Nav and NavItem multi-part recipes with size, color, and variant
support. Include list-style shorthand utility and Storybook stories.
Replace selector()-based class modifiers (-active, -disabled) with
proper boolean variant axes. Add rule to recipe prompt documenting
this pattern. Update docs to match.
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 5, 2026

🦋 Changeset detected

Latest commit: 0577210

The changes in this PR will be included in the next version bump.

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

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another 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 4:04am
styleframe-dev-production Ready Ready Preview, Comment Apr 5, 2026 4:04am
styleframe-storybook Ready Ready Preview, Comment Apr 5, 2026 4:04am

Request Review

@codecov
Copy link
Copy Markdown

codecov bot commented Apr 5, 2026

Codecov Report

❌ Patch coverage is 99.13793% with 3 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
theme/src/presets/useUtilitiesPreset.ts 0.00% 2 Missing ⚠️
theme/src/recipes/index.ts 0.00% 1 Missing ⚠️

📢 Thoughts on this report? Let us know!

@alexgrozav alexgrozav merged commit 0250281 into main Apr 5, 2026
12 checks passed
@alexgrozav alexgrozav deleted the alexgrozav/nav-recipe branch April 5, 2026 04:11
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