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

package/dist/figma/themes/light.json

@@ -1372,6 +1372,44 @@
       "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
     }
   },
+  {
+    "name": "bgColor/draft-muted",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.12
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/draft-muted",
+    "reference": "mode/bgColor/neutral-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-muted)"
+    }
+  },
+  {
+    "name": "bgColor/draft-emphasis",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/draft-emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-emphasis)"
+    }
+  },
   {
     "name": "bgColor/done-muted",
     "value": {
@@ -1894,6 +1932,44 @@
       "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
     }
   },
+  {
+    "name": "borderColor/draft-muted",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/draft-muted",
+    "reference": "mode/borderColor/neutral-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-muted) */"
+    }
+  },
+  {
+    "name": "borderColor/draft-emphasis",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/draft-emphasis",
+    "reference": "mode/borderColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-emphasis)"
+    }
+  },
   {
     "name": "borderColor/done-muted",
     "value": {
@@ -8236,6 +8312,25 @@
       "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
     }
   },
+  {
+    "name": "fgColor/draft",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/draft",
+    "reference": "mode/fgColor/neutral",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-draft)"
+    }
+  },
   {
     "name": "fgColor/done",
     "value": {

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

@@ -943,6 +943,8 @@
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: #2128301a;
   --bgColor-default: var(--base-color-neutral-0);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: #2128301a;
   --bgColor-inset: var(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -966,6 +968,7 @@
   --border-success-muted: 0.0625rem solid #5cacff;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-muted: var(--borderColor-default);
+  --borderColor-draft-muted: var(--borderColor-default);
   --borderColor-emphasis: var(--borderColor-default);
   --borderColor-muted: var(--borderColor-default);
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1042,6 +1045,7 @@
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-white: var(--base-color-neutral-13);
@@ -1148,6 +1152,7 @@
   --tooltip-fgColor: var(--fgColor-onInverse);
   --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
   --border-neutral-muted: 0.0625rem solid #b7bdc8;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -2104,6 +2109,8 @@
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: #2128301a;
     --bgColor-default: var(--base-color-neutral-0);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: #2128301a;
     --bgColor-inset: var(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2127,6 +2134,7 @@
     --border-success-muted: 0.0625rem solid #5cacff;
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-muted: var(--borderColor-default);
+    --borderColor-draft-muted: var(--borderColor-default);
     --borderColor-emphasis: var(--borderColor-default);
     --borderColor-muted: var(--borderColor-default);
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -2203,6 +2211,7 @@
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-muted);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-white: var(--base-color-neutral-13);
@@ -2309,6 +2318,7 @@
     --tooltip-fgColor: var(--fgColor-onInverse);
     --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
     --border-neutral-muted: 0.0625rem solid #b7bdc8;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --button-default-fgColor-rest: var(--control-fgColor-rest);

package/dist/internalCss/dark-colorblind.css

@@ -962,6 +962,8 @@
   --bgColor-black: var(--base-color-neutral-0);
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: #656c761a;
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: #656c761a;
   --bgColor-inset: var(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -987,6 +989,7 @@
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #3d444d66;
+  --borderColor-draft-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-translucent: #ffffff26;
@@ -1078,6 +1081,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-muted);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-upsell: var(--fgColor-done);
@@ -1115,6 +1119,7 @@
   --border-open-muted: var(--border-success-muted);
   --border-upsell-emphasis: 0.0625rem solid #8957e5;
   --border-upsell-muted: 0.0625rem solid #ab7df866;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --borderColor-neutral-muted: var(--borderColor-muted);
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -2123,6 +2128,8 @@
     --bgColor-black: var(--base-color-neutral-0);
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: #656c761a;
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: #656c761a;
     --bgColor-inset: var(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2148,6 +2155,7 @@
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
     --borderColor-closed-muted: #3d444d66;
+    --borderColor-draft-muted: #3d444d66;
     --borderColor-muted: #3d444db3;
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
     --borderColor-translucent: #ffffff26;
@@ -2239,6 +2247,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-muted);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-upsell: var(--fgColor-done);
@@ -2276,6 +2285,7 @@
     --border-open-muted: var(--border-success-muted);
     --border-upsell-emphasis: 0.0625rem solid #8957e5;
     --border-upsell-muted: 0.0625rem solid #ab7df866;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --borderColor-neutral-muted: var(--borderColor-muted);
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);

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

@@ -947,6 +947,8 @@
   --bgColor-black: var(--base-color-neutral-0);
   --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
   --bgColor-closed-muted: var(--bgColor-danger-muted);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-open-emphasis: var(--bgColor-success-emphasis);
   --bgColor-open-muted: var(--bgColor-success-muted);
@@ -1065,6 +1067,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-danger);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-open: var(--fgColor-success);
@@ -1152,6 +1155,8 @@
   --tooltip-fgColor: var(--fgColor-onInverse);
   --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
   --border-neutral-muted: 0.0625rem solid #b7bdc8;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
@@ -2108,6 +2113,8 @@
     --bgColor-black: var(--base-color-neutral-0);
     --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
     --bgColor-closed-muted: var(--bgColor-danger-muted);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-open-emphasis: var(--bgColor-success-emphasis);
     --bgColor-open-muted: var(--bgColor-success-muted);
@@ -2226,6 +2233,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-danger);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-link: var(--fgColor-accent);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-open: var(--fgColor-success);
@@ -2313,6 +2321,8 @@
     --tooltip-fgColor: var(--fgColor-onInverse);
     --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
     --border-neutral-muted: 0.0625rem solid #b7bdc8;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);

