@primer/primitives 7.13.0 → 7.13.1-rc.0fa7554

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

@@ -110,7 +110,6 @@
   --button-default-borderColor-active: #20252c;
   --button-default-borderColor-disabled: #e7ecf0;
   --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
-  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffffcc;
@@ -120,11 +119,15 @@
   --button-primary-bgColor-disabled: #85cb97;
   --button-primary-borderColor-rest: #013d14;
   --button-primary-borderColor-hover: #013d14;
+  --button-primary-borderColor-active: #013d14;
   --button-primary-borderColor-disabled: #85cb97;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #023b95;
   --button-invisible-fgColor-disabled: #4b535d;
+  --button-invisible-iconColor-rest: #0e1116;
+  --button-invisible-iconColor-hover: #0e1116;
+  --button-invisible-iconColor-disabled: #4b535d;
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #20252c;
   --button-invisible-bgColor-active: #4b535d;
@@ -140,8 +143,8 @@
   --button-outline-bgColor-hover: #0349b4;
   --button-outline-bgColor-active: #033f9d;
   --button-outline-bgColor-disabled: #ffffff;
-  --button-outline-borderColor-hover: #20252c;
-  --button-outline-borderColor-active: #20252c;
+  --button-outline-borderColor-hover: #01040926;
+  --button-outline-borderColor-active: #01040926;
   --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
   --button-danger-fgColor-rest: #8a071e;
   --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +157,8 @@
   --button-danger-bgColor-active: #74041a;
   --button-danger-bgColor-disabled: #e7ecf0;
   --button-danger-borderColor-rest: #20252c;
-  --button-danger-borderColor-hover: #20252c;
-  --button-danger-borderColor-active: #20252c;
+  --button-danger-borderColor-hover: #01040926;
+  --button-danger-borderColor-active: #01040926;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
   --buttonCounter-default-bgColor-rest: #66707b33;
   --buttonCounter-invisible-bgColor-rest: #66707b33;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #5b0002;
   --color-scale-coral-9: #430200;
   --shadow-inset: inset 0px 1px 0px 0px #01040914;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
   --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
   --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
   --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
@@ -526,7 +528,6 @@
     --button-default-borderColor-active: #20252c;
     --button-default-borderColor-disabled: #e7ecf0;
     --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
-    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
     --button-primary-iconColor-rest: #ffffffcc;
@@ -536,11 +537,15 @@
     --button-primary-bgColor-disabled: #85cb97;
     --button-primary-borderColor-rest: #013d14;
     --button-primary-borderColor-hover: #013d14;
+    --button-primary-borderColor-active: #013d14;
     --button-primary-borderColor-disabled: #85cb97;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
     --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #4b535d;
+    --button-invisible-iconColor-rest: #0e1116;
+    --button-invisible-iconColor-hover: #0e1116;
+    --button-invisible-iconColor-disabled: #4b535d;
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #20252c;
     --button-invisible-bgColor-active: #4b535d;
@@ -556,8 +561,8 @@
     --button-outline-bgColor-hover: #0349b4;
     --button-outline-bgColor-active: #033f9d;
     --button-outline-bgColor-disabled: #ffffff;
-    --button-outline-borderColor-hover: #20252c;
-    --button-outline-borderColor-active: #20252c;
+    --button-outline-borderColor-hover: #01040926;
+    --button-outline-borderColor-active: #01040926;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
     --button-danger-fgColor-rest: #8a071e;
     --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +575,8 @@
     --button-danger-bgColor-active: #74041a;
     --button-danger-bgColor-disabled: #e7ecf0;
     --button-danger-borderColor-rest: #20252c;
-    --button-danger-borderColor-hover: #20252c;
-    --button-danger-borderColor-active: #20252c;
+    --button-danger-borderColor-hover: #01040926;
+    --button-danger-borderColor-active: #01040926;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
     --buttonCounter-default-bgColor-rest: #66707b33;
     --buttonCounter-invisible-bgColor-rest: #66707b33;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #5b0002;
     --color-scale-coral-9: #430200;
     --shadow-inset: inset 0px 1px 0px 0px #01040914;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
     --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
     --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
     --shadow-resting-medium: 0px 3px 6px 0px #343b431f;

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

