@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8

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

@@ -1126,26 +1126,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#0860ca",
     "$type": "color",
+    "mix": {
+      "color": "#033d8b",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.7}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#0757ba",
     "$type": "color",
+    "mix": {
+      "color": "#033d8b",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.7}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -1643,45 +1659,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": {},
@@ -1723,6 +1735,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",
@@ -2180,26 +2205,43 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#eaeef280",
+    "value": "#eaeef2",
     "$type": "color",
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
       "value": "{bgColor.neutral.muted}",
-      "$type": "color"
+      "$type": "color",
+      "alpha": 1
     },
     "name": "buttonCounter-default-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#eaeef2",
+    "$type": "color",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "alpha": 1
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "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
     },
@@ -2252,6 +2294,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",
@@ -2297,6 +2380,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": "#be4e0280",
+    "$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",
@@ -2545,40 +2677,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#54aeff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.3}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#868f99",
-    "$type": "color",
-    "mix": {
-      "color": "#6e7781",
-      "weight": 0.2
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.4}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.5}",
-        "weight": 0.2
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#0969da",
     "$type": "color",

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

@@ -1134,26 +1134,42 @@
     "path": ["control", "checked", "borderColor", "rest"]
   },
   "control-checked-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#0344a8",
     "$type": "color",
+    "mix": {
+      "color": "#022f7a",
+      "weight": 0.2
+    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.7}",
+        "weight": 0.2
+      }
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
     "path": ["control", "checked", "borderColor", "hover"]
   },
   "control-checked-borderColor-active": {
-    "value": "#00000000",
+    "value": "#033f9d",
     "$type": "color",
+    "mix": {
+      "color": "#022f7a",
+      "weight": 0.4
+    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
-      "$type": "color"
+      "value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.blue.7}",
+        "weight": 0.4
+      }
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -1668,9 +1684,9 @@
   "button-primary-borderColor-hover": {
     "value": "#013d14",
     "$type": "color",
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
+    "alpha": 1,
     "original": {
       "value": "{base.color.green.7}",
       "$type": "color",
@@ -1681,15 +1697,13 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#88929dcc",
+    "value": "#013d14",
     "$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": {},
@@ -1731,6 +1745,19 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "rest"]
   },
+  "button-invisible-fgColor-hover": {
+    "value": "#023b95",
+    "$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": "#88929d",
     "$type": "color",
@@ -2188,26 +2215,43 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#e7ecf0",
+    "value": "#66707b33",
     "$type": "color",
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.neutral.muted}",
-      "$type": "color"
+      "value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "alpha": 0.2
     },
     "name": "buttonCounter-default-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
+  "buttonCounter-invisible-bgColor-rest": {
+    "value": "#66707b33",
+    "$type": "color",
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "alpha": 0.2
+    },
+    "name": "buttonCounter-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "invisible", "bgColor", "rest"]
+  },
   "buttonCounter-primary-bgColor-rest": {
-    "value": "#ffffff33",
+    "value": "#00230b33",
     "$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
     },
@@ -2260,6 +2304,47 @@
     "attributes": {},
     "path": ["buttonCounter", "outline", "bgColor", "disabled"]
   },
+  "buttonCounter-outline-fgColor-rest": {
+    "value": "#023b95",
+    "$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": "#023b9580",
+    "$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",
@@ -2305,6 +2390,55 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "bgColor", "rest"]
   },
+  "buttonCounter-danger-fgColor-rest": {
+    "value": "#980e1e",
+    "$type": "color",
+    "mix": {
+      "color": "#86061d",
+      "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": "#8a071e80",
+    "$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": "#0349b4",
     "$type": "color",
@@ -2455,7 +2589,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#acb6c033",
+    "value": "#88929d",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -2547,40 +2681,6 @@
     "attributes": {},
     "path": ["fgColor", "link", "rest"]
   },
-  "fgColor-link-inverse-rest": {
-    "value": "#368cf9",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.3}",
-      "$type": "color"
-    },
-    "name": "fgColor-link-inverse-rest",
-    "attributes": {},
-    "path": ["fgColor", "link", "inverse", "rest"]
-  },
-  "fgColor-link-control": {
-    "value": "#818b96",
-    "$type": "color",
-    "mix": {
-      "color": "#66707b",
-      "weight": 0.2
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.gray.4}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.gray.5}",
-        "weight": 0.2
-      }
-    },
-    "name": "fgColor-link-control",
-    "attributes": {},
-    "path": ["fgColor", "link", "control"]
-  },
   "fgColor-accent": {
     "value": "#023b95",
     "$type": "color",
@@ -3077,15 +3177,15 @@
     "path": ["borderColor", "disabled"]
   },
   "borderColor-neutral-muted": {
-    "value": "#acb6c033",
+    "value": "#88929d",
     "$type": "color",
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.gray.4}",
       "$type": "color",
-      "alpha": 0.2
+      "alpha": 1
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},