@primer/primitives 11.1.0 → 11.2.0-rc.1012e204

package/dist/internalCss/light-colorblind.css

@@ -948,6 +948,8 @@
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: var(--bgColor-neutral-muted);
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inset: var(--bgColor-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -973,6 +975,8 @@
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #d1d9e066;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+  --borderColor-draft-muted: #d1d9e066;
   --borderColor-muted: #d1d9e0b3;
   --borderColor-translucent: #1f232826;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1067,6 +1071,7 @@
   --fgColor-black: var(--base-color-neutral-13);
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: var(--base-color-neutral-0);
   --fgColor-onInverse: var(--base-color-neutral-0);
@@ -2109,6 +2114,8 @@
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: var(--bgColor-neutral-muted);
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inset: var(--bgColor-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
     --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -2134,6 +2141,8 @@
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
     --borderColor-closed-muted: #d1d9e066;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+    --borderColor-draft-muted: #d1d9e066;
     --borderColor-muted: #d1d9e0b3;
     --borderColor-translucent: #1f232826;
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -2228,6 +2237,7 @@
     --fgColor-black: var(--base-color-neutral-13);
     --fgColor-closed: var(--fgColor-muted);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onEmphasis: var(--base-color-neutral-0);
     --fgColor-onInverse: var(--base-color-neutral-0);

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

@@ -926,6 +926,8 @@
   --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
   --bgColor-closed-muted: var(--bgColor-danger-muted);
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-open-emphasis: var(--bgColor-success-emphasis);
   --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -951,6 +953,7 @@
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
   --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --borderColor-emphasis: var(--borderColor-default);
   --borderColor-muted: var(--borderColor-default);
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -1048,6 +1051,7 @@
   --fgColor-black: var(--base-color-neutral-13);
   --fgColor-closed: var(--fgColor-danger);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: var(--base-color-neutral-0);
   --fgColor-onInverse: var(--base-color-neutral-0);
@@ -1157,6 +1161,7 @@
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --underlineNav-borderColor-hover: var(--borderColor-muted);
   --border-neutral-muted: 0.0625rem solid #454c54;
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
 }
@@ -2087,6 +2092,8 @@
     --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
     --bgColor-closed-muted: var(--bgColor-danger-muted);
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-open-emphasis: var(--bgColor-success-emphasis);
     --bgColor-open-muted: var(--bgColor-success-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2112,6 +2119,7 @@
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
     --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --borderColor-emphasis: var(--borderColor-default);
     --borderColor-muted: var(--borderColor-default);
     --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -2209,6 +2217,7 @@
     --fgColor-black: var(--base-color-neutral-13);
     --fgColor-closed: var(--fgColor-danger);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onEmphasis: var(--base-color-neutral-0);
     --fgColor-onInverse: var(--base-color-neutral-0);
@@ -2318,6 +2327,7 @@
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --underlineNav-borderColor-hover: var(--borderColor-muted);
     --border-neutral-muted: 0.0625rem solid #454c54;
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
   }

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

@@ -933,6 +933,8 @@
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: var(--bgColor-neutral-muted);
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
   --bgColor-white: var(--base-color-neutral-0);
@@ -955,6 +957,8 @@
   --border-success-muted: 0.0625rem solid #368cf9;
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-muted: var(--borderColor-default);
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+  --borderColor-draft-muted: var(--borderColor-default);
   --borderColor-emphasis: var(--borderColor-default);
   --borderColor-muted: var(--borderColor-default);
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1048,6 +1052,7 @@
   --fgColor-black: var(--base-color-neutral-13);
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: var(--base-color-neutral-0);
   --fgColor-onInverse: var(--base-color-neutral-0);
@@ -2094,6 +2099,8 @@
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: var(--bgColor-neutral-muted);
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
     --bgColor-upsell-muted: var(--bgColor-done-muted);
     --bgColor-white: var(--base-color-neutral-0);
@@ -2116,6 +2123,8 @@
     --border-success-muted: 0.0625rem solid #368cf9;
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-muted: var(--borderColor-default);
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+    --borderColor-draft-muted: var(--borderColor-default);
     --borderColor-emphasis: var(--borderColor-default);
     --borderColor-muted: var(--borderColor-default);
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -2209,6 +2218,7 @@
     --fgColor-black: var(--base-color-neutral-13);
     --fgColor-closed: var(--fgColor-muted);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onEmphasis: var(--base-color-neutral-0);
     --fgColor-onInverse: var(--base-color-neutral-0);

package/dist/internalCss/light-tritanopia.css

@@ -953,6 +953,8 @@
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: var(--bgColor-neutral-muted);
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inset: var(--bgColor-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -978,6 +980,8 @@
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #d1d9e066;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+  --borderColor-draft-muted: #d1d9e066;
   --borderColor-muted: #d1d9e0b3;
   --borderColor-translucent: #1f232826;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1068,6 +1072,7 @@
   --fgColor-black: var(--base-color-neutral-13);
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: var(--base-color-neutral-0);
   --fgColor-onInverse: var(--base-color-neutral-0);
@@ -2114,6 +2119,8 @@
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: var(--bgColor-neutral-muted);
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inset: var(--bgColor-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
     --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -2139,6 +2146,8 @@
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
     --borderColor-closed-muted: #d1d9e066;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+    --borderColor-draft-muted: #d1d9e066;
     --borderColor-muted: #d1d9e0b3;
     --borderColor-translucent: #1f232826;
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -2229,6 +2238,7 @@
     --fgColor-black: var(--base-color-neutral-13);
     --fgColor-closed: var(--fgColor-muted);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onEmphasis: var(--base-color-neutral-0);
     --fgColor-onInverse: var(--base-color-neutral-0);

package/dist/internalCss/light.css

@@ -950,6 +950,8 @@
   --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
   --bgColor-closed-muted: var(--bgColor-danger-muted);
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inset: var(--bgColor-muted);
   --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -976,6 +978,7 @@
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
   --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --borderColor-muted: #d1d9e0b3;
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
   --borderColor-open-muted: var(--borderColor-success-muted);
@@ -1068,6 +1071,7 @@
   --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
   --fgColor-black: var(--base-color-neutral-13);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: var(--base-color-neutral-0);
   --fgColor-onInverse: var(--base-color-neutral-0);
@@ -1148,6 +1152,7 @@
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --underlineNav-borderColor-hover: var(--borderColor-muted);
   --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -2111,6 +2116,8 @@
     --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
     --bgColor-closed-muted: var(--bgColor-danger-muted);
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inset: var(--bgColor-muted);
     --bgColor-open-muted: var(--bgColor-success-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2137,6 +2144,7 @@
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
     --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --borderColor-muted: #d1d9e0b3;
     --borderColor-open-emphasis: var(--borderColor-success-emphasis);
     --borderColor-open-muted: var(--borderColor-success-muted);
@@ -2229,6 +2237,7 @@
     --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
     --fgColor-black: var(--base-color-neutral-13);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onEmphasis: var(--base-color-neutral-0);
     --fgColor-onInverse: var(--base-color-neutral-0);
@@ -2309,6 +2318,7 @@
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --underlineNav-borderColor-hover: var(--borderColor-muted);
     --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --button-primary-borderColor-active: var(--button-primary-borderColor-rest);

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

@@ -1010,6 +1010,132 @@
     "attributes": {},
     "path": ["bgColor", "done", "muted"]
   },
+  "bgColor-draft-emphasis": {
+    "key": "{bgColor.draft.emphasis}",
+    "$value": "#3d444d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-draft-emphasis)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/bgColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-draft-emphasis)"
+          }
+        }
+      },
+      "key": "{bgColor.draft.emphasis}"
+    },
+    "name": "bgColor-draft-emphasis",
+    "attributes": {},
+    "path": ["bgColor", "draft", "emphasis"]
+  },
+  "bgColor-draft-muted": {
+    "key": "{bgColor.draft.muted}",
+    "$value": "#2128301a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-draft-muted)"
+        }
+      },
+      "org.primer.overrides": {
+        "light-tritanopia": "#212830",
+        "light-tritanopia-high-contrast": "#212830",
+        "dark-tritanopia": {
+          "$value": "#212830",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#212830",
+        "light-protanopia-deuteranopia-high-contrast": "#212830",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#212830",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#212830",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/bgColor.json5",
+    "isSource": true,
+    "alpha": 0.1,
+    "original": {
+      "$value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-draft-muted)"
+          }
+        },
+        "org.primer.overrides": {
+          "light-tritanopia": "{bgColor.neutral.muted}",
+          "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
+          "dark-tritanopia": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
+          "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "alpha": 0.1,
+      "key": "{bgColor.draft.muted}"
+    },
+    "name": "bgColor-draft-muted",
+    "attributes": {},
+    "path": ["bgColor", "draft", "muted"]
+  },
   "bgColor-emphasis": {
     "key": "{bgColor.emphasis}",
     "$value": "#3d444d",
@@ -3711,6 +3837,194 @@
     "attributes": {},
     "path": ["borderColor", "done", "muted"]
   },
