From 3a1902294fd09821a319adc25fadec0761cdc7ac Mon Sep 17 00:00:00 2001
From: Lo Kim <lo.kim@shopify.com>
Date: Thu, 14 Mar 2024 14:54:45 -0400
Subject: [PATCH] [Navigation] Update custom transition

---
 .../components/SecondaryNavigation/SecondaryNavigation.tsx    | 4 ++--
 .../SecondaryNavigation/tests/SecondaryNavigation.test.tsx    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/SecondaryNavigation.tsx b/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/SecondaryNavigation.tsx
index f31516376aa..2c5b2415d9f 100644
--- a/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/SecondaryNavigation.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/SecondaryNavigation.tsx
@@ -41,8 +41,8 @@ export function SecondaryNavigation({
   );
 
   const transition = {
-    duration: 'var(--p-motion-duration-200)',
-    timingFunction: 'var(--p-motion-ease-in-out)',
+    duration: 'var(--p-motion-duration-100)',
+    timingFunction: 'var(--p-motion-ease-out)',
   };
 
   return (
diff --git a/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/tests/SecondaryNavigation.test.tsx b/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/tests/SecondaryNavigation.test.tsx
index 6843f3945d1..6fd3d818a21 100644
--- a/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/tests/SecondaryNavigation.test.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/components/SecondaryNavigation/tests/SecondaryNavigation.test.tsx
@@ -52,8 +52,8 @@ describe('<SecondaryNavigation />', () => {
       const component = mountWithApp(<SecondaryNavigation {...mockProps} />);
       expect(component).toContainReactComponent(Collapsible, {
         transition: {
-          duration: 'var(--p-motion-duration-200)',
-          timingFunction: 'var(--p-motion-ease-in-out)',
+          duration: 'var(--p-motion-duration-100)',
+          timingFunction: 'var(--p-motion-ease-out)',
         },
       });
     });