Add missing coral color to display (#937)

* add coral color to display * github-actions[bot] Regenerated snapshots --------- Co-authored-by: lukasoppermann <lukasoppermann@users.noreply.github.com>
primer · Apr 29, 2024 · 6c7d120 · 6c7d120
1 parent 7378534
commit 6c7d120
Show file tree

Hide file tree

Showing 44 changed files with 137 additions and 0 deletions.
diff --git a/.changeset/twelve-glasses-watch.md b/.changeset/twelve-glasses-watch.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+Adding missing coral color to display colors
diff --git a/...ook-all-color-swatches-dark-colorblind-display-coral-bgColor-emphasis-linux.png b/...ook-all-color-swatches-dark-colorblind-display-coral-bgColor-emphasis-linux.png
diff --git a/...rybook-all-color-swatches-dark-colorblind-display-coral-bgColor-muted-linux.png b/...rybook-all-color-swatches-dark-colorblind-display-coral-bgColor-muted-linux.png
diff --git a/...all-color-swatches-dark-colorblind-display-coral-borderColor-emphasis-linux.png b/...all-color-swatches-dark-colorblind-display-coral-borderColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-dark-colorblind-display-coral-borderColor-muted-linux.png b/...ok-all-color-swatches-dark-colorblind-display-coral-borderColor-muted-linux.png
diff --git a/...ts/storybook-all-color-swatches-dark-colorblind-display-coral-fgColor-linux.png b/...ts/storybook-all-color-swatches-dark-colorblind-display-coral-fgColor-linux.png
diff --git a/...hots/storybook-all-color-swatches-dark-display-coral-bgColor-emphasis-linux.png b/...hots/storybook-all-color-swatches-dark-display-coral-bgColor-emphasis-linux.png
diff --git a/...apshots/storybook-all-color-swatches-dark-display-coral-bgColor-muted-linux.png b/...apshots/storybook-all-color-swatches-dark-display-coral-bgColor-muted-linux.png
diff --git a/.../storybook-all-color-swatches-dark-display-coral-borderColor-emphasis-linux.png b/.../storybook-all-color-swatches-dark-display-coral-borderColor-emphasis-linux.png
diff --git a/...ots/storybook-all-color-swatches-dark-display-coral-borderColor-muted-linux.png b/...ots/storybook-all-color-swatches-dark-display-coral-borderColor-muted-linux.png
diff --git a/....ts-snapshots/storybook-all-color-swatches-dark-display-coral-fgColor-linux.png b/....ts-snapshots/storybook-all-color-swatches-dark-display-coral-fgColor-linux.png
diff --git a/...-all-color-swatches-dark-high-contrast-display-coral-bgColor-emphasis-linux.png b/...-all-color-swatches-dark-high-contrast-display-coral-bgColor-emphasis-linux.png
diff --git a/...ook-all-color-swatches-dark-high-contrast-display-coral-bgColor-muted-linux.png b/...ook-all-color-swatches-dark-high-contrast-display-coral-bgColor-muted-linux.png
diff --git a/...-color-swatches-dark-high-contrast-display-coral-borderColor-emphasis-linux.png b/...-color-swatches-dark-high-contrast-display-coral-borderColor-emphasis-linux.png
diff --git a/...all-color-swatches-dark-high-contrast-display-coral-borderColor-muted-linux.png b/...all-color-swatches-dark-high-contrast-display-coral-borderColor-muted-linux.png
diff --git a/...storybook-all-color-swatches-dark-high-contrast-display-coral-fgColor-linux.png b/...storybook-all-color-swatches-dark-high-contrast-display-coral-fgColor-linux.png
diff --git a/...ook-all-color-swatches-dark-tritanopia-display-coral-bgColor-emphasis-linux.png b/...ook-all-color-swatches-dark-tritanopia-display-coral-bgColor-emphasis-linux.png
diff --git a/...rybook-all-color-swatches-dark-tritanopia-display-coral-bgColor-muted-linux.png b/...rybook-all-color-swatches-dark-tritanopia-display-coral-bgColor-muted-linux.png
diff --git a/...all-color-swatches-dark-tritanopia-display-coral-borderColor-emphasis-linux.png b/...all-color-swatches-dark-tritanopia-display-coral-borderColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-dark-tritanopia-display-coral-borderColor-muted-linux.png b/...ok-all-color-swatches-dark-tritanopia-display-coral-borderColor-muted-linux.png
diff --git a/...ts/storybook-all-color-swatches-dark-tritanopia-display-coral-fgColor-linux.png b/...ts/storybook-all-color-swatches-dark-tritanopia-display-coral-fgColor-linux.png
diff --git a/...ok-all-color-swatches-light-colorblind-display-coral-bgColor-emphasis-linux.png b/...ok-all-color-swatches-light-colorblind-display-coral-bgColor-emphasis-linux.png
diff --git a/...ybook-all-color-swatches-light-colorblind-display-coral-bgColor-muted-linux.png b/...ybook-all-color-swatches-light-colorblind-display-coral-bgColor-muted-linux.png
diff --git a/...ll-color-swatches-light-colorblind-display-coral-borderColor-emphasis-linux.png b/...ll-color-swatches-light-colorblind-display-coral-borderColor-emphasis-linux.png
diff --git a/...k-all-color-swatches-light-colorblind-display-coral-borderColor-muted-linux.png b/...k-all-color-swatches-light-colorblind-display-coral-borderColor-muted-linux.png
diff --git a/...s/storybook-all-color-swatches-light-colorblind-display-coral-fgColor-linux.png b/...s/storybook-all-color-swatches-light-colorblind-display-coral-fgColor-linux.png
diff --git a/...ots/storybook-all-color-swatches-light-display-coral-bgColor-emphasis-linux.png b/...ots/storybook-all-color-swatches-light-display-coral-bgColor-emphasis-linux.png
diff --git a/...pshots/storybook-all-color-swatches-light-display-coral-bgColor-muted-linux.png b/...pshots/storybook-all-color-swatches-light-display-coral-bgColor-muted-linux.png
diff --git a/...storybook-all-color-swatches-light-display-coral-borderColor-emphasis-linux.png b/...storybook-all-color-swatches-light-display-coral-borderColor-emphasis-linux.png
diff --git a/...ts/storybook-all-color-swatches-light-display-coral-borderColor-muted-linux.png b/...ts/storybook-all-color-swatches-light-display-coral-borderColor-muted-linux.png
diff --git a/...ts-snapshots/storybook-all-color-swatches-light-display-coral-fgColor-linux.png b/...ts-snapshots/storybook-all-color-swatches-light-display-coral-fgColor-linux.png
diff --git a/...all-color-swatches-light-high-contrast-display-coral-bgColor-emphasis-linux.png b/...all-color-swatches-light-high-contrast-display-coral-bgColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-light-high-contrast-display-coral-bgColor-muted-linux.png b/...ok-all-color-swatches-light-high-contrast-display-coral-bgColor-muted-linux.png
diff --git a/...color-swatches-light-high-contrast-display-coral-borderColor-emphasis-linux.png b/...color-swatches-light-high-contrast-display-coral-borderColor-emphasis-linux.png
diff --git a/...ll-color-swatches-light-high-contrast-display-coral-borderColor-muted-linux.png b/...ll-color-swatches-light-high-contrast-display-coral-borderColor-muted-linux.png
diff --git a/...torybook-all-color-swatches-light-high-contrast-display-coral-fgColor-linux.png b/...torybook-all-color-swatches-light-high-contrast-display-coral-fgColor-linux.png
diff --git a/...ok-all-color-swatches-light-tritanopia-display-coral-bgColor-emphasis-linux.png b/...ok-all-color-swatches-light-tritanopia-display-coral-bgColor-emphasis-linux.png
diff --git a/...ybook-all-color-swatches-light-tritanopia-display-coral-bgColor-muted-linux.png b/...ybook-all-color-swatches-light-tritanopia-display-coral-bgColor-muted-linux.png
diff --git a/...ll-color-swatches-light-tritanopia-display-coral-borderColor-emphasis-linux.png b/...ll-color-swatches-light-tritanopia-display-coral-borderColor-emphasis-linux.png
diff --git a/...k-all-color-swatches-light-tritanopia-display-coral-borderColor-muted-linux.png b/...k-all-color-swatches-light-tritanopia-display-coral-borderColor-muted-linux.png
diff --git a/...s/storybook-all-color-swatches-light-tritanopia-display-coral-fgColor-linux.png b/...s/storybook-all-color-swatches-light-tritanopia-display-coral-fgColor-linux.png
diff --git a/blob-report/report.zip b/blob-report/report.zip
diff --git a/src/tokens/functional/color/dark/display-dark.json5 b/src/tokens/functional/color/dark/display-dark.json5
@@ -330,6 +330,72 @@
         },
       },
     },
+    coral: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.red.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.red.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.red.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
     yellow: {
       bgColor: {
         muted: {

diff --git a/src/tokens/functional/color/light/display-light.json5 b/src/tokens/functional/color/light/display-light.json5
@@ -330,6 +330,72 @@
         },
       },
     },
+    coral: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.coral.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.coral.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.coral.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.coral.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.coral.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
     yellow: {
       bgColor: {
         muted: {