@primer/primitives 7.11.8-rc.f5a702a → 7.11.8-rc.fa82fd1

package/tokens-next-private/js/functional/themes/light-tritanopia.js

@@ -254,9 +254,9 @@ exports.default = {
         disabled: "#92caff",
       },
       borderColor: {
-        rest: "#d0d7decc",
-        hover: "#d0d7decc",
-        disabled: "#d0d7decc",
+        rest: "#1f232826",
+        hover: "#1f232826",
+        disabled: "#1f232826",
       },
       shadow: {
         selected: "inset 0px 1px 0px 0px #0021554d",
@@ -265,6 +265,7 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#0969da",
+        hover: "#0969da",
         disabled: "#8c959f",
       },
       bgColor: {
@@ -334,7 +335,7 @@ exports.default = {
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#002d1133",
       },
     },
     outline: {
@@ -343,6 +344,11 @@ exports.default = {
         hover: "#ffffff33",
         disabled: "#0969da0d",
       },
+      fgColor: {
+        rest: "#0550ae",
+        hover: "#ffffff",
+        disabled: "#0969da80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +356,11 @@ exports.default = {
         disabled: "#cf222e0d",
         rest: "#cf222e1a",
       },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#d1242f80",
+      },
     },
   },
   focus: {
@@ -414,8 +425,8 @@ exports.default = {
     attention: "#9a6700",
     severe: "#cf222e",
     danger: "#d1242f",
-    open: "#0969da",
-    closed: "#d1242f",
+    open: "#cf222e",
+    closed: "#6e7781",
     done: "#8250df",
     sponsors: "#bf3989",
   },
@@ -449,13 +460,13 @@ exports.default = {
       emphasis: "#cf222e",
     },
     open: {
-      muted: "#ddf4ff",
-      emphasis: "#0f72e3",
-    },
-    closed: {
       muted: "#ffebe9",
       emphasis: "#cf222e",
     },
+    closed: {
+      muted: "#f6f8fa",
+      emphasis: "#6e7781",
+    },
     done: {
       muted: "#fbefff",
       emphasis: "#8250df",
@@ -495,13 +506,13 @@ exports.default = {
       emphasis: "#cf222e",
     },
     open: {
-      muted: "#54aeff66",
-      emphasis: "#218bff",
-    },
-    closed: {
       muted: "#ff818266",
       emphasis: "#cf222e",
     },
+    closed: {
+      muted: "#afb8c166",
+      emphasis: "#6e7781",
+    },
     done: {
       muted: "#c297ff66",
       emphasis: "#8250df",

package/tokens-next-private/js/functional/themes/light.js

@@ -254,9 +254,9 @@ exports.default = {
         disabled: "#95d8a6",
       },
       borderColor: {
-        rest: "#d0d7decc",
-        hover: "#d0d7decc",
-        disabled: "#d0d7decc",
+        rest: "#1f232826",
+        hover: "#1f232826",
+        disabled: "#1f232826",
       },
       shadow: {
         selected: "inset 0px 1px 0px 0px #002d114d",
@@ -265,6 +265,7 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#0969da",
+        hover: "#0969da",
         disabled: "#8c959f",
       },
       bgColor: {
@@ -334,7 +335,7 @@ exports.default = {
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#002d1133",
       },
     },
     outline: {
@@ -343,6 +344,11 @@ exports.default = {
         hover: "#ffffff33",
         disabled: "#0969da0d",
       },
+      fgColor: {
+        rest: "#0550ae",
+        hover: "#ffffff",
+        disabled: "#0969da80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +356,11 @@ exports.default = {
         disabled: "#cf222e0d",
         rest: "#cf222e1a",
       },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#d1242f80",
+      },
     },
   },
   focus: {

package/tokens-next-private/json/functional/themes/dark-colorblind.json

@@ -108,7 +108,7 @@
   },
   "avatar": {
     "bgColor": "#ffffff1a",
-    "borderColor": "#00000000",
+    "borderColor": "#30363d66",
     "shadow": "0px 0px 0px 2px #0d1117"
   },
   "avatarStack": {
@@ -254,9 +254,9 @@
         "disabled": "#1158c7"
       },
       "borderColor": {
-        "rest": "#30363dcc",
-        "hover": "#30363dcc",
-        "disabled": "#30363dcc"
+        "rest": "#f0f6fc1a",
+        "hover": "#f0f6fc1a",
+        "disabled": "#f0f6fc1a"
       },
       "shadow": {
         "selected": "0px 0px 0px 0px #000000"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#2f81f7",
+        "hover": "#58a6ff",
         "disabled": "#484f58"
       },
       "bgColor": {
@@ -280,8 +281,8 @@
     },
     "outline": {
       "fgColor": {
-        "rest": "#2f81f7",
-        "hover": "#2f81f7",
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
         "active": "#ffffff",
         "disabled": "#2f81f780"
       },
@@ -334,21 +335,31 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#ffffff33"
+        "rest": "#04260f33"
       }
     },
     "outline": {
       "bgColor": {
-        "rest": "#1f6feb1a",
-        "hover": "#ffffff33",
+        "rest": "#051d4d33",
+        "hover": "#051d4d33",
         "disabled": "#1f6feb0d"
+      },
+      "fgColor": {
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
+        "disabled": "#2f81f780"
       }
     },
     "danger": {
       "bgColor": {
         "hover": "#ffffff33",
         "disabled": "#bd561d0d",
-        "rest": "#bd561d1a"
+        "rest": "#49020233"
+      },
+      "fgColor": {
+        "rest": "#db6d28",
+        "hover": "#ffffff",
+        "disabled": "#db6d2880"
       }
     }
   },

