I have a component with size and orientation variants. The styles are applied via compoundVariants and I am also using breakpoints to apply these variants (see snippet and sandbox).
The responsive variants work only when @initial and @xs supply different values. For the 2nd snippet, I would expect it to apply styles corresponding to size="medium" and orientation="top". Instead, it applies no styles at all.
Bug report
Describe the bug
I have a component with
size
andorientation
variants. The styles are applied viacompoundVariants
and I am also using breakpoints to apply these variants (see snippet and sandbox).The responsive variants work only when
@initial
and@xs
supply different values. For the 2nd snippet, I would expect it to apply styles corresponding tosize="medium"
andorientation="top"
. Instead, it applies no styles at all.Sandbox
https://codesandbox.io/s/stitches-responsive-variant-ts-0-2-0-forked-0vut2f?file=/src/App.tsx
Would like to know if this is incorrect usage or a bug.