[button] inset focus needs to be transparent

[laurenmrice]

For the primary, secondary, tertiary and danger buttons, the focus state should have a 1px inset transparent space from the 2px focus border.

Spec example:

In the documentation on the style tab, I do see that inverse-01 seems to be applied instead of a transparent space. Having an inset transparent space is the design intent.

[tw15egan]

@laurenmrice, since this effect is being created by a box-shadow, setting this to transparent would make the space created by the inverse-01 to match the background color.

I believe background-color will always paint to the border, so I'm not sure of a workaround.

[laurenmrice]

In the dark themes right now, that inset 1px border is showing up as a color other than the ui-background and also not inverse-01
Ex:

[tw15egan]

Seems like its set to ui-02? Should we update it to ui-background?

[laurenmrice]

Yep, lets go with ui-background