@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f

package/dist/docs/functional/themes/light.json

@@ -418,7 +418,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -563,7 +563,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -592,7 +592,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -679,7 +679,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -766,7 +766,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -779,7 +779,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1058,7 +1058,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1071,7 +1071,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1087,7 +1087,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1100,7 +1100,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1116,7 +1116,7 @@
     "path": ["header", "borderColor", "divider"]
   },
   "headerSearch-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1129,7 +1129,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1145,7 +1145,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1158,7 +1158,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1173,7 +1173,7 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
-  "data-blue-color": {
+  "data-blue-color-emphasis": {
     "value": "#006edb",
     "$type": "color",
     "$extensions": {
@@ -1198,9 +1198,9 @@
         }
       }
     },
-    "name": "data-blue-color",
+    "name": "data-blue-color-emphasis",
     "attributes": {},
-    "path": ["data", "blue", "color", "@"]
+    "path": ["data", "blue", "color", "emphasis"]
   },
   "data-blue-color-muted": {
     "value": "#d1f0ff",
@@ -1231,7 +1231,7 @@
     "attributes": {},
     "path": ["data", "blue", "color", "muted"]
   },
-  "data-auburn-color": {
+  "data-auburn-color-emphasis": {
     "value": "#9d615c",
     "$type": "color",
     "$extensions": {
@@ -1256,9 +1256,9 @@
         }
       }
     },
-    "name": "data-auburn-color",
+    "name": "data-auburn-color-emphasis",
     "attributes": {},
-    "path": ["data", "auburn", "color", "@"]
+    "path": ["data", "auburn", "color", "emphasis"]
   },
   "data-auburn-color-muted": {
     "value": "#f2e9e9",
@@ -1289,7 +1289,7 @@
     "attributes": {},
     "path": ["data", "auburn", "color", "muted"]
   },
-  "data-orange-color": {
+  "data-orange-color-emphasis": {
     "value": "#eb670f",
     "$type": "color",
     "$extensions": {
@@ -1314,9 +1314,9 @@
         }
       }
     },
-    "name": "data-orange-color",
+    "name": "data-orange-color-emphasis",
     "attributes": {},
-    "path": ["data", "orange", "color", "@"]
+    "path": ["data", "orange", "color", "emphasis"]
   },
   "data-orange-color-muted": {
     "value": "#ffe7d1",
@@ -1347,7 +1347,7 @@
     "attributes": {},
     "path": ["data", "orange", "color", "muted"]
   },
-  "data-yellow-color": {
+  "data-yellow-color-emphasis": {
     "value": "#b88700",
     "$type": "color",
     "$extensions": {
@@ -1372,9 +1372,9 @@
         }
       }
     },
-    "name": "data-yellow-color",
+    "name": "data-yellow-color-emphasis",
     "attributes": {},
-    "path": ["data", "yellow", "color", "@"]
+    "path": ["data", "yellow", "color", "emphasis"]
   },
   "data-yellow-color-muted": {
     "value": "#ffec9e",
@@ -1405,7 +1405,7 @@
     "attributes": {},
     "path": ["data", "yellow", "color", "muted"]
   },
-  "data-green-color": {
+  "data-green-color-emphasis": {
     "value": "#30a147",
     "$type": "color",
     "$extensions": {
@@ -1430,9 +1430,9 @@
         }
       }
     },
-    "name": "data-green-color",
+    "name": "data-green-color-emphasis",
     "attributes": {},
-    "path": ["data", "green", "color", "@"]
+    "path": ["data", "green", "color", "emphasis"]
   },
   "data-green-color-muted": {
     "value": "#caf7ca",
@@ -1463,7 +1463,7 @@
     "attributes": {},
     "path": ["data", "green", "color", "muted"]
   },
-  "data-teal-color": {
+  "data-teal-color-emphasis": {
     "value": "#179b9b",
     "$type": "color",
     "$extensions": {
@@ -1488,9 +1488,9 @@
         }
       }
     },
-    "name": "data-teal-color",
+    "name": "data-teal-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "@"]
+    "path": ["data", "teal", "color", "emphasis"]
   },
   "data-teal-color-muted": {
     "value": "#c7f5ef",
@@ -1521,7 +1521,7 @@
     "attributes": {},
     "path": ["data", "teal", "color", "muted"]
   },
