Create split dividers/<hr>s

[erictheise]

Is your feature request related to a problem? Please describe.

The mock up for the login page includes what appears to be a Pinecone Divider split in two with text in the center. It divides the action of logging in with a system account from logging in using a third party and contains the word OR between Dividers.

Describe the solution you'd like

Pinecone folks deciding what's best and providing

1. a Split Divider Atom in Pinecone whose options match the colors and vertical thickness of regular Dividers or
2. the css needed to vertically align two regular Dividers and horizontally center text between them or
3. html and the css to match the mock.

Describe alternatives you've considered

Mucking around with spans and/or display myself.

Additional context

[greatislander]

@dayotte Can you give me some text specifications for this? I can make the component pretty quickly as soon as I know what you have in mind for typography.

[dayotte]

@greatislander I discussed with @cherylhjli and have followed the type stack specs from the component library, you'll see the updated mobile & desktop mockups in the Account Log in / Sign up page in the Figma file here https://www.figma.com/file/tXFtpKPWuGUFrotFsXshZq/Directory-Wireframes_DA?node-id=978%3A56
Does this give you enough or do you need more/other from me?

[greatislander]

This is perfect, thank you @dayotte!