Is it possible to select by data attributes?

[asherccohen]

It's becoming popular for styleless component libraries to write state into data attributes, is there a syntax for styletron to read that state?

Here is an example from Radix UI using the stiches CSS-in_JS lib:

const StyledTab = styled(Tabs.Tab, {
  flexShrink: 0,
  padding: '10px 20px',
  color: 'slategray',
  userSelect: 'none',

  '&:hover': { color: 'black' },

  '&[data-state="active"]': { // we read state from data attributes and use it to style the element
    color: 'black',
    boxShadow:
      'inset 0 -1px 0 0 currentColor, 0 1px 0 0 currentColor',
  },
});

If not, can I suggest a feature like this to be included?

thanks