From a83b4242e80480776167f4cff3bb0eac8db61875 Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Wed, 2 Oct 2024 18:50:13 +0200
Subject: [PATCH] add borderColor scope (#1069)

---
 .../functional/color/dark/data-vis-dark.json5 | 40 +++++++++----------
 .../color/light/data-vis-light.json5          | 40 +++++++++----------
 2 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/tokens/functional/color/dark/data-vis-dark.json5 b/src/tokens/functional/color/dark/data-vis-dark.json5
index 4f7bce27d..95e5d7176 100644
--- a/src/tokens/functional/color/dark/data-vis-dark.json5
+++ b/src/tokens/functional/color/dark/data-vis-dark.json5
@@ -2,7 +2,7 @@
   data: {
     blue: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.blue.5}',
           $type: 'color',
           $extensions: {
@@ -10,7 +10,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -30,7 +30,7 @@
     },
     auburn: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.auburn.5}',
           $type: 'color',
           $extensions: {
@@ -38,7 +38,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -58,7 +58,7 @@
     },
     orange: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.orange.4}',
           $type: 'color',
           $extensions: {
@@ -66,7 +66,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -86,7 +86,7 @@
     },
     yellow: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.yellow.4}',
           $type: 'color',
           $extensions: {
@@ -94,7 +94,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -114,7 +114,7 @@
     },
     green: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.green.4}',
           $type: 'color',
           $extensions: {
@@ -122,7 +122,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -142,7 +142,7 @@
     },
     teal: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.teal.4}',
           $type: 'color',
           $extensions: {
@@ -150,7 +150,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -170,7 +170,7 @@
     },
     purple: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.purple.5}',
           $type: 'color',
           $extensions: {
@@ -178,7 +178,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -198,7 +198,7 @@
     },
     pink: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.pink.5}',
           $type: 'color',
           $extensions: {
@@ -206,7 +206,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -226,7 +226,7 @@
     },
     red: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.red.5}',
           $type: 'color',
           $extensions: {
@@ -234,7 +234,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -254,7 +254,7 @@
     },
     gray: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.gray.4}',
           $type: 'color',
           $extensions: {
@@ -262,7 +262,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
diff --git a/src/tokens/functional/color/light/data-vis-light.json5 b/src/tokens/functional/color/light/data-vis-light.json5
index 4f7bce27d..95e5d7176 100644
--- a/src/tokens/functional/color/light/data-vis-light.json5
+++ b/src/tokens/functional/color/light/data-vis-light.json5
@@ -2,7 +2,7 @@
   data: {
     blue: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.blue.5}',
           $type: 'color',
           $extensions: {
@@ -10,7 +10,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -30,7 +30,7 @@
     },
     auburn: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.auburn.5}',
           $type: 'color',
           $extensions: {
@@ -38,7 +38,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -58,7 +58,7 @@
     },
     orange: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.orange.4}',
           $type: 'color',
           $extensions: {
@@ -66,7 +66,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -86,7 +86,7 @@
     },
     yellow: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.yellow.4}',
           $type: 'color',
           $extensions: {
@@ -94,7 +94,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -114,7 +114,7 @@
     },
     green: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.green.4}',
           $type: 'color',
           $extensions: {
@@ -122,7 +122,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -142,7 +142,7 @@
     },
     teal: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.teal.4}',
           $type: 'color',
           $extensions: {
@@ -150,7 +150,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -170,7 +170,7 @@
     },
     purple: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.purple.5}',
           $type: 'color',
           $extensions: {
@@ -178,7 +178,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -198,7 +198,7 @@
     },
     pink: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.pink.5}',
           $type: 'color',
           $extensions: {
@@ -206,7 +206,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -226,7 +226,7 @@
     },
     red: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.red.5}',
           $type: 'color',
           $extensions: {
@@ -234,7 +234,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -254,7 +254,7 @@
     },
     gray: {
       color: {
-        'emphasis': {
+        emphasis: {
           $value: '{base.display.color.gray.4}',
           $type: 'color',
           $extensions: {
@@ -262,7 +262,7 @@
               collection: 'mode',
               mode: 'dark',
               group: 'component',
-              scopes: ['bgColor'],
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },