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

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

@@ -88,7 +88,7 @@
     "value": "#212830",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -111,13 +111,46 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"],
+    "path": ["diffBlob", "additionLine", "fgColor"],
     "value": "#d1d7e0",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionLine-bgColor": {
+    "$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"],
+    "value": "#46954a26",
+    "type": "color"
+  },
+  "diffBlob-additionWord-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -140,13 +173,73 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"],
+    "path": ["diffBlob", "additionWord", "fgColor"],
     "value": "#d1d7e0",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionWord-bgColor": {
+    "$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"],
+    "value": "#46954a66",
+    "type": "color"
+  },
+  "diffBlob-additionNum-fgColor": {
+    "$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"],
+    "value": "#d1d7e0",
+    "type": "color"
+  },
+  "diffBlob-additionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -171,13 +264,42 @@
       },
       "alpha": 0.3
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"],
+    "path": ["diffBlob", "additionNum", "bgColor"],
     "value": "#57ab5a4d",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-line": {
+  "diffBlob-deletionLine-fgColor": {
+    "$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"],
+    "value": "#d1d7e0",
+    "type": "color"
+  },
+  "diffBlob-deletionLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -186,12 +308,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": {
@@ -201,16 +322,44 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.15,
       "mix": null
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"],
-    "value": "#46954a26",
+    "path": ["diffBlob", "deletionLine", "bgColor"],
+    "value": "#e5534b1a",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-word": {
+  "diffBlob-deletionWord-fgColor": {
+    "$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"],
+    "value": "#d1d7e0",
+    "type": "color"
+  },
+  "diffBlob-deletionWord-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -223,7 +372,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": {
@@ -235,13 +384,13 @@
       },
       "alpha": 0.4
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"],
-    "value": "#46954a66",
+    "path": ["diffBlob", "deletionWord", "bgColor"],
+    "value": "#e5534b66",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -264,13 +413,102 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"],
+    "path": ["diffBlob", "deletionNum", "fgColor"],
     "value": "#d1d7e0",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
+    "$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"],
+    "value": "#e5534b4d",
+    "type": "color"
+  },
+  "diffBlob-hunkLine-fgColor": {
+    "$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"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "diffBlob-hunkLine-bgColor": {
+    "$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", "hunkLine", "bgColor"],
+    "value": "#4184e41a",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-fgColor-rest": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -293,13 +531,42 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-hunkNum-fgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"],
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
     "value": "#d1d7e0",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$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"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-bgColor-rest": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -308,11 +575,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": {
@@ -321,16 +587,15 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.3
+      }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"],
-    "value": "#e5534b4d",
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
+    "value": "#143d79",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-line": {
+  "diffBlob-hunkNum-bgColor-hover": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -339,12 +604,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": {
@@ -353,17 +616,15 @@
           "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"],
-    "value": "#e5534b26",
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
+    "value": "#316dca",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-word": {
+  "diffBlob-emptyNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -372,11 +633,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": {
@@ -385,16 +645,15 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-emptyNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"],
-    "value": "#e5534b66",
+    "path": ["diffBlob", "emptyNum", "bgColor"],
+    "value": "#262c36",
     "type": "color"
   },
-  "diffBlob-hunk-bgColor-num": {
+  "diffBlob-emptyLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -406,7 +665,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": {
@@ -417,23 +676,39 @@
         }
       }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-emptyLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"],
