fix(): Sonner toast styles.

Author: aidanCQ

src/shadcn/ui/sonner.tsx

@@ -20,8 +20,11 @@ export const SonnerToast = ({ ...props }: ToasterProps) => {
           actionButton:
             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
           cancelButton:
-            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-        },
+            "group-[.toaster]:bg-muted group-[.toaster]:text-muted-foreground bg-red",
+                
+                closeButton:
+                "group-[.toaster]:bg-muted group-[.toaster]:border-border group-[.toaster]:text-foreground bg-red group-[.toaster]:hover:text-background",
+                    },
       }}
       {...props}
     />

stories/shadcn/sonner.stories.tsx

@@ -5,7 +5,7 @@ import * as sonner from 'sonner'
 const SonnerDemo = () => {
     return (
         <div>
-        <SonnerToast closeButton duration={1}>
+        <SonnerToast closeButton duration={9000000}>
 
         </SonnerToast>
          <Button onClick={() => sonner.toast.success('Success!')}>Show Toast</Button>   </div>