package/tokens-next-private/json/functional/themes/dark-dimmed.json

@@ -108,7 +108,7 @@
   },
   "avatar": {
     "bgColor": "#cdd9e51a",
-    "borderColor": "#00000000",
+    "borderColor": "#444c5666",
     "shadow": "0px 0px 0px 2px #22272e"
   },
   "avatarStack": {
@@ -254,9 +254,9 @@
         "disabled": "#50a254"
       },
       "borderColor": {
-        "rest": "#444c56cc",
-        "hover": "#444c56cc",
-        "disabled": "#444c56cc"
+        "rest": "#cdd9e51a",
+        "hover": "#cdd9e51a",
+        "disabled": "#cdd9e51a"
       },
       "shadow": {
         "selected": "0px 0px 0px 0px #000000"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#3b7cdb",
+        "hover": "#539bf5",
         "disabled": "#545d68"
       },
       "bgColor": {
@@ -280,8 +281,8 @@
     },
     "outline": {
       "fgColor": {
-        "rest": "#3b7cdb",
-        "hover": "#3b7cdb",
+        "rest": "#4184e4",
+        "hover": "#539bf5",
         "active": "#cdd9e5",
         "disabled": "#3b7cdb80"
       },
@@ -334,21 +335,31 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#cdd9e533"
+        "rest": "#11341733"
       }
     },
     "outline": {
       "bgColor": {
-        "rest": "#316dca1a",
-        "hover": "#cdd9e533",
+        "rest": "#0f2d5c33",
+        "hover": "#0f2d5c33",
         "disabled": "#316dca0d"
+      },
+      "fgColor": {
+        "rest": "#4184e4",
+        "hover": "#539bf5",
+        "disabled": "#3b7cdb80"
       }
     },
     "danger": {
       "bgColor": {
         "hover": "#cdd9e533",
         "disabled": "#c93c370d",
-        "rest": "#c93c371a"
+        "rest": "#5d0f1233"
+      },
+      "fgColor": {
+        "rest": "#e5534b",
+        "hover": "#cdd9e5",
+        "disabled": "#e5534b80"
       }
     }
   },

package/tokens-next-private/json/functional/themes/dark-high-contrast.json

@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#409eff",
+        "hover": "#71b7ff",
         "disabled": "#7a828e"
       },
       "bgColor": {
@@ -281,7 +282,7 @@
     "outline": {
       "fgColor": {
         "rest": "#409eff",
-        "hover": "#409eff",
+        "hover": "#71b7ff",
         "active": "#ffffff",
         "disabled": "#409eff80"
       },
@@ -339,9 +340,14 @@
     },
     "outline": {
       "bgColor": {
-        "rest": "#409eff1a",
-        "hover": "#ffffff33",
+        "rest": "#194fb133",
+        "hover": "#194fb133",
         "disabled": "#409eff0d"
+      },
+      "fgColor": {
+        "rest": "#409eff",
+        "hover": "#71b7ff",
+        "disabled": "#409eff80"
       }
     },
     "danger": {
@@ -349,6 +355,11 @@
         "hover": "#01040926",
         "disabled": "#ff6a690d",
         "rest": "#01040926"
+      },
+      "fgColor": {
+        "rest": "#ff6a69",
+        "hover": "#ffffff",
+        "disabled": "#ff6a6980"
       }
     }
   },

