diff --git a/packages/core/theme/src/animations/index.ts b/packages/core/theme/src/animations/index.ts index a47304d4b5..b85738345e 100644 --- a/packages/core/theme/src/animations/index.ts +++ b/packages/core/theme/src/animations/index.ts @@ -1,5 +1,6 @@ export const animations = { animation: { + shimmer: "shimmer 2s infinite", "drip-expand": "drip-expand 420ms linear", "spinner-ease-spin": "spinner-spin 0.8s ease infinite", "spinner-linear-spin": "spinner-spin 0.8s linear infinite", diff --git a/packages/core/theme/src/components/image.ts b/packages/core/theme/src/components/image.ts index dcfba8c320..37485d7a5d 100644 --- a/packages/core/theme/src/components/image.ts +++ b/packages/core/theme/src/components/image.ts @@ -102,7 +102,7 @@ const image = tv({ "before:absolute", "before:inset-0", "before:-translate-x-full", - "before:animate-[shimmer_2s_infinite]", + "before:animate-shimmer", "before:border-t", "before:border-content4/30", "before:bg-gradient-to-r", diff --git a/packages/core/theme/src/components/skeleton.ts b/packages/core/theme/src/components/skeleton.ts index 18d9d6a4fb..af7c203c82 100644 --- a/packages/core/theme/src/components/skeleton.ts +++ b/packages/core/theme/src/components/skeleton.ts @@ -25,7 +25,7 @@ const skeleton = tv({ "before:absolute", "before:inset-0", "before:-translate-x-full", - "before:animate-[shimmer_2s_infinite]", + "before:animate-shimmer", "before:border-t", "before:border-content4/30", "before:bg-gradient-to-r",