fix .is-valid and .is-invalid in css

[lilabyte]

If you use newest version of the flyonui with Next.js there is an error on page loading:

Parsing css source code failed
  3220 | }
  3221 | .select:focus.is-valid ~ .select-floating-label,
> 3222 | .validate .select:focus:is-valid ~ .select-floating-label,
       |                          ^
  3223 | .select:focus.is-valid ~ .select-filled-label,
  3224 | .validate .select:focus:is-valid ~ .select-filled-label {
  3225 |   --tw-text-opacity: 1;

'is-valid' is not recognized as a valid pseudo-class. Did you mean '::is-valid' (pseudo-element) or is this a typo? at [project]/src/app/globals.css:3221:25

this fixes it

[PruthviPraj00]

hello @lilabyte,

Thank you for bringing this to our attention! Instead of using classes, it should be :valid and :invalid rather than :is-valid and :is-invalid, as the latter are not valid pseudo-classes.

Could you kindly revise the pull request with these changes? We truly appreciate your contribution!

.validate .textarea:focus:invalid ~ .textarea-floating-label,

[lilabyte]

@PruthviPraj00, sure changed.

[fuaditrockz]

How about the status? Is it already merged? @lilabyte