[Feature] Style customisation in the button widget.

Summary

As a user, I should be able to change button style as follows:

• The background colour can change with a hex code
• font colour can change with hex code
• elevation (box-shadow)
• There should be button variant contained (solid button), outlined (only borders), text (text buttons)
• Button can be multiple sizes: Large, Medium, Small
• Button can have an end icon or start icon
• Button end/start icon can have a dropdown group as well. (button adornment)

These changes should also extend to the button widget used elsewhere, Ex: in the table widget.

Motivation

I should be able to customize the button beyond primary/secondary/danger types.

RACI matrix

Attributes	Members
Responsible	@wmdev0808
Accountable	@somangshu
Consulted	@areyabhishek, @momcilo-appsmith
Informed	@Nikhil-Nandagopal

[somangshu]

@Nikhil-Nandagopal another discussion happened. Here is what was proposed

• The button style has: Primary, Secondary, Info, Warning, Danger, Success, Custom
• If the custom option is selected we will show background, font, hover colour which can change.
• The rest of the styling prop remains as it is

cc: @areyabhishek @momcilo-appsmith

[Nikhil-Nandagopal]

@somangshu I agree that we should have this but it doesn’t solve the user request of “Can I change the button color”. We’ve heard this way too many times so is it also possible to give a simple color picker that just overwrites the style?