Add secondary button states

[anselmbradford]

http://cfpb.github.io/design-manual/ui-toolkit/buttons.html lists the primary button states (hover, active, disabled), but doesn't list the states of the secondary button, beyond the normal state.

[JenniferHoran]

This would also be important for 508.

[mebates]

Hey @anselmbradford, I think we can assume that the buttons would follow the same pattern as the blue:

Normal: Gray Hover/focused: Gray 80% Active: Dark Gray Disabled: Gray 20% (should match the blue disabled state)

Do you think this needs to be documented in the Design Manual? I think it's pretty easy to discern, but if others don't, we should document it.

[anselmbradford]

Do you think this needs to be documented in the Design Manual? I think it's pretty easy to discern, but if others don't, we should document it.

I'd err on the side of being comprehensive in the design manual and documenting it, particularly since the colors don't use the same name across all states for the primary button. (Someone could get confused by the ambiguity and use Neutral for the Active state, for instance.)

[mebates]

@contolini may help out with this!

[nataliafitzgerald]

@anselmbradford Is this something that's already in Capital Framework? Just clarifying whether this task is just to add it to the Design Manual documentation?

Is this the code for this?

[anselmbradford]

@nataliafitzgerald yes that's right, see https://cfpb.github.io/capital-framework/components/cf-buttons/#secondary-button