Styling for Buttons

[ftovaro]

Signed-off-by: ftovaro [email protected]

What this PR does / why we need it:

Which issue(s) this PR fixes

• Fixes Allow styling configuration for buttons  #2184 and Canvas for ButtonGroup is broken #2310

Special notes for your reviewer:
Example of styles and sizes:

Example of how to use it:

// Buttons with style
btn1 := component.NewButton("ButtonStyleOutline", action.Payload{}, component.WithButtonStyle(component.ButtonStyleOutline))
btn2 := component.NewButton("ButtonStyleSolid", action.Payload{}, component.WithButtonStyle(component.ButtonStyleSolid))
btn3 := component.NewButton("ButtonStyleFlat", action.Payload{}, component.WithButtonStyle(component.ButtonStyleFlat))

// Buttons with size
btn4 := component.NewButton("ButtonSizeLarge", action.Payload{}, component.WithButtonSize(component.ButtonSizeLarge))
btn5 := component.NewButton("ButtonSizeBlock", action.Payload{}, component.WithButtonSize(component.ButtonSizeBlock))

// Buttons with style
btn6 := component.NewButton("ButtonStatusSuccess", action.Payload{}, component.WithButtonStatus(component.ButtonStatusSuccess))
btn7 := component.NewButton("ButtonStatusInfo", action.Payload{}, component.WithButtonStatus(component.ButtonStatusInfo))
btn8 := component.NewButton("ButtonStatusDanger", action.Payload{}, component.WithButtonStatus(component.ButtonStatusDanger))
btn9 := component.NewButton("ButtonStatusDisabled", action.Payload{}, component.WithButtonStatus(component.ButtonStatusDisabled))

Release note:

release-note

[GuessWhoSamFoo]

All the examples listed needs to be in storybook.

[GuessWhoSamFoo]

Holding per https://kubernetes.slack.com/archives/CM37M9FCG/p1618336449111900

[ftovaro]

Currently working on using Clarity core components