`bg=` should map to `background` not `background-color`?

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

Right now the bg= shorthand property seems to map to background-color. But this makes it confusing when you want to change a background from a color to a gradient. You might think you can just change:

bg="gray.500"

To:

bg="linear-gradient(...)"

But that would result in CSS of:

background-color: linear-gradient(...);

Which fails, because it maps to background-color instead of background.

Describe the solution you’d like

Instead of mapping bg= to background-color, it should map to background. I think there’s no downside here, since colors can always be passed directly to background and work as intended?

[segunadebayo]

This also makes sense @ianstormtaylor. We’ll look into it.

[segunadebayo]

@ianstormtaylor This has been fixed in the v1 pre-release. We’ll publish v1 officially soon.