Skip to content

feat: Add Modal recipe with overlay, header, body, and footer parts#171

Merged
alexgrozav merged 2 commits intomainfrom
alexgrozav/add-modal-recipes
Apr 5, 2026
Merged

feat: Add Modal recipe with overlay, header, body, and footer parts#171
alexgrozav merged 2 commits intomainfrom
alexgrozav/add-modal-recipes

Conversation

@alexgrozav
Copy link
Copy Markdown
Contributor

Summary

  • Adds 5 new Modal recipes: useModalRecipe, useModalHeaderRecipe, useModalBodyRecipe, useModalFooterRecipe, and useModalOverlayRecipe — following the same structure as the Card recipes with non-semantic colors (light, dark, neutral), 3 visual variants (solid, soft, subtle), and 3 sizes (sm, md, lg).
  • Adds Storybook stories with interactive open/close via overlay, preview grids for all variant/color combinations and sizes, and a fullscreen modal example.
  • Adds documentation page at docs/06.components/02.composables/07.modal.md covering usage, colors, variants, sizes, anatomy, accessibility, customization, and API reference.

Test plan

  • Run pnpm test in theme/ to verify all modal recipe unit tests pass
  • Open Storybook and verify Default, AllVariants, AllSizes, and Fullscreen stories render correctly
  • Verify dark mode overrides work for neutral color
  • Review documentation page in the docs site

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 5, 2026

🦋 Changeset detected

Latest commit: b4e6d63

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 2:53pm
styleframe-dev-production Ready Ready Preview, Comment Apr 5, 2026 2:53pm
styleframe-storybook Ready Ready Preview, Comment Apr 5, 2026 2:53pm

Request Review

@codecov
Copy link
Copy Markdown

codecov bot commented Apr 5, 2026

Codecov Report

❌ Patch coverage is 99.82548% with 1 line in your changes missing coverage. Please review.

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

📢 Thoughts on this report? Let us know!

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