@primer/primitives 7.11.0-rc.f7ccc99 → 7.11.1-rc.5dc24db

package/dist/deprecated/colors.json

@@ -1 +1,7 @@
-{}
+{
+  "mktg.btn.bg": null,
+  "mktg.btn.shadow.outline": null,
+  "mktg.btn.shadow.focus": null,
+  "mktg.btn.shadow.hover": null,
+  "mktg.btn.shadow.hoverMuted": null
+}

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

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;
@@ -335,23 +340,35 @@ declare const _default: {
     };
     switchTrack: {
         bg: string;
+        hoverBg: string;
+        activeBg: string;
+        disabledBg: string;
+        fg: string;
+        disabledFg: string;
         border: string;
         checked: {
             bg: string;
             hoverBg: string;
             activeBg: string;
+            fg: string;
+            disabledFg: string;
             border: string;
         };
     };
     switchKnob: {
+        bg: string;
+        border: string;
+        disabledBg: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/dark.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",
@@ -336,24 +341,36 @@ exports.default = {
         }
     },
     "switchTrack": {
-        "bg": "#010409",
-        "border": "#6e7681",
+        "bg": "rgba(110,118,129,0.1)",
+        "hoverBg": "hsla(215,8%,72%,0.1)",
+        "activeBg": "rgba(110,118,129,0.4)",
+        "disabledBg": "#21262d",
+        "fg": "#8b949e",
+        "disabledFg": "#010409",
+        "border": "rgba(0,0,0,0)",
         "checked": {
             "bg": "rgba(31,111,235,0.35)",
             "hoverBg": "rgba(31,111,235,0.5)",
             "activeBg": "rgba(31,111,235,0.65)",
-            "border": "#58a6ff"
+            "fg": "#ffffff",
+            "disabledFg": "#010409",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#0d1117",
+        "border": "#606771",
+        "disabledBg": "#161b22",
         "checked": {
-            "bg": "#1f6feb",
-            "disabledBg": "#484f58"
+            "bg": "#0d1117",
+            "disabledBg": "#161b22",
+            "border": "rgba(31,111,235,0.35)"
         }
     },
     "segmentedControl": {
-        "bg": "#161b22",
+        "bg": "rgba(110,118,129,0.1)",
         "button": {
+            "bg": "#0d1117",
             "hover": {
                 "bg": "#30363d"
             },

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

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;
@@ -335,23 +340,35 @@ declare const _default: {
     };
     switchTrack: {
         bg: string;
+        hoverBg: string;
+        activeBg: string;
+        disabledBg: string;
+        fg: string;
+        disabledFg: string;
         border: string;
         checked: {
             bg: string;
             hoverBg: string;
             activeBg: string;
+            fg: string;
+            disabledFg: string;
             border: string;
         };
     };
     switchKnob: {
+        bg: string;
+        border: string;
+        disabledBg: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/dark_colorblind.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",
@@ -336,24 +341,36 @@ exports.default = {
         }
     },
     "switchTrack": {
-        "bg": "#010409",
-        "border": "#6e7681",
+        "bg": "rgba(110,118,129,0.1)",
+        "hoverBg": "hsla(215,8%,72%,0.1)",
+        "activeBg": "rgba(110,118,129,0.4)",
+        "disabledBg": "#21262d",
+        "fg": "#8b949e",
+        "disabledFg": "#010409",
+        "border": "rgba(0,0,0,0)",
         "checked": {
             "bg": "rgba(31,111,235,0.35)",
             "hoverBg": "rgba(31,111,235,0.5)",
             "activeBg": "rgba(31,111,235,0.65)",
-            "border": "#58a6ff"
+            "fg": "#ffffff",
+            "disabledFg": "#010409",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#0d1117",
+        "border": "#606771",
+        "disabledBg": "#161b22",
         "checked": {
-            "bg": "#1f6feb",
-            "disabledBg": "#484f58"
+            "bg": "#0d1117",
+            "disabledBg": "#161b22",
+            "border": "rgba(31,111,235,0.35)"
         }
     },
     "segmentedControl": {
-        "bg": "#161b22",
+        "bg": "rgba(110,118,129,0.1)",
         "button": {
+            "bg": "#0d1117",
             "hover": {
                 "bg": "#30363d"
             },

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

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;
@@ -335,23 +340,35 @@ declare const _default: {
     };
     switchTrack: {
         bg: string;
+        hoverBg: string;
+        activeBg: string;
+        disabledBg: string;
+        fg: string;
+        disabledFg: string;
         border: string;
         checked: {
             bg: string;
             hoverBg: string;
             activeBg: string;
+            fg: string;
+            disabledFg: string;
             border: string;
         };
     };
     switchKnob: {
+        bg: string;
+        border: string;
+        disabledBg: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/dark_dimmed.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(205,217,229,0.1)",
         "border": "rgba(205,217,229,0.1)",
@@ -336,24 +341,36 @@ exports.default = {
         }
     },
     "switchTrack": {
-        "bg": "#1c2128",
-        "border": "#636e7b",
+        "bg": "rgba(99,110,123,0.1)",
+        "hoverBg": "hsla(213,11%,69%,0.1)",
+        "activeBg": "rgba(99,110,123,0.4)",
+        "disabledBg": "#373e47",
+        "fg": "#768390",
+        "disabledFg": "#1c2128",
+        "border": "rgba(0,0,0,0)",
         "checked": {
             "bg": "rgba(49,109,202,0.35)",
             "hoverBg": "rgba(49,109,202,0.5)",
             "activeBg": "rgba(49,109,202,0.65)",
-            "border": "#539bf5"
+            "fg": "#cdd9e5",
+            "disabledFg": "#1c2128",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#22272e",
+        "border": "#606771",
+        "disabledBg": "#2d333b",
         "checked": {
-            "bg": "#316dca",
-            "disabledBg": "#545d68"
+            "bg": "#22272e",
+            "disabledBg": "#2d333b",
+            "border": "rgba(49,109,202,0.35)"
         }
     },
     "segmentedControl": {
-        "bg": "#2d333b",
+        "bg": "rgba(99,110,123,0.1)",
         "button": {
+            "bg": "#22272e",
             "hover": {
                 "bg": "#444c56"
             },

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

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;
@@ -335,23 +340,35 @@ declare const _default: {
     };
     switchTrack: {
         bg: string;
+        hoverBg: string;
+        activeBg: string;
+        disabledBg: string;
+        fg: string;
+        disabledFg: string;
         border: string;
         checked: {
             bg: string;
             hoverBg: string;
             activeBg: string;
+            fg: string;
+            disabledFg: string;
             border: string;
         };
     };
     switchKnob: {
+        bg: string;
+        border: string;
+        disabledBg: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/dark_high_contrast.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#9ea7b3"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(255,255,255,0.9)",
@@ -336,24 +341,36 @@ exports.default = {
         }
     },
     "switchTrack": {
-        "bg": "#010409",
-        "border": "#7a828e",
+        "bg": "#9ea7b3",
+        "hoverBg": "hsla(214,12%,61%,1)",
+        "activeBg": "hsla(214,12%,58%,1)",
+        "disabledBg": "#272b33",
+        "fg": "#0a0c10",
+        "disabledFg": "#010409",
+        "border": "rgba(0,0,0,0)",
         "checked": {
-            "bg": "rgba(64,158,255,0.35)",
+            "bg": "#409eff",
             "hoverBg": "rgba(64,158,255,0.5)",
             "activeBg": "rgba(64,158,255,0.65)",
-            "border": "#409eff"
+            "fg": "#0a0c10",
+            "disabledFg": "#010409",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#0a0c10",
+        "border": "#9ea7b3",
+        "disabledBg": "#272b33",
         "checked": {
-            "bg": "#409eff",
-            "disabledBg": "#7a828e"
+            "bg": "#0a0c10",
+            "disabledBg": "#272b33",
+            "border": "#409eff"
         }
     },
     "segmentedControl": {
-        "bg": "#272b33",
+        "bg": "rgba(158,167,179,0.1)",
         "button": {
+            "bg": "#0a0c10",
             "hover": {
                 "bg": "#525964"
             },

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

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;
@@ -335,23 +340,35 @@ declare const _default: {
     };
     switchTrack: {
         bg: string;
+        hoverBg: string;
+        activeBg: string;
+        disabledBg: string;
+        fg: string;
+        disabledFg: string;
         border: string;
         checked: {
             bg: string;
             hoverBg: string;
             activeBg: string;
+            fg: string;
+            disabledFg: string;
             border: string;
         };
     };
     switchKnob: {
+        bg: string;
+        border: string;
+        disabledBg: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/dark_tritanopia.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",
@@ -336,24 +341,36 @@ exports.default = {
         }
     },
     "switchTrack": {
-        "bg": "#010409",
-        "border": "#6e7681",
+        "bg": "rgba(110,118,129,0.1)",
+        "hoverBg": "hsla(215,8%,72%,0.1)",
+        "activeBg": "rgba(110,118,129,0.4)",
+        "disabledBg": "#21262d",
+        "fg": "#8b949e",
+        "disabledFg": "#010409",
+        "border": "rgba(0,0,0,0)",
         "checked": {
             "bg": "rgba(31,111,235,0.35)",
             "hoverBg": "rgba(31,111,235,0.5)",
             "activeBg": "rgba(31,111,235,0.65)",
-            "border": "#58a6ff"
+            "fg": "#ffffff",
+            "disabledFg": "#010409",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#0d1117",
+        "border": "#606771",
+        "disabledBg": "#161b22",
         "checked": {
-            "bg": "#1f6feb",
-            "disabledBg": "#484f58"
+            "bg": "#0d1117",
+            "disabledBg": "#161b22",
+            "border": "rgba(31,111,235,0.35)"
         }
     },
     "segmentedControl": {
-        "bg": "#161b22",
+        "bg": "rgba(110,118,129,0.1)",
         "button": {
+            "bg": "#0d1117",
             "hover": {
                 "bg": "#30363d"
             },