Skip to content

✨(toast) add new Toast component - #279

Open
Ovgodd wants to merge 8 commits into
mainfrom
feat/new-toast-ui
Open

✨(toast) add new Toast component#279
Ovgodd wants to merge 8 commits into
mainfrom
feat/new-toast-ui

Conversation

@Ovgodd

@Ovgodd Ovgodd commented Jul 7, 2026

Copy link
Copy Markdown
Collaborator

Purpose

Add a new Toast to the UI kit, based on react-toastify, to replace the old Cunningham toasts.

Two variants

  • Simple - one line, optional icon, progress, See/Cancel actions
  • Extended - file list with transfer status, summary bar, collapse/expand

Lien maquettes : ici

Apps mount ToastProvider at the root and call toast() or toast.extended().

toast.mp4

Proposal

  • Install react-toastify
  • Add ToastProvider, ToastContent, and toast() (info, success, warning, error, dismiss, update)
  • Simple toast styles from Figma (576px, Cunningham tokens, action spacing)
  • Extended toast: toast.extended(), file rows, footer, collapse handled in the component
  • Storybook stories + Docs (API, extended usage)

@Ovgodd
Ovgodd marked this pull request as draft July 7, 2026 10:07
@Ovgodd Ovgodd changed the title Feat/new toast UI ✨(toast) add new Toast component Jul 7, 2026
@Ovgodd
Ovgodd force-pushed the feat/new-toast-ui branch 2 times, most recently from da06727 to 90e3e6b Compare July 7, 2026 12:18
@Ovgodd
Ovgodd requested a review from NathanVss July 7, 2026 13:02
@Ovgodd Ovgodd self-assigned this Jul 7, 2026
@Ovgodd Ovgodd added the enhancement New feature or request label Jul 7, 2026
@Ovgodd
Ovgodd marked this pull request as ready for review July 7, 2026 13:02
Ovgodd added 2 commits August 25, 2026 11:12
Add react-toastify ^11.1.0 for toast notification support
Implement ToastContent, ToastProvider, toast API and TypeScript types
@Ovgodd
Ovgodd force-pushed the feat/new-toast-ui branch 2 times, most recently from 1b95ad5 to 68d58d6 Compare August 25, 2026 10:55
Ovgodd added 6 commits August 25, 2026 12:58
SCSS matching Figma specs with semantic color variants and token usage
Use unique containerIds per story to avoid ToastContainer conflicts.
Implement file list toast with collapse, footer actions and typed options
Brand background, white list, separators, 32px footer and token colors
Storybook demo with mime icons, progress summary and API tables in Docs
Smooth 0.2s transition on list height and gap when toggling chevron
@Ovgodd
Ovgodd force-pushed the feat/new-toast-ui branch from 68d58d6 to 0a4a2fd Compare August 25, 2026 10:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant