feat(switch): enhances Switch component to allow inline variant in new validation redesign

[damienrobson-sage]

Proposed behaviour

Adds the following enhancements to the Switch component:

• Inline error style with the new error
• Dark background variant

This will allow the inline option to work alongside the validationRedesignOptIn flag. If the inline layout does not fit the space provided, it will default to the vertical style layout.

Current behaviour

The Switch component does not currently support inline layouts if the validationRedesignOptIn flag is set to true

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[harpalsingh]

Looks good to me, wanted to add there is a minor alignment review we need to look at the inline layout but its rendering slightly different in different browsers so that will not impact this ticket.

[carbonci]

🎉 This PR is included in version 144.5.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