Allow to style all unstyled toasts with the default prop (#324)

emilkowalski · Feb 3, 2024 · b16aeb6 · b16aeb6
1 parent 5de89d5
commit b16aeb6
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -235,6 +235,7 @@ const Toast = (props: ToastProps) => {
         toastClassname,
         classNames?.toast,
         toast?.classNames?.toast,
+        classNames?.default,
         classNames?.[toastType],
         toast?.classNames?.[toastType],
       )}
@@ -459,10 +460,10 @@ const Toaster = (props: ToasterProps) => {
     theme !== 'system'
       ? theme
       : typeof window !== 'undefined'
-        ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
-          ? 'dark'
-          : 'light'
-        : 'light',
+      ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light'
+      : 'light',
   );
 
   const listRef = React.useRef<HTMLOListElement>(null);
@@ -658,8 +659,8 @@ const Toaster = (props: ToasterProps) => {
                   cancelButtonStyle={toastOptions?.cancelButtonStyle}
                   actionButtonStyle={toastOptions?.actionButtonStyle}
                   removeToast={removeToast}
-                  toasts={toasts.filter(t => t.position == toast.position)}
-                  heights={heights.filter(h => h.position == toast.position)}
+                  toasts={toasts.filter((t) => t.position == toast.position)}
+                  heights={heights.filter((h) => h.position == toast.position)}
                   setHeights={setHeights}
                   expandByDefault={expand}
                   gap={gap}