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

package/dist/styleLint/functional/themes/dark-dimmed.json

@@ -88,7 +88,7 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$value": "#d1d7e0",
     "$type": "color",
     "$extensions": {
@@ -113,11 +113,44 @@
         }
       }
     },
-    "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": "#46954a26",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.15,
+    "mix": null,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.15,
+      "mix": null
+    },
+    "name": "diffBlob-additionLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionLine", "bgColor"]
+  },
+  "diffBlob-additionWord-fgColor": {
     "$value": "#d1d7e0",
     "$type": "color",
     "$extensions": {
@@ -142,11 +175,71 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"]
+    "path": ["diffBlob", "additionWord", "fgColor"]
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionWord-bgColor": {
+    "$value": "#46954a66",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.4,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.green.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.4
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"]
+  },
+  "diffBlob-additionNum-fgColor": {
+    "$value": "#d1d7e0",
+    "$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-additionNum-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionNum", "fgColor"]
+  },
+  "diffBlob-additionNum-bgColor": {
     "$value": "#57ab5a4d",
     "$type": "color",
     "$extensions": {
@@ -173,12 +266,41 @@
       },
       "alpha": 0.3
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"]
+    "path": ["diffBlob", "additionNum", "bgColor"]
   },
-  "diffBlob-addition-bgColor-line": {
-    "$value": "#46954a26",
+  "diffBlob-deletionLine-fgColor": {
+    "$value": "#d1d7e0",
+    "$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-deletionLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionLine", "fgColor"]
+  },
+  "diffBlob-deletionLine-bgColor": {
+    "$value": "#e5534b1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -188,12 +310,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.15,
     "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "{bgColor.danger.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -203,15 +324,43 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.15,
       "mix": null
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"]
+    "path": ["diffBlob", "deletionLine", "bgColor"]
   },
-  "diffBlob-addition-bgColor-word": {
-    "$value": "#46954a66",
+  "diffBlob-deletionWord-fgColor": {
+    "$value": "#d1d7e0",
+    "$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": "#e5534b66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -225,7 +374,7 @@
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "{base.color.red.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -237,11 +386,11 @@
       },
       "alpha": 0.4
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"]
+    "path": ["diffBlob", "deletionWord", "bgColor"]
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionNum-fgColor": {
     "$value": "#d1d7e0",
     "$type": "color",
     "$extensions": {
@@ -266,11 +415,100 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionNum-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionNum", "fgColor"]
+  },
+  "diffBlob-deletionNum-bgColor": {
+    "$value": "#e5534b4d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.3,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.red.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.3
+    },
+    "name": "diffBlob-deletionNum-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionNum", "bgColor"]
+  },
+  "diffBlob-hunkLine-fgColor": {
+    "$value": "#9198a1",
+    "$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.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "fgColor"]
+  },
+  "diffBlob-hunkLine-bgColor": {
+    "$value": "#4184e41a",
+    "$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.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"]
+    "path": ["diffBlob", "hunkLine", "bgColor"]
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-hunkNum-fgColor-rest": {
     "$value": "#d1d7e0",
     "$type": "color",
     "$extensions": {
@@ -295,12 +533,41 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-hunkNum-fgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"]
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"]
   },
-  "diffBlob-deletion-bgColor-num": {
-    "$value": "#e5534b4d",
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$value": "#f0f6fc",
+    "$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": "#143d79",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -310,11 +577,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.3,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{base.color.blue.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -323,15 +589,14 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.3
+      }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"]
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"]
   },
-  "diffBlob-deletion-bgColor-line": {
-    "$value": "#e5534b26",
+  "diffBlob-hunkNum-bgColor-hover": {
+    "$value": "#316dca",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -341,12 +606,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.15,
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -355,16 +618,14 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.15,
-      "mix": null
+      }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkNum-bgColor-hover",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"]
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"]
   },
-  "diffBlob-deletion-bgColor-word": {
-    "$value": "#e5534b66",
+  "diffBlob-emptyNum-bgColor": {
+    "$value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -374,11 +635,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -387,15 +647,14 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-emptyNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"]
+    "path": ["diffBlob", "emptyNum", "bgColor"]
   },
-  "diffBlob-hunk-bgColor-num": {
-    "$value": "#4184e466",
+  "diffBlob-emptyLine-bgColor": {
+    "$value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -408,7 +667,7 @@
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.accent.muted}",
+      "$value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -419,18 +678,34 @@
         }
       }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-emptyLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"]
+    "path": ["diffBlob", "emptyLine", "bgColor"]
   },
   "diffBlob-expander-iconColor": {
-    "$value": "#d1d7e0",
+    "$value": "#9198a1",
     "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "$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"
+      "$value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
     },
     "name": "diffBlob-expander-iconColor",
     "attributes": {},
