@primer/primitives 7.8.4 → 7.9.0-rc.5ddc3c4

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",

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",

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",

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",

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",

package/dist/json/colors/light.json

@@ -361,6 +361,20 @@
       "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",

package/dist/json/colors/light_colorblind.json

@@ -361,6 +361,20 @@
       "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",

package/dist/json/colors/light_high_contrast.json

@@ -361,6 +361,20 @@
       "disabledBg": "#66707B"
     }
   },
+  "segmentedControl": {
+    "bg": "#E7ECF0",
+    "button": {
+      "hover": {
+        "bg": "rgba(172,182,192,0.2)"
+      },
+      "active": {
+        "bg": "rgba(172,182,192,0.4)"
+      },
+      "selected": {
+        "border": "#66707B"
+      }
+    }
+  },
   "fg": {
     "default": "#0E1116",
     "muted": "#0E1116",

package/dist/json/colors/light_tritanopia.json

@@ -361,6 +361,20 @@
       "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",

package/dist/scss/colors/_dark.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #58a6ff;
     --color-switch-knob-checked-bg: #1f6feb;
     --color-switch-knob-checked-disabled-bg: #484f58;
+    --color-segmented-control-bg: #161b22;
+    --color-segmented-control-button-hover-bg: #30363d;
+    --color-segmented-control-button-active-bg: #21262d;
+    --color-segmented-control-button-selected-border: #6e7681;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_colorblind.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #58a6ff;
     --color-switch-knob-checked-bg: #1f6feb;
     --color-switch-knob-checked-disabled-bg: #484f58;
+    --color-segmented-control-bg: #161b22;
+    --color-segmented-control-button-hover-bg: #30363d;
+    --color-segmented-control-button-active-bg: #21262d;
+    --color-segmented-control-button-selected-border: #6e7681;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_dimmed.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #539bf5;
     --color-switch-knob-checked-bg: #316dca;
     --color-switch-knob-checked-disabled-bg: #545d68;
+    --color-segmented-control-bg: #2d333b;
+    --color-segmented-control-button-hover-bg: #444c56;
+    --color-segmented-control-button-active-bg: #373e47;
+    --color-segmented-control-button-selected-border: #636e7b;
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
     --color-fg-subtle: #636e7b;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #409eff;
     --color-switch-knob-checked-bg: #409eff;
     --color-switch-knob-checked-disabled-bg: #7a828e;
+    --color-segmented-control-bg: #272b33;
+    --color-segmented-control-button-hover-bg: #525964;
+    --color-segmented-control-button-active-bg: #272b33;
+    --color-segmented-control-button-selected-border: #9ea7b3;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
     --color-fg-subtle: #9ea7b3;

package/dist/scss/colors/_dark_tritanopia.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #58a6ff;
     --color-switch-knob-checked-bg: #1f6feb;
     --color-switch-knob-checked-disabled-bg: #484f58;
+    --color-segmented-control-bg: #161b22;
+    --color-segmented-control-button-hover-bg: #30363d;
+    --color-segmented-control-button-active-bg: #21262d;
+    --color-segmented-control-button-selected-border: #6e7681;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_light.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #54aeff;
     --color-switch-knob-checked-bg: #0969da;
     --color-switch-knob-checked-disabled-bg: #6e7781;
+    --color-segmented-control-bg: #eaeef2;
+    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
+    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
+    --color-segmented-control-button-selected-border: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #54aeff;
     --color-switch-knob-checked-bg: #0969da;
     --color-switch-knob-checked-disabled-bg: #6e7781;
+    --color-segmented-control-bg: #eaeef2;
+    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
+    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
+    --color-segmented-control-button-selected-border: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_high_contrast.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #0349b4;
     --color-switch-knob-checked-bg: #0349b4;
     --color-switch-knob-checked-disabled-bg: #66707B;
+    --color-segmented-control-bg: #E7ECF0;
+    --color-segmented-control-button-hover-bg: rgba(172,182,192,0.2);
+    --color-segmented-control-button-active-bg: rgba(172,182,192,0.4);
+    --color-segmented-control-button-selected-border: #66707B;
     --color-fg-default: #0E1116;
     --color-fg-muted: #0E1116;
     --color-fg-subtle: #66707B;

package/dist/scss/colors/_light_tritanopia.scss

@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #54aeff;
     --color-switch-knob-checked-bg: #0969da;
     --color-switch-knob-checked-disabled-bg: #6e7781;
+    --color-segmented-control-bg: #eaeef2;
+    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
+    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
+    --color-segmented-control-button-selected-border: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/ts/colors/dark.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",

package/dist/ts/colors/dark_colorblind.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",

package/dist/ts/colors/dark_dimmed.ts

@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#545d68"
     }
   },
+  "segmentedControl": {
+    "bg": "#2d333b",
+    "button": {
+      "hover": {
+        "bg": "#444c56"
+      },
+      "active": {
+        "bg": "#373e47"
+      },
+      "selected": {
+        "border": "#636e7b"
+      }
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

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",

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",

package/dist/ts/colors/light.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",

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",

package/dist/ts/colors/light_high_contrast.ts

@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#66707B"
     }
   },
+  "segmentedControl": {
+    "bg": "#E7ECF0",
+    "button": {
+      "hover": {
+        "bg": "rgba(172,182,192,0.2)"
+      },
+      "active": {
+        "bg": "rgba(172,182,192,0.4)"
+      },
+      "selected": {
+        "border": "#66707B"
+      }
+    }
+  },
   "fg": {
     "default": "#0E1116",
     "muted": "#0E1116",

package/dist/ts/colors/light_tritanopia.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",