+  "borderColor-draft-emphasis": {
+    "key": "{borderColor.draft.emphasis}",
+    "$value": "#b7bdc8",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-draft-emphasis)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/borderColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-draft-emphasis)"
+          }
+        }
+      },
+      "key": "{borderColor.draft.emphasis}"
+    },
+    "name": "borderColor-draft-emphasis",
+    "attributes": {},
+    "path": ["borderColor", "draft", "emphasis"]
+  },
+  "borderColor-draft-muted": {
+    "key": "{borderColor.draft.muted}",
+    "$value": "#b7bdc8",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-draft-muted) */"
+        }
+      },
+      "org.primer.overrides": {
+        "dark-tritanopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#b7bdc8",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#b7bdc8",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b7bdc8",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b7bdc8",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/borderColor.json5",
+    "isSource": true,
+    "alpha": 1,
+    "original": {
+      "$value": "{borderColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-draft-muted) */"
+          }
+        },
+        "org.primer.overrides": {
+          "dark-tritanopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "alpha": 1,
+      "key": "{borderColor.draft.muted}"
+    },
+    "name": "borderColor-draft-muted",
+    "attributes": {},
+    "path": ["borderColor", "draft", "muted"]
+  },
   "borderColor-emphasis": {
     "key": "{borderColor.emphasis}",
     "$value": "#b7bdc8",
@@ -35161,6 +35475,41 @@
     "attributes": {},
     "path": ["fgColor", "done"]
   },
+  "fgColor-draft": {
+    "key": "{fgColor.draft}",
+    "$value": "#d1d7e0",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-draft)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/fgColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.neutral}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-draft)"
+          }
+        }
+      },
+      "key": "{fgColor.draft}"
+    },
+    "name": "fgColor-draft",
+    "attributes": {},
+    "path": ["fgColor", "draft"]
+  },
   "fgColor-link": {
     "key": "{fgColor.link}",
     "$value": "#74b9ff",