@primer/primitives 7.4.2-rc.b62f0f4 → 7.5.1-rc.39f9362

package/dist/json/colors/dark_dimmed.json

@@ -404,6 +404,18 @@
     "muted": "rgba(229,83,75,0.4)",
     "subtle": "rgba(229,83,75,0.15)"
   },
+  "open": {
+    "fg": "#57ab5a",
+    "emphasis": "#347d39",
+    "muted": "rgba(70,149,74,0.4)",
+    "subtle": "rgba(70,149,74,0.15)"
+  },
+  "closed": {
+    "fg": "#e5534b",
+    "emphasis": "#c93c37",
+    "muted": "rgba(229,83,75,0.4)",
+    "subtle": "rgba(229,83,75,0.15)"
+  },
   "done": {
     "fg": "#986ee2",
     "emphasis": "#8256d0",

package/dist/json/colors/dark_high_contrast.json

@@ -404,6 +404,18 @@
     "muted": "#ff6a69",
     "subtle": "rgba(255,106,105,0.15)"
   },
+  "open": {
+    "fg": "#26cd4d",
+    "emphasis": "#09b43a",
+    "muted": "rgba(9,180,58,0.4)",
+    "subtle": "rgba(9,180,58,0.15)"
+  },
+  "closed": {
+    "fg": "#ff6a69",
+    "emphasis": "#ff6a69",
+    "muted": "rgba(255,106,105,0.4)",
+    "subtle": "rgba(255,106,105,0.15)"
+  },
   "done": {
     "fg": "#b780ff",
     "emphasis": "#b87fff",

package/dist/json/colors/light.json

@@ -404,6 +404,18 @@
     "muted": "rgba(255,129,130,0.4)",
     "subtle": "#FFEBE9"
   },
+  "open": {
+    "fg": "#1a7f37",
+    "emphasis": "#2da44e",
+    "muted": "rgba(74,194,107,0.4)",
+    "subtle": "#dafbe1"
+  },
+  "closed": {
+    "fg": "#cf222e",
+    "emphasis": "#cf222e",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

package/dist/json/colors/light_colorblind.json

@@ -9,16 +9,16 @@
     "addition": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "rgba(53,173,255,0.4)",
-      "lineBg": "rgba(192,246,255,0.5)",
-      "wordBg": "rgba(53,173,255,0.4)"
+      "numBg": "rgba(84,174,255,0.4)",
+      "lineBg": "rgba(221,244,255,0.5)",
+      "wordBg": "rgba(84,174,255,0.4)"
     },
     "deletion": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "rgba(231,161,0,0.4)",
