Add topicTag file (#1126)

* add topicTag file

Author: lukasoppermann

scripts/themes.config.ts

@@ -8,7 +8,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,
@@ -23,7 +23,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/light/overrides/light.tritanopia.json5`,
     ],
     include: [
@@ -39,7 +39,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5`,
     ],
     include: [
@@ -55,7 +55,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/light/overrides/light.high-contrast.json5`,
     ],
     include: [
@@ -72,7 +72,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,
@@ -88,14 +88,14 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/dark/overrides/dark.dimmed.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.dimmed.json5`,
       `src/tokens/base/color/dark/display-dark.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
     ],
   },
   {
@@ -105,7 +105,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.tritanopia.json5`,
     ],
     include: [
@@ -121,7 +121,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5`,
     ],
     include: [
@@ -137,7 +137,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/functional/color/components/*.json5`,
+      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.high-contrast.json5`,
     ],
     include: [

src/tokens/component/topicTag.json5

@@ -0,0 +1,19 @@
+{
+  topicTag: {
+    borderColor: {
+      $value: '{base.color.transparent}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          group: 'component',
+          scopes: ['borderColor'],
+        },
+        'org.primer.overrides': {
+          'light-high-contrast': '{borderColor.accent.emphasis}',
+          'dark-high-contrast': '{borderColor.accent.emphasis}',
+        },
+      },
+    },
+  },
+}

src/tokens/functional/color/dark/app-dark.json5

@@ -1,18 +1,4 @@
 {
-  topicTag: {
-    borderColor: {
-      $value: '{base.color.transparent}',
-      $type: 'color',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-
-          group: 'component',
-          scopes: ['borderColor'],
-        },
-      },
-    },
-  },
   highlight: {
     neutral: {
       bgColor: {

src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

@@ -220,12 +220,6 @@
       alpha: 0.9,
     },
   },
-  topicTag: {
-    borderColor: {
-      $value: '{borderColor.accent.emphasis}',
-      $type: 'color',
-    },
-  },
   counter: {
     borderColor: {
       $value: '{borderColor.default}',

src/tokens/functional/color/light/app-light.json5

@@ -1,17 +1,4 @@
 {
-  topicTag: {
-    borderColor: {
-      $value: '{base.color.transparent}',
-      $type: 'color',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'component',
-          scopes: ['borderColor'],
-        },
-      },
-    },
-  },
   highlight: {
     neutral: {
       bgColor: {

src/tokens/functional/color/light/overrides/light.high-contrast.json5

@@ -198,12 +198,6 @@
       alpha: 0.9,
     },
   },
-  topicTag: {
-    borderColor: {
-      $value: '{borderColor.accent.emphasis}',
-      $type: 'color',
-    },
-  },
   counter: {
     borderColor: {
       $value: '{borderColor.default}',