Whcm buttons

[jnurthen]

Partially resolves #2529

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

• Enable WHCM
• Run button stories
• Compare to XD designs
  • https://spectrum.adobe.com/static/Windows-High-Contrast-Kits/Action-button-WindowsHighContrast.xd
  • https://spectrum.adobe.com/static/Windows-High-Contrast-Kits/Button-WindowsHighContrast.xd

Screenshots

Button Before

### Button After

### ToggleButton Before

### ToggleButton After

### LogicButton Before

### LogicButton After

🧢 Your Project:

[LFDanLu]

@jnurthen my XD is broken even after a reinstall, I'll try and debug it soon. In the meantime can you confirm that a unfocused CTA button should have the same color fill as the left color picker box for "Button Text" in the Windows High Contrast setting? The screenshot you attached shows the CTA button while focused.

This is mine

EDIT: Nvm, got my XD working again after a restart

[LFDanLu]

The focus ring for action buttons seems a bit thick compared to the XD files
Local:

XD:

[LFDanLu]

Note: Made a change to remove this here: b3d5e33, will need to ask Spectrum if it should be a halo focus ring or not

From XD (emphasized and selected):

From local:

[snowystinger]

lgtm, worked with @LFDanLu I can't currently test on a windows machine, but this is what I expect