Default IconButton text color muted (#2665)

Co-authored-by: langermank <[email protected]>
primer · Mar 6, 2024 · c7c206a · c7c206a
1 parent 3589c33
commit c7c206a
Show file tree

Hide file tree

Showing 18 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/dirty-trees-care.md b/.changeset/dirty-trees-care.md
@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Default IconButton text color `muted`
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/banner/with_action_content/default.png b/...snapshots.test.ts-snapshots/primer/alpha/banner/with_action_content/default.png
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/banner/with_action_content/focused.png b/...snapshots.test.ts-snapshots/primer/alpha/banner/with_action_content/focused.png
diff --git a/...est.ts-snapshots/primer/alpha/text_field/input_group_leading_button/default.png b/...est.ts-snapshots/primer/alpha/text_field/input_group_leading_button/default.png
diff --git a/...est.ts-snapshots/primer/alpha/text_field/input_group_leading_button/focused.png b/...est.ts-snapshots/primer/alpha/text_field/input_group_leading_button/focused.png
diff --git a/...st.ts-snapshots/primer/alpha/text_field/input_group_trailing_button/default.png b/...st.ts-snapshots/primer/alpha/text_field/input_group_trailing_button/default.png
diff --git a/...st.ts-snapshots/primer/alpha/text_field/input_group_trailing_button/focused.png b/...st.ts-snapshots/primer/alpha/text_field/input_group_trailing_button/focused.png
diff --git a/...s/snapshots.test.ts-snapshots/primer/beta/button_group/icon_buttons/default.png b/...s/snapshots.test.ts-snapshots/primer/beta/button_group/icon_buttons/default.png
diff --git a/...s/snapshots.test.ts-snapshots/primer/beta/button_group/icon_buttons/focused.png b/...s/snapshots.test.ts-snapshots/primer/beta/button_group/icon_buttons/focused.png
diff --git a/...s/snapshots.test.ts-snapshots/primer/beta/button_group/split_button/default.png b/...s/snapshots.test.ts-snapshots/primer/beta/button_group/split_button/default.png
diff --git a/...s/snapshots.test.ts-snapshots/primer/beta/button_group/split_button/focused.png b/...s/snapshots.test.ts-snapshots/primer/beta/button_group/split_button/focused.png
diff --git a/...apshots.test.ts-snapshots/primer/beta/button_group/with_menu_button/default.png b/...apshots.test.ts-snapshots/primer/beta/button_group/with_menu_button/default.png
diff --git a/...apshots.test.ts-snapshots/primer/beta/button_group/with_menu_button/focused.png b/...apshots.test.ts-snapshots/primer/beta/button_group/with_menu_button/focused.png
diff --git a/...eenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png b/...eenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png
diff --git a/...eenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png b/...eenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png
diff --git a/...enshots/snapshots.test.ts-snapshots/primer/beta/icon_button/default/default.png b/...enshots/snapshots.test.ts-snapshots/primer/beta/icon_button/default/default.png
diff --git a/...enshots/snapshots.test.ts-snapshots/primer/beta/icon_button/default/focused.png b/...enshots/snapshots.test.ts-snapshots/primer/beta/icon_button/default/focused.png
diff --git a/app/components/primer/beta/button.pcss b/app/components/primer/beta/button.pcss
@@ -52,6 +52,10 @@
     cursor: not-allowed;
     box-shadow: none;
   }
+
+  &.Button--iconOnly {
+    color: var(--fgColor-muted);
+  }
 }
 
 a.Button,