Merge pull request #87 from sanjayc208/fix/domain-update

fix: default aria , domain updated, website changes

Author: sanjayc208

README.md

@@ -1,4 +1,4 @@
-<a href="https://react-fox-toast.vercel.app/">
+<a href="https://react-fox-toast.com/">
 <p align="center">
   <img src="./assets/fox_logo.png"  align="center" alt="fox logo" width="200px">
   <h1 align="center">✨ React Fox Toast✨</h1>
@@ -23,9 +23,9 @@
 <div align="center">
 <h3 style="font-size: 20px"><strong>
 
-<a href="https://react-fox-toast.vercel.app/">🌏 Website</a> 
+<a href="https://react-fox-toast.com/">🌏 Website</a> 
 <span> &nbsp;|&nbsp; </span>
-<a href="https://react-fox-toast.vercel.app//documentation/getting-started">📚 Documentation</a> 
+<a href="https://react-fox-toast.com//documentation/getting-started">📚 Documentation</a> 
 <span> &nbsp;|&nbsp; </span>
 <a href="https://github.com/sanjayc208/react-fox-toast">🗄️ Github</a> 
 </strong>
@@ -35,7 +35,7 @@
 
 <div align="center">
   <p>Preview</p>
-  <a href="https://react-fox-toast.vercel.app/"><img src="./assets/rft-preview.gif" alt="Description of GIF"></a>
+  <a href="https://react-fox-toast.com/"><img src="./assets/rft-preview.gif" alt="Description of GIF"></a>
 </div>
 
 # React Fox Toast - Flexible Toast Notifications for React and Next.js
@@ -103,7 +103,7 @@ function MyComponent() {
 ```
 
 ## Learn More
-- Detailed usage and examples are available in the [Documentation](https://react-fox-toast.vercel.app/documentation/getting-started).
+- Detailed usage and examples are available in the [Documentation](https://react-fox-toast.com/documentation/getting-started).
 
 ## License
 MIT License

src/components/toast-container.tsx

@@ -29,8 +29,9 @@ const DEFAULT_SPACING = 0
 const DEFAULT_DIRECTION = 'ltr'
 const DEFAULT_IS_PAUSED_ON_HOVER = true
 const DEFAULT_TOAST_TYPE_THEMING = {}
+const DEFAULT_ARIA = undefined
 
-export const ToastContainer: React.FC<ToastContainerProps> = ({ toastTypeTheming = DEFAULT_TOAST_TYPE_THEMING, spacing = DEFAULT_SPACING, position = DEFAULT_POSITION, duration = DEFAULT_DURATION, direction = DEFAULT_DIRECTION, isPausedOnHover = DEFAULT_IS_PAUSED_ON_HOVER, aria = undefined }) => {
+export const ToastContainer: React.FC<ToastContainerProps> = ({ toastTypeTheming = DEFAULT_TOAST_TYPE_THEMING, spacing = DEFAULT_SPACING, position = DEFAULT_POSITION, duration = DEFAULT_DURATION, direction = DEFAULT_DIRECTION, isPausedOnHover = DEFAULT_IS_PAUSED_ON_HOVER, aria = DEFAULT_ARIA }) => {
     // Set new default values
     setToastDefaults(duration, position);
 

website/src/app/page.tsx

@@ -145,7 +145,7 @@ export default function Home() {
           onClick={() =>
             toast(
               <>
-                Custom JSX componentCustom
+                Welcome to React Fox Toast!
               </>,
               {
                 position: 'top-center',

website/src/components/features/feature-list.tsx

@@ -2,7 +2,7 @@
 
 import { cn } from "@/lib/utils";
 import { AnimatedList } from "@/components/ui/animated-list";
-import { Paintbrush, Expand, Pause, Feather, User, CircleX, MailOpen } from 'lucide-react'
+import { Paintbrush, Expand, Pause, Feather, User, CircleX, MailOpen, Accessibility } from 'lucide-react'
 
 interface Item {
   name: string;
@@ -51,7 +51,7 @@ let notifications = [
     name: "Expandable",
     // description: "Magic UI",
     icon: <Expand />, //"🗞️",
-    color: "#8ce3f9" //"#1E86FF",
+    color: "#e6e600" //"#1E86FF",
   },
   {
     name: "Envelope",
@@ -77,6 +77,12 @@ let notifications = [
     icon: <CircleX />,
     color: "#f0f0f0" //"#1E86FF",
   },
+  {
+    name: "Accessibility",
+    // description: "Magic UI",
+    icon: <Accessibility />,
+    color: "#99ccff" //"#1E86FF",
+  },
 ];
 
 notifications = Array.from({ length: 10 }, () => notifications).flat();