Flag variant

[dy]

We can see sometimes components use flag property, like

<Navigation transparent />
<Button size="md" icon />

So that some classes get added conditionally by presence of that flag. Would be nice cva to be able to do something like

const buttonVariants = cva('', {
  variants: {
    ...
    // flag variant that reduces paddings
    icon: 'px-2'
  }
})

[dy]

I guess it can be used now as

variants: {
    ...
    icon: { true: 'px-2'}
  }