@primer/primitives 7.8.3 → 7.9.0-rc.0409f99

package/dist/ts/colors/dark_high_contrast.ts

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

package/dist/ts/colors/dark_tritanopia.ts

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

package/dist/ts/colors/light.ts

@@ -9,15 +9,15 @@ export default {
     "addition": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "#CCFFD8",
-      "lineBg": "#E6FFEC",
-      "wordBg": "#ABF2BC"
+      "numBg": "#ccffd8",
+      "lineBg": "#e6ffec",
+      "wordBg": "#abf2bc"
     },
     "deletion": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "#FFD7D5",
-      "lineBg": "#FFEBE9",
+      "numBg": "#ffd7d5",
+      "lineBg": "#ffebe9",
       "wordBg": "rgba(255,129,130,0.4)"
     },
     "hunk": {
@@ -57,7 +57,7 @@ export default {
       "markupItalic": "#24292f",
       "markupBold": "#24292f",
       "markupDeletedText": "#82071e",
-      "markupDeletedBg": "#FFEBE9",
+      "markupDeletedBg": "#ffebe9",
       "markupInsertedText": "#116329",
       "markupInsertedBg": "#dafbe1",
       "markupChangedText": "#953800",
@@ -341,7 +341,7 @@ export default {
     },
     "danger": {
       "hoverBg": "rgba(255,235,233,0.64)",
-      "activeBg": "#FFEBE9",
+      "activeBg": "#ffebe9",
       "hoverText": "#cf222e"
     }
   },
@@ -361,6 +361,20 @@ export 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",
@@ -418,7 +432,7 @@ export default {
     "fg": "#cf222e",
     "emphasis": "#cf222e",
     "muted": "rgba(255,129,130,0.4)",
-    "subtle": "#FFEBE9"
+    "subtle": "#ffebe9"
   },
   "open": {
     "fg": "#1a7f37",
@@ -430,7 +444,7 @@ export default {
     "fg": "#cf222e",
     "emphasis": "#cf222e",
     "muted": "rgba(255,129,130,0.4)",
-    "subtle": "#FFEBE9"
+    "subtle": "#ffebe9"
   },
   "done": {
     "fg": "#8250df",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(255,255,255,0.95)"
     },
     "border": {
-      "active": "#FD8C73",
+      "active": "#fd8c73",
       "contrast": "rgba(27,31,36,0.1)"
     },
     "shadow": {
@@ -526,7 +540,7 @@ export default {
       "#471700"
     ],
     "red": [
-      "#FFEBE9",
+      "#ffebe9",
       "#ffcecb",
       "#ffaba8",
       "#ff8182",
@@ -562,14 +576,14 @@ export default {
       "#4d0336"
     ],
     "coral": [
-      "#FFF0EB",
-      "#FFD6CC",
-      "#FFB4A1",
-      "#FD8C73",
-      "#EC6547",
-      "#C4432B",
-      "#9E2F1C",
-      "#801F0F",
+      "#fff0eb",
+      "#ffd6cc",
+      "#ffb4a1",
+      "#fd8c73",
+      "#ec6547",
+      "#c4432b",
+      "#9e2f1c",
+      "#801f0f",
       "#691105",
       "#510901"
     ]

package/dist/ts/colors/light_colorblind.ts

@@ -361,6 +361,20 @@ export 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",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(255,255,255,0.95)"
     },
     "border": {
-      "active": "#FD8C73",
+      "active": "#fd8c73",
       "contrast": "rgba(27,31,36,0.1)"
     },
     "shadow": {
@@ -562,14 +576,14 @@ export default {
       "#4d0336"
     ],
     "coral": [
-      "#FFF0EB",
-      "#FFD6CC",
-      "#FFB4A1",
-      "#FD8C73",
-      "#EC6547",
-      "#C4432B",
-      "#9E2F1C",
-      "#801F0F",
+      "#fff0eb",
+      "#ffd6cc",
+      "#ffb4a1",
+      "#fd8c73",
+      "#ec6547",
+      "#c4432b",
+      "#9e2f1c",
+      "#801f0f",
       "#691105",
       "#510901"
     ]