-  "data-purple-color": {
+  "data-purple-color-emphasis": {
     "value": "#894ceb",
     "$type": "color",
     "$extensions": {
@@ -1546,9 +1546,9 @@
         }
       }
     },
-    "name": "data-purple-color",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "@"]
+    "path": ["data", "purple", "color", "emphasis"]
   },
   "data-purple-color-muted": {
     "value": "#f1e5ff",
@@ -1579,7 +1579,7 @@
     "attributes": {},
     "path": ["data", "purple", "color", "muted"]
   },
-  "data-pink-color": {
+  "data-pink-color-emphasis": {
     "value": "#ce2c85",
     "$type": "color",
     "$extensions": {
@@ -1604,9 +1604,9 @@
         }
       }
     },
-    "name": "data-pink-color",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "pink", "color", "@"]
+    "path": ["data", "pink", "color", "emphasis"]
   },
   "data-pink-color-muted": {
     "value": "#ffe5f1",
@@ -1637,7 +1637,7 @@
     "attributes": {},
     "path": ["data", "pink", "color", "muted"]
   },
-  "data-red-color": {
+  "data-red-color-emphasis": {
     "value": "#df0c24",
     "$type": "color",
     "$extensions": {
@@ -1662,9 +1662,9 @@
         }
       }
     },
-    "name": "data-red-color",
+    "name": "data-red-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "@"]
+    "path": ["data", "red", "color", "emphasis"]
   },
   "data-red-color-muted": {
     "value": "#ffe2e0",
@@ -1695,7 +1695,7 @@
     "attributes": {},
     "path": ["data", "red", "color", "muted"]
   },
-  "data-gray-color": {
+  "data-gray-color-emphasis": {
     "value": "#808fa3",
     "$type": "color",
     "$extensions": {
@@ -1720,9 +1720,9 @@
         }
       }
     },
-    "name": "data-gray-color",
+    "name": "data-gray-color-emphasis",
     "attributes": {},
-    "path": ["data", "gray", "color", "@"]
+    "path": ["data", "gray", "color", "emphasis"]
   },
   "data-gray-color-muted": {
     "value": "#e8ecf2",
@@ -4603,7 +4603,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#afb8c1",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4616,7 +4616,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4632,7 +4632,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#d0d7de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4645,7 +4645,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4690,7 +4690,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4700,14 +4700,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#d0d7de",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4716,10 +4712,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4727,7 +4719,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4737,14 +4729,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#d0d7de",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4753,10 +4741,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4764,7 +4748,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4806,7 +4790,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4822,7 +4806,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4835,7 +4819,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4851,12 +4835,8 @@
     "path": ["control", "fgColor", "rest"]
   },
   "control-fgColor-placeholder": {
-    "value": "#69727c",
+    "value": "#59636e",
     "$type": "color",
-    "mix": {
-      "color": "#57606a",
-      "weight": 0.2
-    },
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -4868,12 +4848,8 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{fgColor.muted}",
       "$type": "color",
-      "mix": {
-        "color": "{base.color.neutral.6}",
-        "weight": 0.2
-      },
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -4888,7 +4864,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4917,7 +4893,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4946,7 +4922,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4956,14 +4932,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#6e7781",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4972,10 +4944,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-borderColor-emphasis",
@@ -4983,7 +4951,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5025,7 +4993,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.selected}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5128,7 +5096,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5186,7 +5154,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5196,11 +5164,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5210,14 +5178,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.1
     },
     "name": "control-transparent-bgColor-hover",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "hover"]
   },
   "control-transparent-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5227,11 +5195,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5241,14 +5209,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.4
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-active",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5277,7 +5245,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#d0d7de33",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5287,11 +5255,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5301,7 +5269,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5616,7 +5584,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5806,7 +5774,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5835,7 +5803,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5848,7 +5816,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5864,7 +5832,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#dee3e8",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5874,14 +5842,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#afb8c1",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5890,10 +5854,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5901,7 +5861,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#d2d8de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5911,14 +5871,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#afb8c1",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5927,10 +5883,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5938,7 +5890,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5967,7 +5919,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5980,7 +5932,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6054,7 +6006,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6112,7 +6064,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6170,7 +6122,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6199,7 +6151,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6286,7 +6238,7 @@
     "path": ["counter", "borderColor"]
   },
   "button-default-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6344,7 +6296,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6373,7 +6325,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6402,7 +6354,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6431,7 +6383,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -6444,7 +6396,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6457,7 +6409,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6473,7 +6425,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6486,7 +6438,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6502,7 +6454,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6515,7 +6467,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6531,7 +6483,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6983,7 +6935,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#0969da",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6996,7 +6948,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7012,7 +6964,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#0969da",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7025,7 +6977,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7041,7 +6993,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7070,7 +7022,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7099,7 +7051,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7128,7 +7080,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7186,7 +7138,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7215,7 +7167,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7244,7 +7196,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7331,7 +7283,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7573,7 +7525,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7586,7 +7538,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7612,11 +7564,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7625,8 +7576,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
