TextArea with aria-invalid="false" is in error state

[Zenor27]

Hello,

I think I found a bug in the TextArea style.

The following component:

<Textarea aria-invalid="false"/>

creates a border-color: red style since it triggers the following css:

@layer recipes {
  @layer _base {
    .xxx-textarea[aria-invalid] {
      border-color: red;
    }
  }
}

I don't think this is the intended behavior. I think the correct css would be:

@layer recipes {
 @layer _base {
   .xxx-textarea[aria-invalid='true'] {
     border-color: red;
   }
 }
}