Default input classNames causing unwanted transition when overridden

[gtonussi]

Hello!

First (actually again as I've already posted here) thanks a lot for this lib, it is very useful!

I've noticed an issue with the properties 'transition-all duration-300' that are by default inserted on Input.

I am overriding the classes using the classNames props, using an object with key "input" that is a function returning a string with all the same original classes except for border and bg color, which I customized.

My expected behaviour is that the Input element gets loaded with those colors immediately. But, due to the transition properties, it loads with the original colors, and then transitions to the custom ones, causing a visible unwanted effect.

I have then removed the transition properties from my custom string, and noticed no major changes except for focus border that lost it and I'm willing to ignore, but I am wondering if it is going to be a problem for another functionality of the component.

My suggestion is to review those transition properties, and if they're not valid, to remove it from default.

Another option would be to include it only after first load, maybe together with focus classes that I think are added "later" as it depends on primaryColor prop.

My best regards