@primer/primitives 7.8.4 → 7.9.0

package/dist/js/colors/light.js

@@ -11,15 +11,15 @@ exports.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": {
@@ -59,7 +59,7 @@ exports.default = {
             "markupItalic": "#24292f",
             "markupBold": "#24292f",
             "markupDeletedText": "#82071e",
-            "markupDeletedBg": "#FFEBE9",
+            "markupDeletedBg": "#ffebe9",
             "markupInsertedText": "#116329",
             "markupInsertedBg": "#dafbe1",
             "markupChangedText": "#953800",
@@ -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",
@@ -420,7 +434,7 @@ exports.default = {
         "fg": "#cf222e",
         "emphasis": "#cf222e",
         "muted": "rgba(255,129,130,0.4)",
-        "subtle": "#FFEBE9"
+        "subtle": "#ffebe9"
     },
     "open": {
         "fg": "#1a7f37",
@@ -432,7 +446,7 @@ exports.default = {
         "fg": "#cf222e",
         "emphasis": "#cf222e",
         "muted": "rgba(255,129,130,0.4)",
-        "subtle": "#FFEBE9"
+        "subtle": "#ffebe9"
     },
     "done": {
         "fg": "#8250df",
@@ -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": {
@@ -528,7 +542,7 @@ exports.default = {
             "#471700"
         ],
         "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/colors/light_colorblind.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_colorblind.js

@@ -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",
@@ -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": {
@@ -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/colors/light_high_contrast.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_high_contrast.js

@@ -9,16 +9,16 @@ exports.default = {
     },
     "diffBlob": {
         "addition": {
-            "numText": "#0E1116",
+            "numText": "#0e1116",
             "fg": "#ffffff",
-            "numBg": "#CCFFD8",
-            "lineBg": "#E6FFEC",
+            "numBg": "#ccffd8",
+            "lineBg": "#e6ffec",
             "wordBg": "#055d20"
         },
         "deletion": {
-            "numText": "#0E1116",
+            "numText": "#0e1116",
             "fg": "#ffffff",
-            "numBg": "#FFD7D5",
+            "numBg": "#ffd7d5",
             "lineBg": "#fff0ee",
             "wordBg": "#a0111f"
         },
@@ -26,7 +26,7 @@ exports.default = {
             "numBg": "#9cd7ff"
         },
         "expander": {
-            "icon": "#0E1116"
+            "icon": "#0e1116"
         },
         "selectedLineHighlightMixBlendMode": "multiply"
     },
@@ -40,52 +40,52 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#66707B",
+            "comment": "#66707b",
             "constant": "#023b95",
             "entity": "#622cbc",
-            "storageModifierImport": "#0E1116",
+            "storageModifierImport": "#0e1116",
             "entityTag": "#024c1a",
             "keyword": "#a0111f",
             "string": "#032563",
             "variable": "#702c00",
             "brackethighlighterUnmatched": "#6e011a",
-            "invalidIllegalText": "#FFFFFF",
+            "invalidIllegalText": "#ffffff",
             "invalidIllegalBg": "#6e011a",
-            "carriageReturnText": "#FFFFFF",
+            "carriageReturnText": "#ffffff",
             "carriageReturnBg": "#a0111f",
             "stringRegexp": "#024c1a",
             "markupList": "#2e1800",
             "markupHeading": "#023b95",
-            "markupItalic": "#0E1116",
-            "markupBold": "#0E1116",
+            "markupItalic": "#0e1116",
+            "markupBold": "#0e1116",
             "markupDeletedText": "#6e011a",
             "markupDeletedBg": "#fff0ee",
             "markupInsertedText": "#024c1a",
             "markupInsertedBg": "#d2fedb",
             "markupChangedText": "#702c00",
             "markupChangedBg": "#ffc67b",
-            "markupIgnoredText": "#E7ECF0",
+            "markupIgnoredText": "#e7ecf0",
             "markupIgnoredBg": "#023b95",
             "metaDiffRange": "#622cbc",
-            "brackethighlighterAngle": "#4B535D",
-            "sublimelinterGutterMark": "#88929D",
+            "brackethighlighterAngle": "#4b535d",
+            "sublimelinterGutterMark": "#88929d",
             "constantOtherReferenceLink": "#032563"
         }
     },
     "codemirror": {
-        "text": "#0E1116",
+        "text": "#0e1116",
         "bg": "#ffffff",
         "guttersBg": "#ffffff",
         "guttermarkerText": "#ffffff",
-        "guttermarkerSubtleText": "#66707B",
-        "linenumberText": "#0E1116",
-        "cursor": "#0E1116",
+        "guttermarkerSubtleText": "#66707b",
+        "linenumberText": "#0e1116",
+        "cursor": "#0e1116",
         "selectionBg": "#368cf9",
-        "activelineBg": "#E7ECF0",
-        "matchingbracketText": "#0E1116",
+        "activelineBg": "#e7ecf0",
+        "matchingbracketText": "#0e1116",
         "linesBg": "#ffffff",
         "syntax": {
-            "comment": "#0E1116",
+            "comment": "#0e1116",
             "constant": "#023b95",
             "entity": "#622cbc",
             "keyword": "#a0111f",
@@ -96,68 +96,68 @@ exports.default = {
         }
     },
     "checks": {
-        "bg": "#0E1116",
+        "bg": "#0e1116",
         "runBorderWidth": "0px",
         "containerBorderWidth": "0px",
-        "textPrimary": "#FFFFFF",
-        "textSecondary": "#88929D",
+        "textPrimary": "#ffffff",
+        "textSecondary": "#88929d",
         "textLink": "#368cf9",
-        "btnIcon": "#ACB6C0",
-        "btnHoverIcon": "#FFFFFF",
+        "btnIcon": "#acb6c0",
+        "btnHoverIcon": "#ffffff",
         "btnHoverBg": "rgba(255,255,255,0.125)",
-        "inputText": "#E7ECF0",
-        "inputPlaceholderText": "#88929D",
-        "inputFocusText": "#88929D",
-        "inputBg": "#20252C",
+        "inputText": "#e7ecf0",
+        "inputPlaceholderText": "#88929d",
+        "inputFocusText": "#88929d",
+        "inputBg": "#20252c",
         "inputShadow": "none",
         "donutError": "#d5232c",
         "donutPending": "#956400",
         "donutSuccess": "#117f32",
-        "donutNeutral": "#ACB6C0",
-        "dropdownText": "#ACB6C0",
-        "dropdownBg": "#20252C",
-        "dropdownBorder": "#343B43",
+        "donutNeutral": "#acb6c0",
+        "dropdownText": "#acb6c0",
+        "dropdownBg": "#20252c",
+        "dropdownBorder": "#343b43",
         "dropdownShadow": "rgba(1,4,9,0.3)",
-        "dropdownHoverText": "#FFFFFF",
-        "dropdownHoverBg": "#343B43",
-        "dropdownBtnHoverText": "#FFFFFF",
-        "dropdownBtnHoverBg": "#20252C",
-        "scrollbarThumbBg": "#4B535D",
-        "headerLabelText": "#CED5DC",
-        "headerLabelOpenText": "#FFFFFF",
-        "headerBorder": "#20252C",
-        "headerIcon": "#88929D",
-        "lineText": "#CED5DC",
+        "dropdownHoverText": "#ffffff",
+        "dropdownHoverBg": "#343b43",
+        "dropdownBtnHoverText": "#ffffff",
+        "dropdownBtnHoverBg": "#20252c",
+        "scrollbarThumbBg": "#4b535d",
+        "headerLabelText": "#ced5dc",
+        "headerLabelOpenText": "#ffffff",
+        "headerBorder": "#20252c",
+        "headerIcon": "#88929d",
+        "lineText": "#ced5dc",
         "lineNumText": "rgba(136,146,157,0.75)",
-        "lineTimestampText": "#88929D",
-        "lineHoverBg": "#20252C",
+        "lineTimestampText": "#88929d",
+        "lineHoverBg": "#20252c",
         "lineSelectedBg": "rgba(17,104,227,0.15)",
         "lineSelectedNumText": "#368cf9",
-        "lineDtFmText": "#0E1116",
+        "lineDtFmText": "#0e1116",
         "lineDtFmBg": "#744500",
         "gateBg": "rgba(96,55,0,0.15)",
-        "gateText": "#CED5DC",
+        "gateText": "#ced5dc",
         "gateWaitingText": "#b58407",
-        "stepHeaderOpenBg": "#20252C",
+        "stepHeaderOpenBg": "#20252c",
         "stepErrorText": "#ee5a5d",
         "stepWarningText": "#b58407",
-        "loglineText": "#88929D",
+        "loglineText": "#88929d",
         "loglineNumText": "rgba(136,146,157,0.75)",
         "loglineDebugText": "#a371f7",
-        "loglineErrorText": "#CED5DC",
+        "loglineErrorText": "#ced5dc",
         "loglineErrorNumText": "#ee5a5d",
         "loglineErrorBg": "rgba(134,6,29,0.15)",
-        "loglineWarningText": "#CED5DC",
+        "loglineWarningText": "#ced5dc",
         "loglineWarningNumText": "#b58407",
         "loglineWarningBg": "rgba(96,55,0,0.15)",
         "loglineCommandText": "#368cf9",
         "loglineSectionText": "#26a148",
         "ansi": {
-            "black": "#0E1116",
-            "blackBright": "#20252C",
-            "white": "#CED5DC",
-            "whiteBright": "#CED5DC",
-            "gray": "#88929D",
+            "black": "#0e1116",
+            "blackBright": "#20252c",
+            "white": "#ced5dc",
+            "whiteBright": "#ced5dc",
+            "gray": "#88929d",
             "red": "#ee5a5d",
             "redBright": "#ff8e8a",
             "green": "#26a148",
@@ -173,7 +173,7 @@ exports.default = {
         }
     },
     "project": {
-        "headerBg": "#0E1116",
+        "headerBg": "#0e1116",
         "sidebarBg": "#ffffff",
         "gradientIn": "#ffffff",
         "gradientOut": "rgba(255,255,255,0)"
@@ -192,15 +192,15 @@ exports.default = {
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(1,4,9,0.8)",
-        "stackFade": "#ACB6C0",
-        "stackFadeMore": "#CED5DC",
+        "stackFade": "#acb6c0",
+        "stackFadeMore": "#ced5dc",
         "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
     },
     "topicTag": {
         "border": "#0349b4"
     },
     "counter": {
-        "border": "#20252C"
+        "border": "#20252c"
     },
     "selectMenu": {
         "backdropBorder": "rgba(0,0,0,0)",
@@ -212,13 +212,13 @@ exports.default = {
     },
     "header": {
         "text": "rgba(255,255,255,0.7)",
-        "bg": "#0E1116",
-        "divider": "#ACB6C0",
+        "bg": "#0e1116",
+        "divider": "#acb6c0",
         "logo": "#ffffff"
     },
     "headerSearch": {
-        "bg": "#0E1116",
-        "border": "#4B535D"
+        "bg": "#0e1116",
+        "border": "#4b535d"
     },
     "sidenav": {
         "selectedBg": "#ffffff"
@@ -230,14 +230,14 @@ exports.default = {
         "disabledBg": "rgba(172,182,192,0.2)"
     },
     "timeline": {
-        "badgeBg": "#E7ECF0"
+        "badgeBg": "#e7ecf0"
     },
     "ansi": {
-        "black": "#0E1116",
-        "blackBright": "#4B535D",
-        "white": "#66707B",
-        "whiteBright": "#88929D",
-        "gray": "#66707B",
+        "black": "#0e1116",
+        "blackBright": "#4b535d",
+        "white": "#66707b",
+        "whiteBright": "#88929d",
+        "gray": "#66707b",
         "red": "#a0111f",
         "redBright": "#86061d",
         "green": "#024c1a",
@@ -252,17 +252,17 @@ exports.default = {
         "cyanBright": "#3192aa"
     },
     "btn": {
-        "text": "#0E1116",
-        "bg": "#E7ECF0",
+        "text": "#0e1116",
+        "bg": "#e7ecf0",
         "border": "rgba(1,4,9,0.8)",
         "shadow": "0 1px 0 rgba(1,4,9,0.04)",
         "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
-        "hoverBg": "#CED5DC",
+        "hoverBg": "#ced5dc",
         "hoverBorder": "rgba(1,4,9,0.8)",
-        "activeBg": "#ACB6C0",
+        "activeBg": "#acb6c0",
         "activeBorder": "rgba(1,4,9,0.8)",
-        "selectedBg": "#ACB6C0",
-        "focusBg": "#CED5DC",
+        "selectedBg": "#acb6c0",
+        "focusBg": "#ced5dc",
         "focusBorder": "rgba(1,4,9,0.8)",
         "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
         "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
@@ -300,7 +300,7 @@ exports.default = {
             "selectedBorder": "#022f7a",
             "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
             "disabledText": "rgba(3,73,180,0.5)",
-            "disabledBg": "#E7ECF0",
+            "disabledBg": "#e7ecf0",
             "disabledCounterBg": "rgba(3,73,180,0.05)",
             "focusBorder": "#022f7a",
             "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
@@ -319,7 +319,7 @@ exports.default = {
             "selectedBorder": "#6e011a",
             "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
             "disabledText": "rgba(160,17,31,0.5)",
-            "disabledBg": "#E7ECF0",
+            "disabledBg": "#e7ecf0",
             "disabledCounterBg": "rgba(160,17,31,0.05)",
             "focusBorder": "#6e011a",
             "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
@@ -329,17 +329,17 @@ exports.default = {
         }
     },
     "underlinenav": {
-        "icon": "#66707B",
+        "icon": "#66707b",
         "borderHover": "rgba(172,182,192,0.2)"
     },
     "actionListItem": {
-        "inlineDivider": "#88929D",
+        "inlineDivider": "#88929d",
         "default": {
-            "hoverBg": "#E7ECF0",
-            "hoverBorder": "#88929D",
-            "activeBg": "#CED5DC",
-            "activeBorder": "#20252C",
-            "selectedBg": "#CED5DC"
+            "hoverBg": "#e7ecf0",
+            "hoverBorder": "#88929d",
+            "activeBg": "#ced5dc",
+            "activeBorder": "#20252c",
+            "selectedBg": "#ced5dc"
         },
         "danger": {
             "hoverBg": "#a0111f",
@@ -349,7 +349,7 @@ exports.default = {
     },
     "switchTrack": {
         "bg": "#ffffff",
-        "border": "#20252C",
+        "border": "#20252c",
         "checked": {
             "bg": "#dff7ff",
             "hoverBg": "#9cd7ff",
@@ -360,24 +360,38 @@ exports.default = {
     "switchKnob": {
         "checked": {
             "bg": "#0349b4",
-            "disabledBg": "#66707B"
+            "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",
-        "subtle": "#66707B",
+        "default": "#0e1116",
+        "muted": "#0e1116",
+        "subtle": "#66707b",
         "onEmphasis": "#ffffff"
     },
     "canvas": {
         "default": "#ffffff",
         "overlay": "#ffffff",
         "inset": "#ffffff",
-        "subtle": "#E7ECF0"
+        "subtle": "#e7ecf0"
     },
     "border": {
-        "default": "#20252C",
-        "muted": "#88929D",
+        "default": "#20252c",
+        "muted": "#88929d",
         "subtle": "rgba(1,4,9,0.8)"
     },
     "shadow": {
@@ -387,10 +401,10 @@ exports.default = {
         "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
     },
     "neutral": {
-        "emphasisPlus": "#0E1116",
-        "emphasis": "#66707B",
+        "emphasisPlus": "#0e1116",
+        "emphasis": "#66707b",
         "muted": "rgba(172,182,192,0.2)",
-        "subtle": "#E7ECF0"
+        "subtle": "#e7ecf0"
     },
     "accent": {
         "fg": "#0349b4",
@@ -448,7 +462,7 @@ exports.default = {
     },
     "primer": {
         "fg": {
-            "disabled": "#88929D"
+            "disabled": "#88929d"
         },
         "canvas": {
             "backdrop": "rgba(1,4,9,0.5)",
@@ -468,16 +482,16 @@ exports.default = {
         "black": "#010409",
         "white": "#ffffff",
         "gray": [
-            "#FFFFFF",
-            "#E7ECF0",
-            "#CED5DC",
-            "#ACB6C0",
-            "#88929D",
-            "#66707B",
-            "#4B535D",
-            "#343B43",
-            "#20252C",
-            "#0E1116"
+            "#ffffff",
+            "#e7ecf0",
+            "#ced5dc",
+            "#acb6c0",
+            "#88929d",
+            "#66707b",
+            "#4b535d",
+            "#343b43",
+            "#20252c",
+            "#0e1116"
         ],
         "blue": [
             "#dff7ff",