@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

package/dist/styleLint/functional/themes/dark-high-contrast.json

@@ -72,7 +72,7 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$value": "#ffffff",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
@@ -81,11 +81,26 @@
       "$value": "{fgColor.onEmphasis}",
       "$type": "color"
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"]
+    "path": ["diffBlob", "additionLine", "fgColor"]
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionLine-bgColor": {
+    "$value": "#0ac74033",
+    "$type": "color",
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.muted}",
+      "$type": "color",
+      "alpha": 0.2
+    },
+    "name": "diffBlob-additionLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionLine", "bgColor"]
+  },
+  "diffBlob-additionWord-fgColor": {
     "$value": "#ffffff",
     "$type": "color",
     "$extensions": {
@@ -110,43 +125,56 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"]
+    "path": ["diffBlob", "additionWord", "fgColor"]
   },
-  "diffBlob-addition-bgColor-num": {
-    "$value": "#28d7514d",
+  "diffBlob-additionWord-bgColor": {
+    "$value": "#006222",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.emphasis}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"]
+  },
+  "diffBlob-additionNum-fgColor": {
+    "$value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.3,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.3}",
+      "$value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["fgColor"]
         }
-      },
-      "alpha": 0.3
+      }
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"]
+    "path": ["diffBlob", "additionNum", "fgColor"]
   },
-  "diffBlob-addition-bgColor-line": {
-    "$value": "#0ac74026",
+  "diffBlob-additionNum-bgColor": {
+    "$value": "#28d7514d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -156,12 +184,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.15,
-    "mix": null,
+    "alpha": 0.3,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "{base.color.green.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -171,42 +198,85 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.15,
-      "mix": null
+      "alpha": 0.3
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"]
+    "path": ["diffBlob", "additionNum", "bgColor"]
   },
-  "diffBlob-addition-bgColor-word": {
-    "$value": "#006222",
+  "diffBlob-deletionLine-fgColor": {
+    "$value": "#ffffff",
     "$type": "color",
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color"
+    },
+    "name": "diffBlob-deletionLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionLine", "fgColor"]
+  },
+  "diffBlob-deletionLine-bgColor": {
+    "$value": "#ff808033",
+    "$type": "color",
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.danger.muted}",
       "$type": "color",
-      "alpha": 1
+      "alpha": 0.2
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"]
+    "path": ["diffBlob", "deletionLine", "bgColor"]
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionWord-fgColor": {
     "$value": "#ffffff",
     "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-deletionWord-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionWord", "fgColor"]
+  },
+  "diffBlob-deletionWord-bgColor": {
+    "$value": "#ad0116",
+    "$type": "color",
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "$value": "{fgColor.onEmphasis}",
-      "$type": "color"
+      "$value": "{bgColor.danger.emphasis}",
+      "$type": "color",
+      "alpha": 1
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"]
+    "path": ["diffBlob", "deletionWord", "bgColor"]
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionNum-fgColor": {
     "$value": "#ffffff",
     "$type": "color",
     "$extensions": {
@@ -231,11 +301,11 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"]
+    "path": ["diffBlob", "deletionNum", "fgColor"]
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
     "$value": "#ff80804d",
     "$type": "color",
     "$extensions": {
@@ -262,59 +332,113 @@
       },
       "alpha": 0.3
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-deletionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"]
+    "path": ["diffBlob", "deletionNum", "bgColor"]
   },
-  "diffBlob-deletion-bgColor-line": {
-    "$value": "#ff808026",
+  "diffBlob-hunkLine-fgColor": {
+    "$value": "#b7bdc8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.15,
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["fgColor"]
         }
-      },
-      "alpha": 0.15,
-      "mix": null
+      }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"]
+    "path": ["diffBlob", "hunkLine", "fgColor"]
   },
-  "diffBlob-deletion-bgColor-word": {
-    "$value": "#ad0116",
+  "diffBlob-hunkLine-bgColor": {
+    "$value": "#5cacff33",
     "$type": "color",
-    "alpha": 1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.danger.emphasis}",
+      "$value": "{bgColor.accent.muted}",
       "$type": "color",
-      "alpha": 1
+      "alpha": 0.2
+    },
+    "name": "diffBlob-hunkLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "bgColor"]
+  },
+  "diffBlob-hunkNum-fgColor-rest": {
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-fgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"]
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"]
   },