package/dist/internalCss/dark-dimmed.css

@@ -974,6 +974,8 @@
   --bgColor-black: var(--base-color-neutral-0);
   --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
   --bgColor-closed-muted: var(--bgColor-danger-muted);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-open-emphasis: var(--bgColor-success-emphasis);
   --bgColor-open-muted: var(--bgColor-success-muted);
@@ -1002,6 +1004,7 @@
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
   --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
   --borderColor-open-muted: var(--borderColor-success-muted);
@@ -1096,6 +1099,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-danger);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-open: var(--fgColor-success);
   --fgColor-upsell: var(--fgColor-done);
@@ -1137,6 +1141,7 @@
   --border-open-muted: var(--border-success-muted);
   --border-upsell-emphasis: 0.0625rem solid #8256d0;
   --border-upsell-muted: 0.0625rem solid #986ee266;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -2135,6 +2140,8 @@
     --bgColor-black: var(--base-color-neutral-0);
     --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
     --bgColor-closed-muted: var(--bgColor-danger-muted);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-open-emphasis: var(--bgColor-success-emphasis);
     --bgColor-open-muted: var(--bgColor-success-muted);
@@ -2163,6 +2170,7 @@
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
     --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
     --borderColor-open-emphasis: var(--borderColor-success-emphasis);
     --borderColor-open-muted: var(--borderColor-success-muted);
@@ -2257,6 +2265,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-danger);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-open: var(--fgColor-success);
     --fgColor-upsell: var(--fgColor-done);
@@ -2298,6 +2307,7 @@
     --border-open-muted: var(--border-success-muted);
     --border-upsell-emphasis: 0.0625rem solid #8256d0;
     --border-upsell-muted: 0.0625rem solid #986ee266;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-fgColor-rest: var(--control-fgColor-rest);

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

@@ -937,6 +937,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(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-open-emphasis: var(--bgColor-success-emphasis);
@@ -1043,6 +1045,7 @@
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-danger);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-white: var(--base-color-neutral-13);
@@ -1148,6 +1151,8 @@
   --tooltip-fgColor: var(--fgColor-onInverse);
   --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
   --border-neutral-muted: 0.0625rem solid #b7bdc8;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -2098,6 +2103,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(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-open-emphasis: var(--bgColor-success-emphasis);
@@ -2204,6 +2211,7 @@
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-danger);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-white: var(--base-color-neutral-13);
@@ -2309,6 +2317,8 @@
     --tooltip-fgColor: var(--fgColor-onInverse);
     --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
     --border-neutral-muted: 0.0625rem solid #b7bdc8;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --button-default-fgColor-rest: var(--control-fgColor-rest);

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

