fix ts error in animation file

Author: hualf1995

src/themes/shared/animation.ts

@@ -7,8 +7,11 @@ LICENSE file in the root directory of this source tree.
 import type { Animation } from '../types';
 
 const animation: Animation = {
+  timing0: '0',
   timing100: '100ms',
+  timing150: '150ms',
   timing200: '200ms',
+  timing250: '250ms',
   timing300: '300ms',
   timing400: '400ms',
   timing500: '500ms',
@@ -17,13 +20,31 @@ const animation: Animation = {
   timing800: '800ms',
   timing900: '900ms',
   timing1000: '1000ms',
-  easeInCurve: 'cubic-bezier(.8, .2, .6, 1)',
+  timing1500: '1500ms',
+  timing3000: '3000ms',
+  timing5000: '5000ms',
+  timing7000: '7000ms',
+  // Moves at constant speed. Commonly used for opacity and color changes.
+  easeLinear: 'cubic-bezier(0, 0, 1, 1)',
+  linearCurve: 'cubic-bezier(0, 0, 1, 1)', // use easeLinear
+  // Motion starts at top speed and comes to a very gradual stop.
+  // Commonly used for entering elements.
+  easeDecelerate: 'cubic-bezier(0.22, 1, 0.36, 1)',
+  easeOutQuinticCurve: 'cubic-bezier(0.22, 1, 0.36, 1)', // use easeDecelerate
   easeOutCurve: 'cubic-bezier(.2, .8, .4, 1)',
+  // Motion begins very gradually and ends at top speed.
+  // Commonly used for exiting elements.
+  easeAccelerate: 'cubic-bezier(0.64, 0, 0.78, 0)',
+  easeInQuinticCurve: 'cubic-bezier(0.64, 0, 0.78, 0)', // use easeAccelerate
+  easeInCurve: 'cubic-bezier(.8, .2, .6, 1)',
+  // Motion begins and ends very gradually with high velocity movement
+  // in the middle.A good default for most motion.
+  easeAccelerateDecelerate: 'cubic-bezier(0.83, 0, 0.17, 1)',
+  easeInOutQuinticCurve: 'cubic-bezier(0.86, 0, 0.07, 1)', // use easeAccelerateDecelerate
   easeInOutCurve: 'cubic-bezier(0.4, 0, 0.2, 1)',
-  easeInQuinticCurve: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-  easeOutQuinticCurve: 'cubic-bezier(0.23, 1, 0.32, 1)',
-  easeInOutQuinticCurve: 'cubic-bezier(0.86, 0, 0.07, 1)',
-  linearCurve: 'cubic-bezier(0, 0, 1, 1)',
+  // Motion begins naturally and speeds up slightly. Good for feeling
+  // of responsiveness when paired with short durations.
+  easeResponsiveAccelerate: 'cubic-bezier(0.11, 0, 0.5, 0)',
 };
 
 export default animation;