sonner

3x smaller bundle size and other improvements, thank you for all the contributions!

What's Changed

• fix: apply classnames when using toast[type] by @Kinbaum in https://github.com/emilkowalski/sonner/pull/383
• fix: rendering of ReactNode descriptions by @peetzweg in https://github.com/emilkowalski/sonner/pull/387
• feat(#414): allow individual toasts to opt into richColor styling by @nicksrandall in https://github.com/emilkowalski/sonner/pull/415
• export ToasterProps type by @Sam-Apostel in https://github.com/emilkowalski/sonner/pull/400
• feat: updates toast action/cancel property type/handlers by @6thpath in https://github.com/emilkowalski/sonner/pull/398
• Get history of Toast by @dharanish-v in https://github.com/emilkowalski/sonner/pull/266
• Fix tests by @emilkowalski in https://github.com/emilkowalski/sonner/pull/424
• Remove dom purify to reduce bundle size by @emilkowalski in https://github.com/emilkowalski/sonner/pull/439
• Add hooks to show active toasts by @rizqitsani in https://github.com/emilkowalski/sonner/pull/418
• Pause timer if toast appears when the document is hidden by @pytnik23 in https://github.com/emilkowalski/sonner/pull/426
• fix(toaster): fix typo by @Willem-Jaap in https://github.com/emilkowalski/sonner/pull/368
• chore(docs): include a section about persisting toasts by @zaaakher in https://github.com/emilkowalski/sonner/pull/430
• Handle async functions in toast.promise results by @ajmnz in https://github.com/emilkowalski/sonner/pull/389
• fix build by @emilkowalski in https://github.com/emilkowalski/sonner/pull/440

New Contributors

• @peetzweg made their first contribution in https://github.com/emilkowalski/sonner/pull/387
• @nicksrandall made their first contribution in https://github.com/emilkowalski/sonner/pull/415
• @Sam-Apostel made their first contribution in https://github.com/emilkowalski/sonner/pull/400
• @6thpath made their first contribution in https://github.com/emilkowalski/sonner/pull/398
• @dharanish-v made their first contribution in https://github.com/emilkowalski/sonner/pull/266
• @pytnik23 made their first contribution in https://github.com/emilkowalski/sonner/pull/426
• @Willem-Jaap made their first contribution in https://github.com/emilkowalski/sonner/pull/368
• @zaaakher made their first contribution in https://github.com/emilkowalski/sonner/pull/430

Full Changelog: https://github.com/emilkowalski/sonner/compare/v.1.4.41...v.1.5.0

What's Changed

• [Docs]: Render toast on page load by @luis-viegas in https://github.com/emilkowalski/sonner/pull/363
• fix: unmount custom loading icon correctly by @wbsdickson in https://github.com/emilkowalski/sonner/pull/365
• HTML content sanitization and parsing for html tags inside toast by @borisadamyan in https://github.com/emilkowalski/sonner/pull/350
• feat: add classNames for content/icon elements by @Kinbaum in https://github.com/emilkowalski/sonner/pull/372
• fix: dynamic mobile width based on --mobile-offset by @atsixian in https://github.com/emilkowalski/sonner/pull/371
• Decrease specificity by @emilkowalski in https://github.com/emilkowalski/sonner/pull/377
• fix: toast not displaying when Toaster.duration is set to Infinity by @atsixian in https://github.com/emilkowalski/sonner/pull/373
• fix: Toaster.gap doesn't work by @atsixian in https://github.com/emilkowalski/sonner/pull/375
• allow to pass jsx to actions by @emilkowalski in https://github.com/emilkowalski/sonner/pull/379

New Contributors

• @luis-viegas made their first contribution in https://github.com/emilkowalski/sonner/pull/363
• @wbsdickson made their first contribution in https://github.com/emilkowalski/sonner/pull/365
• @borisadamyan made their first contribution in https://github.com/emilkowalski/sonner/pull/350
• @Kinbaum made their first contribution in https://github.com/emilkowalski/sonner/pull/372
• @atsixian made their first contribution in https://github.com/emilkowalski/sonner/pull/371

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.4.3...v.1.4.41

What's Changed

• Replace icons in a promise correctly by @emilkowalski in https://github.com/emilkowalski/sonner/pull/352
• Display loading icon for loading toast by @emilkowalski in https://github.com/emilkowalski/sonner/pull/359

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.4.1...v1.4.3

What's Changed

You can now customize icons from <Toaster />, this was announced in the previous version, but was reverted afterwards. Sorry about that!

• Update README.md by @emilkowalski in https://github.com/emilkowalski/sonner/pull/318
• Allow to style all unstyled toasts with the default prop by @emilkowalski in https://github.com/emilkowalski/sonner/pull/324
• Allow users to customize icons from toaster by @emilkowalski in https://github.com/emilkowalski/sonner/pull/325
• feature: custom cn function by @jzxhuang in https://github.com/emilkowalski/sonner/pull/310
• Fix blurry appearance by @emilkowalski in https://github.com/emilkowalski/sonner/pull/336
• Add hooks to show active toasts by @rizqitsani in https://github.com/emilkowalski/sonner/pull/347
• Removed an extra space by @akshar-dave in https://github.com/emilkowalski/sonner/pull/344

New Contributors

• @rizqitsani made their first contribution in https://github.com/emilkowalski/sonner/pull/347
• @akshar-dave made their first contribution in https://github.com/emilkowalski/sonner/pull/344

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.4.0...v1.4.1

What's Changed

• Use bunchee as bundler by @huozhi in https://github.com/emilkowalski/sonner/pull/276
• build: bump bundler for perf purpose by @huozhi in https://github.com/emilkowalski/sonner/pull/277
• Fix light theme on homepage by @emilkowalski in https://github.com/emilkowalski/sonner/pull/281
• feat: description support function in promise by @kahosan in https://github.com/emilkowalski/sonner/pull/279
• add PR and issue templates by @choeqq in https://github.com/emilkowalski/sonner/pull/286
• refactor: remove unused remaining time ref by @wobsoriano in https://github.com/emilkowalski/sonner/pull/284
• types: change label types to ReactNode by @CanRau in https://github.com/emilkowalski/sonner/pull/280
• feat: add icons prop to <Toaster /> by @amirhhashemi in https://github.com/emilkowalski/sonner/pull/270
• Fix types of toaster icons by @emilkowalski in https://github.com/emilkowalski/sonner/pull/294
• Fix loading icon bug by @emilkowalski in https://github.com/emilkowalski/sonner/pull/295
• Add close button prop to toast by @emilkowalski in https://github.com/emilkowalski/sonner/pull/296
• Swap bundlers by @emilkowalski in https://github.com/emilkowalski/sonner/pull/297
• Dont dismiss loading toast by @emilkowalski in https://github.com/emilkowalski/sonner/pull/298
• Upgrade bunchee for bundling bug fixes by @huozhi in https://github.com/emilkowalski/sonner/pull/299
• bump packages by @choeqq in https://github.com/emilkowalski/sonner/pull/283
• chore: remove unused npm lock file by @huozhi in https://github.com/emilkowalski/sonner/pull/300
• fix: make closeButton option in toast take precedence over Toaster by @jzxhuang in https://github.com/emilkowalski/sonner/pull/309
• Renaming too general className with project-specific one (#305) by @jschoder in https://github.com/emilkowalski/sonner/pull/315
• ghost-div doesn't block click in Firefox by @jschoder in https://github.com/emilkowalski/sonner/pull/307
• Avoid issues with <li> offest when using different positions by @mmalomo in https://github.com/emilkowalski/sonner/pull/314
• Implement option to pause when document is hidden by @etcd in https://github.com/emilkowalski/sonner/pull/304
• Update bundler by @emilkowalski in https://github.com/emilkowalski/sonner/pull/317

New Contributors

• @kahosan made their first contribution in https://github.com/emilkowalski/sonner/pull/279
• @choeqq made their first contribution in https://github.com/emilkowalski/sonner/pull/286
• @CanRau made their first contribution in https://github.com/emilkowalski/sonner/pull/280
• @amirhhashemi made their first contribution in https://github.com/emilkowalski/sonner/pull/270
• @jzxhuang made their first contribution in https://github.com/emilkowalski/sonner/pull/309
• @jschoder made their first contribution in https://github.com/emilkowalski/sonner/pull/315
• @mmalomo made their first contribution in https://github.com/emilkowalski/sonner/pull/314
• @etcd made their first contribution in https://github.com/emilkowalski/sonner/pull/304

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.3.0...v1.4.0

What's Changed

• Remove unstyled prop from Hero toast by @IgorKowalczyk in https://github.com/emilkowalski/sonner/pull/241
• Fix sidebar nav by @emilkowalski in https://github.com/emilkowalski/sonner/pull/243
• fix incorrect demo code for promise toasts by @LemonFace0309 in https://github.com/emilkowalski/sonner/pull/261
• Fresh deno compatibility by @hapaxlife in https://github.com/emilkowalski/sonner/pull/263
• Resolves: #224 - Close button is always visible on toast when defined by @andrewbarnesweb in https://github.com/emilkowalski/sonner/pull/227
• Remove toast classes from custom loadingIcon by @emilkowalski in https://github.com/emilkowalski/sonner/pull/268
• types: export types explicitly by @huozhi in https://github.com/emilkowalski/sonner/pull/264
• feat: add default property to classNames to the toast function and Toaster component by @imopbuilder in https://github.com/emilkowalski/sonner/pull/245

New Contributors

• @IgorKowalczyk made their first contribution in https://github.com/emilkowalski/sonner/pull/241
• @LemonFace0309 made their first contribution in https://github.com/emilkowalski/sonner/pull/261
• @hapaxlife made their first contribution in https://github.com/emilkowalski/sonner/pull/263
• @andrewbarnesweb made their first contribution in https://github.com/emilkowalski/sonner/pull/227
• @imopbuilder made their first contribution in https://github.com/emilkowalski/sonner/pull/245

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.2.4...v1.3.0

What's Changed

• Props for toast container and close button aria-labels by @rodymolenaar in https://github.com/emilkowalski/sonner/pull/239
• Improve unstyled prop, add docs by @emilkowalski in https://github.com/emilkowalski/sonner/pull/240

New Contributors

• @rodymolenaar made their first contribution in https://github.com/emilkowalski/sonner/pull/239

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.2.3...v1.2.4

What's Changed

• Remove unnecessary console.log by @Contreux in https://github.com/emilkowalski/sonner/pull/233

New Contributors

• @Contreux made their first contribution in https://github.com/emilkowalski/sonner/pull/233

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.2.1...v1.2.3

Styling

Styling customization, especially with Tailwind should be much easier now. I created a new page in the documentation with more details - https://sonner.emilkowal.ski/styling.

What's Changed

• Account for fetch in promise by @emilkowalski in https://github.com/emilkowalski/sonner/pull/223
• witll -> will by @salieflewis in https://github.com/emilkowalski/sonner/pull/230
• Easier classname customization by @emilkowalski in https://github.com/emilkowalski/sonner/pull/232

New Contributors

• @salieflewis made their first contribution in https://github.com/emilkowalski/sonner/pull/230

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.2.0...v1.2.1

What's Changed

• Close custom toasts by @emilkowalski in https://github.com/emilkowalski/sonner/pull/218
• Add loading icon prop by @emilkowalski in https://github.com/emilkowalski/sonner/pull/219
• Styles for action and cancel buttons by @jorgeAgoiz in https://github.com/emilkowalski/sonner/pull/214
• Update Docs by @emilkowalski in https://github.com/emilkowalski/sonner/pull/220

New Contributors

• @jorgeAgoiz made their first contribution in https://github.com/emilkowalski/sonner/pull/214

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.1.0...v1.2.0

What's Changed

• Add dark mode to docs by @emilkowalski in https://github.com/emilkowalski/sonner/pull/150
• Fix potential title and description overflowing by @itsjoeoui in https://github.com/emilkowalski/sonner/pull/152
• Bugfix: Update now works for first toastId by @estubmo in https://github.com/emilkowalski/sonner/pull/156
• Update exports in package.json by @emilkowalski in https://github.com/emilkowalski/sonner/pull/161
• Update docs repo base url by @emilkowalski in https://github.com/emilkowalski/sonner/pull/162
• Update README.md by @emilkowalski in https://github.com/emilkowalski/sonner/pull/167
• Make PromiseData partial in toast.promise by @ajmnz in https://github.com/emilkowalski/sonner/pull/164
• Allow to override icons by @emilkowalski in https://github.com/emilkowalski/sonner/pull/175
• docs: Fix copy button in CodeBlock by @aXenDeveloper in https://github.com/emilkowalski/sonner/pull/180
• Add gap prop by @emilkowalski in https://github.com/emilkowalski/sonner/pull/181
• type: import types with keyword by @Hossein-Mirazimi in https://github.com/emilkowalski/sonner/pull/183
• fix(docs): fix typo in cancel button docs by @A7med3bdulBaset in https://github.com/emilkowalski/sonner/pull/186
• Added empty arrow function to close button by @CodingMarin in https://github.com/emilkowalski/sonner/pull/185
• Introduce unstyled prop by @emilkowalski in https://github.com/emilkowalski/sonner/pull/187
• Warning and Info toasts by @emreakdas in https://github.com/emilkowalski/sonner/pull/195
• Update warning icon by @emilkowalski in https://github.com/emilkowalski/sonner/pull/198
• Returning the id for a custom toast by @fax1ty in https://github.com/emilkowalski/sonner/pull/202
• Typescript error - loading, success and error should be optional by @MakakWasTaken in https://github.com/emilkowalski/sonner/pull/200
• Fix updating duration, update docs by @emilkowalski in https://github.com/emilkowalski/sonner/pull/206

New Contributors

• @itsjoeoui made their first contribution in https://github.com/emilkowalski/sonner/pull/152
• @estubmo made their first contribution in https://github.com/emilkowalski/sonner/pull/156
• @aXenDeveloper made their first contribution in https://github.com/emilkowalski/sonner/pull/180
• @Hossein-Mirazimi made their first contribution in https://github.com/emilkowalski/sonner/pull/183
• @A7med3bdulBaset made their first contribution in https://github.com/emilkowalski/sonner/pull/186
• @CodingMarin made their first contribution in https://github.com/emilkowalski/sonner/pull/185
• @emreakdas made their first contribution in https://github.com/emilkowalski/sonner/pull/195
• @fax1ty made their first contribution in https://github.com/emilkowalski/sonner/pull/202
• @MakakWasTaken made their first contribution in https://github.com/emilkowalski/sonner/pull/200

Full Changelog: https://github.com/emilkowalski/sonner/compare/v1.0.0...v1.1.0

What's Changed

• Account for velocity when swiping by @emilkowalski in https://github.com/emilkowalski/sonner/pull/123
• fix system theme by @emilkowalski in https://github.com/emilkowalski/sonner/pull/126
• Simplify math for calculating +5% by @chrizzzly87 in https://github.com/emilkowalski/sonner/pull/128
• Check if ref date exists by @emilkowalski in https://github.com/emilkowalski/sonner/pull/129
• Fix use sonner in server components by @emilkowalski in https://github.com/emilkowalski/sonner/pull/130
• Fix tests by @emilkowalski in https://github.com/emilkowalski/sonner/pull/131
• Fix usage in server components by @emilkowalski in https://github.com/emilkowalski/sonner/pull/136
• feat: allow setting position when creating a toast by @hyoban in https://github.com/emilkowalski/sonner/pull/134
• remove duplicated use client directive by @huozhi in https://github.com/emilkowalski/sonner/pull/138
• Add documentation by @emilkowalski in https://github.com/emilkowalski/sonner/pull/139

New Contributors

• @chrizzzly87 made their first contribution in https://github.com/emilkowalski/sonner/pull/128
• @hyoban made their first contribution in https://github.com/emilkowalski/sonner/pull/134
• @huozhi made their first contribution in https://github.com/emilkowalski/sonner/pull/138

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.7.0...v1.0.0

What's Changed

• Fix initial theme by @emilkowalski in https://github.com/emilkowalski/sonner/pull/99
• Adjust the actual theme when theme prop changes by @emilkowalski in https://github.com/emilkowalski/sonner/pull/103
• Improve keyboard navigation by @joaom00 in https://github.com/emilkowalski/sonner/pull/104
• Add swipe up and theme tests by @joaom00 in https://github.com/emilkowalski/sonner/pull/105
• fix typo in tests by @emilkowalski in https://github.com/emilkowalski/sonner/pull/106
• fix(website): Correct CSS comment format by @limitless-dev in https://github.com/emilkowalski/sonner/pull/112
• add finally to toast.promise by @ajmnz in https://github.com/emilkowalski/sonner/pull/118
• Fix playwright tests by @emilkowalski in https://github.com/emilkowalski/sonner/pull/121
• Add loading toast by @emilkowalski in https://github.com/emilkowalski/sonner/pull/122
• feat: Add RTL support by @limitless-dev in https://github.com/emilkowalski/sonner/pull/110

New Contributors

• @limitless-dev made their first contribution in https://github.com/emilkowalski/sonner/pull/112
• @ajmnz made their first contribution in https://github.com/emilkowalski/sonner/pull/118

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.6.0...v0.7.0

What's Changed

• Update preview video URL by @vallezw in https://github.com/emilkowalski/sonner/pull/88
• fix: update description type by @HananoshikaYomaru in https://github.com/emilkowalski/sonner/pull/91
• Fix swipe to top by @joaom00 in https://github.com/emilkowalski/sonner/pull/94
• fix: return null as default asset by @wobsoriano in https://github.com/emilkowalski/sonner/pull/93
• docs: add solid port link by @wobsoriano in https://github.com/emilkowalski/sonner/pull/92
• fix: follow react hooks deps rule by @himself65 in https://github.com/emilkowalski/sonner/pull/77
• docs: add Svelte port by @wobsoriano in https://github.com/emilkowalski/sonner/pull/95
• Implement system theme by @emilkowalski in https://github.com/emilkowalski/sonner/pull/97

New Contributors

• @vallezw made their first contribution in https://github.com/emilkowalski/sonner/pull/88
• @HananoshikaYomaru made their first contribution in https://github.com/emilkowalski/sonner/pull/91
• @wobsoriano made their first contribution in https://github.com/emilkowalski/sonner/pull/93
• @himself65 made their first contribution in https://github.com/emilkowalski/sonner/pull/77

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.5.0...v0.6.0

What's Changed

• chore: add threshold to start swipe by @joaom00 in https://github.com/emilkowalski/sonner/pull/72
• Fix toast keep follow pointer on pointer up by @joaom00 in https://github.com/emilkowalski/sonner/pull/80
• Infer the promise data type in toast promise by @joaom00 in https://github.com/emilkowalski/sonner/pull/81
• Toast promise title by @joaom00 in https://github.com/emilkowalski/sonner/pull/84

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.4.0...v0.5.0

What's Changed

• Add custom id by @emilkowalski in https://github.com/emilkowalski/sonner/pull/51
• Add onDismiss and onAutoClose callbacks by @emilkowalski in https://github.com/emilkowalski/sonner/pull/52
• Set line height by @emilkowalski in https://github.com/emilkowalski/sonner/pull/53
• docs: readme typo by @DarrylBrooks97 in https://github.com/emilkowalski/sonner/pull/58
• Fix layout shift by @emilkowalski in https://github.com/emilkowalski/sonner/pull/61
• fix(typerror): fix unhandled possible undefined of ref #62 by @owieth in https://github.com/emilkowalski/sonner/pull/63
• Fix lock file by @emilkowalski in https://github.com/emilkowalski/sonner/pull/64
• Fix promise toast height by @emilkowalski in https://github.com/emilkowalski/sonner/pull/69
• Allow toast updates and listen to height changes by @emilkowalski in https://github.com/emilkowalski/sonner/pull/75
• Center toast on smaller screens by @emilkowalski in https://github.com/emilkowalski/sonner/pull/76

New Contributors

• @DarrylBrooks97 made their first contribution in https://github.com/emilkowalski/sonner/pull/58
• @owieth made their first contribution in https://github.com/emilkowalski/sonner/pull/63

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.3.0...v0.4.0

What's Changed

• Adjust offset types by @emilkowalski in https://github.com/emilkowalski/sonner/pull/31
• Add end2end tests by @emilkowalski in https://github.com/emilkowalski/sonner/pull/35
• Replace wrapping div with section html element by @emilkowalski in https://github.com/emilkowalski/sonner/pull/38
• chore: add npm fields by @withyellow in https://github.com/emilkowalski/sonner/pull/42
• Dismiss all toasts @emilkowalski in https://github.com/emilkowalski/sonner/pull/45
• Add infinite toast by @emilkowalski in https://github.com/emilkowalski/sonner/pull/46
• Fix useEffect warning by @emilkowalski in https://github.com/emilkowalski/sonner/pull/47

New Contributors

• @withyellow made their first contribution in https://github.com/emilkowalski/sonner/pull/42

Full Changelog: https://github.com/emilkowalski/sonner/compare/v0.2.0...v0.3.0

What's Changed

• Fix batch updates by @emilkowalski in #28
• Export toast types and allow function to the success/error messages to incorporate the result/error of the promise @emilkowalski in #26

What's Changed

• Add ability to add classnames to description by @danjohnson95 in #15
• Add the ability to programmatically remove a toast by @emilkowalski in #18
• Add fully custom, unstyled toast + allow to pass jsx as first argument in the toast by @emilkowalski in #19
• fix: Pass toast props correctly when using it as a promise by @emilkowalski in #20

What's Changed

• Fix height while expanded in by @joaom00 in #7
• Add a prefix to prevent overriding keyframmes by @lirbre in #11
• Avoid setting hover to false when swiping out to top by @joaom00 in #9
• Allow passing a Promise to toast without wrapper function by @skoshx in #6
• docs(website): match types copy to readme.md by @rafegoldberg in #13