@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

package/dist/json/colors/dark_dimmed.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(213,12%,27%,1)",
     "activeBorder": "#636e7b",
     "selectedBg": "#2d333b",
-    "focusBg": "#373e47",
-    "focusBorder": "#768390",
-    "focusShadow": "0 0 0 3px rgba(118,131,144,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(28,33,40,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(49,109,202,0.3)",
     "counterBg": "#444c56",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(205,217,229,0.5)",
       "disabledBg": "rgba(52,125,57,0.6)",
       "disabledBorder": "rgba(205,217,229,0.1)",
-      "focusBg": "#347d39",
-      "focusBorder": "rgba(205,217,229,0.1)",
-      "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
       "icon": "#cdd9e5",
       "counterBg": "rgba(205,217,229,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(83,155,245,0.5)",
       "disabledBg": "#22272e",
       "disabledCounterBg": "rgba(49,109,202,0.05)",
-      "focusBorder": "rgba(205,217,229,0.1)",
-      "focusShadow": "0 0 0 3px rgba(37,90,178,0.4)",
       "counterBg": "rgba(49,109,202,0.1)"
     },
     "danger": {
@@ -320,8 +310,6 @@
       "disabledText": "rgba(229,83,75,0.5)",
       "disabledBg": "#22272e",
       "disabledCounterBg": "rgba(201,60,55,0.05)",
-      "focusBorder": "#e5534b",
-      "focusShadow": "0 0 0 3px rgba(229,83,75,0.4)",
       "counterBg": "rgba(201,60,55,0.1)",
       "icon": "#e5534b"
     }
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "0 0 transparent",
-      "inset": "0 0 transparent",
-      "focus": "0 0 0 3px #143d79"
+      "inset": "0 0 transparent"
     }
   },
   "scale": {

package/dist/json/colors/dark_high_contrast.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(217,10%,33%,1)",
     "activeBorder": "#9ea7b3",
     "selectedBg": "rgba(82,89,100,0.9)",
-    "focusBg": "#272b33",
-    "focusBorder": "#bdc4cc",
-    "focusShadow": "0 0 0 3px rgba(189,196,204,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(64,158,255,0.3)",
     "counterBg": "#525964",
     "primary": {
       "text": "#0a0c10",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(10,12,16,0.5)",
       "disabledBg": "rgba(9,180,58,0.6)",
       "disabledBorder": "rgba(74,225,104,0.4)",
-      "focusBg": "#09b43a",
-      "focusBorder": "#7a828e",
-      "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
       "icon": "#0a0c10",
       "counterBg": "rgba(1,4,9,0.15)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(113,183,255,0.5)",
       "disabledBg": "#0a0c10",
       "disabledCounterBg": "rgba(64,158,255,0.05)",
-      "focusBorder": "#7a828e",
-      "focusShadow": "0 0 0 3px rgba(49,139,248,0.4)",
       "counterBg": "rgba(64,158,255,0.1)"
     },
     "danger": {
@@ -320,8 +310,6 @@
       "disabledText": "rgba(255,106,105,0.5)",
       "disabledBg": "#0a0c10",
       "disabledCounterBg": "rgba(255,106,105,0.05)",
-      "focusBorder": "#ff6a69",
-      "focusShadow": "0 0 0 3px rgba(255,106,105,0.4)",
       "counterBg": "rgba(1,4,9,0.15)",
       "icon": "#ff6a69"
     }
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "0 0 transparent",
-      "inset": "0 0 transparent",
-      "focus": "0 0 0 3px #1e60d5"
+      "inset": "0 0 transparent"
     }
   },
   "scale": {

package/dist/json/colors/dark_tritanopia.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(212,12%,18%,1)",
     "activeBorder": "#6e7681",
     "selectedBg": "#161b22",
-    "focusBg": "#21262d",
-    "focusBorder": "#8b949e",
-    "focusShadow": "0 0 0 3px rgba(139,148,158,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(31,111,235,0.3)",
     "counterBg": "#30363d",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(255,255,255,0.5)",
       "disabledBg": "rgba(31,111,235,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
-      "focusBg": "#1f6feb",
-      "focusBorder": "rgba(240,246,252,0.1)",
-      "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
       "icon": "#ffffff",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(88,166,255,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(31,111,235,0.05)",
-      "focusBorder": "rgba(240,246,252,0.1)",
-      "focusShadow": "0 0 0 3px rgba(17,88,199,0.4)",
       "counterBg": "rgba(31,111,235,0.1)"
     },
     "danger": {
@@ -320,8 +310,6 @@
       "disabledText": "rgba(248,81,73,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(218,54,51,0.05)",
-      "focusBorder": "#f85149",
-      "focusShadow": "0 0 0 3px rgba(248,81,73,0.4)",
       "counterBg": "rgba(218,54,51,0.1)",
       "icon": "#f85149"
     }
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "0 0 transparent",
-      "inset": "0 0 transparent",
-      "focus": "0 0 0 3px #0c2d6b"
+      "inset": "0 0 transparent"
     }
   },
   "scale": {

package/dist/json/colors/light.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(220,14%,93%,1)",
     "activeBorder": "rgba(27,31,36,0.15)",
     "selectedBg": "hsla(220,14%,94%,1)",
-    "focusBg": "#f6f8fa",
-    "focusBorder": "rgba(27,31,36,0.15)",
-    "focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
     "counterBg": "rgba(27,31,36,0.08)",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(255,255,255,0.8)",
       "disabledBg": "#94d3a2",
       "disabledBorder": "rgba(27,31,36,0.15)",
-      "focusBg": "#2da44e",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(45,164,78,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(5,80,174,0.4)",
       "counterBg": "rgba(9,105,218,0.1)"
     },
     "danger": {
@@ -319,8 +309,6 @@
       "disabledText": "rgba(207,34,46,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(207,34,46,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(164,14,38,0.4)",
       "counterBg": "rgba(207,34,46,0.1)",
       "icon": "#cf222e",
       "hoverIcon": "#ffffff"
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
-      "focus": "0 0 0 3px rgba(9,105,218,0.3)"
+      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)"
     }
   },
   "scale": {

package/dist/json/colors/light_colorblind.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(220,14%,93%,1)",
     "activeBorder": "rgba(27,31,36,0.15)",
     "selectedBg": "hsla(220,14%,94%,1)",
-    "focusBg": "#f6f8fa",
-    "focusBorder": "rgba(27,31,36,0.15)",
-    "focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
     "counterBg": "rgba(27,31,36,0.08)",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(255,255,255,0.8)",
       "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
-      "focusBg": "#218bff",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(5,80,174,0.4)",
       "counterBg": "rgba(9,105,218,0.1)"
     },
     "danger": {
@@ -319,8 +309,6 @@
       "disabledText": "rgba(179,89,0,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(179,89,0,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(138,70,0,0.4)",
       "counterBg": "rgba(179,89,0,0.1)",
       "icon": "#b35900",
       "hoverIcon": "#ffffff"
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
-      "focus": "0 0 0 3px rgba(9,105,218,0.3)"
+      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)"
     }
   },
   "scale": {

package/dist/json/colors/light_high_contrast.json

@@ -260,11 +260,6 @@
     "activeBg": "#acb6c0",
     "activeBorder": "rgba(1,4,9,0.8)",
     "selectedBg": "#acb6c0",
-    "focusBg": "#ced5dc",
-    "focusBorder": "rgba(1,4,9,0.8)",
-    "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
     "counterBg": "rgba(1,4,9,0.08)",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(255,255,255,0.8)",
       "disabledBg": "#94d3a2",
       "disabledBorder": "rgba(1,4,9,0.8)",
-      "focusBg": "#013d14",
-      "focusBorder": "#013d14",
-      "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(3,73,180,0.5)",
       "disabledBg": "#e7ecf0",
       "disabledCounterBg": "rgba(3,73,180,0.05)",
-      "focusBorder": "#022f7a",
-      "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
       "counterBg": "rgba(3,73,180,0.1)"
     },
     "danger": {
@@ -319,8 +309,6 @@
       "disabledText": "rgba(160,17,31,0.5)",
       "disabledBg": "#e7ecf0",
       "disabledCounterBg": "rgba(160,17,31,0.05)",
-      "focusBorder": "#6e011a",
-      "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
       "counterBg": "rgba(160,17,31,0.1)",
       "icon": "#86061d",
       "hoverIcon": "#ffffff"
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-      "inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
-      "focus": "0 0 0 3px rgba(3,73,180,0.3)"
+      "inset": "inset 0 1px 0 rgba(206,213,220,0.2)"
     }
   },
   "scale": {

package/dist/json/colors/light_tritanopia.json

@@ -260,11 +260,6 @@
     "activeBg": "hsla(220,14%,93%,1)",
     "activeBorder": "rgba(27,31,36,0.15)",
     "selectedBg": "hsla(220,14%,94%,1)",
-    "focusBg": "#f6f8fa",
-    "focusBorder": "rgba(27,31,36,0.15)",
-    "focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
-    "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
-    "shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
     "counterBg": "rgba(27,31,36,0.08)",
     "primary": {
       "text": "#ffffff",
@@ -279,9 +274,6 @@
       "disabledText": "rgba(255,255,255,0.8)",
       "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
-      "focusBg": "#218bff",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -300,8 +292,6 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(5,80,174,0.4)",
       "counterBg": "rgba(9,105,218,0.1)"
     },
     "danger": {
@@ -319,8 +309,6 @@
       "disabledText": "rgba(207,34,46,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(207,34,46,0.05)",
-      "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(164,14,38,0.4)",
       "counterBg": "rgba(207,34,46,0.1)",
       "icon": "#cf222e",
       "hoverIcon": "#ffffff"
@@ -480,8 +468,7 @@
     },
     "shadow": {
       "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
-      "focus": "0 0 0 3px rgba(9,105,218,0.3)"
+      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)"
     }
   },
   "scale": {

package/dist/removed/colors.json

@@ -138,7 +138,6 @@
   "state.selected.primaryText": "fg.onEmphasis",
   "state.selected.primaryIcon": "fg.onEmphasis",
   "state.focus.border": "accent.emphasis",
-  "state.focus.shadow": "primer.shadow.focus",
   "fade.fg10": null,
   "fade.fg15": null,
   "fade.fg30": null,
@@ -417,5 +416,17 @@
   "mktg.btn.dark.hover.text": null,
   "mktg.btn.dark.hover.border": null,
   "mktg.btn.dark.focus.border": null,
-  "mktg.btn.dark.focus.borderInset": null
+  "mktg.btn.dark.focus.borderInset": null,
+  "color.primer.shadow.focus": null,
+  "color.btn.danger.focus.shadow": null,
+  "color.btn.danger.focus.border": null,
+  "color.btn.outline.focus.shadow": null,
+  "color.btn.outline.focus.border": null,
+  "color.btn.primary.focus.shadow": null,
+  "color.btn.primary.focus.border": null,
+  "color.btn.primary.focus.bg": null,
+  "color.btn.shadow.input.focus": null,
+  "color.btn.focus.shadow": null,
+  "color.btn.focus.border": null,
+  "color.btn.focus.bg": null
 }

