'Space' component does not support styled-components, skips theme breakpoints

rebassjs / rebass

:atom_symbol: React primitive UI components built with styled-system.

https://rebassjs.org

MIT License

7.94k stars 658 forks source link

'Space' component does not support styled-components, skips theme breakpoints #915

Open orzarchi opened 4 years ago

orzarchi commented 4 years ago

Reproduction with more details: https://codesandbox.io/s/white-violet-939kx

You can see the <Space> component acts differently compared to just using space props directly, due to it ignoring theme breakpoints with the styled-components theme provider.

tshddx commented 4 years ago

I just discovered the Space package today because it's referenced in the styled-system spacing guide. However, it doesn't seem to be documented at all in the Rebass website, although it is present in the rebass monorepo. Is this a package that is still supported or recommended for use?