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

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

@@ -1639,45 +1639,41 @@
     "path": ["button", "primary", "bgColor", "disabled"]
   },
   "button-primary-borderColor-rest": {
-    "value": "#d0d7decc",
+    "value": "#1f232826",
     "$type": "color",
-    "alpha": 0.8,
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.black}",
       "$type": "color",
-      "alpha": 0.8
+      "alpha": 0.15
     },
     "name": "button-primary-borderColor-rest",
     "attributes": {},
     "path": ["button", "primary", "borderColor", "rest"]
   },
   "button-primary-borderColor-hover": {
-    "value": "#d0d7decc",
+    "value": "#1f232826",
     "$type": "color",
-    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
-      "$type": "color",
-      "alpha": 0.8
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color"
     },
     "name": "button-primary-borderColor-hover",
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#d0d7decc",
+    "value": "#1f232826",
     "$type": "color",
-    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
-      "$type": "color",
-      "alpha": 0.8
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
     "attributes": {},
@@ -1719,6 +1715,19 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "rest"]
   },
+  "button-invisible-fgColor-hover": {
+    "value": "#0969da",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.accent}",
+      "$type": "color"
+    },
+    "name": "button-invisible-fgColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "hover"]
+  },
   "button-invisible-fgColor-disabled": {
     "value": "#8c959f",
     "$type": "color",
@@ -2189,13 +2198,13 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-primary-bgColor-rest": {
-    "value": "#ffffff33",
+    "value": "#002d1133",
     "$type": "color",
     "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.green.9}",
       "$type": "color",
       "alpha": 0.2
     },
@@ -2248,6 +2257,47 @@
     "attributes": {},
     "path": ["buttonCounter", "outline", "bgColor", "disabled"]
   },
+  "buttonCounter-outline-fgColor-rest": {
+    "value": "#0550ae",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-outline-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "rest"]
+  },
+  "buttonCounter-outline-fgColor-hover": {
+    "value": "#ffffff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-outline-fgColor-hover",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "hover"]
+  },
+  "buttonCounter-outline-fgColor-disabled": {
+    "value": "#0969da80",
+    "$type": "color",
+    "alpha": 0.5,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.accent}",
+      "$type": "color",
+      "alpha": 0.5
+    },
+    "name": "buttonCounter-outline-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "disabled"]
+  },
   "buttonCounter-danger-bgColor-hover": {
     "value": "#ffffff33",
     "$type": "color",
@@ -2293,6 +2343,55 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "bgColor", "rest"]
   },
+  "buttonCounter-danger-fgColor-rest": {
+    "value": "#c21c2c",
+    "$type": "color",
+    "mix": {
+      "color": "#a40e26",
+      "weight": 0.3
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.red.5}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.red.6}",
+        "weight": 0.3
+      }
+    },
+    "name": "buttonCounter-danger-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "rest"]
+  },
+  "buttonCounter-danger-fgColor-hover": {
+    "value": "#ffffff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-danger-fgColor-hover",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "hover"]
+  },
+  "buttonCounter-danger-fgColor-disabled": {
+    "value": "#d1242f80",
+    "$type": "color",
+    "alpha": 0.5,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.danger}",
+      "$type": "color",
+      "alpha": 0.5
+    },
+    "name": "buttonCounter-danger-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "disabled"]
+  },
   "focus-outlineColor": {
     "value": "#0969da",
     "$type": "color",

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

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -254,9 +254,9 @@ exports.default = {
         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 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -334,21 +335,31 @@ exports.default = {
     },
     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/js/functional/themes/dark-dimmed.js

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#cdd9e51a",
-    borderColor: "#00000000",
+    borderColor: "#444c5666",
     shadow: "0px 0px 0px 2px #22272e",
   },
   avatarStack: {
@@ -254,9 +254,9 @@ exports.default = {
         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 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#3b7cdb",
+        hover: "#539bf5",
         disabled: "#545d68",
       },
       bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
     },
     outline: {
       fgColor: {
-        rest: "#3b7cdb",
-        hover: "#3b7cdb",
+        rest: "#4184e4",
+        hover: "#539bf5",
         active: "#cdd9e5",
         disabled: "#3b7cdb80",
       },
@@ -334,21 +335,31 @@ exports.default = {
     },
     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/js/functional/themes/dark-high-contrast.js

@@ -265,6 +265,7 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#409eff",
+        hover: "#71b7ff",
         disabled: "#7a828e",
       },
       bgColor: {
@@ -281,7 +282,7 @@ exports.default = {
     outline: {
       fgColor: {
         rest: "#409eff",
-        hover: "#409eff",
+        hover: "#71b7ff",
         active: "#ffffff",
         disabled: "#409eff80",
       },
@@ -339,10 +340,15 @@ exports.default = {
     },
     outline: {
       bgColor: {
-        rest: "#409eff1a",
-        hover: "#ffffff33",
+        rest: "#194fb133",
+        hover: "#194fb133",
         disabled: "#409eff0d",
       },
+      fgColor: {
+        rest: "#409eff",
+        hover: "#71b7ff",
+        disabled: "#409eff80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +356,11 @@ exports.default = {
         disabled: "#ff6a690d",
         rest: "#01040926",
       },
+      fgColor: {
+        rest: "#ff6a69",
+        hover: "#ffffff",
+        disabled: "#ff6a6980",
+      },
     },
   },
   focus: {

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

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -254,9 +254,9 @@ exports.default = {
         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 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -334,21 +335,31 @@ exports.default = {
     },
     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 @@ exports.default = {
     attention: "#d29922",
     severe: "#f85149",
     danger: "#f85149",
-    open: "#58a6ff",
-    closed: "#f85149",
+    open: "#f85149",
+    closed: "#6e7681",
     done: "#a371f7",
     sponsors: "#db61a2",
   },
@@ -448,12 +459,12 @@ exports.default = {
       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 @@ exports.default = {
       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/js/functional/themes/dark.js

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -254,9 +254,9 @@ exports.default = {
         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 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -334,21 +335,31 @@ exports.default = {
     },
     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/js/functional/themes/light-colorblind.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: "#bc4c000d",
         rest: "#bc4c001a",
       },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#be4e0280",
+      },
     },
   },
   focus: {

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

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