Lukasoppermann/radio disabled fix (#7267)

lukasoppermann · web-flow · commit 1d8759aae8a3 · 2025-12-03T20:31:27.000Z
diff --git a/.changeset/forty-aliens-shine.md b/.changeset/forty-aliens-shine.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Used correct tokens for disabled radio control
diff --git a/packages/react/src/Radio/Radio.module.css b/packages/react/src/Radio/Radio.module.css
@@ -16,9 +16,9 @@
     &:disabled {
       cursor: not-allowed;
       /* stylelint-disable-next-line primer/colors */
-      background-color: var(--fgColor-muted);
+      background-color: var(--control-checked-fgColor-disabled);
       /* stylelint-disable-next-line primer/colors */
-      border-color: var(--fgColor-muted);
+      border-color: var(--control-checked-bgColor-disabled);
     }
   }
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@primer/react': patch
 +---
++
 +Used correct tokens for disabled radio control
Original file line number	Diff line number	Diff line change
`@@ -16,9 +16,9 @@`
`16`	`16`	`&:disabled {`
`17`	`17`	`cursor: not-allowed;`
`18`	`18`	`/* stylelint-disable-next-line primer/colors */`
`19`		`- background-color: var(--fgColor-muted);`
	`19`	`+ background-color: var(--control-checked-fgColor-disabled);`
`20`	`20`	`/* stylelint-disable-next-line primer/colors */`
`21`		`- border-color: var(--fgColor-muted);`
	`21`	`+ border-color: var(--control-checked-bgColor-disabled);`
`22`	`22`	`}`
`23`	`23`	`}`
`24`	`24`