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

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

@@ -188,6 +188,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -336,23 +341,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;
+            disabledBg: string;
+            border: string;
             checked: {
                 bg: string;
                 disabledBg: string;
+                border: string;
             };
         };
         segmentedControl: {
             bg: string;
             button: {
+                bg: string;
                 hover: {
                     bg: string;
                 };
@@ -675,6 +692,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -823,23 +845,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;
+            disabledBg: string;
+            border: string;
             checked: {
                 bg: string;
                 disabledBg: string;
+                border: string;
             };
         };
         segmentedControl: {
             bg: string;
             button: {
+                bg: string;
                 hover: {
                     bg: string;
                 };
@@ -1162,6 +1196,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -1310,23 +1349,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;
+            disabledBg: string;
+            border: string;
             checked: {
                 bg: string;
                 disabledBg: string;
+                border: string;
             };
         };
         segmentedControl: {
             bg: string;
             button: {
+                bg: string;
                 hover: {
                     bg: string;
                 };
@@ -1649,6 +1700,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -1797,23 +1853,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;
+            disabledBg: string;
+            border: string;
             checked: {
                 bg: string;
                 disabledBg: string;
+                border: string;
             };
         };
         segmentedControl: {
             bg: string;
             button: {
+                bg: string;
                 hover: {
                     bg: string;
                 };
@@ -2136,6 +2204,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -2284,23 +2357,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;
                 };
@@ -2623,6 +2708,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -2771,23 +2861,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;
                 };
@@ -3110,6 +3212,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -3258,23 +3365,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;
                 };
@@ -3597,6 +3716,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -3745,23 +3869,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;
                 };
@@ -4084,6 +4220,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -4232,23 +4373,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/light.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;
+        disabledBg: string;
+        border: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/light.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#858F99"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(27,31,36,0.15)",
@@ -337,23 +342,35 @@ exports.default = {
     },
     "switchTrack": {
         "bg": "#eaeef2",
-        "border": "#afb8c1",
+        "hoverBg": "hsla(210,24%,90%,1)",
+        "activeBg": "hsla(210,24%,88%,1)",
+        "disabledBg": "#8c959f",
+        "fg": "#57606a",
+        "disabledFg": "#ffffff",
+        "border": "rgba(0,0,0,0)",
         "checked": {
-            "bg": "#ddf4ff",
-            "hoverBg": "#b6e3ff",
-            "activeBg": "#80ccff",
-            "border": "#54aeff"
+            "bg": "#0969da",
+            "hoverBg": "#0860CA",
+            "activeBg": "#0757BA",
+            "fg": "#ffffff",
+            "disabledFg": "#ffffff",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#ffffff",
+        "disabledBg": "#f6f8fa",
+        "border": "#858F99",
         "checked": {
-            "bg": "#0969da",
-            "disabledBg": "#6e7781"
+            "bg": "#ffffff",
+            "disabledBg": "#f6f8fa",
+            "border": "#0969da"
         }
     },
     "segmentedControl": {
         "bg": "#eaeef2",
         "button": {
+            "bg": "#ffffff",
             "hover": {
                 "bg": "rgba(175,184,193,0.2)"
             },
@@ -361,7 +378,7 @@ exports.default = {
                 "bg": "rgba(175,184,193,0.4)"
             },
             "selected": {
-                "border": "#6e7781"
+                "border": "#8c959f"
             }
         }
     },

package/dist/js/colors/light_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;
+        disabledBg: string;
+        border: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };

package/dist/js/colors/light_colorblind.js

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#858F99"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(27,31,36,0.15)",
@@ -337,23 +342,35 @@ exports.default = {
     },
     "switchTrack": {
         "bg": "#eaeef2",
-        "border": "#afb8c1",
+        "hoverBg": "hsla(210,24%,90%,1)",
+        "activeBg": "hsla(210,24%,88%,1)",
+        "disabledBg": "#8c959f",
+        "fg": "#57606a",
+        "disabledFg": "#ffffff",
+        "border": "rgba(0,0,0,0)",
         "checked": {
-            "bg": "#ddf4ff",
-            "hoverBg": "#b6e3ff",
-            "activeBg": "#80ccff",
-            "border": "#54aeff"
+            "bg": "#0969da",
+            "hoverBg": "#0860CA",
+            "activeBg": "#0757BA",
+            "fg": "#ffffff",
+            "disabledFg": "#ffffff",
+            "border": "rgba(0,0,0,0)"
         }
     },
     "switchKnob": {
+        "bg": "#ffffff",
+        "disabledBg": "#f6f8fa",
+        "border": "#858F99",
         "checked": {
-            "bg": "#0969da",
-            "disabledBg": "#6e7781"
+            "bg": "#ffffff",
+            "disabledBg": "#f6f8fa",
+            "border": "#0969da"
         }
     },
     "segmentedControl": {
         "bg": "#eaeef2",
         "button": {
+            "bg": "#ffffff",
             "hover": {
                 "bg": "rgba(175,184,193,0.2)"
             },
@@ -361,7 +378,7 @@ exports.default = {
                 "bg": "rgba(175,184,193,0.4)"
             },
             "selected": {
-                "border": "#6e7781"
+                "border": "#8c959f"
             }
         }
     },

package/dist/js/colors/light_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;
+        disabledBg: string;
+        border: string;
         checked: {
             bg: string;
             disabledBg: string;
+            border: string;
         };
     };
     segmentedControl: {
         bg: string;
         button: {
+            bg: string;
             hover: {
                 bg: string;
             };