change: [M3-9939] - Akamai Design System: Switch (Toggle) Component

[hasyed-akamai]

Description 📝

Update styles to match CDS for Switch (Toggle) component

Changes 🔄

• Add Switch (Toggle) design tokens
• Add more stories for the Switch (Toggle) component in Storybook
• Update styles to match CDS for Switch (Toggle) component

Target release date 🗓️

N/A

Preview 📷

Some of the Select variants (from storybook):

State	Light	Dark
Default
Disabled

How to test 🧪

• Confirm CI is passing
• Checkout the branch and verify figma changes for Switch (Toggle) component
  • Verify all the Switch (Toggle) variants:
    • Default
    • Hover
    • Filled
    • Disabled
  • Verify spacing
  • Verify the Switch (Toggle) component and its different variants in Storybook
• Confirm no visual regression in application
  • Verify Switch (Toggle) wherever used in CM (in both light and dark modes)

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review ❔ Our contribution guidelines 🤏 Splitting feature into small PRs ➕ Adding a changeset 🧪 Providing/improving test coverage 🔐 Removing all sensitive information from the code and PR description 🚩 Using a feature flag to protect the release 👣 Providing comprehensive reproduction steps 📑 Providing or updating our documentation 🕛 Scheduling a pair reviewing session 📱 Providing mobile support ♿ Providing accessibility support

• [x] I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• [x] All unit tests are passing
• [x] TypeScript compilation succeeded without errors
• [x] Code passes all linting rules

[jaalah-akamai]

The disabled (unchecked) inner circle color needs to be updated too

Current	Design

[linode-gh-bot]

Cloud Manager UI test results

:tada: 664 passing tests on test run #15 ↗︎

:x: Failing	:white_check_mark: Passing	:arrow_right_hook: Skipped	:clock1: Duration
0 Failing	664 Passing	4 Skipped	124m 52s