package/dist/scss/colors/_dark.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(212,12%,18%,1);
     --color-btn-active-border: #6e7681;
     --color-btn-selected-bg: #161b22;
-    --color-btn-focus-bg: #21262d;
-    --color-btn-focus-border: #8b949e;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
     --color-btn-counter-bg: #30363d;
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #238636;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
     --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-bg: #238636;
-    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #ffffff;
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #58a6ff;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-focus-border: rgba(240,246,252,0.1);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
     --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
@@ -255,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
-    --color-btn-danger-focus-border: #f85149;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
     --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
     --color-btn-danger-icon: #f85149;
     --color-underlinenav-icon: #6e7681;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f0f6fc;

package/dist/scss/colors/_dark_colorblind.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(212,12%,18%,1);
     --color-btn-active-border: #6e7681;
     --color-btn-selected-bg: #161b22;
-    --color-btn-focus-bg: #21262d;
-    --color-btn-focus-border: #8b949e;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
     --color-btn-counter-bg: #30363d;
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #1f6feb;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
     --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-bg: #1f6feb;
-    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #ffffff;
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #58a6ff;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-focus-border: rgba(240,246,252,0.1);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
     --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
     --color-btn-danger-text: #d47616;
     --color-btn-danger-hover-text: #ffffff;
@@ -255,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(212,118,22,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05);
-    --color-btn-danger-focus-border: #d47616;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(212,118,22,0.4);
     --color-btn-danger-counter-bg: rgba(183,97,0,0.1);
     --color-btn-danger-icon: #d47616;
     --color-underlinenav-icon: #6e7681;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f0f6fc;