@@ -943,6 +943,8 @@
   --bgColor-closed-emphasis: var(--bgColor-neutral-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(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -966,6 +968,7 @@
   --border-success-muted: 0.0625rem solid #5cacff;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-muted: var(--borderColor-default);
+  --borderColor-draft-muted: var(--borderColor-default);
   --borderColor-emphasis: var(--borderColor-default);
   --borderColor-muted: var(--borderColor-default);
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1042,6 +1045,7 @@
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-default: var(--base-color-neutral-13);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-white: var(--base-color-neutral-13);
@@ -1148,6 +1152,7 @@
   --tooltip-fgColor: var(--fgColor-onInverse);
   --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
   --border-neutral-muted: 0.0625rem solid #b7bdc8;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -2104,6 +2109,8 @@
     --bgColor-closed-emphasis: var(--bgColor-neutral-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(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2127,6 +2134,7 @@
     --border-success-muted: 0.0625rem solid #5cacff;
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-muted: var(--borderColor-default);
+    --borderColor-draft-muted: var(--borderColor-default);
     --borderColor-emphasis: var(--borderColor-default);
     --borderColor-muted: var(--borderColor-default);
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -2203,6 +2211,7 @@
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-muted);
     --fgColor-default: var(--base-color-neutral-13);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-white: var(--base-color-neutral-13);
@@ -2309,6 +2318,7 @@
     --tooltip-fgColor: var(--fgColor-onInverse);
     --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
     --border-neutral-muted: 0.0625rem solid #b7bdc8;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);
     --button-default-fgColor-rest: var(--control-fgColor-rest);

package/dist/internalCss/dark-tritanopia.css

@@ -965,6 +965,8 @@
   --bgColor-black: var(--base-color-neutral-0);
   --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
   --bgColor-closed-muted: #656c761a;
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: #656c761a;
   --bgColor-inset: var(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -990,6 +992,7 @@
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #3d444d66;
+  --borderColor-draft-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-translucent: #ffffff26;
@@ -1080,6 +1083,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-muted);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-upsell: var(--fgColor-done);
@@ -1117,6 +1121,7 @@
   --border-open-muted: var(--border-success-muted);
   --border-upsell-emphasis: 0.0625rem solid #8957e5;
   --border-upsell-muted: 0.0625rem solid #ab7df866;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --borderColor-neutral-muted: var(--borderColor-muted);
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -2126,6 +2131,8 @@
     --bgColor-black: var(--base-color-neutral-0);
     --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
     --bgColor-closed-muted: #656c761a;
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: #656c761a;
     --bgColor-inset: var(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -2151,6 +2158,7 @@
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
     --borderColor-closed-muted: #3d444d66;
+    --borderColor-draft-muted: #3d444d66;
     --borderColor-muted: #3d444db3;
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
     --borderColor-translucent: #ffffff26;
@@ -2241,6 +2249,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-muted);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-upsell: var(--fgColor-done);
@@ -2278,6 +2287,7 @@
     --border-open-muted: var(--border-success-muted);
     --border-upsell-emphasis: 0.0625rem solid #8957e5;
     --border-upsell-muted: 0.0625rem solid #ab7df866;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --borderColor-neutral-muted: var(--borderColor-muted);
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);

package/dist/internalCss/dark.css

@@ -956,6 +956,8 @@
   --bgColor-black: var(--base-color-neutral-0);
   --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
   --bgColor-closed-muted: var(--bgColor-danger-muted);
+  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+  --bgColor-draft-muted: var(--bgColor-neutral-muted);
   --bgColor-inset: var(--base-color-neutral-0);
   --bgColor-inverse: var(--base-color-neutral-13);
   --bgColor-open-emphasis: var(--bgColor-success-emphasis);
@@ -1078,6 +1080,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --fgColor-black: var(--base-color-neutral-0);
   --fgColor-closed: var(--fgColor-danger);
+  --fgColor-draft: var(--fgColor-neutral);
   --fgColor-onEmphasis: var(--base-color-neutral-13);
   --fgColor-onInverse: var(--base-color-neutral-0);
   --fgColor-open: var(--fgColor-success);
@@ -1116,6 +1119,7 @@
   --border-open-muted: var(--border-success-muted);
   --border-upsell-emphasis: 0.0625rem solid #8957e5;
   --border-upsell-muted: 0.0625rem solid #ab7df866;
+  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
   --borderColor-neutral-muted: var(--borderColor-muted);
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -1146,6 +1150,7 @@
   --overlay-borderColor: var(--borderColor-muted);
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --border-neutral-muted: 0.0625rem solid #3d444db3;
+  --borderColor-draft-muted: var(--borderColor-neutral-muted);
   --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
   --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -2117,6 +2122,8 @@
     --bgColor-black: var(--base-color-neutral-0);
     --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
     --bgColor-closed-muted: var(--bgColor-danger-muted);
+    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
+    --bgColor-draft-muted: var(--bgColor-neutral-muted);
     --bgColor-inset: var(--base-color-neutral-0);
     --bgColor-inverse: var(--base-color-neutral-13);
     --bgColor-open-emphasis: var(--bgColor-success-emphasis);
@@ -2239,6 +2246,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --fgColor-black: var(--base-color-neutral-0);
     --fgColor-closed: var(--fgColor-danger);
+    --fgColor-draft: var(--fgColor-neutral);
     --fgColor-onEmphasis: var(--base-color-neutral-13);
     --fgColor-onInverse: var(--base-color-neutral-0);
     --fgColor-open: var(--fgColor-success);
@@ -2277,6 +2285,7 @@
     --border-open-muted: var(--border-success-muted);
     --border-upsell-emphasis: 0.0625rem solid #8957e5;
     --border-upsell-muted: 0.0625rem solid #ab7df866;
+    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
     --borderColor-neutral-muted: var(--borderColor-muted);
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -2307,6 +2316,7 @@
     --overlay-borderColor: var(--borderColor-muted);
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --border-neutral-muted: 0.0625rem solid #3d444db3;
+    --borderColor-draft-muted: var(--borderColor-neutral-muted);
     --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);
     --button-default-borderColor-hover: var(--button-default-borderColor-rest);

package/dist/internalCss/light-colorblind-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);