-      "lineBg": "rgba(254,254,72,0.5)",
-      "wordBg": "rgba(248,194,0,0.5)"
+      "numBg": "rgba(247,153,57,0.4)",
+      "lineBg": "rgba(255,245,232,0.5)",
+      "wordBg": "rgba(255,188,109,0.5)"
     },
     "hunk": {
       "numBg": "rgba(84,174,255,0.4)"
@@ -31,7 +31,7 @@
   "diffstat": {
     "deletionBorder": "rgba(27,31,36,0.15)",
     "additionBorder": "rgba(27,31,36,0.15)",
-    "additionBg": "#0088ff"
+    "additionBg": "#218bff"
   },
   "searchKeyword": {
     "hl": "#fff8c5"
@@ -42,26 +42,26 @@
       "constant": "#0550ae",
       "entity": "#8250df",
       "storageModifierImport": "#24292f",
-      "entityTag": "#054da9",
-      "keyword": "#ac5e00",
+      "entityTag": "#0550ae",
+      "keyword": "#b35900",
       "string": "#0a3069",
-      "variable": "#953800",
-      "brackethighlighterUnmatched": "#6c3900",
+      "variable": "#8a4600",
+      "brackethighlighterUnmatched": "#6f3800",
       "invalidIllegalText": "#f6f8fa",
-      "invalidIllegalBg": "#6c3900",
+      "invalidIllegalBg": "#6f3800",
       "carriageReturnText": "#f6f8fa",
-      "carriageReturnBg": "#ac5e00",
-      "stringRegexp": "#054da9",
+      "carriageReturnBg": "#b35900",
+      "stringRegexp": "#0550ae",
       "markupList": "#3b2300",
       "markupHeading": "#0550ae",
       "markupItalic": "#24292f",
       "markupBold": "#24292f",
-      "markupDeletedText": "#6c3900",
-      "markupDeletedBg": "#fefe48",
-      "markupInsertedText": "#054da9",
-      "markupInsertedBg": "#c0f6ff",
-      "markupChangedText": "#953800",
-      "markupChangedBg": "#ffd8b5",
+      "markupDeletedText": "#6f3800",
+      "markupDeletedBg": "#fff5e8",
+      "markupInsertedText": "#0550ae",
+      "markupInsertedBg": "#ddf4ff",
+      "markupChangedText": "#8a4600",
+      "markupChangedBg": "#ffddb0",
       "markupIgnoredText": "#eaeef2",
       "markupIgnoredBg": "#0550ae",
       "metaDiffRange": "#8250df",
@@ -86,11 +86,11 @@
       "comment": "#24292f",
       "constant": "#0550ae",
       "entity": "#8250df",
-      "keyword": "#ac5e00",
-      "storage": "#ac5e00",
+      "keyword": "#b35900",
+      "storage": "#b35900",
       "string": "#0a3069",
       "support": "#0550ae",
-      "variable": "#953800"
+      "variable": "#8a4600"
     }
   },
   "checks": {
@@ -108,9 +108,9 @@
     "inputFocusText": "#8c959f",
     "inputBg": "#32383f",
     "inputShadow": "none",
-    "donutError": "#d08002",
+    "donutError": "#dd7815",
     "donutPending": "#bf8700",
-    "donutSuccess": "#0088ff",
+    "donutSuccess": "#218bff",
     "donutNeutral": "#afb8c1",
     "dropdownText": "#afb8c1",
     "dropdownBg": "#32383f",
@@ -137,29 +137,29 @@
     "gateText": "#d0d7de",
     "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
-    "stepErrorText": "#e7a100",
+    "stepErrorText": "#f79939",
     "stepWarningText": "#d4a72c",
     "loglineText": "#8c959f",
     "loglineNumText": "rgba(140,149,159,0.75)",
     "loglineDebugText": "#c297ff",
     "loglineErrorText": "#d0d7de",
-    "loglineErrorNumText": "#e7a100",
-    "loglineErrorBg": "rgba(139,70,0,0.15)",
+    "loglineErrorNumText": "#f79939",
+    "loglineErrorBg": "rgba(138,70,0,0.15)",
     "loglineWarningText": "#d0d7de",
     "loglineWarningNumText": "#d4a72c",
     "loglineWarningBg": "rgba(125,78,0,0.15)",
     "loglineCommandText": "#54aeff",
-    "loglineSectionText": "#35adff",
+    "loglineSectionText": "#54aeff",
     "ansi": {
       "black": "#24292f",
       "blackBright": "#32383f",
       "white": "#d0d7de",
       "whiteBright": "#d0d7de",
       "gray": "#8c959f",
-      "red": "#e7a100",
-      "redBright": "#f8c200",
-      "green": "#35adff",
-      "greenBright": "#65ccff",
+      "red": "#f79939",
+      "redBright": "#ffbc6d",
+      "green": "#54aeff",
+      "greenBright": "#80ccff",
       "yellow": "#d4a72c",
       "yellowBright": "#eac54f",
       "blue": "#54aeff",
@@ -236,10 +236,10 @@
     "white": "#6e7781",
     "whiteBright": "#8c959f",
     "gray": "#6e7781",
-    "red": "#ac5e00",
-    "redBright": "#8b4600",
-    "green": "#054da9",
-    "greenBright": "#0566d5",
+    "red": "#b35900",
+    "redBright": "#8a4600",
+    "green": "#0550ae",
+    "greenBright": "#0969da",
     "yellow": "#4d2d00",
     "yellowBright": "#633c01",
     "blue": "#0969da",
@@ -268,20 +268,20 @@
     "counterBg": "rgba(27,31,36,0.08)",
     "primary": {
       "text": "#ffffff",
-      "bg": "#0088ff",
+      "bg": "#218bff",
       "border": "rgba(27,31,36,0.15)",
       "shadow": "0 1px 0 rgba(27,31,36,0.1)",
       "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverBg": "#0566d5",
+      "hoverBg": "#0969da",
       "hoverBorder": "rgba(27,31,36,0.15)",
-      "selectedBg": "hsla(212,95%,41%,1)",
-      "selectedShadow": "inset 0 1px 0 rgba(0,31,80,0.2)",
+      "selectedBg": "hsla(212,92%,43%,1)",
+      "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
       "disabledText": "rgba(255,255,255,0.8)",
-      "disabledBg": "#65ccff",
+      "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
-      "focusBg": "#0088ff",
+      "focusBg": "#218bff",
       "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(0,136,255,0.4)",
+      "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -305,24 +305,24 @@
       "counterBg": "rgba(9,105,218,0.1)"
     },
     "danger": {
-      "text": "#ac5e00",
+      "text": "#b35900",
       "hoverText": "#ffffff",
-      "hoverBg": "#8b4600",
+      "hoverBg": "#8a4600",
       "hoverBorder": "rgba(27,31,36,0.15)",
       "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
       "hoverCounterBg": "rgba(255,255,255,0.2)",
       "selectedText": "#ffffff",
-      "selectedBg": "hsla(33,100%,31%,1)",
+      "selectedBg": "hsla(30,100%,32%,1)",
       "selectedBorder": "rgba(27,31,36,0.15)",
-      "selectedShadow": "inset 0 1px 0 rgba(47,41,0,0.2)",
-      "disabledText": "rgba(172,94,0,0.5)",
+      "selectedShadow": "inset 0 1px 0 rgba(65,32,0,0.2)",
+      "disabledText": "rgba(179,89,0,0.5)",
       "disabledBg": "#f6f8fa",
-      "disabledCounterBg": "rgba(172,94,0,0.05)",
+      "disabledCounterBg": "rgba(179,89,0,0.05)",
       "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(139,70,0,0.4)",
-      "counterBg": "rgba(172,94,0,0.1)",
-      "icon": "#ac5e00",
+      "focusShadow": "0 0 0 3px rgba(138,70,0,0.4)",
+      "counterBg": "rgba(179,89,0,0.1)",
+      "icon": "#b35900",
       "hoverIcon": "#ffffff"
     }
   },
@@ -340,9 +340,9 @@
       "selectedBg": "rgba(208,215,222,0.24)"
     },
     "danger": {
-      "hoverBg": "rgba(254,254,72,0.64)",
-      "activeBg": "#fefe48",
-      "hoverText": "#ac5e00"
+      "hoverBg": "rgba(255,245,232,0.64)",
+      "activeBg": "#fff5e8",
+      "hoverText": "#b35900"
     }
   },
   "fg": {
@@ -381,10 +381,10 @@
     "subtle": "#ddf4ff"
   },
   "success": {
-    "fg": "#0566d5",
-    "emphasis": "#0088ff",
-    "muted": "rgba(53,173,255,0.4)",
-    "subtle": "#c0f6ff"
+    "fg": "#0969da",
+    "emphasis": "#218bff",
+    "muted": "rgba(84,174,255,0.4)",
+    "subtle": "#ddf4ff"
   },
   "attention": {
     "fg": "#9a6700",
@@ -393,16 +393,28 @@
     "subtle": "#fff8c5"
   },
   "severe": {
-    "fg": "#bc4c00",
-    "emphasis": "#bc4c00",
-    "muted": "rgba(251,143,68,0.4)",
-    "subtle": "#fff1e5"
+    "fg": "#b35900",
+    "emphasis": "#b35900",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
   },
   "danger": {
-    "fg": "#ac5e00",
-    "emphasis": "#ac5e00",
-    "muted": "rgba(231,161,0,0.4)",
-    "subtle": "#fefe48"
+    "fg": "#b35900",
+    "emphasis": "#b35900",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
+  },
+  "open": {
+    "fg": "#b35900",
+    "emphasis": "#dd7815",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
+  },
+  "closed": {
+    "fg": "#6e7781",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.4)",
+    "subtle": "#f6f8fa"
   },
   "done": {
     "fg": "#8250df",
@@ -462,16 +474,16 @@
       "#002155"
     ],
     "green": [
-      "#c0f6ff",
-      "#96e5ff",
-      "#65ccff",
-      "#35adff",
-      "#0088ff",
-      "#0566d5",
-      "#054da9",
-      "#033a86",
-      "#002d68",
-      "#001f50"
+      "#ddf4ff",
+      "#b6e3ff",
+      "#80ccff",
+      "#54aeff",
+      "#218bff",
+      "#0969da",
+      "#0550ae",
+      "#033d8b",
+      "#0a3069",
+      "#002155"
     ],
     "yellow": [
       "#fff8c5",
@@ -486,28 +498,28 @@
       "#3b2300"
     ],
     "orange": [
-      "#fff1e5",
-      "#ffd8b5",
-      "#ffb77c",
-      "#fb8f44",
-      "#e16f24",
-      "#bc4c00",
-      "#953800",
-      "#762c00",
-      "#5c2200",
-      "#471700"
+      "#fff5e8",
+      "#ffddb0",
+      "#ffbc6d",
+      "#f79939",
+      "#dd7815",
+      "#b35900",
+      "#8a4600",
+      "#6f3800",
+      "#572c00",
+      "#412000"
     ],
     "red": [
-      "#fefe48",
-      "#fee325",
-      "#f8c200",
-      "#e7a100",
-      "#d08002",
-      "#ac5e00",
-      "#8b4600",
-      "#6c3900",
-      "#4c3100",
-      "#2f2900"
+      "#fff5e8",
+      "#ffddb0",
+      "#ffbc6d",
+      "#f79939",
+      "#dd7815",
+      "#b35900",
+      "#8a4600",
+      "#6f3800",
+      "#572c00",
+      "#412000"
     ],
     "purple": [
       "#fbefff",

package/dist/json/colors/light_high_contrast.json

@@ -404,6 +404,18 @@
     "muted": "#ee5a5d",
     "subtle": "#fff0ee"
   },
