Fix item color to not depend on inherit (#1470)

pksjce · colebemis · web-flow · commit f2e29a08e2aa · 2021-09-28T09:25:02.000-07:00
* Fix item color to not depend on inherit

* Create sixty-jokes-compete.md

Co-authored-by: Cole Bemis &lt;colebemis@github.com&gt;
diff --git a/.changeset/sixty-jokes-compete.md b/.changeset/sixty-jokes-compete.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Fix ActionList.Item color
diff --git a/src/ActionList/Item.tsx b/src/ActionList/Item.tsx
@@ -146,7 +146,7 @@ const getItemVariant = (variant = 'default', disabled?: boolean) => {
       }
     default:
       return {
-        color: 'inherit',
+        color: get('colors.fg.default'),
         iconColor: get('colors.fg.muted'),
         annotationColor: get('colors.fg.muted'),
         hoverCursor: 'pointer'

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/components": patch
 +---
++
 +Fix ActionList.Item color
Original file line number	Diff line number	Diff line change
`@@ -146,7 +146,7 @@ const getItemVariant = (variant = 'default', disabled?: boolean) => {`
`146`	`146`	`}`
`147`	`147`	`default:`
`148`	`148`	`return {`
`149`		`- color: 'inherit',`
	`149`	`+ color: get('colors.fg.default'),`
`150`	`150`	`iconColor: get('colors.fg.muted'),`
`151`	`151`	`annotationColor: get('colors.fg.muted'),`
`152`	`152`	`hoverCursor: 'pointer'`