@@ -110,7 +110,6 @@
   --button-default-borderColor-active: #d0d7de;
   --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
-  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffffcc;
@@ -120,11 +119,15 @@
   --button-primary-bgColor-disabled: #92caff;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-active: #1f232826;
   --button-primary-borderColor-disabled: #92caff;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
+  --button-invisible-iconColor-rest: #636c76;
+  --button-invisible-iconColor-hover: #636c76;
+  --button-invisible-iconColor-disabled: #8c959f;
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
@@ -140,8 +143,8 @@
   --button-outline-bgColor-hover: #0969da;
   --button-outline-bgColor-active: #0757ba;
   --button-outline-bgColor-disabled: #f6f8fa;
-  --button-outline-borderColor-hover: #d0d7de;
-  --button-outline-borderColor-active: #d0d7de;
+  --button-outline-borderColor-hover: #1f232826;
+  --button-outline-borderColor-active: #1f232826;
   --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
   --button-danger-fgColor-rest: #d1242f;
   --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +157,8 @@
   --button-danger-bgColor-active: #8b0820;
   --button-danger-bgColor-disabled: #f6f8fa;
   --button-danger-borderColor-rest: #d0d7de;
-  --button-danger-borderColor-hover: #d0d7de;
-  --button-danger-borderColor-active: #d0d7de;
+  --button-danger-borderColor-hover: #1f232826;
+  --button-danger-borderColor-active: #1f232826;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
   --buttonCounter-default-bgColor-rest: #eaeef2;
   --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f232814;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
   --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -526,7 +528,6 @@
     --button-default-borderColor-active: #d0d7de;
     --button-default-borderColor-disabled: #f6f8fa;
     --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
-    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
     --button-primary-iconColor-rest: #ffffffcc;
@@ -536,11 +537,15 @@
     --button-primary-bgColor-disabled: #92caff;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-active: #1f232826;
     --button-primary-borderColor-disabled: #92caff;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
+    --button-invisible-iconColor-rest: #636c76;
+    --button-invisible-iconColor-hover: #636c76;
+    --button-invisible-iconColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
@@ -556,8 +561,8 @@
     --button-outline-bgColor-hover: #0969da;
     --button-outline-bgColor-active: #0757ba;
     --button-outline-bgColor-disabled: #f6f8fa;
-    --button-outline-borderColor-hover: #d0d7de;
-    --button-outline-borderColor-active: #d0d7de;
+    --button-outline-borderColor-hover: #1f232826;
+    --button-outline-borderColor-active: #1f232826;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
     --button-danger-fgColor-rest: #d1242f;
     --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +575,8 @@
     --button-danger-bgColor-active: #8b0820;
     --button-danger-bgColor-disabled: #f6f8fa;
     --button-danger-borderColor-rest: #d0d7de;
-    --button-danger-borderColor-hover: #d0d7de;
-    --button-danger-borderColor-active: #d0d7de;
+    --button-danger-borderColor-hover: #1f232826;
+    --button-danger-borderColor-active: #1f232826;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef2;
     --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
     --shadow-inset: inset 0px 1px 0px 0px #1f232814;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
     --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
     --shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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

@@ -110,7 +110,6 @@
   --button-default-borderColor-active: #d0d7de;
   --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
-  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffffcc;
@@ -120,11 +119,15 @@
   --button-primary-bgColor-disabled: #95d8a6;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-active: #1f232826;
   --button-primary-borderColor-disabled: #95d8a6;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
+  --button-invisible-iconColor-rest: #636c76;
+  --button-invisible-iconColor-hover: #636c76;
+  --button-invisible-iconColor-disabled: #8c959f;
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
@@ -140,8 +143,8 @@
   --button-outline-bgColor-hover: #0969da;
   --button-outline-bgColor-active: #0757ba;
   --button-outline-bgColor-disabled: #f6f8fa;
-  --button-outline-borderColor-hover: #d0d7de;
-  --button-outline-borderColor-active: #d0d7de;
+  --button-outline-borderColor-hover: #1f232826;
+  --button-outline-borderColor-active: #1f232826;
   --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
   --button-danger-fgColor-rest: #d1242f;
   --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +157,8 @@
   --button-danger-bgColor-active: #8b0820;
   --button-danger-bgColor-disabled: #f6f8fa;
   --button-danger-borderColor-rest: #d0d7de;
