@primer/primitives 7.11.8-rc.fa82fd1 → 7.11.8

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

@@ -1134,26 +1134,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#2a7aef",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#3685f3",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -2193,6 +2209,21 @@
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#30363d",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
     "value": "#04260f33",
     "$type": "color",
@@ -2619,40 +2650,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#1f6feb",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.5}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#636a75",
-    "$type": "color",
-    "mix": {
-      "color": "#6e7681",
-      "weight": 0.7
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.5}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.4}",
-        "weight": 0.7
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#2f81f7",
     "$type": "color",

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

@@ -1134,26 +1134,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#3876d3",
     "$type": "color",
+    "mix": {
+      "color": "#539bf5",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#3f7fdb",
     "$type": "color",
+    "mix": {
+      "color": "#539bf5",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -2199,6 +2215,21 @@
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#444c56",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
     "value": "#11341733",
     "$type": "color",
@@ -2625,40 +2656,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#316dca",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.5}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#5e6975",
-    "$type": "color",
-    "mix": {
-      "color": "#636e7b",
-      "weight": 0.7
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.5}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.4}",
-        "weight": 0.7
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#3b7cdb",
     "$type": "color",

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

@@ -1142,26 +1142,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#4aa3ff",
     "$type": "color",
+    "mix": {
+      "color": "#71b7ff",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#54a8ff",
     "$type": "color",
+    "mix": {
+      "color": "#71b7ff",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -2211,6 +2227,21 @@
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#525964",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
     "value": "#01040926",
     "$type": "color",
@@ -2633,40 +2664,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#409eff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.5}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#939ca8",
-    "$type": "color",
-    "mix": {
-      "color": "#9ea7b3",
-      "weight": 0.7
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.5}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.4}",
-        "weight": 0.7
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#409eff",
     "$type": "color",
@@ -3179,15 +3176,15 @@
     "path": ["borderColor", "disabled"]
   },
   "borderColor-neutral-muted": {
-    "value": "#9ea7b366",
+    "value": "#9ea7b3",
     "$type": "color",
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.gray.4}",
       "$type": "color",
-      "alpha": 0.4
+      "alpha": 1
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},

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

@@ -1134,26 +1134,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#2a7aef",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#3685f3",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -2199,6 +2215,21 @@
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#30363d",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
     "value": "#04260f33",
     "$type": "color",
@@ -2625,40 +2656,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#1f6feb",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.5}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#636a75",
-    "$type": "color",
-    "mix": {
-      "color": "#6e7681",
-      "weight": 0.7
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.5}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.4}",
-        "weight": 0.7
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#2f81f7",
     "$type": "color",

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

@@ -1134,26 +1134,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#2a7aef",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#3685f3",
     "$type": "color",
+    "mix": {
+      "color": "#58a6ff",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.3}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -2199,6 +2215,21 @@
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#30363d",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
     "value": "#04260f33",
     "$type": "color",
@@ -2625,40 +2656,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#1f6feb",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.5}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#636a75",
-    "$type": "color",
-    "mix": {
-      "color": "#6e7681",
-      "weight": 0.7
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.5}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.4}",
-        "weight": 0.7
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#2f81f7",
     "$type": "color",