Use React's Context API to automatically set variant for certain components

[tarikhamilton]

Docs: https://reactjs.org/docs/context.html
Cool tutorial: https://www.youtube.com/watch?v=XLJN4JfniH4

Basically,

we should be able to create a system where certain components expecting children, for example <WizardModal.Body />, create a context. <TextField /> can check for a context and thus derive the variant.

This is an idea. I don't have time to dive deeper, but this will help enforce some style rules when making new components through composition.