background-gradients

[braven112]

Is your feature request related to a problem? Please describe.

As a themer,
I want to be able to use background-gradients when customizing auro
So that I can create any type of theme I need without being restricted to just changing the background-color property.

Describe the solution you'd like

I'd like to see either a token for the background-image property or I'd like to see the background-color token applied to the background css element so that I can replace the color with a gradient or any other value the background property accepts.

Describe alternatives you've considered

The two options listed above are far better but we could also allow css parts but that isn't as simple when creating themes for the entire system.

Additional context

No response

Exit criteria

I know I'm done when:

• buttons can be themed to use background-gradients or solid background colors.
• Implementers only need to change a token to use background gradients.
• hover, active, disabled, focus, focus-within, visited, etc. colors and background can customized.

[Patrick-Daly-AA]

notes from Jason around opacity for button:

1. tier 3 tokens inside auro-button
2. theme that will do every single color inside of auro-button
3. tier 2 tokens that would get used for opacity/gradients
4. update auro-button so tier 3 tokens use new tier 2 tokens.