@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.790153da

package/dist/css/functional/themes/dark-colorblind.css

@@ -435,7 +435,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-open: #f0883e;
@@ -999,7 +999,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-open: #f0883e;

package/dist/css/functional/themes/dark-dimmed.css

@@ -435,7 +435,7 @@
   --fgColor-black: #1c2128;
   --fgColor-disabled: #636e7b;
   --fgColor-link: #478be6;
-  --fgColor-neutral: #636e7b;
+  --fgColor-neutral: #909dab;
   --fgColor-accent: #478be6;
   --fgColor-success: #57ab5a;
   --fgColor-open: #57ab5a;
@@ -999,7 +999,7 @@
     --fgColor-black: #1c2128;
     --fgColor-disabled: #636e7b;
     --fgColor-link: #478be6;
-    --fgColor-neutral: #636e7b;
+    --fgColor-neutral: #909dab;
     --fgColor-accent: #478be6;
     --fgColor-success: #57ab5a;
     --fgColor-open: #57ab5a;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -25,7 +25,7 @@
   --codeMirror-lineNumber-fgColor: #f0f3f6;
   --codeMirror-cursor-fgColor: #fbfcfd;
   --codeMirror-selection-bgColor: #5cacff66;
-  --codeMirror-activeline-bgColor: #9ea7b366;
+  --codeMirror-activeline-bgColor: #7a828e66;
   --codeMirror-matchingBracket-fgColor: #fbfcfd;
   --codeMirror-lines-bgColor: #0a0c10;
   --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -435,7 +435,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #9ea7b3;
   --fgColor-link: #73b8ff;
-  --fgColor-neutral: #9ea7b3;
+  --fgColor-neutral: #f0f3f6;
   --fgColor-accent: #73b8ff;
   --fgColor-success: #28d751;
   --fgColor-open: #28d751;
@@ -455,7 +455,7 @@
   --bgColor-black: #010409;
   --bgColor-disabled: #3d424db3;
   --bgColor-transparent: #00000000;
-  --bgColor-neutral-muted: #9ea7b366;
+  --bgColor-neutral-muted: #7a828e66;
   --bgColor-neutral-emphasis: #9ea7b3;
   --bgColor-accent-muted: #409eff1a;
   --bgColor-accent-emphasis: #409eff;
@@ -589,7 +589,7 @@
     --codeMirror-lineNumber-fgColor: #f0f3f6;
     --codeMirror-cursor-fgColor: #fbfcfd;
     --codeMirror-selection-bgColor: #5cacff66;
-    --codeMirror-activeline-bgColor: #9ea7b366;
+    --codeMirror-activeline-bgColor: #7a828e66;
     --codeMirror-matchingBracket-fgColor: #fbfcfd;
     --codeMirror-lines-bgColor: #0a0c10;
     --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -999,7 +999,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #9ea7b3;
     --fgColor-link: #73b8ff;
-    --fgColor-neutral: #9ea7b3;
+    --fgColor-neutral: #f0f3f6;
     --fgColor-accent: #73b8ff;
     --fgColor-success: #28d751;
     --fgColor-open: #28d751;
@@ -1019,7 +1019,7 @@
     --bgColor-black: #010409;
     --bgColor-disabled: #3d424db3;
     --bgColor-transparent: #00000000;
-    --bgColor-neutral-muted: #9ea7b366;
+    --bgColor-neutral-muted: #7a828e66;
     --bgColor-neutral-emphasis: #9ea7b3;
     --bgColor-accent-muted: #409eff1a;
     --bgColor-accent-emphasis: #409eff;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -435,7 +435,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-open: #f85149;
@@ -999,7 +999,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-open: #f85149;

package/dist/css/functional/themes/dark.css

@@ -435,7 +435,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #3fb950;
   --fgColor-open: #3fb950;
@@ -999,7 +999,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #3fb950;
     --fgColor-open: #3fb950;

package/dist/css/functional/themes/light-colorblind.css

@@ -436,7 +436,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-open: #bc4c00;
@@ -1000,7 +1000,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-open: #bc4c00;