package/dist/scss/colors/_dark_dimmed.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(213,12%,27%,1);
     --color-btn-active-border: #636e7b;
     --color-btn-selected-bg: #2d333b;
-    --color-btn-focus-bg: #373e47;
-    --color-btn-focus-border: #768390;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(118,131,144,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(28,33,40,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(49,109,202,0.3);
     --color-btn-counter-bg: #444c56;
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #347d39;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(205,217,229,0.5);
     --color-btn-primary-disabled-bg: rgba(52,125,57,0.6);
     --color-btn-primary-disabled-border: rgba(205,217,229,0.1);
-    --color-btn-primary-focus-bg: #347d39;
-    --color-btn-primary-focus-border: rgba(205,217,229,0.1);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #cdd9e5;
     --color-btn-primary-counter-bg: rgba(205,217,229,0.2);
     --color-btn-outline-text: #539bf5;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(83,155,245,0.5);
     --color-btn-outline-disabled-bg: #22272e;
     --color-btn-outline-disabled-counter-bg: rgba(49,109,202,0.05);
-    --color-btn-outline-focus-border: rgba(205,217,229,0.1);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(37,90,178,0.4);
     --color-btn-outline-counter-bg: rgba(49,109,202,0.1);
     --color-btn-danger-text: #e5534b;
     --color-btn-danger-hover-text: #cdd9e5;
