[MNY-334] SDK: Fix Spinner animation missing sometimes in Next.js (#8553)

d-bis/js

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR addresses an issue with the `Spinner` component's animation in a Next.js environment, ensuring that the animation works consistently.

### Detailed summary
- Updated the `Spinner` component to use a `<circle>` element instead of a `Circle` styled component.
- Removed the `StyledCircle` import from `elements.js`.
- Added animation styles directly to the `<circle>` element.
- Defined the `tw-spinner-circle-dash` keyframe animation within the component.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

This commit is contained in:

MananTank

2025-12-12 18:35:49 +00:00

parent 31e24f1c58

commit 38f4a89076

3 changed files with 14 additions and 10 deletions

									
										.changeset/violet-needles-fly.md
									
		+5
		
												View File
												
				@@ -0,0 +1,5 @@

				---

				"thirdweb": patch

				---

				Fix Spinner animation not working sometimes in Next.js