package/dist/css/functional/themes/light-high-contrast.css

@@ -436,7 +436,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
-  --fgColor-neutral: #66707b;
+  --fgColor-neutral: #343b43;
   --fgColor-accent: #023b95;
   --fgColor-success: #024c1a;
   --fgColor-open: #024c1a;
@@ -1000,7 +1000,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #66707b;
     --fgColor-link: #023b95;
-    --fgColor-neutral: #66707b;
+    --fgColor-neutral: #343b43;
     --fgColor-accent: #023b95;
     --fgColor-success: #024c1a;
     --fgColor-open: #024c1a;

package/dist/css/functional/themes/light-tritanopia.css

@@ -436,7 +436,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-open: #cf222e;
@@ -1000,7 +1000,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-open: #cf222e;

package/dist/css/functional/themes/light.css

@@ -436,7 +436,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #1a7f37;
   --fgColor-open: #1a7f37;
@@ -1000,7 +1000,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #1a7f37;
     --fgColor-open: #1a7f37;

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

@@ -12804,7 +12804,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12817,7 +12817,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#636e7b",
+    "value": "#909dab",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -689,7 +689,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#9ea7b366",
+    "value": "#7a828e66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12828,7 +12828,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#9ea7b3",
+    "value": "#f0f3f6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12838,10 +12838,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13516,7 +13516,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#9ea7b366",
+    "value": "#7a828e66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13527,10 +13527,10 @@
       }
     },
     "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12811,7 +12811,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12824,7 +12824,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/docs/functional/themes/light-high-contrast.json

@@ -12827,7 +12827,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#66707b",
+    "value": "#343b43",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12837,10 +12837,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12807,7 +12807,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12820,7 +12820,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12807,7 +12807,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12820,7 +12820,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/figma/themes/dark-colorblind.json

@@ -2259,14 +2259,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
+      "r": 0.6941176470588235,
+      "g": 0.7294117647058823,
+      "b": 0.7686274509803922,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark colorblind",
     "group": "semantic",

package/dist/figma/themes/dark-dimmed.json

@@ -2114,14 +2114,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.43137254901960786,
-      "b": 0.4823529411764706,
+      "r": 0.5647058823529412,
+      "g": 0.615686274509804,
+      "b": 0.6705882352941176,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark-dimmed/base/color/neutral/4",
+    "reference": "base/color/dark-dimmed/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark dimmed",
     "group": "semantic",

package/dist/figma/themes/dark-high-contrast.json

@@ -1793,15 +1793,15 @@
   {
     "name": "bgColor/neutral-muted",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.6549019607843137,
-      "b": 0.7019607843137254,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 0.4
     },
     "type": "COLOR",
     "alpha": 0.4,
     "refId": "mode/bgColor/neutral-muted",
-    "reference": "base/color/dark-high-contrast/base/color/neutral/4",
+    "reference": "base/color/dark-high-contrast/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "semantic",
@@ -2105,14 +2105,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.6549019607843137,
-      "b": 0.7019607843137254,
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark-high-contrast/base/color/neutral/4",
+    "reference": "base/color/dark-high-contrast/base/color/neutral/1",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "semantic",
@@ -9027,9 +9027,9 @@
   {
     "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.6549019607843137,
-      "b": 0.7019607843137254,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 0.4
     },
     "type": "COLOR",

package/dist/figma/themes/dark-tritanopia.json

@@ -2259,14 +2259,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
+      "r": 0.6941176470588235,
+      "g": 0.7294117647058823,
+      "b": 0.7686274509803922,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "semantic",

package/dist/figma/themes/dark.json

@@ -2084,14 +2084,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
+      "r": 0.6941176470588235,
+      "g": 0.7294117647058823,
+      "b": 0.7686274509803922,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",

package/dist/figma/themes/light-colorblind.json

@@ -2113,14 +2113,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.3411764705882353,
+      "g": 0.3764705882352941,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "semantic",

package/dist/figma/themes/light-high-contrast.json

