Skip to content

feat: Toast: card effect#348

Merged
joduplessis merged 4 commits intomainfrom
toast-cards
Apr 19, 2026
Merged

feat: Toast: card effect#348
joduplessis merged 4 commits intomainfrom
toast-cards

Conversation

@joduplessis
Copy link
Copy Markdown
Member

@joduplessis joduplessis commented Apr 19, 2026

  • Toast stack effect — toasts now render as a layered card stack (opacity + scale gradient for depth, clamped to 3 visible layers) with a new paused prop and suffix slot on ToastMessage. Progress bar switched from JS-driven setTimeout + width transition to pure CSS animation, fixing restart/pause behaviour.
  • Color token refresh — accent hue shifted (245 → 280) across the color.json ramp; knock-on CSS updates landed across ~85 component stylesheets to keep contrast and hover states correct.
  • Color-relative button hoversbutton.css rewritten to derive hover/active from the base color rather than hardcoded values, making variants consistent without per-variant overrides.
  • Context renamefold.context.tsxapp.context.tsx (re-exported from contexts/index.ts).
  • Tighter stack distance — reduced default spacing between stacked toasts.

@joduplessis joduplessis self-assigned this Apr 19, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 19, 2026

Deploy Preview for fold-storybook ready!

Name Link
🔨 Latest commit cfc087e
🔍 Latest deploy log https://app.netlify.com/projects/fold-storybook/deploys/69e4ee51154a8a00080f9f06
😎 Deploy Preview https://deploy-preview-348--fold-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@joduplessis joduplessis merged commit cf2fd53 into main Apr 19, 2026
5 checks passed
@joduplessis joduplessis deleted the toast-cards branch April 19, 2026 15: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