From bcef815605cc086d7411fb61c37d08825502b84a Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Wed, 4 Oct 2023 16:19:28 +0200
Subject: [PATCH] Control figma export (#745)

* export control color tokens in Figma

* add changeset
---
 .changeset/wet-planets-drop.md                |   5 +
 .../functional/color/dark/patterns-dark.json5 | 218 +++++++++---------
 .../color/light/patterns-light.json5          | 216 ++++++++---------
 3 files changed, 222 insertions(+), 217 deletions(-)
 create mode 100644 .changeset/wet-planets-drop.md

diff --git a/.changeset/wet-planets-drop.md b/.changeset/wet-planets-drop.md
new file mode 100644
index 000000000..d3b80fb66
--- /dev/null
+++ b/.changeset/wet-planets-drop.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+export control color tokens in Figma
diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5
index 7f027e125..38f287513 100644
--- a/src/tokens/functional/color/dark/patterns-dark.json5
+++ b/src/tokens/functional/color/dark/patterns-dark.json5
@@ -7,7 +7,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -20,7 +20,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -36,7 +36,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -48,7 +48,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -583,7 +583,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -595,7 +595,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -611,7 +611,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -627,7 +627,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -641,7 +641,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -653,7 +653,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -667,7 +667,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -679,7 +679,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -695,7 +695,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -707,7 +707,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -719,7 +719,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -733,7 +733,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -745,7 +745,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -757,7 +757,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -772,7 +772,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -788,7 +788,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -802,7 +802,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -814,7 +814,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -826,7 +826,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -838,7 +838,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -850,7 +850,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -864,7 +864,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -876,7 +876,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -888,7 +888,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -900,7 +900,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -916,7 +916,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -928,7 +928,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -943,7 +943,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -957,7 +957,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -969,7 +969,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -985,7 +985,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1001,7 +1001,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1019,7 +1019,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1032,7 +1032,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1044,7 +1044,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1056,7 +1056,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1072,7 +1072,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1084,7 +1084,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1096,7 +1096,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1110,7 +1110,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1122,7 +1122,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1134,7 +1134,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1148,7 +1148,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1160,7 +1160,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1172,7 +1172,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1184,7 +1184,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1198,7 +1198,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1210,7 +1210,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1222,7 +1222,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1238,7 +1238,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1250,7 +1250,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1262,7 +1262,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1274,7 +1274,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1289,7 +1289,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1301,7 +1301,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1313,7 +1313,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1325,7 +1325,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1339,7 +1339,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1352,7 +1352,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1368,7 +1368,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1380,7 +1380,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1392,7 +1392,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1404,7 +1404,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1419,7 +1419,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1431,7 +1431,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1445,7 +1445,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1457,7 +1457,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1469,7 +1469,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1485,7 +1485,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1499,7 +1499,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1511,7 +1511,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1524,7 +1524,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1542,7 +1542,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1558,7 +1558,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1575,7 +1575,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1592,7 +1592,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1605,7 +1605,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1618,7 +1618,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1633,7 +1633,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1645,7 +1645,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1657,7 +1657,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1674,7 +1674,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1687,7 +1687,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1700,7 +1700,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1715,7 +1715,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1727,7 +1727,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1739,7 +1739,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1756,7 +1756,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1770,7 +1770,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1784,7 +1784,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -1797,7 +1797,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -1811,7 +1811,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -1826,7 +1826,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1838,7 +1838,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1853,7 +1853,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1868,7 +1868,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1881,7 +1881,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1897,7 +1897,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1910,7 +1910,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1926,7 +1926,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1941,7 +1941,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1957,7 +1957,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'dark',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1974,7 +1974,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -1986,7 +1986,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -2000,7 +2000,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
diff --git a/src/tokens/functional/color/light/patterns-light.json5 b/src/tokens/functional/color/light/patterns-light.json5
index dfc0951cf..91301429d 100644
--- a/src/tokens/functional/color/light/patterns-light.json5
+++ b/src/tokens/functional/color/light/patterns-light.json5
@@ -7,7 +7,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -19,7 +19,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -35,7 +35,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -47,7 +47,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -582,7 +582,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -594,7 +594,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -610,7 +610,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -626,7 +626,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -640,7 +640,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -652,7 +652,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -666,7 +666,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -678,7 +678,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -694,7 +694,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -706,7 +706,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -718,7 +718,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -732,7 +732,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -744,7 +744,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -756,7 +756,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -771,7 +771,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -787,7 +787,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -801,7 +801,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -813,7 +813,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -825,7 +825,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -837,7 +837,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -855,7 +855,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -867,7 +867,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -879,7 +879,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -891,7 +891,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -907,7 +907,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -919,7 +919,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -934,7 +934,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -949,7 +949,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -961,7 +961,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -977,7 +977,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -993,7 +993,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1011,7 +1011,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1024,7 +1024,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1036,7 +1036,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1048,7 +1048,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1064,7 +1064,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1076,7 +1076,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1088,7 +1088,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1102,7 +1102,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1114,7 +1114,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1126,7 +1126,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1140,7 +1140,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1152,7 +1152,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1164,7 +1164,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1176,7 +1176,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1190,7 +1190,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1202,7 +1202,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1214,7 +1214,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1230,7 +1230,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1242,7 +1242,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1254,7 +1254,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1266,7 +1266,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1281,7 +1281,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1293,7 +1293,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1305,7 +1305,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1321,7 +1321,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1335,7 +1335,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1348,7 +1348,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1364,7 +1364,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1376,7 +1376,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1388,7 +1388,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1400,7 +1400,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1415,7 +1415,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1427,7 +1427,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1441,7 +1441,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1453,7 +1453,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1465,7 +1465,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1481,7 +1481,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1495,7 +1495,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1507,7 +1507,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1520,7 +1520,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['borderColor'],
             },
           },
@@ -1538,7 +1538,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1554,7 +1554,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1570,7 +1570,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1587,7 +1587,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1600,7 +1600,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1613,7 +1613,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1628,7 +1628,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1640,7 +1640,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1652,7 +1652,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1669,7 +1669,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1682,7 +1682,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1695,7 +1695,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1710,7 +1710,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1726,7 +1726,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1738,7 +1738,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['fgColor'],
             },
           },
@@ -1755,7 +1755,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1769,7 +1769,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1782,7 +1782,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -1795,7 +1795,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },
@@ -1809,7 +1809,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -1824,7 +1824,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1836,7 +1836,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1851,7 +1851,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1866,7 +1866,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1879,7 +1879,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1895,7 +1895,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['borderColor'],
         },
       },
@@ -1908,7 +1908,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1924,7 +1924,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['bgColor'],
           },
         },
@@ -1939,7 +1939,7 @@
         'org.primer.figma': {
           collection: 'mode',
           mode: 'light',
-          group: 'component',
+          group: 'component (internal)',
           scopes: ['bgColor'],
         },
       },
@@ -1955,7 +1955,7 @@
             'org.primer.figma': {
               collection: 'mode',
               mode: 'light',
-              group: 'component',
+              group: 'component (internal)',
               scopes: ['bgColor'],
             },
           },
@@ -1972,7 +1972,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -1984,7 +1984,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['borderColor'],
           },
         },
@@ -1998,7 +1998,7 @@
           'org.primer.figma': {
             collection: 'mode',
             mode: 'light',
-            group: 'component',
+            group: 'component (internal)',
             scopes: ['fgColor'],
           },
         },