@@ -1979,14 +1979,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.4,
-      "g": 0.4392156862745098,
-      "b": 0.4823529411764706,
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light-high-contrast/base/color/neutral/5",
+    "reference": "base/color/light-high-contrast/base/color/neutral/7",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "semantic",

package/dist/figma/themes/light-tritanopia.json

@@ -2111,14 +2111,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.3411764705882353,
+      "g": 0.3764705882352941,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",

package/dist/figma/themes/light.json

@@ -1959,14 +1959,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.3411764705882353,
+      "g": 0.3764705882352941,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",

package/dist/internalCss/dark-colorblind.css

@@ -720,7 +720,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-open: #f0883e;
@@ -1569,7 +1569,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-open: #f0883e;

package/dist/internalCss/dark-dimmed.css

@@ -720,7 +720,7 @@
   --fgColor-black: #1c2128;
   --fgColor-disabled: #636e7b;
   --fgColor-link: #478be6;
-  --fgColor-neutral: #636e7b;
+  --fgColor-neutral: #909dab;
   --fgColor-accent: #478be6;
   --fgColor-success: #57ab5a;
   --fgColor-open: #57ab5a;
@@ -1569,7 +1569,7 @@
     --fgColor-black: #1c2128;
     --fgColor-disabled: #636e7b;
     --fgColor-link: #478be6;
-    --fgColor-neutral: #636e7b;
+    --fgColor-neutral: #909dab;
     --fgColor-accent: #478be6;
     --fgColor-success: #57ab5a;
     --fgColor-open: #57ab5a;

package/dist/internalCss/dark-high-contrast.css

@@ -310,7 +310,7 @@
   --codeMirror-lineNumber-fgColor: #f0f3f6;
   --codeMirror-cursor-fgColor: #fbfcfd;
   --codeMirror-selection-bgColor: #5cacff66;
-  --codeMirror-activeline-bgColor: #9ea7b366;
+  --codeMirror-activeline-bgColor: #7a828e66;
   --codeMirror-matchingBracket-fgColor: #fbfcfd;
   --codeMirror-lines-bgColor: #0a0c10;
   --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -720,7 +720,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #9ea7b3;
   --fgColor-link: #73b8ff;
-  --fgColor-neutral: #9ea7b3;
+  --fgColor-neutral: #f0f3f6;
   --fgColor-accent: #73b8ff;
   --fgColor-success: #28d751;
   --fgColor-open: #28d751;
@@ -740,7 +740,7 @@
   --bgColor-black: #010409;
   --bgColor-disabled: #3d424db3;
   --bgColor-transparent: #00000000;
-  --bgColor-neutral-muted: #9ea7b366;
+  --bgColor-neutral-muted: #7a828e66;
   --bgColor-neutral-emphasis: #9ea7b3;
   --bgColor-accent-muted: #409eff1a;
   --bgColor-accent-emphasis: #409eff;
@@ -1159,7 +1159,7 @@
     --codeMirror-lineNumber-fgColor: #f0f3f6;
     --codeMirror-cursor-fgColor: #fbfcfd;
     --codeMirror-selection-bgColor: #5cacff66;
-    --codeMirror-activeline-bgColor: #9ea7b366;
+    --codeMirror-activeline-bgColor: #7a828e66;
     --codeMirror-matchingBracket-fgColor: #fbfcfd;
     --codeMirror-lines-bgColor: #0a0c10;
     --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -1569,7 +1569,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #9ea7b3;
     --fgColor-link: #73b8ff;
-    --fgColor-neutral: #9ea7b3;
+    --fgColor-neutral: #f0f3f6;
     --fgColor-accent: #73b8ff;
     --fgColor-success: #28d751;
     --fgColor-open: #28d751;
@@ -1589,7 +1589,7 @@
     --bgColor-black: #010409;
     --bgColor-disabled: #3d424db3;
     --bgColor-transparent: #00000000;
-    --bgColor-neutral-muted: #9ea7b366;
+    --bgColor-neutral-muted: #7a828e66;
     --bgColor-neutral-emphasis: #9ea7b3;
     --bgColor-accent-muted: #409eff1a;
     --bgColor-accent-emphasis: #409eff;

