Some odds while upgrading to Chakra UI V 1.x

Hi 😃

We have recently upgraded to chakra ui v1.x and while doing so I noticed 2 odd behaviours there are not bugs maybe

With the upgrade, the background colour with value keyword cyan was not showing up here. So I have added the following which works:

background: theme.colors.cyan['500'],

Ref: https://github.com/NeonLaw/codebase/pull/744#discussion_r481439168

Opposite to what the migration docs https://next.chakra-ui.com/docs/migration#radio say the Radio component after the update is not taking up the 100% of the parent’s width rather it’s only taking up the content width:

This is how it looks now after the update to v 1.x:

This is how it looked before:

Note: there was no isFullWidth prop used before.

I have added the above width="100%" so that it takes up the full width.

Ref: https://github.com/NeonLaw/codebase/pull/744#discussion_r481444198

[segunadebayo]

Looking through this conversation, and I think it’s fine the way it is, to be honest.

We can plan to document it some more in the future to clear any doubt or confusion.

Thanks for chiming in @with-heart and @ljosberinn. You guys are amazing!

[with-heart]

imo it’d be even more confusing for users if cyan by itself defaulted to a color that isn’t even in the Chakra system. I think it’s fine the way it is. We definitely need to take a closer look at documenting how colors work with the scales though, as a number of users are confused by it.