fix: focus visuals and style clean up

[eljefe223]

Description

1. Cleans up several styling issues
2. Focus visuals incorrect on some controls.
3. Focus visuals not visible on some controls.
4. Disabled controls still had hover and active states.
5. Alignment of padding across text input controls
6. Maps type ramp to design system in MSFT

Example Before:

Example After:

Issue type checklist

• Chore: A change that does not impact distributed packages.
• Bug fix: A change that fixes an issue, link to the issue above.
• New feature: A change that adds functionality.

Is this a breaking change?

• This change causes current functionality to break.

Process & policy checklist

• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

[bheston]

That focus visual doesn't meet contrast requirements. For a dark fill like this there needs to be contrasting space between. Check the latest update to the msft styles that set focus as an external double border for checkbox, radio, and toggle.

[chrisdholt]

That focus visual doesn't meet contrast requirements. For a dark fill like this there needs to be contrasting space between. Check the latest update to the msft styles that set focus as an external double border for checkbox, radio, and toggle.

@bheston can we take that as a fast-follow? It's going to require updating the recipes which I'd like to hold in a separate PR if we can.

EDIT: Additionally, I assume these are missing from the MSFT web components? The recipes are likely good there, but if you've changed the react components those likely aren't reflected in the current package.

[eljefe223]

That focus visual doesn't meet contrast requirements. For a dark fill like this there needs to be contrasting space between. Check the latest update to the msft styles that set focus as an external double border for checkbox, radio, and toggle.

We should be good now.