[Navigation] Update custom transition

Shopify · Mar 18, 2024 · 3a19022 · 3a19022
1 parent 5de0c56
commit 3a19022
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...ponents/Navigation/components/Item/components/SecondaryNavigation/SecondaryNavigation.tsx b/...ponents/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/...igation/components/Item/components/SecondaryNavigation/tests/SecondaryNavigation.test.tsx b/...igation/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)',
         },
       });
     });