added new emptyNum and emptyLine tokens

primer · Oct 16, 2024 · a1dbb0a · a1dbb0a
1 parent 3dc6c20
commit a1dbb0a
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 2 deletions.
diff --git a/docs/storybook/stories/Demo/Diff/Diff.css b/docs/storybook/stories/Demo/Diff/Diff.css
@@ -20,8 +20,8 @@
   border-bottom: 1px solid var(--borderColor-default);
 }
 .diff-line {
-  --diff-num-bg: var(--bgColor-muted);
-  --diff-line-bg: var(--bgColor-muted);
+  --diff-num-bg: var(--diffBlob-emptyNum-bgColor);
+  --diff-line-bg: var(--diffBlob-emptyLine-bgColor);
   &.type-default {
     --diff-num-bg: var(--bgColor-default);
     --diff-num-fg: var(--fgColor-default);

diff --git a/src/tokens/functional/color/dark/app-dark.json5 b/src/tokens/functional/color/dark/app-dark.json5
@@ -290,6 +290,34 @@
         },
       },
     },
+    emptyNum: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    emptyLine: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
     expander: {
       iconColor: {
         $value: '{fgColor.muted}',

diff --git a/src/tokens/functional/color/light/app-light.json5 b/src/tokens/functional/color/light/app-light.json5
@@ -282,6 +282,34 @@
         },
       },
     },
+    emptyNum: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    emptyLine: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
     expander: {
       iconColor: {
         $value: '{fgColor.muted}',