update

src/components/sweetAlertToast/SweetAlert.css

@@ -6,23 +6,20 @@
   margin-top: 0px !important;
 }
 .swal2-timer-progress-bar-container {
-  /* background-color: var(--error-color7) !important;
-  direction: ltr !important; */
-}
-.swal2-timer-progress-bar {
-  /* background-color: var(--toast-bg-error) !important; */
+  direction: ltr !important;
 }
+/* .swal2-timer-progress-bar {
+  background-color: var(--toast-bg-error) !important;
+} */
 .swal2-icon {
   font-size: 13px !important;
 }
-/* .swal2-timer-progress-bar {
-  direction: ltr !important;
-} */
 /* !error Toast */
 .error-toast-title {
   color: var(--error-color7) !important;
 }
-.error-toast-modalBox {
+.error-toast-modalBox,
+.error-toast-modalBox-timer {
   background-color: var(--toast-bg-error) !important;
 }
 .error-toast-closeButton {
@@ -35,7 +32,8 @@
 .success-toast-title {
   color: var(--toast-success-color) !important;
 }
-.success-toast-modalBox {
+.success-toast-modalBox,
+.success-toast-modalBox-timer {
   background-color: var(--toast-bg-success) !important;
 }
 .success-toast-closeButton {
@@ -43,3 +41,19 @@
   color: var(--toast-bg-success) !important;
   padding: 15px !important;
 }
+
+.error-toast-modalBox-timer .swal2-timer-progress-bar-container {
+  background-color: var(--error-color7) !important;
+}
+
+.error-toast-modalBox-timer .swal2-timer-progress-bar {
+  background-color: var(--toast-bg-error) !important;
+}
+
+.success-toast-modalBox-timer .swal2-timer-progress-bar-container {
+  background-color: var(--toast-success-color) !important;
+}
+
+.success-toast-modalBox-timer .swal2-timer-progress-bar {
+  background-color: var(--toast-bg-success) !important;
+}

src/components/sweetAlertToast/SweetToast.js

@@ -117,7 +117,7 @@ function SweetToast(props) {
             customClass: {
               title: "error-toast-title",
               closeButton: "error-toast-closeButton",
-              popup: "error-toast-modalBox",
+              popup: "error-toast-modalBox-timer",
             },
           })
         }
@@ -140,8 +140,7 @@ function SweetToast(props) {
             customClass: {
               title: "success-toast-title",
               closeButton: "success-toast-closeButton",
-              popup: "success-toast-modalBox",
-              footer: "footer-error-9",
+              popup: "success-toast-modalBox-timer",
             },
           })
         }