package/tokens-next-private/json/functional/themes/dark-tritanopia.json

@@ -108,7 +108,7 @@
   },
   "avatar": {
     "bgColor": "#ffffff1a",
-    "borderColor": "#00000000",
+    "borderColor": "#30363d66",
     "shadow": "0px 0px 0px 2px #0d1117"
   },
   "avatarStack": {
@@ -254,9 +254,9 @@
         "disabled": "#5fabfe"
       },
       "borderColor": {
-        "rest": "#30363dcc",
-        "hover": "#30363dcc",
-        "disabled": "#30363dcc"
+        "rest": "#f0f6fc1a",
+        "hover": "#f0f6fc1a",
+        "disabled": "#f0f6fc1a"
       },
       "shadow": {
         "selected": "0px 0px 0px 0px #000000"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#2f81f7",
+        "hover": "#58a6ff",
         "disabled": "#484f58"
       },
       "bgColor": {
@@ -280,8 +281,8 @@
     },
     "outline": {
       "fgColor": {
-        "rest": "#2f81f7",
-        "hover": "#2f81f7",
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
         "active": "#ffffff",
         "disabled": "#2f81f780"
       },
@@ -334,21 +335,31 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#ffffff33"
+        "rest": "#04260f33"
       }
     },
     "outline": {
       "bgColor": {
-        "rest": "#1f6feb1a",
-        "hover": "#ffffff33",
+        "rest": "#051d4d33",
+        "hover": "#051d4d33",
         "disabled": "#1f6feb0d"
+      },
+      "fgColor": {
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
+        "disabled": "#2f81f780"
       }
     },
     "danger": {
       "bgColor": {
         "hover": "#ffffff33",
         "disabled": "#da36330d",
-        "rest": "#da36331a"
+        "rest": "#49020233"
+      },
+      "fgColor": {
+        "rest": "#f85149",
+        "hover": "#ffffff",
+        "disabled": "#f8514980"
       }
     }
   },
@@ -413,8 +424,8 @@
     "attention": "#d29922",
     "severe": "#f85149",
     "danger": "#f85149",
-    "open": "#58a6ff",
-    "closed": "#f85149",
+    "open": "#f85149",
+    "closed": "#6e7681",
     "done": "#a371f7",
     "sponsors": "#db61a2"
   },
@@ -448,12 +459,12 @@
       "emphasis": "#da3633"
     },
     "open": {
-      "muted": "#388bfd1a",
-      "emphasis": "#1f6feb"
+      "muted": "#f851491a",
+      "emphasis": "#da3633"
     },
     "closed": {
-      "muted": "#f8514926",
-      "emphasis": "#da3633"
+      "muted": "#6e768126",
+      "emphasis": "#484f58"
     },
     "done": {
       "muted": "#a371f726",
@@ -494,13 +505,13 @@
       "emphasis": "#da3633"
     },
     "open": {
-      "muted": "#388bfd66",
-      "emphasis": "#1f6feb"
-    },
-    "closed": {
       "muted": "#f8514966",
       "emphasis": "#da3633"
     },
