Skip to content

fix(#3648): remove edge treatment from high emphasis badges#3801

Draft
twjeffery wants to merge 1 commit intodevfrom
tom/badge-refinements
Draft

fix(#3648): remove edge treatment from high emphasis badges#3801
twjeffery wants to merge 1 commit intodevfrom
tom/badge-refinements

Conversation

@twjeffery
Copy link
Copy Markdown
Collaborator

@twjeffery twjeffery commented Apr 10, 2026

Summary

  • Remove the inner box-shadow border from strong (high) emphasis badges in V2
  • The edge treatment was an inset box-shadow via --goa-badge-border that Figma does not include
  • Subtle emphasis badges are unaffected, they retain their individual box-shadow tokens

Fixes #3648

Steps needed to test

  1. Run the React playground (npm run serve:prs:react)
  2. Navigate to bugs/3648
  3. Verify strong emphasis badges (all types, medium and large) have no visible inner border/shadow
  4. Verify subtle emphasis badges still show their edge treatment
image

Remove box-shadow inner border from strong emphasis badges in V2.
Subtle emphasis badges retain their individual box-shadow tokens.
@netlify
Copy link
Copy Markdown

netlify bot commented Apr 10, 2026

Deploy Preview for benji-docs-previews ready!

Name Link
🔨 Latest commit a79c438
🔍 Latest deploy log https://app.netlify.com/projects/benji-docs-previews/deploys/69d95def2d35160007dcecf8
😎 Deploy Preview https://deploy-preview-3801--benji-docs-previews.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Badge refinements

1 participant