[Draft] Box Component

[ggdouglas]

Changes proposed in this pull request:

This PR introduces a new <Box> component, providing flexible layout utilities for margin, padding, alignment, and positioning. The component is highly customizable and supports dynamic generation of class names based on a set of configurable props.

This component provides flexible and reusable spacing utilities that integrate seamlessly with Blueprint components, allowing for consistent alignment of smaller components within a broader layout structure.

For instance, multiple Buttons can be arranged horizontally:

<Box display="flex" gap={2}>
  <Button intent="primary">Button</Button>
  <Button intent="success">Button</Button>
  <Button intent="warning">Button</Button>
  <Button intent="danger">Button</Button>
</Box>

Or stacked vertically:

<Box display="flex" flexDirection="column" alignItems="center" gap={2}>
  <Button intent="primary">Button</Button>
  <Button intent="success">Button</Button>
  <Button intent="warning">Button</Button>
  <Button intent="danger">Button</Button>
</Box>

It can also be used to create more molecular components (such as EntityTitle):

<Box display="flex" gap={2}>
  <Icon className={Classes.TEXT_MUTED} icon="shop" />
  Buy groceries on my way home
  <Box as={Tag} intent="danger" minimal={true} ml="auto">
    Due today
  </Box>
</Box>

[svc-palantir-github]

Update ExampleCard to use Box

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[svc-palantir-github]

Update ExampleCard to use Box

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[svc-palantir-github]

Add tests for Box

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.