package/dist/internalCss/dark-tritanopia.css

@@ -720,7 +720,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-open: #f85149;
@@ -1569,7 +1569,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-open: #f85149;

package/dist/internalCss/dark.css

@@ -720,7 +720,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #3fb950;
   --fgColor-open: #3fb950;
@@ -1569,7 +1569,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #3fb950;
     --fgColor-open: #3fb950;

package/dist/internalCss/light-colorblind.css

@@ -721,7 +721,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-open: #bc4c00;
@@ -1570,7 +1570,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-open: #bc4c00;

package/dist/internalCss/light-high-contrast.css

@@ -721,7 +721,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
-  --fgColor-neutral: #66707b;
+  --fgColor-neutral: #343b43;
   --fgColor-accent: #023b95;
   --fgColor-success: #024c1a;
   --fgColor-open: #024c1a;
@@ -1570,7 +1570,7 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #66707b;
     --fgColor-link: #023b95;
-    --fgColor-neutral: #66707b;
+    --fgColor-neutral: #343b43;
     --fgColor-accent: #023b95;
     --fgColor-success: #024c1a;
     --fgColor-open: #024c1a;

package/dist/internalCss/light-tritanopia.css

@@ -721,7 +721,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-open: #cf222e;
@@ -1570,7 +1570,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-open: #cf222e;

package/dist/internalCss/light.css

@@ -721,7 +721,7 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #1a7f37;
   --fgColor-open: #1a7f37;
@@ -1570,7 +1570,7 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #1a7f37;
     --fgColor-open: #1a7f37;

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

@@ -12804,7 +12804,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12817,7 +12817,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#636e7b",
+    "value": "#909dab",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -689,7 +689,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#9ea7b366",
+    "value": "#7a828e66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12828,7 +12828,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#9ea7b3",
+    "value": "#f0f3f6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12838,10 +12838,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13516,7 +13516,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#9ea7b366",
+    "value": "#7a828e66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13527,10 +13527,10 @@
       }
     },
     "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12811,7 +12811,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12824,7 +12824,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12827,7 +12827,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#66707b",
+    "value": "#343b43",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12837,10 +12837,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/light-tritanopia.json

@@ -12807,7 +12807,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12820,7 +12820,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12807,7 +12807,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7781",
+    "value": "#57606a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12820,7 +12820,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "8.2.4-rc.67dddfb7",
+  "version": "8.2.4-rc.790153da",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

@@ -19,6 +19,10 @@
       $value: '{base.color.neutral.4}',
       $type: 'color',
     },
+    neutral: {
+      $value: '{base.color.neutral.1}',
+      $type: 'color',
+    },
     accent: {
       $value: '{base.color.blue.3}',
       $type: 'color',
@@ -58,6 +62,11 @@
       $type: 'color',
     },
     neutral: {
+      muted: {
+        $value: '{base.color.neutral.5}',
+        $type: 'color',
+        alpha: 0.4,
+      },
       emphasis: {
         $value: '{base.color.neutral.4}',
         $type: 'color',

package/src/tokens/functional/color/dark/primitives-dark.json5

@@ -105,7 +105,7 @@
       },
     },
     neutral: {
-      $value: '{base.color.neutral.4}',
+      $value: '{base.color.neutral.2}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {

package/src/tokens/functional/color/light/overrides/light.high-contrast.json5

@@ -14,6 +14,10 @@
       $value: '{base.color.neutral.5}',
       $type: 'color',
     },
+    neutral: {
+      $value: '{base.color.neutral.7}',
+      $type: 'color',
+    },
     success: {
       $value: '{base.color.green.6}',
       $type: 'color',

package/src/tokens/functional/color/light/primitives-light.json5

@@ -101,7 +101,7 @@
       },
     },
     neutral: {
-      $value: '{base.color.neutral.5}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -110,7 +110,7 @@
           group: 'semantic',
           scopes: ['fgColor'],
         },
-      },
+      }
     },
     accent: {
       $value: '{base.color.blue.5}',