Box properties about foundational-design-system-proto

[samrose3]

It would be interesting to try and use the Box as a component-version reflection of the atoms.css.ts. This would essentially make the Box a styling mechanism that would be capable of all system atomic styles

[kyledurand]

Now that we've decided we want the box component to be super flexible and do all the things. We need to add a bunch of properties. Some high level things we'll need:

• Grid layout
  • Columns
  • Rows
  • Alignment
  • Gap
  • Short hands
    • gapX
    • gapY
    • placeCenter
• Border radius
• Colors
• Motion
• ??? – Feel free to add more to this or post

[samrose3]

Now that Box is just a reflection of the atoms defined in atoms.css.ts, I think we can close this issue.

We may need to add and remove atomic styles as we build out other components, but going to resolve this issue for now. Feel free to reopen 📨