@@ -255,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(229,83,75,0.5);
     --color-btn-danger-disabled-bg: #22272e;
     --color-btn-danger-disabled-counter-bg: rgba(201,60,55,0.05);
-    --color-btn-danger-focus-border: #e5534b;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(229,83,75,0.4);
     --color-btn-danger-counter-bg: rgba(201,60,55,0.1);
     --color-btn-danger-icon: #e5534b;
     --color-underlinenav-icon: #636e7b;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(205,217,229,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #143d79;
     --color-scale-black: #1c2128;
     --color-scale-white: #cdd9e5;
     --color-scale-gray-0: #cdd9e5;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(217,10%,33%,1);
     --color-btn-active-border: #9ea7b3;
     --color-btn-selected-bg: rgba(82,89,100,0.9);
-    --color-btn-focus-bg: #272b33;
-    --color-btn-focus-border: #bdc4cc;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(189,196,204,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(64,158,255,0.3);
     --color-btn-counter-bg: #525964;
     --color-btn-primary-text: #0a0c10;
     --color-btn-primary-bg: #09b43a;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(10,12,16,0.5);
     --color-btn-primary-disabled-bg: rgba(9,180,58,0.6);
     --color-btn-primary-disabled-border: rgba(74,225,104,0.4);
-    --color-btn-primary-focus-bg: #09b43a;
-    --color-btn-primary-focus-border: #7a828e;
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #0a0c10;
     --color-btn-primary-counter-bg: rgba(1,4,9,0.15);
     --color-btn-outline-text: #71b7ff;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(113,183,255,0.5);
     --color-btn-outline-disabled-bg: #0a0c10;
     --color-btn-outline-disabled-counter-bg: rgba(64,158,255,0.05);
-    --color-btn-outline-focus-border: #7a828e;
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(49,139,248,0.4);
     --color-btn-outline-counter-bg: rgba(64,158,255,0.1);
     --color-btn-danger-text: #ff6a69;
     --color-btn-danger-hover-text: #0a0c10;
@@ -255,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(255,106,105,0.5);
     --color-btn-danger-disabled-bg: #0a0c10;
     --color-btn-danger-disabled-counter-bg: rgba(255,106,105,0.05);
-    --color-btn-danger-focus-border: #ff6a69;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(255,106,105,0.4);
     --color-btn-danger-counter-bg: rgba(1,4,9,0.15);
     --color-btn-danger-icon: #ff6a69;
     --color-underlinenav-icon: #f0f3f6;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #1e60d5;
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #ffffff;

package/dist/scss/colors/_dark_tritanopia.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(212,12%,18%,1);
     --color-btn-active-border: #6e7681;
     --color-btn-selected-bg: #161b22;
-    --color-btn-focus-bg: #21262d;
-    --color-btn-focus-border: #8b949e;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
     --color-btn-counter-bg: #30363d;
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #1f6feb;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
     --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-bg: #1f6feb;
-    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #ffffff;
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #58a6ff;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-focus-border: rgba(240,246,252,0.1);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
     --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
@@ -255,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
-    --color-btn-danger-focus-border: #f85149;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
     --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
     --color-btn-danger-icon: #f85149;
     --color-underlinenav-icon: #6e7681;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f0f6fc;

package/dist/scss/colors/_light.scss

@@ -200,11 +200,6 @@
     --color-btn-active-bg: hsla(220,14%,93%,1);
     --color-btn-active-border: rgba(27,31,36,0.15);
     --color-btn-selected-bg: hsla(220,14%,94%,1);
-    --color-btn-focus-bg: #f6f8fa;
-    --color-btn-focus-border: rgba(27,31,36,0.15);
-    --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
     --color-btn-counter-bg: rgba(27,31,36,0.08);
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #2da44e;
@@ -218,9 +213,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
     --color-btn-primary-disabled-bg: #94d3a2;
     --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
-    --color-btn-primary-focus-bg: #2da44e;
-    --color-btn-primary-focus-border: rgba(27,31,36,0.15);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,0.4);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #0969da;
@@ -237,8 +229,6 @@
     --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
     --color-btn-outline-disabled-bg: #f6f8fa;
     --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
-    --color-btn-outline-focus-border: rgba(27,31,36,0.15);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
     --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
     --color-btn-danger-text: #cf222e;
     --color-btn-danger-hover-text: #ffffff;
@@ -254,8 +244,6 @@
     --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
     --color-btn-danger-disabled-bg: #f6f8fa;
     --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
-    --color-btn-danger-focus-border: rgba(27,31,36,0.15);
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
     --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
     --color-btn-danger-icon: #cf222e;
     --color-btn-danger-hover-icon: #ffffff;
@@ -346,7 +334,6 @@
     --color-primer-border-contrast: rgba(27,31,36,0.1);
     --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
     --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
     --color-scale-black: #1b1f24;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f6f8fa;