@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

package/dist/js/colors/dark.d.ts

@@ -260,11 +260,6 @@ declare const _default: {
         activeBg: string;
         activeBorder: string;
         selectedBg: string;
-        focusBg: string;
-        focusBorder: string;
-        focusShadow: string;
-        shadowActive: string;
-        shadowInputFocus: string;
         counterBg: string;
         primary: {
             text: string;
@@ -279,9 +274,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledBorder: string;
-            focusBg: string;
-            focusBorder: string;
-            focusShadow: string;
             icon: string;
             counterBg: string;
         };
@@ -300,8 +292,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
         };
         danger: {
@@ -320,8 +310,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
             icon: string;
         };
@@ -481,7 +469,6 @@ declare const _default: {
         shadow: {
             highlight: string;
             inset: string;
-            focus: string;
         };
     };
     scale: {

package/dist/js/colors/dark.js

@@ -262,11 +262,6 @@ exports.default = {
         "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",
@@ -281,9 +276,6 @@ exports.default = {
             "disabledText": "rgba(255,255,255,0.5)",
             "disabledBg": "rgba(35,134,54,0.6)",
             "disabledBorder": "rgba(240,246,252,0.1)",
-            "focusBg": "#238636",
-            "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)"
         },
@@ -302,8 +294,6 @@ exports.default = {
             "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": {
@@ -322,8 +312,6 @@ exports.default = {
             "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"
         }
@@ -482,8 +470,7 @@ exports.default = {
         },
         "shadow": {
             "highlight": "0 0 transparent",
-            "inset": "0 0 transparent",
-            "focus": "0 0 0 3px #0c2d6b"
+            "inset": "0 0 transparent"
         }
     },
     "scale": {

package/dist/js/colors/dark_colorblind.d.ts

@@ -260,11 +260,6 @@ declare const _default: {
         activeBg: string;
         activeBorder: string;
         selectedBg: string;
-        focusBg: string;
-        focusBorder: string;
-        focusShadow: string;
-        shadowActive: string;
-        shadowInputFocus: string;
         counterBg: string;
         primary: {
             text: string;
@@ -279,9 +274,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledBorder: string;
-            focusBg: string;
-            focusBorder: string;
-            focusShadow: string;
             icon: string;
             counterBg: string;
         };
@@ -300,8 +292,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
         };
         danger: {
@@ -320,8 +310,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
             icon: string;
         };
@@ -481,7 +469,6 @@ declare const _default: {
         shadow: {
             highlight: string;
             inset: string;
-            focus: string;
         };
     };
     scale: {

package/dist/js/colors/dark_colorblind.js

@@ -262,11 +262,6 @@ exports.default = {
         "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",
@@ -281,9 +276,6 @@ exports.default = {
             "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)"
         },
@@ -302,8 +294,6 @@ exports.default = {
             "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": {
@@ -322,8 +312,6 @@ exports.default = {
             "disabledText": "rgba(212,118,22,0.5)",
             "disabledBg": "#0d1117",
             "disabledCounterBg": "rgba(183,97,0,0.05)",
-            "focusBorder": "#d47616",
-            "focusShadow": "0 0 0 3px rgba(212,118,22,0.4)",
             "counterBg": "rgba(183,97,0,0.1)",
             "icon": "#d47616"
         }
@@ -482,8 +470,7 @@ exports.default = {
         },
         "shadow": {
             "highlight": "0 0 transparent",
-            "inset": "0 0 transparent",
-            "focus": "0 0 0 3px #0c2d6b"
+            "inset": "0 0 transparent"
         }
     },
     "scale": {

package/dist/js/colors/dark_dimmed.d.ts

@@ -260,11 +260,6 @@ declare const _default: {
         activeBg: string;
         activeBorder: string;
         selectedBg: string;
-        focusBg: string;
-        focusBorder: string;
-        focusShadow: string;
-        shadowActive: string;
-        shadowInputFocus: string;
         counterBg: string;
         primary: {
             text: string;
@@ -279,9 +274,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledBorder: string;
-            focusBg: string;
-            focusBorder: string;
-            focusShadow: string;
             icon: string;
             counterBg: string;
         };
@@ -300,8 +292,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
         };
         danger: {
@@ -320,8 +310,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
             icon: string;
         };
@@ -481,7 +469,6 @@ declare const _default: {
         shadow: {
             highlight: string;
             inset: string;
-            focus: string;
         };
     };
     scale: {

package/dist/js/colors/dark_dimmed.js

@@ -262,11 +262,6 @@ exports.default = {
         "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",
@@ -281,9 +276,6 @@ exports.default = {
             "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)"
         },
@@ -302,8 +294,6 @@ exports.default = {
             "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": {
@@ -322,8 +312,6 @@ exports.default = {
             "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"
         }
@@ -482,8 +470,7 @@ exports.default = {
         },
         "shadow": {
             "highlight": "0 0 transparent",
-            "inset": "0 0 transparent",
-            "focus": "0 0 0 3px #143d79"
+            "inset": "0 0 transparent"
         }
     },
     "scale": {

package/dist/js/colors/dark_high_contrast.d.ts

@@ -260,11 +260,6 @@ declare const _default: {
         activeBg: string;
         activeBorder: string;
         selectedBg: string;
-        focusBg: string;
-        focusBorder: string;
-        focusShadow: string;
-        shadowActive: string;
-        shadowInputFocus: string;
         counterBg: string;
         primary: {
             text: string;
@@ -279,9 +274,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledBorder: string;
-            focusBg: string;
-            focusBorder: string;
-            focusShadow: string;
             icon: string;
             counterBg: string;
         };
@@ -300,8 +292,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
         };
         danger: {
@@ -320,8 +310,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
             icon: string;
         };
@@ -481,7 +469,6 @@ declare const _default: {
         shadow: {
             highlight: string;
             inset: string;
-            focus: string;
         };
     };
     scale: {

package/dist/js/colors/dark_high_contrast.js

@@ -262,11 +262,6 @@ exports.default = {
         "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",
@@ -281,9 +276,6 @@ exports.default = {
             "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)"
         },
@@ -302,8 +294,6 @@ exports.default = {
             "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": {
@@ -322,8 +312,6 @@ exports.default = {
             "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"
         }
@@ -482,8 +470,7 @@ exports.default = {
         },
         "shadow": {
             "highlight": "0 0 transparent",
-            "inset": "0 0 transparent",
-            "focus": "0 0 0 3px #1e60d5"
+            "inset": "0 0 transparent"
         }
     },
     "scale": {

package/dist/js/colors/dark_tritanopia.d.ts

@@ -260,11 +260,6 @@ declare const _default: {
         activeBg: string;
         activeBorder: string;
         selectedBg: string;
-        focusBg: string;
-        focusBorder: string;
-        focusShadow: string;
-        shadowActive: string;
-        shadowInputFocus: string;
         counterBg: string;
         primary: {
             text: string;
@@ -279,9 +274,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledBorder: string;
-            focusBg: string;
-            focusBorder: string;
-            focusShadow: string;
             icon: string;
             counterBg: string;
         };
@@ -300,8 +292,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
         };
         danger: {
@@ -320,8 +310,6 @@ declare const _default: {
             disabledText: string;
             disabledBg: string;
             disabledCounterBg: string;
-            focusBorder: string;
-            focusShadow: string;
             counterBg: string;
             icon: string;
         };
@@ -481,7 +469,6 @@ declare const _default: {
         shadow: {
             highlight: string;
             inset: string;
-            focus: string;
         };
     };
     scale: {

package/dist/js/colors/dark_tritanopia.js

@@ -262,11 +262,6 @@ exports.default = {
         "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",
@@ -281,9 +276,6 @@ exports.default = {
             "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)"
         },
@@ -302,8 +294,6 @@ exports.default = {
             "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": {
@@ -322,8 +312,6 @@ exports.default = {
             "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"
         }
@@ -482,8 +470,7 @@ exports.default = {
         },
         "shadow": {
             "highlight": "0 0 transparent",
-            "inset": "0 0 transparent",
-            "focus": "0 0 0 3px #0c2d6b"
+            "inset": "0 0 transparent"
         }
     },
     "scale": {