@@ -1173,7 +1448,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1186,7 +1461,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1231,7 +1506,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1244,7 +1519,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1289,7 +1564,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1302,7 +1577,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1347,7 +1622,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1360,7 +1635,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1405,7 +1680,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1418,7 +1693,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1463,7 +1738,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1476,7 +1751,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1521,7 +1796,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1534,7 +1809,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1579,7 +1854,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1592,7 +1867,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1637,7 +1912,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1650,7 +1925,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1695,7 +1970,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1708,7 +1983,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1751,7 +2026,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1764,7 +2039,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1780,7 +2055,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1793,7 +2068,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1809,7 +2084,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1822,7 +2097,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1838,7 +2113,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1851,7 +2126,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1867,7 +2142,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1880,7 +2155,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1896,7 +2171,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1909,7 +2184,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1925,7 +2200,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1938,7 +2213,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1954,7 +2229,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1967,7 +2242,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1983,7 +2258,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1996,7 +2271,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2012,7 +2287,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2025,7 +2300,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2041,7 +2316,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2054,7 +2329,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2070,7 +2345,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2083,7 +2358,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2099,7 +2374,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2112,7 +2387,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2128,7 +2403,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2141,7 +2416,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2157,7 +2432,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2170,7 +2445,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2186,7 +2461,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2199,7 +2474,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2215,7 +2490,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2228,7 +2503,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2244,7 +2519,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2257,7 +2532,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2273,7 +2548,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2286,7 +2561,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2302,7 +2577,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2315,7 +2590,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2331,7 +2606,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2344,7 +2619,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2360,7 +2635,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2373,7 +2648,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2389,7 +2664,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2402,7 +2677,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2418,7 +2693,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2431,7 +2706,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2447,7 +2722,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2460,7 +2735,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2476,7 +2751,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2489,7 +2764,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2505,7 +2780,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2518,7 +2793,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2534,7 +2809,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2547,7 +2822,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2563,7 +2838,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2576,7 +2851,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2592,7 +2867,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2605,7 +2880,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2621,7 +2896,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2634,7 +2909,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2650,7 +2925,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2663,7 +2938,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2679,7 +2954,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2692,7 +2967,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2708,7 +2983,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2721,7 +2996,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2737,7 +3012,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2750,7 +3025,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2766,7 +3041,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2779,7 +3054,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2795,7 +3070,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2808,7 +3083,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2824,7 +3099,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2837,7 +3112,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2853,7 +3128,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2866,7 +3141,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2882,7 +3157,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2895,7 +3170,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2911,7 +3186,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2924,7 +3199,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2940,7 +3215,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2953,7 +3228,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2969,7 +3244,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2982,7 +3257,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2998,7 +3273,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3011,7 +3286,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3027,7 +3302,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3040,7 +3315,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3056,7 +3331,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3069,7 +3344,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3085,7 +3360,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3098,7 +3373,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3114,7 +3389,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3127,7 +3402,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3143,7 +3418,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3156,7 +3431,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3172,7 +3447,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3185,7 +3460,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3201,7 +3476,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3214,7 +3489,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3230,7 +3505,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3243,7 +3518,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3259,7 +3534,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3272,7 +3547,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3288,7 +3563,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3301,7 +3576,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3317,7 +3592,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3330,7 +3605,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3346,7 +3621,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3359,7 +3634,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3375,7 +3650,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3388,7 +3663,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3404,7 +3679,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3417,7 +3692,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3433,7 +3708,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3446,7 +3721,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3462,7 +3737,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3475,7 +3750,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3491,7 +3766,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3504,7 +3779,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3520,7 +3795,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3533,7 +3808,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3549,7 +3824,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3562,7 +3837,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3578,7 +3853,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3591,7 +3866,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3607,7 +3882,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3620,7 +3895,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3636,7 +3911,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3649,7 +3924,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3665,7 +3940,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3678,7 +3953,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3694,7 +3969,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3707,7 +3982,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3723,7 +3998,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3736,7 +4011,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3752,7 +4027,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3765,7 +4040,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3781,7 +4056,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3794,7 +4069,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3810,7 +4085,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3823,7 +4098,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3839,7 +4114,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3852,7 +4127,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3868,7 +4143,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3881,7 +4156,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3897,7 +4172,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3910,7 +4185,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3926,7 +4201,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3939,7 +4214,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3955,7 +4230,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3968,7 +4243,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3984,7 +4259,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3997,7 +4272,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4013,7 +4288,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4026,7 +4301,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4042,7 +4317,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4055,7 +4330,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4071,7 +4346,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4084,7 +4359,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4100,7 +4375,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4113,7 +4388,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4129,7 +4404,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4142,7 +4417,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4158,7 +4433,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4171,7 +4446,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4187,7 +4462,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4200,7 +4475,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4216,7 +4491,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4229,7 +4504,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4245,7 +4520,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4258,7 +4533,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4274,7 +4549,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4287,7 +4562,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4303,7 +4578,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4316,7 +4591,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4332,7 +4607,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4345,7 +4620,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4361,7 +4636,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4374,7 +4649,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4390,7 +4665,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4403,7 +4678,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4419,7 +4694,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4432,7 +4707,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4448,7 +4723,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4461,7 +4736,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4477,7 +4752,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4490,7 +4765,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -6834,6 +7109,35 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "hover"]
   },
+  "button-invisible-fgColor-active": {
+    "$value": "#d1d7e0",
+    "$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",
@@ -6895,7 +7199,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -6908,7 +7212,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -12398,7 +12702,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "semantic",
         "scopes": ["fgColor"]
       }
@@ -12411,7 +12715,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "semantic",
           "scopes": ["fgColor"]
         }