Button, ButtonLink: Align border width with field border width

[michaeltaranto]

Button, ButtonLink

Align the border width of ghost variants with the border width of fields.
This is the final re-alignment piece to ensure all components use theme scales consistently, improving the ability of Braid themes to deliver cohesive design uplift.

Before:

After:

Box, atoms

Add borderBrandAccent and borderBrandAccentLight to the available boxShadows, combining the brandAccent brandAccentLight border colours with the standard border width token.
Previously, brandAccent was only available with the large border width.

EXAMPLE USAGE:

<Box boxShadow="borderBrandAccent" />
{/* or */}
<Box boxShadow="borderBrandAccentLight" />

import { atoms } from 'braid-design-system/css';

atoms({ boxShadow: 'borderBrandAccent' });
atoms({ boxShadow: 'borderBrandAccentLight' });

[changeset-bot]

🦋 Changeset detected

Latest commit: 12cf64b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
braid-design-system	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR