Update invisible fg color (#1021)

* swap blue for default * Create beige-waves-help.md * github-actions[bot] Regenerated snapshots * add git ignore * reset blob to main --------- Co-authored-by: langermank <langermank@users.noreply.github.com>
primer · Jul 31, 2024 · 8b015a0 · 8b015a0
1 parent d845fdf
commit 8b015a0
Show file tree

Hide file tree

Showing 22 changed files with 11 additions and 17 deletions.
diff --git a/.changeset/beige-waves-help.md b/.changeset/beige-waves-help.md
@@ -0,0 +1,5 @@
+---
+"@primer/primitives": major
+---
+
+Update `invisible` button variant text color to be default instead of link blue
diff --git a/.gitignore b/.gitignore
@@ -5,4 +5,5 @@ node_modules
 yarn.lock
 coverage/
 docs/public/
-color-contrast-check.json
+color-contrast-check.json
+blob-report
diff --git a/...hots/storybook-all-color-swatches-dark-button-invisible-fgColor-hover-linux.png b/...hots/storybook-all-color-swatches-dark-button-invisible-fgColor-hover-linux.png
diff --git a/...shots/storybook-all-color-swatches-dark-button-invisible-fgColor-rest-linux.png b/...shots/storybook-all-color-swatches-dark-button-invisible-fgColor-rest-linux.png
diff --git a/...ook-all-color-swatches-dark-colorblind-button-invisible-fgColor-hover-linux.png b/...ook-all-color-swatches-dark-colorblind-button-invisible-fgColor-hover-linux.png
diff --git a/...book-all-color-swatches-dark-colorblind-button-invisible-fgColor-rest-linux.png b/...book-all-color-swatches-dark-colorblind-button-invisible-fgColor-rest-linux.png
diff --git a/...-all-color-swatches-dark-high-contrast-button-invisible-fgColor-hover-linux.png b/...-all-color-swatches-dark-high-contrast-button-invisible-fgColor-hover-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-button-invisible-fgColor-rest-linux.png b/...k-all-color-swatches-dark-high-contrast-button-invisible-fgColor-rest-linux.png
diff --git a/...ook-all-color-swatches-dark-tritanopia-button-invisible-fgColor-hover-linux.png b/...ook-all-color-swatches-dark-tritanopia-button-invisible-fgColor-hover-linux.png
diff --git a/...book-all-color-swatches-dark-tritanopia-button-invisible-fgColor-rest-linux.png b/...book-all-color-swatches-dark-tritanopia-button-invisible-fgColor-rest-linux.png
diff --git a/...ots/storybook-all-color-swatches-light-button-invisible-fgColor-hover-linux.png b/...ots/storybook-all-color-swatches-light-button-invisible-fgColor-hover-linux.png
diff --git a/...hots/storybook-all-color-swatches-light-button-invisible-fgColor-rest-linux.png b/...hots/storybook-all-color-swatches-light-button-invisible-fgColor-rest-linux.png
diff --git a/...ok-all-color-swatches-light-colorblind-button-invisible-fgColor-hover-linux.png b/...ok-all-color-swatches-light-colorblind-button-invisible-fgColor-hover-linux.png
diff --git a/...ook-all-color-swatches-light-colorblind-button-invisible-fgColor-rest-linux.png b/...ook-all-color-swatches-light-colorblind-button-invisible-fgColor-rest-linux.png
diff --git a/...all-color-swatches-light-high-contrast-button-invisible-fgColor-hover-linux.png b/...all-color-swatches-light-high-contrast-button-invisible-fgColor-hover-linux.png
diff --git a/...-all-color-swatches-light-high-contrast-button-invisible-fgColor-rest-linux.png b/...-all-color-swatches-light-high-contrast-button-invisible-fgColor-rest-linux.png
diff --git a/...ok-all-color-swatches-light-tritanopia-button-invisible-fgColor-hover-linux.png b/...ok-all-color-swatches-light-tritanopia-button-invisible-fgColor-hover-linux.png
diff --git a/...ook-all-color-swatches-light-tritanopia-button-invisible-fgColor-rest-linux.png b/...ook-all-color-swatches-light-tritanopia-button-invisible-fgColor-rest-linux.png
diff --git a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5
@@ -412,12 +412,6 @@
       },
     },
     invisible: {
-      fgColor: {
-        hover: {
-          $value: '{base.color.blue.8}',
-          $type: 'color',
-        },
-      },
       iconColor: {
         hover: {
           $value: '{fgColor.onEmphasis}',

diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5
@@ -1070,7 +1070,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1082,7 +1082,7 @@
           },
         },
         hover: {
-          $value: '{base.color.blue.3}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {

diff --git a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 b/src/tokens/functional/color/light/overrides/light.high-contrast.json5
@@ -392,12 +392,6 @@
       },
     },
     invisible: {
-      fgColor: {
-        hover: {
-          $value: '{base.color.blue.2}',
-          $type: 'color',
-        },
-      },
       iconColor: {
         hover: {
           $value: '{fgColor.onEmphasis}',

diff --git a/src/tokens/functional/color/light/patterns-light.json5 b/src/tokens/functional/color/light/patterns-light.json5
@@ -1062,7 +1062,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1074,7 +1074,7 @@
           },
         },
         hover: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {