feat(vx-shape): add BarRounded shape

[hshoff]

fixes: #529

🚀 Enhancements

• [shape] add <BarRounded /> shape

🏋️ Tests

• [shape] add bar rounded tests

🎨 Usage

// apply 6px radius to top left corner and top right corner
<BarRounded top radius={6} />

// apply 6px radius to top left corner and bottom left corner
<BarRounded left radius={6} />

// apply 6px radius to top right corner and bottom right corner
<BarRounded right radius={6} />

// apply 6px radius to bottom left corner and bottom right corner
<BarRounded bottom radius={6} />

// only apply 6px radius to top left corner
<BarRounded topLeft radius={6} />

// only apply 6px radius to top right corner
<BarRounded topRight radius={6} />

// only apply 6px radius to bottom right corner
<BarRounded bottomRight radius={6} />

// only apply 6px radius to bottom Left corner
<BarRounded bottomLeft radius={6} />

// apply 6px radius to every corner
<BarRounded all radius={6} />

// apply 6px radius to every corner except topRight
<BarRounded left bottom radius={6} />

Can be used in place of <Bar /> in <BarGroup /> and <BarStack /> using the function as children API.

[kristw]

This will be a nice addition 👍

[williaster]

sorry I'm slow to review, this will be a great add!