@primer/primitives 7.4.2-rc.b62f0f4 → 7.5.1-rc.79a6143

package/dist/js/index.d.ts

@@ -406,6 +406,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -856,6 +868,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -1306,6 +1330,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -1756,6 +1792,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -2206,6 +2254,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -2656,6 +2716,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;
@@ -3106,6 +3178,18 @@ declare const _default: {
                 muted: string;
                 subtle: string;
             };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
             done: {
                 fg: string;
                 emphasis: string;

package/dist/json/colors/dark.json

@@ -131,7 +131,7 @@
     "lineHoverBg": "rgba(110,118,129,0.1)",
     "lineSelectedBg": "rgba(56,139,253,0.15)",
     "lineSelectedNumText": "#58a6ff",
-    "lineDtFmText": "#f0f6fc",
+    "lineDtFmText": "#ffffff",
     "lineDtFmBg": "#9e6a03",
     "gateBg": "rgba(187,128,9,0.15)",
     "gateText": "#8b949e",
@@ -188,7 +188,7 @@
     }
   },
   "avatar": {
-    "bg": "rgba(240,246,252,0.1)",
+    "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",
     "stackFade": "#30363d",
     "stackFadeMore": "#21262d",
@@ -209,7 +209,7 @@
     "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
   },
   "header": {
-    "text": "rgba(240,246,252,0.7)",
+    "text": "rgba(255,255,255,0.7)",
     "bg": "#161b22",
     "divider": "#8b949e",
     "logo": "#f0f6fc"
@@ -234,7 +234,7 @@
     "black": "#484f58",
     "blackBright": "#6e7681",
     "white": "#b1bac4",
-    "whiteBright": "#f0f6fc",
+    "whiteBright": "#ffffff",
     "gray": "#6e7681",
     "red": "#ff7b72",
     "redBright": "#ffa198",
@@ -276,14 +276,14 @@
       "hoverBorder": "rgba(240,246,252,0.1)",
       "selectedBg": "#238636",
       "selectedShadow": "0 0 transparent",
-      "disabledText": "rgba(240,246,252,0.5)",
+      "disabledText": "rgba(255,255,255,0.5)",
       "disabledBg": "rgba(35,134,54,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
       "focusBg": "#238636",
       "focusBorder": "rgba(240,246,252,0.1)",
       "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
-      "icon": "#f0f6fc",
-      "counterBg": "rgba(240,246,252,0.2)"
+      "icon": "#ffffff",
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "outline": {
       "text": "#58a6ff",
@@ -291,9 +291,9 @@
       "hoverBg": "#30363d",
       "hoverBorder": "rgba(240,246,252,0.1)",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
-      "hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)",
-      "hoverCounterBg": "rgba(240,246,252,0.2)",
-      "selectedText": "#f0f6fc",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
       "selectedBg": "#0d419d",
       "selectedBorder": "rgba(240,246,252,0.1)",
       "selectedShadow": "0 0 transparent",
@@ -306,12 +306,12 @@
     },
     "danger": {
       "text": "#f85149",
-      "hoverText": "#f0f6fc",
+      "hoverText": "#ffffff",
       "hoverBg": "#da3633",
       "hoverBorder": "#f85149",
       "hoverShadow": "0 0 transparent",
       "hoverInsetShadow": "0 0 transparent",
-      "hoverIcon": "#f0f6fc",
+      "hoverIcon": "#ffffff",
       "hoverCounterBg": "rgba(255,255,255,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#b62324",
@@ -349,7 +349,7 @@
     "default": "#c9d1d9",
     "muted": "#8b949e",
     "subtle": "#484f58",
-    "onEmphasis": "#f0f6fc"
+    "onEmphasis": "#ffffff"
   },
   "canvas": {
     "default": "#0d1117",
@@ -404,6 +404,18 @@
     "muted": "rgba(248,81,73,0.4)",
     "subtle": "rgba(248,81,73,0.15)"
   },
+  "open": {
+    "fg": "#3fb950",
+    "emphasis": "#238636",
+    "muted": "rgba(46,160,67,0.4)",
+    "subtle": "rgba(46,160,67,0.15)"
+  },
+  "closed": {
+    "fg": "#f85149",
+    "emphasis": "#da3633",
+    "muted": "rgba(248,81,73,0.4)",
+    "subtle": "rgba(248,81,73,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",
@@ -426,7 +438,7 @@
     },
     "border": {
       "active": "#F78166",
-      "contrast": "rgba(240,246,252,0.2)"
+      "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
       "highlight": "0 0 transparent",
@@ -436,7 +448,7 @@
   },
   "scale": {
     "black": "#010409",
-    "white": "#f0f6fc",
+    "white": "#ffffff",
     "gray": [
       "#f0f6fc",
       "#c9d1d9",

package/dist/json/colors/dark_colorblind.json

@@ -131,7 +131,7 @@
     "lineHoverBg": "rgba(110,118,129,0.1)",
     "lineSelectedBg": "rgba(56,139,253,0.15)",
     "lineSelectedNumText": "#58a6ff",
-    "lineDtFmText": "#f0f6fc",
+    "lineDtFmText": "#ffffff",
     "lineDtFmBg": "#9e6a03",
     "gateBg": "rgba(187,128,9,0.15)",
     "gateText": "#8b949e",
@@ -188,7 +188,7 @@
     }
   },
   "avatar": {
-    "bg": "rgba(240,246,252,0.1)",
+    "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",
     "stackFade": "#30363d",
     "stackFadeMore": "#21262d",
@@ -209,7 +209,7 @@
     "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
   },
   "header": {
-    "text": "rgba(240,246,252,0.7)",
+    "text": "rgba(255,255,255,0.7)",
     "bg": "#161b22",
     "divider": "#8b949e",
     "logo": "#f0f6fc"
@@ -234,7 +234,7 @@
     "black": "#484f58",
     "blackBright": "#6e7681",
     "white": "#b1bac4",
-    "whiteBright": "#f0f6fc",
+    "whiteBright": "#ffffff",
     "gray": "#6e7681",
     "red": "#d69a00",
     "redBright": "#e6b716",
@@ -276,14 +276,14 @@
       "hoverBorder": "rgba(240,246,252,0.1)",
       "selectedBg": "#1d69e0",
       "selectedShadow": "0 0 transparent",
-      "disabledText": "rgba(240,246,252,0.5)",
+      "disabledText": "rgba(255,255,255,0.5)",
       "disabledBg": "rgba(29,105,224,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
       "focusBg": "#1d69e0",
       "focusBorder": "rgba(240,246,252,0.1)",
       "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
-      "icon": "#f0f6fc",
-      "counterBg": "rgba(240,246,252,0.2)"
+      "icon": "#ffffff",
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "outline": {
       "text": "#58a6ff",
@@ -291,9 +291,9 @@
       "hoverBg": "#30363d",
       "hoverBorder": "rgba(240,246,252,0.1)",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
-      "hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)",
-      "hoverCounterBg": "rgba(240,246,252,0.2)",
-      "selectedText": "#f0f6fc",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
       "selectedBg": "#0d419d",
       "selectedBorder": "rgba(240,246,252,0.1)",
       "selectedShadow": "0 0 transparent",
@@ -306,12 +306,12 @@
     },
     "danger": {
       "text": "#c38000",
-      "hoverText": "#f0f6fc",
+      "hoverText": "#ffffff",
       "hoverBg": "#a66900",
       "hoverBorder": "#c38000",
       "hoverShadow": "0 0 transparent",
       "hoverInsetShadow": "0 0 transparent",
-      "hoverIcon": "#f0f6fc",
+      "hoverIcon": "#ffffff",
       "hoverCounterBg": "rgba(255,255,255,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#865401",
@@ -349,7 +349,7 @@
     "default": "#c9d1d9",
     "muted": "#8b949e",
     "subtle": "#484f58",
-    "onEmphasis": "#f0f6fc"
+    "onEmphasis": "#ffffff"
   },
   "canvas": {
     "default": "#0d1117",
@@ -404,6 +404,18 @@
     "muted": "rgba(195,128,0,0.4)",
     "subtle": "rgba(195,128,0,0.15)"
   },
+  "open": {
+    "fg": "#f0883e",
+    "emphasis": "#bd561d",
+    "muted": "rgba(219,109,40,0.4)",
+    "subtle": "rgba(219,109,40,0.15)"
+  },
+  "closed": {
+    "fg": "#6e7681",
+    "emphasis": "#484f58",
+    "muted": "rgba(110,118,129,0.4)",
+    "subtle": "rgba(110,118,129,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",
@@ -426,7 +438,7 @@
     },
     "border": {
       "active": "#F78166",
-      "contrast": "rgba(240,246,252,0.2)"
+      "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
       "highlight": "0 0 transparent",
@@ -436,7 +448,7 @@
   },
   "scale": {
     "black": "#010409",
-    "white": "#f0f6fc",
+    "white": "#ffffff",
     "gray": [
       "#f0f6fc",
       "#c9d1d9",

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

@@ -404,6 +404,18 @@
     "muted": "rgba(231,161,0,0.4)",
     "subtle": "#fefe48"
   },
+  "open": {
+    "fg": "#bc4c00",
+    "emphasis": "#e16f24",
+    "muted": "rgba(251,143,68,0.4)",
+    "subtle": "#fff1e5"
+  },
+  "closed": {
+    "fg": "#6e7781",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.4)",
+    "subtle": "#f6f8fa"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

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;