[Button] Outlined outline color should not be set to primary but 12% on-surface

[e111077]

Bug report

The Material spec for button theming Material spec notes that the border color of an outlined button should be set to secondary theme on-surface at 12%, but we seem to set it as primary

Steps to reproduce

1. Create an mdc-button that is outlined
2. Set secondary to be a different color, like red

Actual behavior

The outline of the button is the same, primary color

Expected behavior

The outline of the button should be the secondary color (red in this case)

Screenshots

Your Environment:

Software	Version(s)
MDC Web	canary
Browser	chrome
Operating System	macos

Additional context

Possible solution

[abhiomkar]

For records, it seems like the spec says On Surface, 12%. But not secondary.

[e111077]

Heya, perhaps it's a typo in the theming section in the buttons part in material.io:

[e111077]

update: internal chat pointed out that the doc I pointed to is not spec, but also that it should still not be primary but on-surface 12%