Styles don't apply to compound variant descendants

[mattaningram]

I am attempting to customize the styles of a Button component setup with ButtonText. Styling with variants and compound variants works fine for default state styling of the descendants, and I can style the root element in :hover and :active states. But styles applied to descendants when the parent component is in a different state don't work.

Am I doing something wrong or is this a bug?

Text does change color on hover

variant: {
  solid: {
    _text: {
      color: 'white',
    },
    ':hover': {
      _text: {
        color: '$gray2'
      },
    },
  },
},

Text does not change color on hover

compoundVariants: [
{
  variant: 'solid',
  color: 'primary',
  value: {
    _text: {
      color: '$primary0',
    },
    ':hover': {
      _text: {
        color: '$primary1'
      },
    },
  },
},
]

[ankit-tailor]

Hey @mattaningram, Thanks for reporting the issue. I'll look into it.

[ankit-tailor]

The issue is fixed in the latest version. Let me know if it works for you.