[Layout foundations] Add the border width tokens to the Box component

[nayeobkim]

Add the border width tokens

--p-border-width-1
--p-border-width-2
--p-border-width-3

to the Box component

Ensure that border width accepts colour tokens

[laurkim]

Here are our current border color tokens:

• border
• border-on-dark
• border-neutral-subdued
• border-hovered
• border-disabled
• border-subdued
• border-depressed
• border-shadow
• border-shadow-subdued
• border-critical
• border-critical-subdued
• border-critical-disabled
• border-warning
• border-warning-subdued
• border-highlight
• border-highlight-subdued
• border-success
• border-success-subdued

[aveline]

After discussing with @laurkim and @kyledurand we aligned on removing the shorthand border prop from box. Similar functionality will be supported by a new Divider component.

This will clear the way to add borderColor props on Box

[github-actions]

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.