Skip to content

v2.0.0
Compare
Choose a tag to compare
@timolins timolins released this 31 May 13:51
· 105 commits to main since this release
v2.0.0
This tag was signed with the committer’s verified signature.
timolins Timo Lins
GPG key ID: 0D4209275DF1F738
Learn about vigilant mode.
766b830
This commit was signed with the committer’s verified signature.
timolins Timo Lins
GPG key ID: 0D4209275DF1F738
Learn about vigilant mode.

New

  • Easier Customization
    • Create your own toast renderer (without useToaster)
      • Support for custom render function in Toaster
      • Support for custom render function in ToastBar
    • toast.custom() - Render custom one-off toasts. No default styling will be applied.
  • Per toast positioning
  • New exit animation
  • Change the gutter between toasts with <Toaster gutter={20} />
  • Support for relative positioning
  • Respect reduce motion OS setting
  • Create persistent toasts with duration: Infinity

Breaking Changes

  • Use the top, right, bottom, left to in containerStyle to change the offset, instead of margin
  • Loading toasts no longer disappear after 30 seconds
  • role & ariaLive got moved into ariaProps
  • useToaster() no longer exposes visibleToasts
  • No longer expose dispatch

Changes

  • Add rehype-slug for same page linking d182844
  • Update docs for 2.0 release 7587f5e
  • Clean up keyframe strings 013deef
  • Add fade animation to reduce motion 8057bb3
  • docs: fix typo on custom toaster e448a6e
  • fix(toast-bar): use fragment to remove unique key prop error 6c89e91
  • fix: remove unused import 809fa25
  • Update docs for 2.0 b2f4611
  • CSS fix for IE b650ea0
  • Add tailwind animation for examples cfbf32a
  • Fix sticky nav in docs 03d75e9
  • Use activeClass for pointer events 2036a3f
  • Use children instead of render prop 8388051
  • Extract default offset to variable ff9a762
  • Use flexbox for toast positioning 9381c26
  • Expose gutter prop 273e29e
  • Reduce custom toast duration to 4 seconds 466825d
  • Scope aria props and add render function support f1d367c
  • Add reduce motion support Closes #34 0363011
  • Footer (fix year) 1b2e82a
  • Use dynamic year in footer 6639eea
  • Allow position to be configured per toast 80e936f
  • Fix invalid types/imports 664bcbf
  • Refactor Indicator to ToastIcon component - Also export resolveValue to render custom JSX content 25690e0
  • Add support for toast.custom - Render any JSX without additional styles b7509bd
  • Use React.CSSProperties instead csstype e58d6a8
  • Add containerClassName prop - Closes #43 2be3b23
  • Add support for per toast position - Breaking: Remove visibleToasts - Rename margin to gutter 345aac0
  • Add renderToast option to Toatser - Allows you to replace default toast with custom component (Closes #13) 207bf66
  • Set sideEffects: false in package.json 641369f
  • Breaking: No longer expose dispatch 8f82fec
  • Update goober & add csstype as dev dependency Closes #44 d60adb6
  • Improve animations and exit positioning - Hidden toasts now stay at their position - Use percentages instead of px for animation 396db8b
  • Change toast positioning to absolute 781b16f
  • Move height ref to <Toaster/> 06e271c
  • Update use-toaster.mdx 1ed8c8e
  • Increase default duration from loading toasts to Infinity Fixes #45 633cb6f
  • Keep track of dismissed toasts 176bc05
  • Fix typo in Toaster docs cf1fd4c
  • Fix a typo e1c68b6
  • fix spelling error 619b508
  • Update footer link d30d2e4
  • Use Infinity instead of -1 for persistant toasts a214271
  • Remove dismiss from example 597a17d
  • Allow -1 duration for persistent toasts 64b5568
  • Fix undefined id e40ebbd
  • Positioning wrapper div gets no pointer events b441274
  • Move comment in toaster.mdx b0a1da4
  • add missing className to example with all available options 4239b66
  • Add missing goober setup b43caa1
  • Lift position wrapper to Toaster aa3c0c6

v1.0.2...v2.0.0

Assets 2
Loading