-    "value": "#4184e466",
+    "path": ["diffBlob", "emptyLine", "bgColor"],
+    "value": "#262c36",
     "type": "color"
   },
   "diffBlob-expander-iconColor": {
-    "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": {},
     "path": ["diffBlob", "expander", "iconColor"],
-    "value": "#d1d7e0",
+    "value": "#9198a1",
     "type": "color"
   },
   "codeMirror-fgColor": {
@@ -1171,7 +1446,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1184,7 +1459,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1229,7 +1504,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1242,7 +1517,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1287,7 +1562,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1300,7 +1575,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1345,7 +1620,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1358,7 +1633,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1403,7 +1678,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1416,7 +1691,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1461,7 +1736,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1474,7 +1749,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1519,7 +1794,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1532,7 +1807,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1577,7 +1852,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1590,7 +1865,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1635,7 +1910,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1648,7 +1923,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1693,7 +1968,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1706,7 +1981,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1749,7 +2024,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1762,7 +2037,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1778,7 +2053,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1791,7 +2066,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1807,7 +2082,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1820,7 +2095,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1836,7 +2111,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1849,7 +2124,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1865,7 +2140,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1878,7 +2153,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1894,7 +2169,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1907,7 +2182,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1923,7 +2198,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1936,7 +2211,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1952,7 +2227,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1965,7 +2240,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1981,7 +2256,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1994,7 +2269,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2010,7 +2285,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2023,7 +2298,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2039,7 +2314,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2052,7 +2327,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2068,7 +2343,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2081,7 +2356,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2097,7 +2372,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2110,7 +2385,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2126,7 +2401,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2139,7 +2414,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2155,7 +2430,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2168,7 +2443,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2184,7 +2459,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2197,7 +2472,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2213,7 +2488,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2226,7 +2501,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2242,7 +2517,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2255,7 +2530,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2271,7 +2546,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2284,7 +2559,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2300,7 +2575,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2313,7 +2588,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2329,7 +2604,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2342,7 +2617,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2358,7 +2633,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2371,7 +2646,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2387,7 +2662,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2400,7 +2675,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2416,7 +2691,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2429,7 +2704,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2445,7 +2720,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2458,7 +2733,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2474,7 +2749,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2487,7 +2762,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2503,7 +2778,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2516,7 +2791,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2532,7 +2807,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2545,7 +2820,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2561,7 +2836,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2574,7 +2849,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2590,7 +2865,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2603,7 +2878,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2619,7 +2894,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2632,7 +2907,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2648,7 +2923,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2661,7 +2936,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2677,7 +2952,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2690,7 +2965,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2706,7 +2981,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2719,7 +2994,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2735,7 +3010,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2748,7 +3023,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2764,7 +3039,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2777,7 +3052,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2793,7 +3068,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2806,7 +3081,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2822,7 +3097,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2835,7 +3110,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2851,7 +3126,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2864,7 +3139,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2880,7 +3155,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2893,7 +3168,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2909,7 +3184,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2922,7 +3197,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2938,7 +3213,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2951,7 +3226,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2967,7 +3242,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2980,7 +3255,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2996,7 +3271,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3009,7 +3284,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3025,7 +3300,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3038,7 +3313,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3054,7 +3329,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3067,7 +3342,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3083,7 +3358,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3096,7 +3371,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3112,7 +3387,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3125,7 +3400,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3141,7 +3416,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3154,7 +3429,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3170,7 +3445,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3183,7 +3458,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3199,7 +3474,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3212,7 +3487,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3228,7 +3503,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3241,7 +3516,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3257,7 +3532,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3270,7 +3545,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3286,7 +3561,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3299,7 +3574,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3315,7 +3590,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3328,7 +3603,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3344,7 +3619,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3357,7 +3632,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3373,7 +3648,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3386,7 +3661,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3402,7 +3677,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3415,7 +3690,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3431,7 +3706,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3444,7 +3719,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3460,7 +3735,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3473,7 +3748,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3489,7 +3764,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3502,7 +3777,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3518,7 +3793,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3531,7 +3806,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3547,7 +3822,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3560,7 +3835,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3576,7 +3851,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3589,7 +3864,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3605,7 +3880,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3618,7 +3893,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3634,7 +3909,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3647,7 +3922,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3663,7 +3938,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3676,7 +3951,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3692,7 +3967,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3705,7 +3980,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3721,7 +3996,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3734,7 +4009,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3750,7 +4025,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3763,7 +4038,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3779,7 +4054,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3792,7 +4067,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3808,7 +4083,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3821,7 +4096,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3837,7 +4112,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3850,7 +4125,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3866,7 +4141,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3879,7 +4154,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3895,7 +4170,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3908,7 +4183,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3924,7 +4199,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3937,7 +4212,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3953,7 +4228,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3966,7 +4241,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3982,7 +4257,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3995,7 +4270,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4011,7 +4286,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4024,7 +4299,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4040,7 +4315,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4053,7 +4328,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4069,7 +4344,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4082,7 +4357,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4098,7 +4373,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4111,7 +4386,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4127,7 +4402,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4140,7 +4415,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4156,7 +4431,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4169,7 +4444,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4185,7 +4460,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4198,7 +4473,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4214,7 +4489,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4227,7 +4502,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4243,7 +4518,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4256,7 +4531,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4272,7 +4547,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4285,7 +4560,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4301,7 +4576,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4314,7 +4589,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4330,7 +4605,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4343,7 +4618,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4359,7 +4634,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4372,7 +4647,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4388,7 +4663,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4401,7 +4676,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4417,7 +4692,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4430,7 +4705,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4446,7 +4721,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4459,7 +4734,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4475,7 +4750,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4488,7 +4763,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -6834,6 +7109,35 @@
     "value": "#d1d7e0",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$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"],
+    "value": "#d1d7e0",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {
@@ -6893,7 +7197,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -6906,7 +7210,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -12396,7 +12700,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "semantic",
         "scopes": ["fgColor"]
       }
@@ -12409,7 +12713,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "semantic",
           "scopes": ["fgColor"]
         }