Added toggle gradient and cleaned up the size

[annadoesdesign]

Before:

After:

switch.mov

[alwaysmeticulous]

🔴 Meticulous spotted visual differences in 52 of 1395 screens tested: view and approve differences detected.

Meticulous evaluated ~8 hours of user flows against your PR.

_{Last updated for commit 8968b2f. This comment will update as new commits are pushed.}

[codecov]

Bundle Report

Changes will decrease total bundle size by 817 bytes (-0.0%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
datahub-react-web-esm	28.5MB	-817 bytes (-0.0%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: datahub-react-web-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
assets/index-*.js	-817 bytes	18.84MB	-0.0%

Files in assets/index-*.js:

• ./src/alchemy-components/components/Switch/Switch.tsx → Total Size: 2.01kB

• ./src/alchemy-components/components/Switch/components.ts → Total Size: 2.61kB

[codecov]

Codecov Report

❌ Patch coverage is 34.61538% with 17 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...alchemy-components/components/Switch/components.ts	34.61%	17 Missing ⚠️

❌ Your patch status has failed because the patch coverage (34.61%) is below the target coverage (75.00%). You can increase the patch coverage or adjust the target coverage.

📢 Thoughts on this report? Let us know!

[jayacryl]

would the left offset be dependent on the size? were you able to test this for different sizes?

[annadoesdesign]

switch.mov

@jayacryl please take another look

[jayacryl]

size isn't used anymore right? should we remove that prop?

[jayacryl]

I would just:

1. Remove the size prop
2. Make sure yarn lint is passing

[annadoesdesign]

closed and made a way more targeted approach: #14545