Dynamic variants do not render the colors, possibly due to tailwinds JIT

[fayazara]

I am seeing that a lot of components do not apply the styles, when you change the variant/error dynamically.

Example - I have a form and I am using the form group element and it is very common that I will add/update the error prop dynamically, when I do that, I see the -red- classes getting added to the element, but they are empty styles. I believe it's happening because of https://tailwindcss.com/docs/content-configuration#dynamic-class-names

Another example with the same issue, I am changing the color of a button on click and this happens.

[benjamincanac]

This has already been fixed in 208acca.

You can try the Edge version until it is released!

[HossinAmin]

A temporary solution is to bind the color prop with your error value and add the color red to the safe list.

[benjamincanac]

For now, safelisting the red color through ui.safelistColors is enough to fix this if you're not using the Edge version.

However, you made me realize that the smart safelisting wasn't working when writing components in snake case: <u-input>, this should be solved by e25be11.