fix: skeleton delay not being applied

Author: abelflopes

packages/components/skeleton/src/index.tsx

@@ -27,12 +27,11 @@ export const Skeleton = ({
   const N = useMemo(() => (n += 1 % 3), []);
 
   useEffect(() => {
-    if (variation === "default") return;
-
     setIndex((n += 1));
 
     return () => {
       n -= 1;
+
       setIndex(undefined);
     };
   }, [variation]);
@@ -48,7 +47,8 @@ export const Skeleton = ({
               "--index": N,
             }),
       }}
-      {...otherProps}
-    />
+      {...otherProps}>
+      {index} / {N}
+    </div>
   );
 };

packages/components/skeleton/src/styles/index.module.scss

@@ -27,7 +27,7 @@
     transform: translateX(-100%);
     animation: move 2s linear infinite;
     background-image: linear-gradient(90deg, transparent, get-color(neutral-light-3), transparent);
-    animation-delay: calc(var(--n) * 200ms);
+    animation-delay: calc(var(--index) * 200ms);
   }
 }