Set both as default fill

Author: inokawa

src/hooks/core.ts

@@ -45,7 +45,7 @@ export const createAnimation = (
   options: AnimationOptions | undefined
 ): Animation => {
   const modifiedOptions: AnimationOptions = {
-    fill: "forwards",
+    fill: "both",
     ...options,
   };
   try {

stories/hooks/useAnimation.stories.tsx

@@ -292,7 +292,7 @@ const Bar = ({
           },
           target,
         ],
-    { duration: 150, easing: "ease-out", delay: i * 100, fill: "both" }
+    { duration: 150, easing: "ease-out", delay: i * 100 }
   );
 
   useEffect(() => {

stories/hooks/useAnimationFunction.stories.tsx

@@ -69,7 +69,6 @@ export const Canvas: StoryObj = {
         easing: "ease-in-out",
         duration: 1000,
         iterations: Infinity,
-        fill: "both",
       }
     );
 

stories/hooks/useAnimations.stories.tsx

@@ -9,7 +9,6 @@ const WavedRect = ({ i }: { i: number }) => {
     easing: "ease-in-out",
     iterations: Infinity,
     direction: "alternate",
-    fill: "both",
     delay: i * 98,
   };
   const animate = useAnimations({