-  "diffBlob-hunk-bgColor-num": {
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-fgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "fgColor", "hover"]
+  },
+  "diffBlob-hunkNum-bgColor-rest": {
     "$value": "#5cacff66",
     "$type": "color",
     "alpha": 0.4,
@@ -325,9 +449,96 @@
       "$type": "color",
       "alpha": 0.4
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"]
+  },
+  "diffBlob-hunkNum-bgColor-hover": {
+    "$value": "#194fb1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-bgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"]
+  },
+  "diffBlob-emptyNum-bgColor": {
+    "$value": "#151b23",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-emptyNum-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "emptyNum", "bgColor"]
+  },
+  "diffBlob-emptyLine-bgColor": {
+    "$value": "#151b23",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-emptyLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"]
+    "path": ["diffBlob", "emptyLine", "bgColor"]
   },
   "diffBlob-expander-iconColor": {
     "$value": "#ffffff",
@@ -1065,7 +1276,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1078,7 +1289,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1123,7 +1334,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1136,7 +1347,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1181,7 +1392,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1194,7 +1405,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1239,7 +1450,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1252,7 +1463,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1297,7 +1508,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1310,7 +1521,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1355,7 +1566,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1368,7 +1579,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1413,7 +1624,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1426,7 +1637,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1471,7 +1682,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1484,7 +1695,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1529,7 +1740,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1542,7 +1753,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1587,7 +1798,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1600,7 +1811,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1643,7 +1854,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1656,7 +1867,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1698,7 +1909,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1711,7 +1922,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1740,7 +1951,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1753,7 +1964,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1795,7 +2006,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1808,7 +2019,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1837,7 +2048,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1850,7 +2061,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1892,7 +2103,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1905,7 +2116,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1934,7 +2145,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1947,7 +2158,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1989,7 +2200,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2002,7 +2213,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2031,7 +2242,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2044,7 +2255,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2086,7 +2297,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2099,7 +2310,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2128,7 +2339,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2141,7 +2352,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2183,7 +2394,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2196,7 +2407,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2225,7 +2436,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2238,7 +2449,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2280,7 +2491,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2293,7 +2504,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2322,7 +2533,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2335,7 +2546,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2377,7 +2588,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2390,7 +2601,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2419,7 +2630,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2432,7 +2643,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2474,7 +2685,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2487,7 +2698,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2516,7 +2727,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2529,7 +2740,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2571,7 +2782,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2584,7 +2795,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2613,7 +2824,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2626,7 +2837,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2668,7 +2879,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2681,7 +2892,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2710,7 +2921,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2723,7 +2934,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2765,7 +2976,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2778,7 +2989,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2807,7 +3018,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2820,7 +3031,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2862,7 +3073,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2875,7 +3086,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2904,7 +3115,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2917,7 +3128,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2959,7 +3170,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2972,7 +3183,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3001,7 +3212,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3014,7 +3225,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3056,7 +3267,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3069,7 +3280,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3098,7 +3309,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3111,7 +3322,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3153,7 +3364,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3166,7 +3377,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3195,7 +3406,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3208,7 +3419,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3250,7 +3461,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3263,7 +3474,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3292,7 +3503,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3305,7 +3516,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3347,7 +3558,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3360,7 +3571,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3389,7 +3600,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3402,7 +3613,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3444,7 +3655,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3457,7 +3668,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -5626,6 +5837,35 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "hover"]
   },
+  "button-invisible-fgColor-active": {
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"]
+  },
   "button-invisible-fgColor-disabled": {
     "$value": "#656c76",
     "$type": "color",
@@ -5687,7 +5927,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -5700,7 +5940,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -6224,7 +6464,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -6237,7 +6477,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -11016,7 +11256,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "semantic",
         "scopes": ["fgColor"]
       }
@@ -11029,7 +11269,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "semantic",
           "scopes": ["fgColor"]
         }