address feedback

primer · Mar 7, 2024 · 9344cf9 · 9344cf9
1 parent 200bb71
commit 9344cf9
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 384 deletions.
diff --git a/docs/storybook/stories/Color/Base/DisplayScales.stories.tsx b/docs/storybook/stories/Color/Base/DisplayScales.stories.tsx
diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts
@@ -8,7 +8,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/scales.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/light.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
     ],
     include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/display-light.json5`],
   },
@@ -56,7 +55,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/scales.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/dark.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
     include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/dark/display-dark.json5`],
   },

diff --git a/src/tokens/functional/color/dark/data-vis-dark.json5 b/src/tokens/functional/color/dark/data-vis-dark.json5
@@ -14,34 +14,6 @@
         },
       },
     },
-    indigo: {
-      color: {
-        $value: '{base.display.color.indigo.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-    pine: {
-      color: {
-        $value: '{base.display.color.pine.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
     auburn: {
       color: {
         $value: '{base.display.color.auburn.5}',
@@ -56,23 +28,9 @@
         },
       },
     },
-    brown: {
-      color: {
-        $value: '{base.display.color.brown.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
     orange: {
       color: {
-        $value: '{base.display.color.orange.5}',
+        $value: '{base.display.color.orange.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -86,49 +44,7 @@
     },
     yellow: {
       color: {
-        $value: '{base.display.color.yellow.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-    lemon: {
-      color: {
-        $value: '{base.display.color.lemon.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-    olive: {
-      color: {
-        $value: '{base.display.color.olive.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-    lime: {
-      color: {
-        $value: '{base.display.color.lime.5}',
+        $value: '{base.display.color.yellow.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -142,7 +58,7 @@
     },
     green: {
       color: {
-        $value: '{base.display.color.green.5}',
+        $value: '{base.display.color.green.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -156,21 +72,7 @@
     },
     teal: {
       color: {
-        $value: '{base.display.color.teal.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
-    cyan: {
-      color: {
-        $value: '{base.display.color.cyan.5}',
+        $value: '{base.display.color.teal.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -196,20 +98,6 @@
         },
       },
     },
-    plum: {
-      color: {
-        $value: '{base.display.color.plum.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
     pink: {
       color: {
         $value: '{base.display.color.pink.5}',
@@ -238,23 +126,9 @@
         },
       },
     },
-    coral: {
-      color: {
-        $value: '{base.display.color.coral.5}',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            mode: 'dark',
-            group: 'component',
-            scopes: ['bgColor'],
-          },
-        },
-      },
-    },
     gray: {
       color: {
-        $value: '{base.display.color.gray.5}',
+        $value: '{base.display.color.gray.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {