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

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

@@ -422,7 +422,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -567,7 +567,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -596,7 +596,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -683,7 +683,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -770,7 +770,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -783,7 +783,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": {
@@ -1062,7 +1062,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1075,7 +1075,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": {
@@ -1091,7 +1091,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1104,7 +1104,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": {
@@ -1120,7 +1120,7 @@
     "path": ["header", "borderColor", "divider"]
   },
   "headerSearch-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1133,7 +1133,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": {
@@ -1149,7 +1149,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1162,7 +1162,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": {
@@ -1177,7 +1177,7 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
-  "data-blue-color": {
+  "data-blue-color-emphasis": {
     "value": "#006edb",
     "$type": "color",
     "$extensions": {
@@ -1202,9 +1202,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",
@@ -1235,7 +1235,7 @@
     "attributes": {},
     "path": ["data", "blue", "color", "muted"]
   },
-  "data-auburn-color": {
+  "data-auburn-color-emphasis": {
     "value": "#9d615c",
     "$type": "color",
     "$extensions": {
@@ -1260,9 +1260,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",
@@ -1293,7 +1293,7 @@
     "attributes": {},
     "path": ["data", "auburn", "color", "muted"]
   },
-  "data-orange-color": {
+  "data-orange-color-emphasis": {
     "value": "#eb670f",
     "$type": "color",
     "$extensions": {
@@ -1318,9 +1318,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",
@@ -1351,7 +1351,7 @@
     "attributes": {},
     "path": ["data", "orange", "color", "muted"]
   },
-  "data-yellow-color": {
+  "data-yellow-color-emphasis": {
     "value": "#b88700",
     "$type": "color",
     "$extensions": {
@@ -1376,9 +1376,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",
@@ -1409,7 +1409,7 @@
     "attributes": {},
     "path": ["data", "yellow", "color", "muted"]
   },
-  "data-green-color": {
+  "data-green-color-emphasis": {
     "value": "#30a147",
     "$type": "color",
     "$extensions": {
@@ -1434,9 +1434,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",
@@ -1467,7 +1467,7 @@
     "attributes": {},
     "path": ["data", "green", "color", "muted"]
   },
-  "data-teal-color": {
+  "data-teal-color-emphasis": {
     "value": "#179b9b",
     "$type": "color",
     "$extensions": {
@@ -1492,9 +1492,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",
@@ -1525,7 +1525,7 @@
     "attributes": {},
     "path": ["data", "teal", "color", "muted"]
   },
-  "data-purple-color": {
+  "data-purple-color-emphasis": {
     "value": "#894ceb",
     "$type": "color",
     "$extensions": {
@@ -1550,9 +1550,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",
@@ -1583,7 +1583,7 @@
     "attributes": {},
     "path": ["data", "purple", "color", "muted"]
   },
-  "data-pink-color": {
+  "data-pink-color-emphasis": {
     "value": "#ce2c85",
     "$type": "color",
     "$extensions": {
@@ -1608,9 +1608,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",
@@ -1641,7 +1641,7 @@
     "attributes": {},
     "path": ["data", "pink", "color", "muted"]
   },
-  "data-red-color": {
+  "data-red-color-emphasis": {
     "value": "#df0c24",
     "$type": "color",
     "$extensions": {
@@ -1666,9 +1666,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",
@@ -1699,7 +1699,7 @@
     "attributes": {},
     "path": ["data", "red", "color", "muted"]
   },
-  "data-gray-color": {
+  "data-gray-color-emphasis": {
     "value": "#808fa3",
     "$type": "color",
     "$extensions": {
@@ -1724,9 +1724,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",
@@ -4607,7 +4607,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#afb8c1",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4620,7 +4620,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": {
@@ -4636,7 +4636,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#d0d7de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4649,7 +4649,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": {
@@ -4694,7 +4694,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4704,14 +4704,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": {
@@ -4720,10 +4716,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4731,7 +4723,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4741,14 +4733,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": {
@@ -4757,10 +4745,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4768,7 +4752,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4810,7 +4794,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": {
@@ -4826,7 +4810,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4839,7 +4823,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": {
@@ -4855,12 +4839,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",
@@ -4872,12 +4852,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",
@@ -4892,7 +4868,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4921,7 +4897,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4950,7 +4926,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4960,14 +4936,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": {
@@ -4976,10 +4948,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-borderColor-emphasis",
@@ -4987,7 +4955,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5029,7 +4997,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": {
@@ -5132,7 +5100,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5190,7 +5158,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5200,11 +5168,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": {
@@ -5214,14 +5182,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": {
@@ -5231,11 +5199,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": {
@@ -5245,14 +5213,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": {
@@ -5281,7 +5249,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#d0d7de33",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5291,11 +5259,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": {
@@ -5305,7 +5273,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5620,7 +5588,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5810,7 +5778,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5839,7 +5807,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5852,7 +5820,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": {
@@ -5868,7 +5836,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#dee3e8",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5878,14 +5846,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": {
@@ -5894,10 +5858,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5905,7 +5865,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#d2d8de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5915,14 +5875,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": {
@@ -5931,10 +5887,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5942,7 +5894,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5971,7 +5923,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5984,7 +5936,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": {
@@ -6058,7 +6010,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6116,7 +6068,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6174,7 +6126,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6203,7 +6155,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6290,7 +6242,7 @@
     "path": ["counter", "borderColor"]
   },
   "button-default-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6348,7 +6300,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6377,7 +6329,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6406,7 +6358,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6435,7 +6387,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,
@@ -6448,7 +6400,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6461,7 +6413,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": {
@@ -6477,7 +6429,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6490,7 +6442,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": {
@@ -6506,7 +6458,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6519,7 +6471,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": {
@@ -6535,7 +6487,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6987,7 +6939,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#0969da",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7000,7 +6952,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": {
@@ -7016,7 +6968,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#0969da",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7029,7 +6981,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": {
@@ -7045,7 +6997,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7074,7 +7026,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7103,7 +7055,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7132,7 +7084,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7190,7 +7142,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7219,7 +7171,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7248,7 +7200,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7335,7 +7287,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7577,7 +7529,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7590,7 +7542,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": {
@@ -7616,11 +7568,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": {
@@ -7629,8 +7580,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
@@ -7974,7 +7924,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8003,7 +7953,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8016,7 +7966,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": {
@@ -8042,11 +7992,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": {
@@ -8055,8 +8004,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
@@ -8129,7 +8077,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8142,7 +8090,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": {
@@ -8158,7 +8106,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8171,7 +8119,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": {
@@ -8216,7 +8164,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8245,7 +8193,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8905,7 +8853,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#d0d7de80",
+    "value": "#d1d9e080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8934,7 +8882,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#8c959f33",
+    "value": "#c8d1da66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8944,11 +8892,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": {
@@ -8958,7 +8906,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.4
     },
     "name": "overlay-backdrop-bgColor",
     "attributes": {},
@@ -9065,7 +9013,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#eaeef2",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9078,7 +9026,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": {
@@ -9152,7 +9100,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9165,7 +9113,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": {
@@ -9181,7 +9129,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12576,7 +12524,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12669,7 +12617,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12682,14 +12630,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": {
@@ -12701,10 +12645,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.5
       }
     },
     "name": "fgColor-muted",
@@ -12834,7 +12774,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12847,7 +12787,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": {
@@ -12898,7 +12838,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12911,7 +12851,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": {
@@ -13145,7 +13085,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13161,7 +13101,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13371,7 +13311,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": {
@@ -13390,7 +13330,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13406,7 +13346,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": {
@@ -13425,7 +13365,7 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-inverse": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13438,7 +13378,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": {
@@ -13512,7 +13452,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13522,7 +13462,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -13535,8 +13474,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13578,7 +13516,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13588,7 +13526,7 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -13602,14 +13540,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": {
@@ -13622,7 +13560,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": {
@@ -14062,7 +14000,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#afb8c166",
+    "value": "#e0e6ebb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14077,9 +14015,8 @@
     },
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
-    "alpha": 0.4,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14091,15 +14028,14 @@
             "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
           }
         }
-      },
-      "alpha": 0.4
+      }
     },
     "name": "bgColor-closed-muted",
     "attributes": {},
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14115,7 +14051,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14344,7 +14280,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14360,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": {
@@ -14379,7 +14315,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7deb3",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14416,7 +14352,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14429,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": {
@@ -14445,7 +14381,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14534,7 +14470,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14544,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": {
@@ -14557,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": {
@@ -14578,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": {
@@ -15026,7 +14960,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#afb8c166",
+    "value": "#d1d9e066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15043,7 +14977,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15063,7 +14997,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15079,7 +15013,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15314,7 +15248,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15326,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": {
@@ -15341,7 +15275,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#57606a",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15353,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": {
@@ -15368,7 +15302,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15380,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": {
@@ -15395,7 +15329,7 @@
     "path": ["color", "ansi", "white"]
   },
   "color-ansi-white-bright": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15407,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": {
@@ -15422,7 +15356,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15434,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": {
@@ -15773,7 +15707,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15785,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": {
@@ -15881,7 +15815,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15893,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": {
@@ -16043,7 +15977,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16055,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": {
@@ -16259,7 +16193,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16271,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": {
@@ -16286,7 +16220,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16298,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": {
@@ -16475,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": {
@@ -16487,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": {
@@ -16556,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": {
@@ -16568,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": {
@@ -16690,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": {
@@ -16704,7 +16638,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16726,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": {
@@ -16748,7 +16682,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16756,7 +16690,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16778,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": {
@@ -16800,7 +16734,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16808,7 +16742,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16816,7 +16750,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16824,7 +16758,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16846,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": {
@@ -16868,7 +16802,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16890,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": {
@@ -16912,7 +16846,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16934,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",
@@ -16949,7 +16883,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.11}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",