SUI-Components/sui-components

✨ Buttons - Unlink the styles from Solid Flat and Outline designs

turolopezsanabria opened this issue · 4 comments

Is your iteration request related to a problem?

In buttons, the same colour is used as a single definition for the three styles.
At this moment it's imposible to set one GRAY for solid neutral, and a different gray for outline neutral, hence the contrast is very poor in some brands.

Check this example from Milanuncios.

Describe the solution you'd like

It should be possible to pick one colour for the solid versions of the buttons, and a different one for Outline.

(The same happens for flat design)

221004 - unlink button styles

Screenshots

Check this example from Milanuncios:

unpair.button.colour.definition.mov

Additional context**

No response

Additional info

No response

#2378 (comment)

Kindly assign this issue to me

this is Difficult @joanjeremiah! are you sure?

@andresin87 I would like to give it a try