@primer/primitives 7.5.1-rc.e5be394 → 7.6.0-rc.8feb85c

package/dist/js/colors/light_colorblind.js

@@ -11,16 +11,16 @@ exports.default = {
         "addition": {
             "numText": "#24292f",
             "fg": "#24292f",
-            "numBg": "rgba(53,173,255,0.4)",
-            "lineBg": "rgba(192,246,255,0.5)",
-            "wordBg": "rgba(53,173,255,0.4)"
+            "numBg": "rgba(84,174,255,0.4)",
+            "lineBg": "rgba(221,244,255,0.5)",
+            "wordBg": "rgba(84,174,255,0.4)"
         },
         "deletion": {
             "numText": "#24292f",
             "fg": "#24292f",
-            "numBg": "rgba(231,161,0,0.4)",
-            "lineBg": "rgba(254,254,72,0.5)",
-            "wordBg": "rgba(248,194,0,0.5)"
+            "numBg": "rgba(247,153,57,0.4)",
+            "lineBg": "rgba(255,245,232,0.5)",
+            "wordBg": "rgba(255,188,109,0.5)"
         },
         "hunk": {
             "numBg": "rgba(84,174,255,0.4)"
@@ -33,7 +33,7 @@ exports.default = {
     "diffstat": {
         "deletionBorder": "rgba(27,31,36,0.15)",
         "additionBorder": "rgba(27,31,36,0.15)",
-        "additionBg": "#0088ff"
+        "additionBg": "#218bff"
     },
     "searchKeyword": {
         "hl": "#fff8c5"
@@ -44,26 +44,26 @@ exports.default = {
             "constant": "#0550ae",
             "entity": "#8250df",
             "storageModifierImport": "#24292f",
-            "entityTag": "#054da9",
-            "keyword": "#ac5e00",
+            "entityTag": "#0550ae",
+            "keyword": "#b35900",
             "string": "#0a3069",
-            "variable": "#953800",
-            "brackethighlighterUnmatched": "#6c3900",
+            "variable": "#8a4600",
+            "brackethighlighterUnmatched": "#6f3800",
             "invalidIllegalText": "#f6f8fa",
-            "invalidIllegalBg": "#6c3900",
+            "invalidIllegalBg": "#6f3800",
             "carriageReturnText": "#f6f8fa",
-            "carriageReturnBg": "#ac5e00",
-            "stringRegexp": "#054da9",
+            "carriageReturnBg": "#b35900",
+            "stringRegexp": "#0550ae",
             "markupList": "#3b2300",
             "markupHeading": "#0550ae",
             "markupItalic": "#24292f",
             "markupBold": "#24292f",
-            "markupDeletedText": "#6c3900",
-            "markupDeletedBg": "#fefe48",
-            "markupInsertedText": "#054da9",
-            "markupInsertedBg": "#c0f6ff",
-            "markupChangedText": "#953800",
-            "markupChangedBg": "#ffd8b5",
+            "markupDeletedText": "#6f3800",
+            "markupDeletedBg": "#fff5e8",
+            "markupInsertedText": "#0550ae",
+            "markupInsertedBg": "#ddf4ff",
+            "markupChangedText": "#8a4600",
+            "markupChangedBg": "#ffddb0",
             "markupIgnoredText": "#eaeef2",
             "markupIgnoredBg": "#0550ae",
             "metaDiffRange": "#8250df",
@@ -88,11 +88,11 @@ exports.default = {
             "comment": "#24292f",
             "constant": "#0550ae",
             "entity": "#8250df",
-            "keyword": "#ac5e00",
-            "storage": "#ac5e00",
+            "keyword": "#b35900",
+            "storage": "#b35900",
             "string": "#0a3069",
             "support": "#0550ae",
-            "variable": "#953800"
+            "variable": "#8a4600"
         }
     },
     "checks": {
@@ -110,9 +110,9 @@ exports.default = {
         "inputFocusText": "#8c959f",
         "inputBg": "#32383f",
         "inputShadow": "none",
-        "donutError": "#d08002",
+        "donutError": "#dd7815",
         "donutPending": "#bf8700",
-        "donutSuccess": "#0088ff",
+        "donutSuccess": "#218bff",
         "donutNeutral": "#afb8c1",
         "dropdownText": "#afb8c1",
         "dropdownBg": "#32383f",
@@ -139,29 +139,29 @@ exports.default = {
         "gateText": "#d0d7de",
         "gateWaitingText": "#d4a72c",
         "stepHeaderOpenBg": "#32383f",
-        "stepErrorText": "#e7a100",
+        "stepErrorText": "#f79939",
         "stepWarningText": "#d4a72c",
         "loglineText": "#8c959f",
         "loglineNumText": "rgba(140,149,159,0.75)",
         "loglineDebugText": "#c297ff",
         "loglineErrorText": "#d0d7de",
-        "loglineErrorNumText": "#e7a100",
-        "loglineErrorBg": "rgba(139,70,0,0.15)",
+        "loglineErrorNumText": "#f79939",
+        "loglineErrorBg": "rgba(138,70,0,0.15)",
         "loglineWarningText": "#d0d7de",
         "loglineWarningNumText": "#d4a72c",
         "loglineWarningBg": "rgba(125,78,0,0.15)",
         "loglineCommandText": "#54aeff",
-        "loglineSectionText": "#35adff",
+        "loglineSectionText": "#54aeff",
         "ansi": {
             "black": "#24292f",
             "blackBright": "#32383f",
             "white": "#d0d7de",
             "whiteBright": "#d0d7de",
             "gray": "#8c959f",
-            "red": "#e7a100",
-            "redBright": "#f8c200",
-            "green": "#35adff",
-            "greenBright": "#65ccff",
+            "red": "#f79939",
+            "redBright": "#ffbc6d",
+            "green": "#54aeff",
+            "greenBright": "#80ccff",
             "yellow": "#d4a72c",
             "yellowBright": "#eac54f",
             "blue": "#54aeff",
@@ -238,10 +238,10 @@ exports.default = {
         "white": "#6e7781",
         "whiteBright": "#8c959f",
         "gray": "#6e7781",
-        "red": "#ac5e00",
-        "redBright": "#8b4600",
-        "green": "#054da9",
-        "greenBright": "#0566d5",
+        "red": "#b35900",
+        "redBright": "#8a4600",
+        "green": "#0550ae",
+        "greenBright": "#0969da",
         "yellow": "#4d2d00",
         "yellowBright": "#633c01",
         "blue": "#0969da",
@@ -270,20 +270,20 @@ exports.default = {
         "counterBg": "rgba(27,31,36,0.08)",
         "primary": {
             "text": "#ffffff",
-            "bg": "#0088ff",
+            "bg": "#218bff",
             "border": "rgba(27,31,36,0.15)",
             "shadow": "0 1px 0 rgba(27,31,36,0.1)",
             "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-            "hoverBg": "#0566d5",
+            "hoverBg": "#0969da",
             "hoverBorder": "rgba(27,31,36,0.15)",
-            "selectedBg": "hsla(212,95%,41%,1)",
-            "selectedShadow": "inset 0 1px 0 rgba(0,31,80,0.2)",
+            "selectedBg": "hsla(212,92%,43%,1)",
+            "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
             "disabledText": "rgba(255,255,255,0.8)",
-            "disabledBg": "#65ccff",
+            "disabledBg": "#80ccff",
             "disabledBorder": "rgba(27,31,36,0.15)",
-            "focusBg": "#0088ff",
+            "focusBg": "#218bff",
             "focusBorder": "rgba(27,31,36,0.15)",
-            "focusShadow": "0 0 0 3px rgba(0,136,255,0.4)",
+            "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
             "icon": "rgba(255,255,255,0.8)",
             "counterBg": "rgba(255,255,255,0.2)"
         },
@@ -307,24 +307,24 @@ exports.default = {
             "counterBg": "rgba(9,105,218,0.1)"
         },
         "danger": {
-            "text": "#ac5e00",
+            "text": "#b35900",
             "hoverText": "#ffffff",
-            "hoverBg": "#8b4600",
+            "hoverBg": "#8a4600",
             "hoverBorder": "rgba(27,31,36,0.15)",
             "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
             "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
             "hoverCounterBg": "rgba(255,255,255,0.2)",
             "selectedText": "#ffffff",
-            "selectedBg": "hsla(33,100%,31%,1)",
+            "selectedBg": "hsla(30,100%,32%,1)",
             "selectedBorder": "rgba(27,31,36,0.15)",
-            "selectedShadow": "inset 0 1px 0 rgba(47,41,0,0.2)",
-            "disabledText": "rgba(172,94,0,0.5)",
+            "selectedShadow": "inset 0 1px 0 rgba(65,32,0,0.2)",
+            "disabledText": "rgba(179,89,0,0.5)",
             "disabledBg": "#f6f8fa",
-            "disabledCounterBg": "rgba(172,94,0,0.05)",
+            "disabledCounterBg": "rgba(179,89,0,0.05)",
             "focusBorder": "rgba(27,31,36,0.15)",
-            "focusShadow": "0 0 0 3px rgba(139,70,0,0.4)",
-            "counterBg": "rgba(172,94,0,0.1)",
-            "icon": "#ac5e00",
+            "focusShadow": "0 0 0 3px rgba(138,70,0,0.4)",
+            "counterBg": "rgba(179,89,0,0.1)",
+            "icon": "#b35900",
             "hoverIcon": "#ffffff"
         }
     },
@@ -342,9 +342,25 @@ exports.default = {
             "selectedBg": "rgba(208,215,222,0.24)"
         },
         "danger": {
-            "hoverBg": "rgba(254,254,72,0.64)",
-            "activeBg": "#fefe48",
-            "hoverText": "#ac5e00"
+            "hoverBg": "rgba(255,245,232,0.64)",
+            "activeBg": "#fff5e8",
+            "hoverText": "#b35900"
+        }
+    },
+    "switchTrack": {
+        "bg": "#eaeef2",
+        "border": "#afb8c1",
+        "checked": {
+            "bg": "#ddf4ff",
+            "hoverBg": "#b6e3ff",
+            "activeBg": "#80ccff",
+            "border": "#54aeff"
+        }
+    },
+    "switchKnob": {
+        "checked": {
+            "bg": "#0969da",
+            "disabledBg": "#6e7781"
         }
     },
     "fg": {
@@ -383,10 +399,10 @@ exports.default = {
         "subtle": "#ddf4ff"
     },
     "success": {
-        "fg": "#0566d5",
-        "emphasis": "#0088ff",
-        "muted": "rgba(53,173,255,0.4)",
-        "subtle": "#c0f6ff"
+        "fg": "#0969da",
+        "emphasis": "#218bff",
+        "muted": "rgba(84,174,255,0.4)",
+        "subtle": "#ddf4ff"
     },
     "attention": {
         "fg": "#9a6700",
@@ -395,22 +411,22 @@ exports.default = {
         "subtle": "#fff8c5"
     },
     "severe": {
-        "fg": "#bc4c00",
-        "emphasis": "#bc4c00",
-        "muted": "rgba(251,143,68,0.4)",
-        "subtle": "#fff1e5"
+        "fg": "#b35900",
+        "emphasis": "#b35900",
+        "muted": "rgba(247,153,57,0.4)",
+        "subtle": "#fff5e8"
     },
     "danger": {
-        "fg": "#ac5e00",
-        "emphasis": "#ac5e00",
-        "muted": "rgba(231,161,0,0.4)",
-        "subtle": "#fefe48"
+        "fg": "#b35900",
+        "emphasis": "#b35900",
+        "muted": "rgba(247,153,57,0.4)",
+        "subtle": "#fff5e8"
     },
     "open": {
-        "fg": "#bc4c00",
-        "emphasis": "#e16f24",
-        "muted": "rgba(251,143,68,0.4)",
-        "subtle": "#fff1e5"
+        "fg": "#b35900",
+        "emphasis": "#dd7815",
+        "muted": "rgba(247,153,57,0.4)",
+        "subtle": "#fff5e8"
     },
     "closed": {
         "fg": "#6e7781",
@@ -476,16 +492,16 @@ exports.default = {
             "#002155"
         ],
         "green": [
-            "#c0f6ff",
-            "#96e5ff",
-            "#65ccff",
-            "#35adff",
-            "#0088ff",
-            "#0566d5",
-            "#054da9",
-            "#033a86",
-            "#002d68",
-            "#001f50"
+            "#ddf4ff",
+            "#b6e3ff",
+            "#80ccff",
+            "#54aeff",
+            "#218bff",
+            "#0969da",
+            "#0550ae",
+            "#033d8b",
+            "#0a3069",
+            "#002155"
         ],
         "yellow": [
             "#fff8c5",
@@ -500,28 +516,28 @@ exports.default = {
             "#3b2300"
         ],
         "orange": [
-            "#fff1e5",
-            "#ffd8b5",
-            "#ffb77c",
-            "#fb8f44",
-            "#e16f24",
-            "#bc4c00",
-            "#953800",
-            "#762c00",
-            "#5c2200",
-            "#471700"
+            "#fff5e8",
+            "#ffddb0",
+            "#ffbc6d",
+            "#f79939",
+            "#dd7815",
+            "#b35900",
+            "#8a4600",
+            "#6f3800",
+            "#572c00",
+            "#412000"
         ],
         "red": [
-            "#fefe48",
-            "#fee325",
-            "#f8c200",
-            "#e7a100",
-            "#d08002",
-            "#ac5e00",
-            "#8b4600",
-            "#6c3900",
-            "#4c3100",
-            "#2f2900"
+            "#fff5e8",
+            "#ffddb0",
+            "#ffbc6d",
+            "#f79939",
+            "#dd7815",
+            "#b35900",
+            "#8a4600",
+            "#6f3800",
+            "#572c00",
+            "#412000"
         ],
         "purple": [
             "#fbefff",

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

@@ -345,6 +345,22 @@ declare const _default: {
             hoverText: string;
         };
     };
+    switchTrack: {
+        bg: string;
+        border: string;
+        checked: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            border: string;
+        };
+    };
+    switchKnob: {
+        checked: {
+            bg: string;
+            disabledBg: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/light_high_contrast.js

@@ -347,6 +347,22 @@ exports.default = {
             "hoverText": "#ffffff"
         }
     },
+    "switchTrack": {
+        "bg": "#ffffff",
+        "border": "#20252C",
+        "checked": {
+            "bg": "#dff7ff",
+            "hoverBg": "#9cd7ff",
+            "activeBg": "#67b3fd",
+            "border": "#0349b4"
+        }
+    },
+    "switchKnob": {
+        "checked": {
+            "bg": "#0349b4",
+            "disabledBg": "#66707B"
+        }
+    },
     "fg": {
         "default": "#0E1116",
         "muted": "#0E1116",

package/dist/js/index.d.ts

@@ -347,6 +347,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -809,6 +825,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1271,6 +1303,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1733,6 +1781,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2195,6 +2259,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2657,6 +2737,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -3119,6 +3215,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;

package/dist/json/colors/dark.json

@@ -75,7 +75,7 @@
     "bg": "#0d1117",
     "guttersBg": "#0d1117",
     "guttermarkerText": "#0d1117",
-    "guttermarkerSubtleText": "#484f58",
+    "guttermarkerSubtleText": "#6e7681",
     "linenumberText": "#8b949e",
     "cursor": "#c9d1d9",
     "selectionBg": "rgba(56,139,253,0.4)",
@@ -104,7 +104,7 @@
     "btnHoverIcon": "#c9d1d9",
     "btnHoverBg": "rgba(110,118,129,0.1)",
     "inputText": "#8b949e",
-    "inputPlaceholderText": "#484f58",
+    "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
     "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@
     "headerBorder": "#21262d",
     "headerIcon": "#8b949e",
     "lineText": "#8b949e",
-    "lineNumText": "#484f58",
-    "lineTimestampText": "#484f58",
+    "lineNumText": "#6e7681",
+    "lineTimestampText": "#6e7681",
     "lineHoverBg": "rgba(110,118,129,0.1)",
     "lineSelectedBg": "rgba(56,139,253,0.15)",
     "lineSelectedNumText": "#58a6ff",
@@ -140,10 +140,10 @@
     "stepErrorText": "#f85149",
     "stepWarningText": "#d29922",
     "loglineText": "#8b949e",
-    "loglineNumText": "#484f58",
+    "loglineNumText": "#6e7681",
     "loglineDebugText": "#a371f7",
     "loglineErrorText": "#8b949e",
-    "loglineErrorNumText": "#484f58",
+    "loglineErrorNumText": "#6e7681",
     "loglineErrorBg": "rgba(248,81,73,0.15)",
     "loglineWarningText": "#8b949e",
     "loglineWarningNumText": "#d29922",
@@ -327,7 +327,7 @@
     }
   },
   "underlinenav": {
-    "icon": "#484f58",
+    "icon": "#6e7681",
     "borderHover": "rgba(110,118,129,0.4)"
   },
   "actionListItem": {
@@ -345,10 +345,26 @@
       "hoverText": "#ff7b72"
     }
   },
+  "switchTrack": {
+    "bg": "#010409",
+    "border": "#6e7681",
+    "checked": {
+      "bg": "rgba(31,111,235,0.35)",
+      "hoverBg": "rgba(31,111,235,0.5)",
+      "activeBg": "rgba(31,111,235,0.65)",
+      "border": "#58a6ff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#1f6feb",
+      "disabledBg": "#484f58"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
-    "subtle": "#484f58",
+    "subtle": "#6e7681",
     "onEmphasis": "#ffffff"
   },
   "canvas": {