Remove unwanted box-shadow on inactive buttons

.changeset/dull-wolves-judge.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Removes unwanted box-shadow on buttons with 'inactive' prop passed.

e2e/components/LinkButton.test.ts

@@ -19,6 +19,10 @@ const stories = [
     title: 'Invisible',
     id: 'components-linkbutton-features--invisible',
   },
+  {
+    title: 'Link',
+    id: 'components-linkbutton-features--link',
+  },
   {
     title: 'Large',
     id: 'components-linkbutton-features--large',

packages/react/src/Button/ButtonBase.module.css

@@ -510,6 +510,7 @@
     background-color: var(--button-inactive-bgColor);
     /* stylelint-disable-next-line primer/colors */
     border-color: var(--button-inactive-bgColor);
+    box-shadow: none;
 
     & .Visual,
     & .CounterLabel {

packages/react/src/Button/LinkButton.features.stories.tsx

@@ -24,6 +24,12 @@ export const Invisible = () => (
   </LinkButton>
 )
 
+export const Link = () => (
+  <LinkButton href="#" variant="link">
+    Button that looks like a link
+  </LinkButton>
+)
+
 export const LeadingVisual = () => (
   <LinkButton href="#" leadingVisual={HeartIcon}>
     Leading visual

packages/react/src/Button/LinkButton.stories.tsx

@@ -19,7 +19,7 @@ Playground.argTypes = {
     control: {
       type: 'radio',
     },
-    options: ['default', 'primary', 'danger', 'invisible', 'outline'],
+    options: ['default', 'primary', 'danger', 'invisible', 'outline', 'link'],
   },
   alignContent: {
     control: {