-  --button-danger-borderColor-hover: #d0d7de;
-  --button-danger-borderColor-active: #d0d7de;
+  --button-danger-borderColor-hover: #1f232826;
+  --button-danger-borderColor-active: #1f232826;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
   --buttonCounter-default-bgColor-rest: #eaeef2;
   --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f232814;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
   --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -526,7 +528,6 @@
     --button-default-borderColor-active: #d0d7de;
     --button-default-borderColor-disabled: #f6f8fa;
     --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
-    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
     --button-primary-iconColor-rest: #ffffffcc;
@@ -536,11 +537,15 @@
     --button-primary-bgColor-disabled: #95d8a6;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-active: #1f232826;
     --button-primary-borderColor-disabled: #95d8a6;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
+    --button-invisible-iconColor-rest: #636c76;
+    --button-invisible-iconColor-hover: #636c76;
+    --button-invisible-iconColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
@@ -556,8 +561,8 @@
     --button-outline-bgColor-hover: #0969da;
     --button-outline-bgColor-active: #0757ba;
     --button-outline-bgColor-disabled: #f6f8fa;
-    --button-outline-borderColor-hover: #d0d7de;
-    --button-outline-borderColor-active: #d0d7de;
+    --button-outline-borderColor-hover: #1f232826;
+    --button-outline-borderColor-active: #1f232826;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
     --button-danger-fgColor-rest: #d1242f;
     --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +575,8 @@
     --button-danger-bgColor-active: #8b0820;
     --button-danger-bgColor-disabled: #f6f8fa;
     --button-danger-borderColor-rest: #d0d7de;
-    --button-danger-borderColor-hover: #d0d7de;
-    --button-danger-borderColor-active: #d0d7de;
+    --button-danger-borderColor-hover: #1f232826;
+    --button-danger-borderColor-active: #1f232826;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef2;
     --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
     --shadow-inset: inset 0px 1px 0px 0px #1f232814;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
     --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
     --shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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

@@ -3184,7 +3184,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3213,7 +3213,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3280,27 +3280,6 @@
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"]
   },
-  "button-default-shadow-inset": {
-    "value": "0px 0px 0px 0px #000000",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.transparent}",
-        "alpha": 0,
-        "offsetX": "0px",
-        "offsetY": "0px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": false
-      },
-      "$type": "shadow"
-    },
-    "name": "button-default-shadow-inset",
-    "attributes": {},
-    "path": ["button", "default", "shadow", "inset"]
-  },
   "button-primary-fgColor-rest": {
     "value": "#ffffff",
     "$type": "color",
@@ -3584,6 +3563,35 @@
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
+  "button-primary-borderColor-active": {
+    "value": "#f0f6fc1a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "button-primary-borderColor-active",
+    "attributes": {},
+    "path": ["button", "primary", "borderColor", "active"]
+  },
   "button-primary-borderColor-disabled": {
     "value": "#1158c7",
     "$type": "color",
@@ -3723,6 +3731,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#7d8590",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#e6edf3",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#8b949e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "disabled"]
+  },
   "button-invisible-bgColor-rest": {
     "value": "#00000000",
     "$type": "color",
@@ -4161,7 +4256,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#30363d66",
+    "value": "#f0f6fc1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4171,10 +4266,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4183,14 +4279,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-selected": {
-    "value": "#30363d66",
+    "value": "#f0f6fc1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4203,7 +4300,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{button.outline.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4571,7 +4668,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#9b4215",
+    "value": "#f0f6fc1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4581,10 +4678,11 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.orange.6}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4593,14 +4691,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#b5531d",
+    "value": "#f0f6fc1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4613,7 +4712,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{button.danger.bgColor.active}",
+      "value": "{button.danger.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10506,27 +10605,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff1f",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.12,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "shadow-highlight",
-    "attributes": {},
-    "path": ["shadow", "highlight"]
-  },
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #010409cc",
     "$type": "shadow",