diff --git a/.changeset/tiny-hairs-collect.md b/.changeset/tiny-hairs-collect.md new file mode 100644 index 0000000000..3c25f01363 --- /dev/null +++ b/.changeset/tiny-hairs-collect.md @@ -0,0 +1,6 @@ +--- +"@heroui/theme": patch +"@heroui/skeleton": patch +--- + +fixed skeleton shimmer animation not respecting disableAnimation prop (#5915) diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json index 1d1168015d..7b44bf89a3 100644 --- a/packages/components/skeleton/package.json +++ b/packages/components/skeleton/package.json @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", - "@heroui/theme": ">=2.4.17", + "@heroui/theme": ">=2.4.23", "@heroui/system": ">=2.4.18" }, "dependencies": { diff --git a/packages/components/skeleton/stories/skeleton.stories.tsx b/packages/components/skeleton/stories/skeleton.stories.tsx index 4853de7ce2..67f6ebc566 100644 --- a/packages/components/skeleton/stories/skeleton.stories.tsx +++ b/packages/components/skeleton/stories/skeleton.stories.tsx @@ -56,7 +56,7 @@ const DefaultTemplate = (args: SkeletonProps) => ( const StandaloneTemplate = (args: SkeletonProps) => (
- +
diff --git a/packages/core/theme/src/components/skeleton.ts b/packages/core/theme/src/components/skeleton.ts index af7c203c82..1e157109fb 100644 --- a/packages/core/theme/src/components/skeleton.ts +++ b/packages/core/theme/src/components/skeleton.ts @@ -25,7 +25,6 @@ const skeleton = tv({ "before:absolute", "before:inset-0", "before:-translate-x-full", - "before:animate-shimmer", "before:border-t", "before:border-content4/30", "before:bg-gradient-to-r", @@ -56,7 +55,7 @@ const skeleton = tv({ content: "transition-none", }, false: { - base: "transition-background !duration-300", + base: "before:animate-shimmer transition-background !duration-300", content: "transition-opacity motion-reduce:transition-none !duration-300", }, },