@@ -7970,7 +7920,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7999,7 +7949,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8012,7 +7962,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8038,11 +7988,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8051,8 +8000,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
@@ -8125,7 +8073,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8138,7 +8086,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8154,7 +8102,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8167,7 +8115,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8212,7 +8160,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8241,7 +8189,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8901,7 +8849,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#d0d7de80",
+    "value": "#d1d9e080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8930,7 +8878,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#8c959f33",
+    "value": "#c8d1da66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8940,11 +8888,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8954,7 +8902,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.4
     },
     "name": "overlay-backdrop-bgColor",
     "attributes": {},
@@ -9061,7 +9009,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#eaeef2",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9074,7 +9022,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9148,7 +9096,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9161,7 +9109,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.neutral.muted}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9177,7 +9125,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12572,7 +12520,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12665,7 +12613,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12678,14 +12626,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#6e7781",
-      "weight": 0.5
-    },
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12697,10 +12641,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.5
       }
     },
     "name": "fgColor-muted",
@@ -12830,7 +12770,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12843,7 +12783,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12894,7 +12834,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12907,7 +12847,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13367,7 +13307,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13386,7 +13326,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13402,7 +13342,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13421,7 +13361,7 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-inverse": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13434,7 +13374,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13508,7 +13448,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13518,7 +13458,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -13531,8 +13470,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13574,7 +13512,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13584,7 +13522,7 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -13598,14 +13536,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},
     "path": ["bgColor", "neutral", "muted"]
   },
   "bgColor-neutral-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13618,7 +13556,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14342,7 +14280,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14358,7 +14296,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14377,7 +14315,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7deb3",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14414,7 +14352,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14427,7 +14365,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14443,7 +14381,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14532,7 +14470,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14542,11 +14480,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14555,15 +14492,14 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.2
+      }
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
     "path": ["borderColor", "neutral", "muted"]
   },
   "borderColor-neutral-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14576,7 +14512,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15312,7 +15248,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15324,7 +15260,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15339,7 +15275,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#57606a",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15351,7 +15287,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15366,7 +15302,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15378,7 +15314,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15393,7 +15329,7 @@
     "path": ["color", "ansi", "white"]
   },
   "color-ansi-white-bright": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15405,7 +15341,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15420,7 +15356,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15432,7 +15368,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15771,7 +15707,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15783,7 +15719,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15879,7 +15815,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15891,7 +15827,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16041,7 +15977,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16053,7 +15989,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16257,7 +16193,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16269,7 +16205,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16284,7 +16220,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16296,7 +16232,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16473,7 +16409,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#eaeef2",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16485,7 +16421,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16554,7 +16490,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16566,7 +16502,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16688,7 +16624,7 @@
     "path": ["shadow", "resting", "small"]
   },
   "shadow-resting-medium": {
-    "value": "0px 3px 6px 0px #424a531f",
+    "value": "0px 3px 6px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16702,7 +16638,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16724,7 +16660,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16746,7 +16682,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16754,7 +16690,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16776,7 +16712,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16798,7 +16734,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16806,7 +16742,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16814,7 +16750,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16822,7 +16758,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16844,7 +16780,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16866,7 +16802,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16888,7 +16824,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16910,7 +16846,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16932,14 +16868,14 @@
     "path": ["shadow", "floating", "xlarge"]
   },
   "shadow-floating-legacy": {
-    "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16947,7 +16883,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",