Button: Outline variant hover border is not applied correctly

[mijpeterson]

Description

"outline" variant Buttons, on hover, do not apply the theme's hoverBorder color.

This is likely due to a typo inside the Button styles file: https://github.com/primer/react/blob/main/src/Button/styles.ts#L135

That line is currently written as:

borderColor: 'outline.hoverBorder',

when it should probably be written as:

borderColor: 'btn.outline.hoverBorder',

Steps to reproduce

1. Navigate to https://codesandbox.io/s/twilight-fire-1qpyl1?file=/src/App.js
2. Open the dev tools and inspect the button
3. Simulate the hover state on the button
4. Observe the button's CSS property:
   

Version

35.10.0

Browser

Edge