From 6a47138bb9da7576a021f23e422957e7bbcf5d48 Mon Sep 17 00:00:00 2001
From: Tuomo Kivinen <mrtuomok@gmail.com>
Date: Tue, 16 Apr 2024 10:04:54 +0300
Subject: [PATCH] (HDS-2160) change notification progressbar direction

---
 CHANGELOG.md                                                | 1 +
 packages/react/src/components/notification/Notification.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 20eb18d939..3d2d62137f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 #### Changed
 
 - [Component] What has been changed
+- [Notification] Change auto closing notification progressbar to decrease instead of increase.
 
 #### Fixed
 
diff --git a/packages/react/src/components/notification/Notification.tsx b/packages/react/src/components/notification/Notification.tsx
index ab30dad4e0..cfc0489e87 100644
--- a/packages/react/src/components/notification/Notification.tsx
+++ b/packages/react/src/components/notification/Notification.tsx
@@ -164,8 +164,8 @@ const getCloseTransition = (duration: number) => ({
  * @param duration
  */
 const getAutoCloseTransition = (duration: number) => ({
-  from: { transform: 'translate3d(-100%, 0, 0)' },
-  to: { transform: 'translate3d(0%, 0, 0)' },
+  from: { transform: 'translate3d(0%, 0, 0)' },
+  to: { transform: 'translate3d(-100%, 0, 0)' },
   config: {
     duration,
   },