SubNav: Update selected styles to only apply to data-selected='true' (#5797)

broccolinisoup · web-flow · commit fbc6f97aae02 · 2025-03-21T03:03:09.000Z
diff --git a/.changeset/strong-lemons-rescue.md b/.changeset/strong-lemons-rescue.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+SubNav: Update selected styles to only apply to `data-selected='true'`
diff --git a/packages/react/src/SubNav/SubNav.module.css b/packages/react/src/SubNav/SubNav.module.css
@@ -60,7 +60,7 @@
     transition: background-color 0.2s ease;
   }
 
-  &:is([data-selected]) {
+  &:is([data-selected='true']) {
     color: var(--fgColor-onEmphasis);
     background-color: var(--bgColor-accent-emphasis);
     /* stylelint-disable-next-line primer/colors */

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/react": patch
 +---
++
 +SubNav: Update selected styles to only apply to `data-selected='true'`
Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@`
`60`	`60`	`transition: background-color 0.2s ease;`
`61`	`61`	`}`
`62`	`62`
`63`		`- &:is([data-selected]) {`
	`63`	`+ &:is([data-selected='true']) {`
`64`	`64`	`color: var(--fgColor-onEmphasis);`
`65`	`65`	`background-color: var(--bgColor-accent-emphasis);`
`66`	`66`	`/* stylelint-disable-next-line primer/colors */`