Button: States and size improvements request

[AnjiManova]

Material

In Material, we made minor tweaks to improve the button's state readability and visual difference between the states.

1. Flat and Outlined Buttons:

The changed color background opacity is applied for Hover, Focused, and Focused & Hover states.

Current:

New UI:

Details can be found here: Figma/Indigo.Design UI Kit for Material

2. Contained and FAB Buttons:

The changed color background is applied for Hover and Focused & Hover states.

Current:

New UI:

Details can be found here: Figma/Indigo.Design UI Kit for Material

Fluent

In Fluent, the changes are more significant because we aligned the button to the official Fluent design system.

As I mentioned, because of the more significant changes, I won't break down everything. I'm leaving an image for reference and a link where all the buttons can be inspected. Figma/Indigo.Design UI Kit for Fluent

Bootstrap

In Bootstrap, the changes are two.

1. We've changed the Focus Border opacity for the Contained and FAB buttons to be more consistent through all variants. (Please look only the focus border (halo) color in the two images below)

Current:

New UI:

2. The Focused state for Contained and FAB buttons in both Light and Dark mode has been changed to primary.500

Current:

New UI:

Details can be found here: Figma/Indigo.Design UI Kit for Bootstrap

If you have any questions, please do not hesitate to let us know.