Bug fix: invisible text color (#1028)

* use default fg text * Create silly-pugs-applaud.md * github-actions[bot] Regenerated snapshots --------- Co-authored-by: langermank <langermank@users.noreply.github.com>
primer · Aug 22, 2024 · 74915a8 · 74915a8
1 parent d775cbc
commit 74915a8
Show file tree

Hide file tree

Showing 18 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/silly-pugs-applaud.md b/.changeset/silly-pugs-applaud.md
@@ -0,0 +1,5 @@
+---
+"@primer/primitives": patch
+---
+
+Bug fix: `invisible` text color `muted` to `default`
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/...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/blob-report/report.zip b/blob-report/report.zip
diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5
@@ -1064,7 +1064,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.muted}',
+          $value: '{control.fgColor.rest}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1076,7 +1076,7 @@
           },
         },
         hover: {
-          $value: '{fgColor.muted}',
+          $value: '{control.fgColor.rest}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {

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