feat(Radio/Checkbox/Toggle)!: handle color prop for form elements

[Haythamasalama]

Support color customization on Radio/Checkbox/Toggle

Resolves #313

[vercel]

@Haythamasalama is attempting to deploy a commit to the Nuxt Labs Team on Vercel.

A member of the Team first needs to authorize it.

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
ui	Edit on Studio ↗︎	View Live Preview	972eece

[Haythamasalama]

@benjamincanac It would be nice to add color props for Icon, which I need a lot! What do you think?

[benjamincanac]

Why would you need a color prop for an icon? You can just add text-primary-500 class for example. Other components may have this prop when some logic is required underneath.

[Haythamasalama]

Why would you need a color prop for an icon? You can just add text-primary-500 class for example. Other components may have this prop when some logic is required underneath.

Yes, I know that, so I asked you before make it, but in general, It's nice to have color, size, and rounded in every component that makes it easy to edit theme and class `UI properties for other things.

In cases like using icons in dashboard analytics with different colors, it can be helpful.

[benjamincanac]

It is kind of the same debate as #264

[benjamincanac]

I've updated your PR to improve the preset of the 3 components and support the safelist. Let me know what you think!

[benjamincanac]

For reference, I've also removed all the blur and focus event handling from the form elements as since the bind of $attrs it is useless.