Merge release/2.4.2 into main branch (#1116)

* update Toast dismiss timing (#1115)

Author: github-actions[bot]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@user-interviews/ui-design-system",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "dependencies": {
     "@tiptap/core": "^2.0.3",
     "@tiptap/extension-bold": "^2.0.3",

src/Alert/Alert.jsx

@@ -52,7 +52,8 @@ const getAlertIcon = (type) => {
   }
 };
 
-const AUTO_DISMISS_TIMEOUT = 5000;
+const AUTO_DISMISS_TIMEOUT_SUCCESS = 3000;
+const AUTO_DISMISS_TIMEOUT_DEFAULT = 5000;
 
 const getAlertClassName = (type) => {
   if (!Object.values(MessageTypes).includes(type)) {
@@ -68,12 +69,14 @@ function Alert(props) {
   useEffect(() => {
     let timeout;
     if (autoDismiss) {
-      timeout = setTimeout(() => (onDismiss(id)), AUTO_DISMISS_TIMEOUT);
+      timeout = setTimeout(() => (onDismiss(id)),
+      props.type === MessageTypes.SUCCESS ?
+      AUTO_DISMISS_TIMEOUT_SUCCESS : AUTO_DISMISS_TIMEOUT_DEFAULT);
     }
     return () => {
       clearTimeout(timeout);
     };
-  }, [autoDismiss, onDismiss, id]);
+  }, [autoDismiss, onDismiss, id, props.type]);
 
   return (
     <div