From 0a773e41b4cdb62163855d009fe040d2e417247e Mon Sep 17 00:00:00 2001 From: Sara Vieira Date: Fri, 29 Jul 2022 19:37:52 +0200 Subject: [PATCH] increas4e animation time --- packages/design-system/src/components/toast.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/design-system/src/components/toast.tsx b/packages/design-system/src/components/toast.tsx index 76097696b6..5e9120adfe 100644 --- a/packages/design-system/src/components/toast.tsx +++ b/packages/design-system/src/components/toast.tsx @@ -56,7 +56,7 @@ const StyledToast = styled(ToastPrimitive.Root, { animation: `${slideIn} 250ms cubic-bezier(0.16, 1, 0.3, 1)`, }, '&[data-state="closed"]': { - animation: `${hide} 100ms ease-in`, + animation: `${hide} 105ms ease-in`, }, '&[data-swipe="move"]': { transform: "translateX(var(--radix-toast-swipe-move-x))", @@ -66,7 +66,7 @@ const StyledToast = styled(ToastPrimitive.Root, { transition: "transform 200ms ease-out", }, '&[data-swipe="end"]': { - animation: `${swipeOut} 100ms ease-out`, + animation: `${swipeOut} 150ms ease-out`, }, }, variants: {