@primer/primitives 7.8.4 → 7.9.0

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

@@ -361,6 +361,20 @@ declare const _default: {
             disabledBg: string;
         };
     };
+    segmentedControl: {
+        bg: string;
+        button: {
+            hover: {
+                bg: string;
+            };
+            active: {
+                bg: string;
+            };
+            selected: {
+                border: string;
+            };
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/light_tritanopia.js

@@ -59,7 +59,7 @@ exports.default = {
             "markupItalic": "#24292f",
             "markupBold": "#24292f",
             "markupDeletedText": "#82071e",
-            "markupDeletedBg": "#FFEBE9",
+            "markupDeletedBg": "#ffebe9",
             "markupInsertedText": "#0550ae",
             "markupInsertedBg": "#ddf4ff",
             "markupChangedText": "#a40e26",
@@ -343,7 +343,7 @@ exports.default = {
         },
         "danger": {
             "hoverBg": "rgba(255,235,233,0.64)",
-            "activeBg": "#FFEBE9",
+            "activeBg": "#ffebe9",
             "hoverText": "#cf222e"
         }
     },
@@ -363,6 +363,20 @@ exports.default = {
             "disabledBg": "#6e7781"
         }
     },
+    "segmentedControl": {
+        "bg": "#eaeef2",
+        "button": {
+            "hover": {
+                "bg": "rgba(175,184,193,0.2)"
+            },
+            "active": {
+                "bg": "rgba(175,184,193,0.4)"
+            },
+            "selected": {
+                "border": "#6e7781"
+            }
+        }
+    },
     "fg": {
         "default": "#24292f",
         "muted": "#57606a",
@@ -414,19 +428,19 @@ exports.default = {
         "fg": "#cf222e",
         "emphasis": "#cf222e",
         "muted": "rgba(255,129,130,0.4)",
-        "subtle": "#FFEBE9"
+        "subtle": "#ffebe9"
     },
     "danger": {
         "fg": "#cf222e",
         "emphasis": "#cf222e",
         "muted": "rgba(255,129,130,0.4)",
-        "subtle": "#FFEBE9"
+        "subtle": "#ffebe9"
     },
     "open": {
         "fg": "#cf222e",
         "emphasis": "#fa4549",
         "muted": "rgba(255,129,130,0.4)",
-        "subtle": "#FFEBE9"
+        "subtle": "#ffebe9"
     },
     "closed": {
         "fg": "#6e7781",
@@ -455,7 +469,7 @@ exports.default = {
             "sticky": "rgba(255,255,255,0.95)"
         },
         "border": {
-            "active": "#FD8C73",
+            "active": "#fd8c73",
             "contrast": "rgba(27,31,36,0.1)"
         },
         "shadow": {
@@ -516,7 +530,7 @@ exports.default = {
             "#3b2300"
         ],
         "orange": [
-            "#FFEBE9",
+            "#ffebe9",
             "#ffcecb",
             "#ffaba8",
             "#ff8182",
@@ -528,7 +542,7 @@ exports.default = {
             "#4c0014"
         ],
         "red": [
-            "#FFEBE9",
+            "#ffebe9",
             "#ffcecb",
             "#ffaba8",
             "#ff8182",
@@ -564,14 +578,14 @@ exports.default = {
             "#4d0336"
         ],
         "coral": [
-            "#FFF0EB",
-            "#FFD6CC",
-            "#FFB4A1",
-            "#FD8C73",
-            "#EC6547",
-            "#C4432B",
-            "#9E2F1C",
-            "#801F0F",
+            "#fff0eb",
+            "#ffd6cc",
+            "#ffb4a1",
+            "#fd8c73",
+            "#ec6547",
+            "#c4432b",
+            "#9e2f1c",
+            "#801f0f",
             "#691105",
             "#510901"
         ]

package/dist/js/index.d.ts

@@ -363,6 +363,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -841,6 +855,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1319,6 +1347,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1797,6 +1839,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2275,6 +2331,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2753,6 +2823,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -3231,6 +3315,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -3709,6 +3807,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -4187,6 +4299,20 @@ declare const _default: {
                     disabledBg: string;
                 };
             };
+            segmentedControl: {
+                bg: string;
+                button: {
+                    hover: {
+                        bg: string;
+                    };
+                    active: {
+                        bg: string;
+                    };
+                    selected: {
+                        border: string;
+                    };
+                };
+            };
             fg: {
                 default: string;
                 muted: string;

package/dist/json/colors/dark.json

@@ -361,6 +361,20 @@
       "disabledBg": "#484f58"
     }
   },
+  "segmentedControl": {
+    "bg": "#161b22",
+    "button": {
+      "hover": {
+        "bg": "#30363d"
+      },
+      "active": {
+        "bg": "#21262d"
+      },
+      "selected": {
+        "border": "#6e7681"
+      }
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
@@ -453,7 +467,7 @@
       "sticky": "rgba(13,17,23,0.95)"
     },
     "border": {
-      "active": "#F78166",
+      "active": "#f78166",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,15 +576,15 @@
       "#42062a"
     ],
     "coral": [
-      "#FFDDD2",
-      "#FFC2B2",
-      "#FFA28B",
-      "#F78166",
-      "#EA6045",
-      "#CF462D",
-      "#AC3220",
+      "#ffddd2",
+      "#ffc2b2",
+      "#ffa28b",
+      "#f78166",
+      "#ea6045",
+      "#cf462d",
+      "#ac3220",
       "#872012",
-      "#640D04",
+      "#640d04",
       "#460701"
     ]
   }

package/dist/json/colors/dark_colorblind.json

@@ -361,6 +361,20 @@
       "disabledBg": "#484f58"
     }
   },
+  "segmentedControl": {
+    "bg": "#161b22",
+    "button": {
+      "hover": {
+        "bg": "#30363d"
+      },
+      "active": {
+        "bg": "#21262d"
+      },
+      "selected": {
+        "border": "#6e7681"
+      }
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
@@ -453,7 +467,7 @@
       "sticky": "rgba(13,17,23,0.95)"
     },
     "border": {
-      "active": "#F78166",
+      "active": "#f78166",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,15 +576,15 @@
       "#42062a"
     ],
     "coral": [
-      "#FFDDD2",
-      "#FFC2B2",
-      "#FFA28B",
-      "#F78166",
-      "#EA6045",
-      "#CF462D",
-      "#AC3220",
+      "#ffddd2",
+      "#ffc2b2",
+      "#ffa28b",
+      "#f78166",
+      "#ea6045",
+      "#cf462d",
+      "#ac3220",
       "#872012",
-      "#640D04",
+      "#640d04",
       "#460701"
     ]
   }

package/dist/json/colors/dark_dimmed.json

@@ -361,6 +361,20 @@
       "disabledBg": "#545d68"
     }
   },
