Added new `Divider` component

dxc-technology / halstack-react

Library of components for building SPAs with React and Halstack Design System

https://developer.dxc.com/halstack/

Apache License 2.0

15 stars 14 forks source link

Added new `Divider` component #1835

Closed Mil4n0r closed 7 months ago

Mil4n0r commented 7 months ago

Checklist

[x] Build process is done without errors. All tests pass in the /lib directory.
[x] Self-reviewed the code before submitting.
[x] Meets accessibility standards.
[x] Added/updated documentation to /website as needed.
[x] Added/updated tests as needed.

Description A new Divider component is required based on the following design and props: https://preview.uxpin.com/c59c7c54afe8009ba5082153d70cd86fb91be7e7#/pages/165565398/simulate/no-panels

Closes #1834

Mil4n0r commented 7 months ago

I also added a change at SideNav to match the colors used in the rest of the dividers.

Mil4n0r commented 7 months ago

It has been decided to add the decorative prop to the component API for accessibility purposes (regarding screen readers and divider visibility).

The component is now ready to review. We have to take into account that, after the component is added, it should be integrated into the existing parts of the code that use dividers (SideNav, Contextual Menu...)