@primer/primitives 8.2.4-rc.9292002d → 8.2.4-rc.a3f65a09

package/dist/figma/themes/dark.json

@@ -1462,45 +1462,6 @@
       "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
-  {
-    "name": "bgColor/upsell-emphasis",
-    "value": {
-      "r": 0.5372549019607843,
-      "g": 0.3411764705882353,
-      "b": 0.8980392156862745,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/upsell-emphasis",
-    "reference": "base/color/dark/base/color/purple/5",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-emphasis)"
-    }
-  },
-  {
-    "name": "bgColor/upsell-muted",
-    "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/bgColor/upsell-muted",
-    "reference": "base/color/dark/base/color/purple/4",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-muted)"
-    }
-  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1540,25 +1501,6 @@
       "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
     }
   },
-  {
-    "name": "bgColor/closed-emphasis",
-    "value": {
-      "r": 0.8549019607843137,
-      "g": 0.21176470588235294,
-      "b": 0.2,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/closed-emphasis",
-    "reference": "base/color/dark/base/color/red/5",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
-    }
-  },
   {
     "name": "bgColor/danger-emphasis",
     "value": {
@@ -2084,14 +2026,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",
@@ -7744,6 +7686,64 @@
       "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
     }
   },
+  {
+    "name": "bgColor/upsell-emphasis",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "bgColor/upsell-muted",
+    "value": {
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "mode/bgColor/done-muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
+  {
+    "name": "bgColor/closed-emphasis",
+    "value": {
+      "r": 0.8549019607843137,
+      "g": 0.21176470588235294,
+      "b": 0.2,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/closed-emphasis",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+    }
+  },
   {
     "name": "bgColor/closed-muted",
     "value": {

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;
@@ -758,7 +758,7 @@
   --bgColor-closed-emphasis: #ff6a69;
   --bgColor-done-muted: #b87fff17;
   --bgColor-done-emphasis: #b87fff;
-  --bgColor-upsell-muted: #bf8fff26;
+  --bgColor-upsell-muted: #b87fff17;
   --bgColor-upsell-emphasis: #b87fff;
   --bgColor-sponsors-muted: #ef6eb117;
   --bgColor-sponsors-emphasis: #ef6eb1;
@@ -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;
@@ -1607,7 +1607,7 @@
     --bgColor-closed-emphasis: #ff6a69;
     --bgColor-done-muted: #b87fff17;
     --bgColor-done-emphasis: #b87fff;
-    --bgColor-upsell-muted: #bf8fff26;
+    --bgColor-upsell-muted: #b87fff17;
     --bgColor-upsell-emphasis: #b87fff;
     --bgColor-sponsors-muted: #ef6eb117;
     --bgColor-sponsors-emphasis: #ef6eb1;

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": {
@@ -14137,7 +14137,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.4}",
+      "value": "{bgColor.done.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14173,7 +14173,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{bgColor.done.emphasis}",
       "$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": {
@@ -14035,7 +14035,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.5}",
+      "value": "{bgColor.danger.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14143,7 +14143,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.4}",
+      "value": "{bgColor.done.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14179,7 +14179,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{bgColor.done.emphasis}",
       "$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": {
@@ -14061,7 +14061,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.5}",
+      "value": "{bgColor.danger.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14152,7 +14152,7 @@
     "path": ["bgColor", "done", "emphasis"]
   },
   "bgColor-upsell-muted": {
-    "value": "#bf8fff26",
+    "value": "#b87fff17",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14165,11 +14165,11 @@
         }
       }
     },
-    "alpha": 0.15,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "alpha": 0.09,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.4}",
+      "value": "{bgColor.done.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14182,7 +14182,7 @@
           }
         }
       },
-      "alpha": 0.15
+      "alpha": 0.09
     },
     "name": "bgColor-upsell-muted",
     "attributes": {},
@@ -14205,7 +14205,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{bgColor.done.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {