search

cschroeter / park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
https://park-ui.com
MIT License
1.74k stars 75 forks source link

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

Open Zenor27 opened 3 weeks ago

Zenor27 commented 3 weeks ago

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;
    }
  }
}