+    "closed": {
+      "muted": "#6e768166",
+      "emphasis": "#484f58"
+    },
     "done": {
       "muted": "#a371f766",
       "emphasis": "#8957e5"

package/tokens-next-private/json/functional/themes/dark.json

@@ -108,7 +108,7 @@
   },
   "avatar": {
     "bgColor": "#ffffff1a",
-    "borderColor": "#00000000",
+    "borderColor": "#30363d66",
     "shadow": "0px 0px 0px 2px #0d1117"
   },
   "avatarStack": {
@@ -254,9 +254,9 @@
         "disabled": "#46bf57"
       },
       "borderColor": {
-        "rest": "#30363dcc",
-        "hover": "#30363dcc",
-        "disabled": "#30363dcc"
+        "rest": "#f0f6fc1a",
+        "hover": "#f0f6fc1a",
+        "disabled": "#f0f6fc1a"
       },
       "shadow": {
         "selected": "0px 0px 0px 0px #000000"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#2f81f7",
+        "hover": "#58a6ff",
         "disabled": "#484f58"
       },
       "bgColor": {
@@ -280,8 +281,8 @@
     },
     "outline": {
       "fgColor": {
-        "rest": "#2f81f7",
-        "hover": "#2f81f7",
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
         "active": "#ffffff",
         "disabled": "#2f81f780"
       },
@@ -334,21 +335,31 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#ffffff33"
+        "rest": "#04260f33"
       }
     },
     "outline": {
       "bgColor": {
-        "rest": "#1f6feb1a",
-        "hover": "#ffffff33",
+        "rest": "#051d4d33",
+        "hover": "#051d4d33",
         "disabled": "#1f6feb0d"
+      },
+      "fgColor": {
+        "rest": "#388bfd",
+        "hover": "#58a6ff",
+        "disabled": "#2f81f780"
       }
     },
     "danger": {
       "bgColor": {
         "hover": "#ffffff33",
         "disabled": "#da36330d",
-        "rest": "#da36331a"
+        "rest": "#49020233"
+      },
+      "fgColor": {
+        "rest": "#f85149",
+        "hover": "#ffffff",
+        "disabled": "#f8514980"
       }
     }
   },

package/tokens-next-private/json/functional/themes/light-colorblind.json

@@ -254,9 +254,9 @@
         "disabled": "#92caff"
       },
       "borderColor": {
-        "rest": "#d0d7decc",
-        "hover": "#d0d7decc",
-        "disabled": "#d0d7decc"
+        "rest": "#1f232826",
+        "hover": "#1f232826",
+        "disabled": "#1f232826"
       },
       "shadow": {
         "selected": "inset 0px 1px 0px 0px #0021554d"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#0969da",
+        "hover": "#0969da",
         "disabled": "#8c959f"
       },
       "bgColor": {
@@ -334,7 +335,7 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#ffffff33"
+        "rest": "#002d1133"
       }
     },
     "outline": {
@@ -342,6 +343,11 @@
         "rest": "#0969da1a",
         "hover": "#ffffff33",
         "disabled": "#0969da0d"
+      },
+      "fgColor": {
+        "rest": "#0550ae",
+        "hover": "#ffffff",
+        "disabled": "#0969da80"
       }
     },
     "danger": {
@@ -349,6 +355,11 @@
         "hover": "#ffffff33",
         "disabled": "#bc4c000d",
         "rest": "#bc4c001a"
+      },
+      "fgColor": {
+        "rest": "#c21c2c",
+        "hover": "#ffffff",
+        "disabled": "#be4e0280"
       }
     }
   },

package/tokens-next-private/json/functional/themes/light-high-contrast.json

@@ -256,7 +256,7 @@
       "borderColor": {
         "rest": "#013d14",
         "hover": "#013d14",
-        "disabled": "#88929dcc"
+        "disabled": "#013d14"
       },
       "shadow": {
         "selected": "inset 0px 1px 0px 0px #00230b4d"
@@ -265,6 +265,7 @@
     "invisible": {
       "fgColor": {
         "rest": "#023b95",
+        "hover": "#023b95",
         "disabled": "#88929d"
       },
       "bgColor": {
@@ -334,7 +335,7 @@
     },
     "primary": {
       "bgColor": {
-        "rest": "#ffffff33"
+        "rest": "#00230b33"
       }
     },
     "outline": {
@@ -342,6 +343,11 @@
         "rest": "#0349b41a",
         "hover": "#ffffff33",
         "disabled": "#0349b40d"
+      },
+      "fgColor": {
+        "rest": "#023b95",
+        "hover": "#ffffff",
+        "disabled": "#023b9580"
       }
     },
     "danger": {
@@ -349,6 +355,11 @@
         "hover": "#ffffff33",
         "disabled": "#a0111f0d",
         "rest": "#a0111f1a"
+      },
+      "fgColor": {
+        "rest": "#980e1e",
+        "hover": "#ffffff",
+        "disabled": "#8a071e80"
       }
     }
   },