+  "open": {
+    "fg": "#055d20",
+    "emphasis": "#117f32",
+    "muted": "rgba(38,161,72,0.4)",
+    "subtle": "#d2fedb"
+  },
+  "closed": {
+    "fg": "#a0111f",
+    "emphasis": "#a0111f",
+    "muted": "rgba(238,90,93,0.4)",
+    "subtle": "#fff0ee"
+  },
   "done": {
     "fg": "#622cbc",
     "emphasis": "#622cbc",

package/dist/scss/colors/_dark.scss

@@ -107,7 +107,7 @@
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
     --color-checks-line-selected-bg: rgba(56,139,253,0.15);
     --color-checks-line-selected-num-text: #58a6ff;
-    --color-checks-line-dt-fm-text: #f0f6fc;
+    --color-checks-line-dt-fm-text: #ffffff;
     --color-checks-line-dt-fm-bg: #9e6a03;
     --color-checks-gate-bg: rgba(187,128,9,0.15);
     --color-checks-gate-text: #8b949e;
@@ -152,7 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
-    --color-avatar-bg: rgba(240,246,252,0.1);
+    --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(240,246,252,0.1);
     --color-avatar-stack-fade: #30363d;
     --color-avatar-stack-fade-more: #21262d;
@@ -163,7 +163,7 @@
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
-    --color-header-text: rgba(240,246,252,0.7);
+    --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #161b22;
     --color-header-divider: #8b949e;
     --color-header-logo: #f0f6fc;
@@ -176,7 +176,7 @@
     --color-ansi-black: #484f58;
     --color-ansi-black-bright: #6e7681;
     --color-ansi-white: #b1bac4;
-    --color-ansi-white-bright: #f0f6fc;
+    --color-ansi-white-bright: #ffffff;
     --color-ansi-gray: #6e7681;
     --color-ansi-red: #ff7b72;
     --color-ansi-red-bright: #ffa198;
@@ -215,22 +215,22 @@
     --color-btn-primary-hover-border: rgba(240,246,252,0.1);
     --color-btn-primary-selected-bg: #238636;
     --color-btn-primary-selected-shadow: 0 0 transparent;
-    --color-btn-primary-disabled-text: rgba(240,246,252,0.5);
+    --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
     --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
     --color-btn-primary-focus-bg: #238636;
     --color-btn-primary-focus-border: rgba(240,246,252,0.1);
     --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
-    --color-btn-primary-icon: #f0f6fc;
-    --color-btn-primary-counter-bg: rgba(240,246,252,0.2);
+    --color-btn-primary-icon: #ffffff;
+    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #58a6ff;
     --color-btn-outline-hover-text: #58a6ff;
     --color-btn-outline-hover-bg: #30363d;
     --color-btn-outline-hover-border: rgba(240,246,252,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
-    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(240,246,252,0.2);
-    --color-btn-outline-selected-text: #f0f6fc;
+    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
+    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #0d419d;
     --color-btn-outline-selected-border: rgba(240,246,252,0.1);
     --color-btn-outline-selected-shadow: 0 0 transparent;
@@ -241,12 +241,12 @@
     --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
     --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
     --color-btn-danger-text: #f85149;
-    --color-btn-danger-hover-text: #f0f6fc;
+    --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #da3633;
     --color-btn-danger-hover-border: #f85149;
     --color-btn-danger-hover-shadow: 0 0 transparent;
     --color-btn-danger-hover-inset-shadow: 0 0 transparent;
-    --color-btn-danger-hover-icon: #f0f6fc;
+    --color-btn-danger-hover-icon: #ffffff;
     --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
     --color-btn-danger-selected-text: #ffffff;
     --color-btn-danger-selected-bg: #b62324;
@@ -273,7 +273,7 @@
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #484f58;
-    --color-fg-on-emphasis: #f0f6fc;
+    --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;
     --color-canvas-overlay: #161b22;
     --color-canvas-inset: #010409;
@@ -309,6 +309,14 @@
     --color-danger-emphasis: #da3633;
     --color-danger-muted: rgba(248,81,73,0.4);
     --color-danger-subtle: rgba(248,81,73,0.15);
+    --color-open-fg: #3fb950;
+    --color-open-emphasis: #238636;
+    --color-open-muted: rgba(46,160,67,0.4);
+    --color-open-subtle: rgba(46,160,67,0.15);
+    --color-closed-fg: #f85149;
+    --color-closed-emphasis: #da3633;
+    --color-closed-muted: rgba(248,81,73,0.4);
+    --color-closed-subtle: rgba(248,81,73,0.15);
     --color-done-fg: #a371f7;
     --color-done-emphasis: #8957e5;
     --color-done-muted: rgba(163,113,247,0.4);
@@ -321,12 +329,12 @@
     --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
     --color-primer-canvas-sticky: rgba(13,17,23,0.95);
     --color-primer-border-active: #F78166;
-    --color-primer-border-contrast: rgba(240,246,252,0.2);
+    --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
     --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
     --color-scale-black: #010409;
-    --color-scale-white: #f0f6fc;
+    --color-scale-white: #ffffff;
     --color-scale-gray-0: #f0f6fc;
     --color-scale-gray-1: #c9d1d9;
     --color-scale-gray-2: #b1bac4;