From b732651c5bf079ebab34356f3d0ef84e7b00912f Mon Sep 17 00:00:00 2001 From: belltalion Date: Tue, 28 Oct 2025 14:10:31 +0900 Subject: [PATCH 1/2] hotfix button keyframe --- .../src/components/Button/IconSpinner.tsx | 21 +++++++++++-------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/packages/components/src/components/Button/IconSpinner.tsx b/packages/components/src/components/Button/IconSpinner.tsx index b372ba4a..f5bb7b3f 100644 --- a/packages/components/src/components/Button/IconSpinner.tsx +++ b/packages/components/src/components/Button/IconSpinner.tsx @@ -1,20 +1,23 @@ import { Box, keyframes } from '@devup-ui/react' import { SVGProps } from 'react' -const spin = keyframes({ - '0%': { - transform: 'rotateZ(0deg)', - }, - '100%': { - transform: 'rotateZ(360deg)', - }, -}) - interface IconSpinnerProps extends SVGProps { type?: 'whole' | 'partial' } export function IconSpinner({ type = 'whole', ...props }: IconSpinnerProps) { + /** + * TODO: After fixing the keyframes issue, keyframe must be moved to outside function + */ + const spin = keyframes({ + '0%': { + transform: 'rotateZ(0deg)', + }, + '100%': { + transform: 'rotateZ(360deg)', + }, + }) + if (type === 'partial') { return ( Date: Tue, 28 Oct 2025 14:11:02 +0900 Subject: [PATCH 2/2] hotfix button keyframe --- .changeset/wicked-sloths-agree.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/wicked-sloths-agree.md diff --git a/.changeset/wicked-sloths-agree.md b/.changeset/wicked-sloths-agree.md new file mode 100644 index 00000000..83310810 --- /dev/null +++ b/.changeset/wicked-sloths-agree.md @@ -0,0 +1,5 @@ +--- +'@devup-ui/components': patch +--- + +Hotfix button keyframe