_disabled is not priorized over other conditions in "styled" function about panda HOT 5 CLOSED

@Jim-salies, this is not a panda behaviour, it's css.
https://jsfiddle.net/k38w5xh6/

you'll have to do something like :not()

from panda.

you can use a runtime condition for that
https://play.panda-css.com/ClAEBFvgXo/X3M0GMtGVl

from panda.

@Jim-salies the disabled styles take preference in your attached sample

from panda.

@anubra266 just by hovering I get the following :

from panda.

I just started to use panda so I may be wrong but to keep using styled instead of cva + an aditionnal component, I modified conditions like this :

{
    extend: {
      focus: '&:not(:disabled):is(:focus, [data-focus])',
      active: '&:not(:disabled):is(:active, [data-active])',
      focusWithin: '&:not(:disabled):focus-within',
      hover: '&:not(:disabled):is(:hover, [data-hover])',
    },
  }

Anyway, it's finally working thanks a lot!

from panda.