+  "segmentedControl": {
+    "bg": "#2d333b",
+    "button": {
+      "hover": {
+        "bg": "#444c56"
+      },
+      "active": {
+        "bg": "#373e47"
+      },
+      "selected": {
+        "border": "#636e7b"
+      }
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",
@@ -453,7 +467,7 @@
       "sticky": "rgba(34,39,46,0.95)"
     },
     "border": {
-      "active": "#EC775C",
+      "active": "#ec775c",
       "contrast": "rgba(205,217,229,0.2)"
     },
     "shadow": {
@@ -535,7 +549,7 @@
       "#ad2e2c",
       "#922323",
       "#78191b",
-      "#5D0F12"
+      "#5d0f12"
     ],
     "purple": [
       "#eedcff",
@@ -562,16 +576,16 @@
       "#551639"
     ],
     "coral": [
-      "#FFDACF",
-      "#FFB9A5",
-      "#F79981",
-      "#EC775C",
-      "#DE5B41",
-      "#C2442D",
-      "#A93524",
-      "#8D291B",
-      "#771D13",
-      "#5D1008"
+      "#ffdacf",
+      "#ffb9a5",
+      "#f79981",
+      "#ec775c",
+      "#de5b41",
+      "#c2442d",
+      "#a93524",
+      "#8d291b",
+      "#771d13",
+      "#5d1008"
     ]
   }
 }

package/dist/json/colors/dark_high_contrast.json

@@ -361,6 +361,20 @@
       "disabledBg": "#7a828e"
     }
   },
+  "segmentedControl": {
+    "bg": "#272b33",
+    "button": {
+      "hover": {
+        "bg": "#525964"
+      },
+      "active": {
+        "bg": "#272b33"
+      },
+      "selected": {
+        "border": "#9ea7b3"
+      }
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",
@@ -453,7 +467,7 @@
       "sticky": "rgba(10,12,16,0.95)"
     },
     "border": {
-      "active": "#FF967D",
+      "active": "#ff967d",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,16 +576,16 @@
       "#9c1d6a"
     ],
     "coral": [
-      "#FFDED4",
-      "#FFCBB9",
-      "#FFB39B",
-      "#FF967D",
-      "#FC704F",
-      "#FC704F",
-      "#F75133",
-      "#E03B21",
-      "#C62612",
-      "#A91500"
+      "#ffded4",
+      "#ffcbb9",
+      "#ffb39b",
+      "#ff967d",
+      "#fc704f",
+      "#fc704f",
+      "#f75133",
+      "#e03b21",
+      "#c62612",
+      "#a91500"
     ]
   }
 }

package/dist/json/colors/dark_tritanopia.json

@@ -361,6 +361,20 @@
       "disabledBg": "#484f58"
     }
   },
+  "segmentedControl": {
+    "bg": "#161b22",
+    "button": {
+      "hover": {
+        "bg": "#30363d"
+      },
+      "active": {
+        "bg": "#21262d"
+      },
+      "selected": {
+        "border": "#6e7681"
+      }
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
@@ -453,7 +467,7 @@
       "sticky": "rgba(13,17,23,0.95)"
     },
     "border": {
-      "active": "#F78166",
+      "active": "#f78166",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,15 +576,15 @@
       "#42062a"
     ],
     "coral": [
-      "#FFDDD2",
-      "#FFC2B2",
-      "#FFA28B",
-      "#F78166",
-      "#EA6045",
-      "#CF462D",
-      "#AC3220",
+      "#ffddd2",
+      "#ffc2b2",
+      "#ffa28b",
+      "#f78166",
+      "#ea6045",
+      "#cf462d",
+      "#ac3220",
       "#872012",
-      "#640D04",
+      "#640d04",
       "#460701"
     ]
   }