refactor: change color picker input on builder, add bg transition to appkit

[enesozturk]

Description

• Refactors Builder to change color picker to native input
• Refactors AppKit to add background transition to wui-card, wui-separator and wui-tag

Type of change

• Chore (non-breaking change that addresses non-functional tasks, maintenance, or code quality improvements)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Associated Issues

For Linear issues: Closes APKT-1717, APKT-1721
For GH issues: closes #...

Showcase (Optional)

Screen.Recording.2024-12-16.at.09.44.57.mov

Checklist

• Code in this PR is covered by automated tests (Unit tests, E2E tests)
• My changes generate no new warnings
• I have reviewed my own code
• I have filled out all required sections
• I have tested my changes on the preview link
• Approver of this PR confirms that the changes are tested on the preview link

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
appkit-builder	🛑 Canceled (Inspect)			Dec 16, 2024 6:54am
appkit-laboratory	🛑 Canceled (Inspect)		💬 Add feedback	Dec 16, 2024 6:54am
appkit-vue-solana	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 16, 2024 6:54am
appkit-wagmi-cdn-example	🛑 Canceled (Inspect)			Dec 16, 2024 6:54am
vue-wagmi-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 16, 2024 6:54am

[changeset-bot]

🦋 Changeset detected

Latest commit: 6a43fda

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 18 packages

Name	Type
@reown/appkit-scaffold-ui	Patch
@reown/appkit-ui	Patch
@reown/appkit-adapter-ethers	Patch
@reown/appkit-adapter-ethers5	Patch
@reown/appkit-adapter-solana	Patch
@reown/appkit-adapter-wagmi	Patch
@reown/appkit	Patch
@reown/appkit-utils	Patch
@reown/appkit-cdn	Patch
@reown/appkit-cli	Patch
@reown/appkit-common	Patch
@reown/appkit-core	Patch
@reown/appkit-experimental	Patch
@reown/appkit-polyfills	Patch
@reown/appkit-siwe	Patch
@reown/appkit-siwx	Patch
@reown/appkit-wallet	Patch
@reown/appkit-wallet-button	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[linear]

APKT-1717 Change the color picker since it's breaking the app

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	53.98%	14803 / 27421
🔵	Statements	53.98%	14803 / 27421
🔵	Functions	40.8%	1063 / 2605
🔵	Branches	75.33%	1885 / 2502

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
packages/scaffold-ui/src/modal/w3m-modal/styles.ts	100%	100%	100%	100%
packages/ui/src/composites/wui-tag/styles.ts	100%	100%	100%	100%
packages/ui/src/layout/wui-separator/styles.ts	100%	100%	100%	100%

Generated in workflow #8128 for commit 6a43fda by the Vitest Coverage Report Action

[linear]

APKT-1721 "Main" title should be "Accent"