What problem does this address?

There have been several recent examples highlighting the need for a common primitive component that allows for (design) systems-based component layouts based on shared design standards for e.g. spacing, color, etc.

Related discussions:

• Card Component Padding System Enhancement #72511 (comment)
• DataViewsPicker: Improve appearance when used in a Modal component #72336 (comment)

What is your proposed solution?

Create a new Box component that integrates with the new Theme package to provide a way to render components styled using tokens provided through the theming context.

Prior art:

• https://chakra-ui.com/docs/components/box

Customization should potentially include:

• Padding (implemented in UI: Implement Box component as part of new UI package #72984)
• Background color (implemented in UI: Implement Box component as part of new UI package #72984)
• Border color (implemented in UI: Add border support to Box component #73530)
• Border radius (implemented in UI: Add border support to Box component #73530)
• Elevation
• Sizing (width, height)
• Text color (implemented in UI: Implement Box component as part of new UI package #72984)