Add missing pink display tokens (#904)

* add pink * Create weak-panthers-appear.md * add pink * github-actions[bot] Regenerated snapshots --------- Co-authored-by: langermank <langermank@users.noreply.github.com>
primer · Apr 18, 2024 · ae118b7 · ae118b7
1 parent bdddfec
commit ae118b7
Show file tree

Hide file tree

Showing 46 changed files with 398 additions and 1 deletion.
diff --git a/.changeset/weak-panthers-appear.md b/.changeset/weak-panthers-appear.md
@@ -0,0 +1,5 @@
+---
+"@primer/primitives": patch
+---
+
+Add missing `pink` display tokens
diff --git a/...book-all-color-swatches-dark-colorblind-display-pink-bgColor-emphasis-linux.png b/...book-all-color-swatches-dark-colorblind-display-pink-bgColor-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-colorblind-display-pink-bgColor-muted-linux.png b/...orybook-all-color-swatches-dark-colorblind-display-pink-bgColor-muted-linux.png
diff --git a/...-all-color-swatches-dark-colorblind-display-pink-borderColor-emphasis-linux.png b/...-all-color-swatches-dark-colorblind-display-pink-borderColor-emphasis-linux.png
diff --git a/...ook-all-color-swatches-dark-colorblind-display-pink-borderColor-muted-linux.png b/...ook-all-color-swatches-dark-colorblind-display-pink-borderColor-muted-linux.png
diff --git a/...ots/storybook-all-color-swatches-dark-colorblind-display-pink-fgColor-linux.png b/...ots/storybook-all-color-swatches-dark-colorblind-display-pink-fgColor-linux.png
diff --git a/...shots/storybook-all-color-swatches-dark-display-pink-bgColor-emphasis-linux.png b/...shots/storybook-all-color-swatches-dark-display-pink-bgColor-emphasis-linux.png
diff --git a/...napshots/storybook-all-color-swatches-dark-display-pink-bgColor-muted-linux.png b/...napshots/storybook-all-color-swatches-dark-display-pink-bgColor-muted-linux.png
diff --git a/...s/storybook-all-color-swatches-dark-display-pink-borderColor-emphasis-linux.png b/...s/storybook-all-color-swatches-dark-display-pink-borderColor-emphasis-linux.png
diff --git a/...hots/storybook-all-color-swatches-dark-display-pink-borderColor-muted-linux.png b/...hots/storybook-all-color-swatches-dark-display-pink-borderColor-muted-linux.png
diff --git a/...t.ts-snapshots/storybook-all-color-swatches-dark-display-pink-fgColor-linux.png b/...t.ts-snapshots/storybook-all-color-swatches-dark-display-pink-fgColor-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-display-pink-bgColor-emphasis-linux.png b/...k-all-color-swatches-dark-high-contrast-display-pink-bgColor-emphasis-linux.png
diff --git a/...book-all-color-swatches-dark-high-contrast-display-pink-bgColor-muted-linux.png b/...book-all-color-swatches-dark-high-contrast-display-pink-bgColor-muted-linux.png
diff --git a/...l-color-swatches-dark-high-contrast-display-pink-borderColor-emphasis-linux.png b/...l-color-swatches-dark-high-contrast-display-pink-borderColor-emphasis-linux.png
diff --git a/...-all-color-swatches-dark-high-contrast-display-pink-borderColor-muted-linux.png b/...-all-color-swatches-dark-high-contrast-display-pink-borderColor-muted-linux.png
diff --git a/.../storybook-all-color-swatches-dark-high-contrast-display-pink-fgColor-linux.png b/.../storybook-all-color-swatches-dark-high-contrast-display-pink-fgColor-linux.png
diff --git a/...book-all-color-swatches-dark-tritanopia-display-pink-bgColor-emphasis-linux.png b/...book-all-color-swatches-dark-tritanopia-display-pink-bgColor-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-muted-linux.png b/...orybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-muted-linux.png
diff --git a/...-all-color-swatches-dark-tritanopia-display-pink-borderColor-emphasis-linux.png b/...-all-color-swatches-dark-tritanopia-display-pink-borderColor-emphasis-linux.png
diff --git a/...ook-all-color-swatches-dark-tritanopia-display-pink-borderColor-muted-linux.png b/...ook-all-color-swatches-dark-tritanopia-display-pink-borderColor-muted-linux.png
diff --git a/...ots/storybook-all-color-swatches-dark-tritanopia-display-pink-fgColor-linux.png b/...ots/storybook-all-color-swatches-dark-tritanopia-display-pink-fgColor-linux.png
diff --git a/...ook-all-color-swatches-light-colorblind-display-pink-bgColor-emphasis-linux.png b/...ook-all-color-swatches-light-colorblind-display-pink-bgColor-emphasis-linux.png
diff --git a/...rybook-all-color-swatches-light-colorblind-display-pink-bgColor-muted-linux.png b/...rybook-all-color-swatches-light-colorblind-display-pink-bgColor-muted-linux.png
diff --git a/...all-color-swatches-light-colorblind-display-pink-borderColor-emphasis-linux.png b/...all-color-swatches-light-colorblind-display-pink-borderColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-light-colorblind-display-pink-borderColor-muted-linux.png b/...ok-all-color-swatches-light-colorblind-display-pink-borderColor-muted-linux.png
diff --git a/...ts/storybook-all-color-swatches-light-colorblind-display-pink-fgColor-linux.png b/...ts/storybook-all-color-swatches-light-colorblind-display-pink-fgColor-linux.png
diff --git a/...hots/storybook-all-color-swatches-light-display-pink-bgColor-emphasis-linux.png b/...hots/storybook-all-color-swatches-light-display-pink-bgColor-emphasis-linux.png
diff --git a/...apshots/storybook-all-color-swatches-light-display-pink-bgColor-muted-linux.png b/...apshots/storybook-all-color-swatches-light-display-pink-bgColor-muted-linux.png
diff --git a/.../storybook-all-color-swatches-light-display-pink-borderColor-emphasis-linux.png b/.../storybook-all-color-swatches-light-display-pink-borderColor-emphasis-linux.png
diff --git a/...ots/storybook-all-color-swatches-light-display-pink-borderColor-muted-linux.png b/...ots/storybook-all-color-swatches-light-display-pink-borderColor-muted-linux.png
diff --git a/....ts-snapshots/storybook-all-color-swatches-light-display-pink-fgColor-linux.png b/....ts-snapshots/storybook-all-color-swatches-light-display-pink-fgColor-linux.png
diff --git a/...-all-color-swatches-light-high-contrast-display-pink-bgColor-emphasis-linux.png b/...-all-color-swatches-light-high-contrast-display-pink-bgColor-emphasis-linux.png
diff --git a/...ook-all-color-swatches-light-high-contrast-display-pink-bgColor-muted-linux.png b/...ook-all-color-swatches-light-high-contrast-display-pink-bgColor-muted-linux.png
diff --git a/...-color-swatches-light-high-contrast-display-pink-borderColor-emphasis-linux.png b/...-color-swatches-light-high-contrast-display-pink-borderColor-emphasis-linux.png
diff --git a/...all-color-swatches-light-high-contrast-display-pink-borderColor-muted-linux.png b/...all-color-swatches-light-high-contrast-display-pink-borderColor-muted-linux.png
diff --git a/...storybook-all-color-swatches-light-high-contrast-display-pink-fgColor-linux.png b/...storybook-all-color-swatches-light-high-contrast-display-pink-fgColor-linux.png
diff --git a/...ook-all-color-swatches-light-tritanopia-display-pink-bgColor-emphasis-linux.png b/...ook-all-color-swatches-light-tritanopia-display-pink-bgColor-emphasis-linux.png
diff --git a/...rybook-all-color-swatches-light-tritanopia-display-pink-bgColor-muted-linux.png b/...rybook-all-color-swatches-light-tritanopia-display-pink-bgColor-muted-linux.png
diff --git a/...all-color-swatches-light-tritanopia-display-pink-borderColor-emphasis-linux.png b/...all-color-swatches-light-tritanopia-display-pink-borderColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-light-tritanopia-display-pink-borderColor-muted-linux.png b/...ok-all-color-swatches-light-tritanopia-display-pink-borderColor-muted-linux.png
diff --git a/...ts/storybook-all-color-swatches-light-tritanopia-display-pink-fgColor-linux.png b/...ts/storybook-all-color-swatches-light-tritanopia-display-pink-fgColor-linux.png
diff --git a/blob-report/report.zip b/blob-report/report.zip
diff --git a/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx b/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx
@@ -12,7 +12,7 @@ import cssShadowVars from './DeprecatedShadowTokensMap.json'
 // eslint-disable-next-line import/extensions
 import noChangeCssVars from './NoChangeTokensMap.json'
 // eslint-disable-next-line import/extensions
-import fallbackVars from '../../../../../dist/fallbacks/color-fallbacks.json'
+import fallbackVars from './static-fallbacks.json'
 import {DataTable, Table} from '@primer/react/drafts'
 
 export default {

diff --git a/docs/storybook/stories/Migration/v8/static-fallbacks.json b/docs/storybook/stories/Migration/v8/static-fallbacks.json
diff --git a/src/tokens/functional/color/dark/display-dark.json5 b/src/tokens/functional/color/dark/display-dark.json5
@@ -1056,5 +1056,71 @@
         },
       },
     },
+    pink: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.pink.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pink.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pink.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.pink.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pink.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
   },
 }
diff --git a/src/tokens/functional/color/light/display-light.json5 b/src/tokens/functional/color/light/display-light.json5
@@ -1056,5 +1056,71 @@
         },
       },
     },
+    pink: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.pink.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pink.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pink.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.pink.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pink.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
   },
 }