Single-Side Borders Not Working

[MikeLockz]

Describe the bug Single side border properties do not display a border according to the rimble docs which state that all border properties from styled-system are supported.

The spec from styled-system supports styling a single side to any component.

https://github.com/styled-system/styled-system/blob/master/docs/table.md#border

To Reproduce Steps to reproduce the behavior:

1. Create Box component
2. Add borderRight... props
3. No borders visible

Expected behavior Should show right side border only.

Screenshots https://codesandbox.io/embed/border-right-bug-038i1

Rimble UI Version

• 0.9.6 (latest)

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[gesquinca]

My guess is that these properties are part of styled system 5. This library uses styled-system 4. Can you verify @MikeLockz ?

See #301

[MikeLockz]

@gesquinca Ya those props are for 5x. Opened a new ticket on the storefront to update the link in the docs to point to the props tables for 4.x version.

Will be resolved by https://github.com/ConsenSys/rimble-storefront/issues/56