Rebass: boxShadow from theme

[JaKXz]

Hi! huge fan of rebass, but I'm confused about the interaction between the styled-system ThemeProvider and rebass as it is currently documented, specifically regarding shadows.

I have my root element wrapped in a ThemeProvider that gets the following object in the theme prop:

{
  //...
  fonts: {
    sans: "Proxima-Nova, Helvetica, Lato, Arial, Dropdown, sans-serif",
  },
  shadows: {
    small: "0 2px 4px -2px rgba(11, 39, 65, 0.3)",
  },
  //...
}

so I thought that would make this work, but it doesn't:

<Box boxShadow="small">{children}</Box>

What am I doing wrong? Thanks in advance.

[jxnblk]

The Card component is a Box with visual style props like boxShadow, so you’d probably wanna use that one instead

[JaKXz]

Interesting, thanks. I think I understand the separation of concerns.

[cruzlutor]

I'm trying to use this solution but it doesn't work for me
<Card display="flex" boxShadow="small">

The card element doesn't have a shadow, Am I missing something?

[austincollinpena]

No, it seems like a bug @cruzlutor